/* my sloppy sloppy css*/

body {
	font-size: 10pt;
	color: #555;
	font-family: monospace;
	text-align: left;
	background-image: url(images/bg_bg.gif);
}
a {
	color: #555;
}
#webcam_icon{
	position:relative;
	top:-2px;
	left:-2px;
	width:20px;
	height:15px;
	float:left;
	margin-right:5px;
	background-image: url(images/webcam_icon2.gif);
	background-repeat:no-repeat;
	
}
#header_forms {
	margin-top: 20px;
	width: 100%;
	height: 96.5%;
	overflow: auto;
	cursor: pointer
}
#headshot_img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}
#img_panel, #hex_panel, #key_panel, #photo_panel {
	border: 1px solid #444;
	position: absolute;
	top: 15px;
	background: #fff;
}

.buttons{
	cursor:pointer;
	float:left;
	width:75px;
	padding:3px;
	margin-right:3px;
	background-image:url(images/pixel_l.gif);
	background-image:url(images/pixel_d.gif);
	border:1px solid #666;
	text-align:center;
	color:#fff;
	}
	
.buttons:hover{	
	background-image:url(images/pixel_l.gif);
	border:1px solid #444;
	color:#000;	
	}
#btn_cancel{float:right;}	

#cam_window{border:1px solid #000;width:640px;height:480px;margin-bottom:5px;}

#photo_panel {
	background-image:url(images/pixel_title_bar.gif);
	width: 645px;
	height: 515px;
	padding: 5pt;
	padding-top: 25px;
	left: 385px;
	font-size: 8pt;
	z-index:888;
}

#hex_panel {
	left: 10px;
	width: 355px;
	height: 546px;
}
#hex_options{
	position:absolute;left:-3px;bottom:-9px;height:10px;
}
.reset_btn{
	border:1px solid #444;border-top:0px;font-size:8pt;
	
}
.reset_btn:hover{
	text-decoration:underline;
}
#img_panel {
	width: 500px;
	height: 375px;
	left: 385px;
}
#key_panel {
	width: 225px;
	height: 425px;
	padding: 5pt;
	padding-top: 25px;
	left: 905px;
	font-size: 8pt;
}
#key_legand {
	height: 10px;
	width: 175px;
	margin: 0 5px 5px 5px;
	padding: 4px;
	vertical-align: middle;
}

#key_legand:hover{background:#F7FAC9;}

#key_color {
	width: 10px;
	height: 100%;
	float: left;
	position: relative;
}


#handle_bar {
	color: #fff;
}
.bar_title {
	background: #444;
	border: 1px solid #666;
	border-left:0px;
	padding: 5px;
	margin-left: 0px;
	background-image: url(images/pixel_title_bar.gif);
}

#moreinfo_content, #broken_image_content {
	margin-top: 25px;
	padding: 10px;
	width: 100%;
}
#moreinfo_hidden, #broken_image {
	background-image: url(images/pixel_title_bar.gif);
	color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	border: 1px solid #444;
}
#broken_image {
	z-index: 900;
	padding:5px;
	
}
#broken_image_content {
	font-size: 36pt;
}
#loader, #loader_cam {
	position: absolute;
	top: 25px;
	left: 5px;
	z-index: 900;
}

#loader_cam{top:35px; left:10px;}


/* DynDiv 0.5 by Markus Bordihn (markusbordihn.de) */

.dynDiv_moveDiv {
 cursor: move;
 position: absolute;
 
}

.dynDiv_resizeDiv_tl,.dynDiv_resizeDiv_tr,.dynDiv_resizeDiv_bl,.dynDiv_resizeDiv_br {
 width: 10px;
 height: 10px;
 border: 1px solid #444;
 position: absolute;
}

.dynDiv_resizeDiv_tl {
 top: -1px;
 left: -1px;
}

.dynDiv_resizeDiv_tr {
	z-index:150;
	 top: -12px;
	 right: -12px;
	background-image:url(images/corner_bl.gif);
}

.dynDiv_resizeDiv_bl {
 bottom: -1px;
 left: -1px;
}

.dynDiv_resizeDiv_br {
	z-index:150;
 bottom: -12px;
 right: -12px;
background-image:url(images/corner_pixel_br.gif);
}

.dynDiv_moveParentDiv {
 width: 100%;
 margin: auto;
 height: 16px;
 font-size: 10pt;
 position: absolute;
 top: -1px;
 left: 0px;
background:#666;
 border: 1px solid #666;
 border-left: 0;
 border-right: 0;
 padding: 0;
 overflow: hidden;
 white-space:nowrap;
background-image: url(images/pixel_d.gif);

z-index:777;
}

.dynDiv_minmaxDiv {
 float:right;
 width: 15px;
 font-size: 15px;
 text-align:center;
	border: 1px solid #666;
	border-right:0px;
	border-top:0px;
 padding: 1;
 margin: 0;
	background-image: url(images/pixel_title_bar.gif);

}