@CHARSET "UTF-8";

/* Layout */

* { margin:0; padding:0; }
html, body { height:100%; }
body { text-align:center; }
#distance { width:1px; height:50%; margin-bottom: -250px; float:left;}
#container { 
	margin:0 auto; position:relative; height: 500px; width:100%; clear:both; text-align: left;
	border-top: 1px solid #868686;
	border-bottom: 1px solid #868686;
}
#content-holder { width: 912px; height: 500px; position: relative; margin: 0px auto }
#left, #menu { width:  170px; float: left; display: inline; height: 500px; }
.divider { width: 1px; float: left; display: inline; height: 500px; background-repeat: no-repeat; background-position: center; background-image: url(/Assets/Images/vertical_divider.gif); background-repeat: no-repeat;  }
#popup .divider { width: 1px; height: 598px; background-color: #e7e6e1 } 
#content { width: 570px; float: left; display: inline; background-color: #fff; color: #4f4f4f; height: 500px; }
#copyright { width: 570px;  margin: 10px auto; }
#logo { margin-top: 233px; }
img { border: 0px; }

div#page-title { width: 474px; height: 30px; margin: 35px auto 30px auto; text-align: center }
div#page-content { width: 516px; height: 364px; overflow-x: hidden; overflow-y: auto; margin: 0px auto 0px 48px;}
div#content-padding { padding-right: 40px; }
div#content-padding p { margin-bottom: 20px; line-height: 14pt; }

div.thumb { border: 1px solid #868686; float: left; display: inline; margin: 5px; overflow: hidden }
div.thumb.small { width: 100px; height: 70px; }
div.thumb.large { width: 137px; height: 96px; }
/* End Layout */

/* Colors and Text Styles */

body { background-color: #0c0000; color: #6e6e6e; font-family: Helvetica, sans-serif; font-size: 10pt; background-image: url(/Assets/Images/background.gif); }
#container { background-color: #e8e6e0; background-image: url(/Assets/Images/middle_background.jpg); }
#copyright { text-align: center; color: #6e6e6e; font-size: 9pt; }

/* Colors and Text Styles */

#popup {
	width: 100%; height: 100%;
	position: fixed !important;
	position: absolute;
	z-index: 100;	
	top: 0; left: 0;
	display: none;
}

#popup #bg-fill {
	width: 100%; height: 100%;
	top: 0; left: 0;
	background-color: #000;
	
	-moz-opacity: .0;
	opacity: .0;
	filter: alpha(opacity=0);
}

#popup #layer1 {
	position: absolute;
	z-index: 110;
/*	width: 898px;
	height: 598px; */
	left: 50%; top: 50%;
/*	margin-left:-449px;
	margin-top: -299px; */
	background-color: #000;
	/* background-color: #e7e6e1; */
	border: 1px solid #868686;
	padding: 0px;
	overflow: hidden;
}

#popup #close {
	position: relative; z-index: 120;
	top: -635px;
	margin-left: 581px;
}	
#popup-sidebar {
	float: left; display: inline;
	background-color: #e7e6e1;
	width: 200px;
	text-align: center;
	height: 600px;
	/*border-right: 1px solid #868686;*/
	}
	
#popup-logo { width: 200px; background-color: #e7e6e1 }
#popup-content {
	float: left; display: inline;
	width: 698px; height: 598px;
	background-color: #e7e6e1;
/*	overflow: hidden; */
}

.ptitle { color: #b5121b; }

#popup-img-count h2 { cursor: default; font-size: 10pt; font-weight: normal; }
#popup-working { 
	position: absolute; z-index: 1000;
	width: 220px; height: 19px;
	left: 50%; top: 50%;
	margin-left: -110px;
	margin-top: -10px;
	display: none;
	background-image: url(/Assets/Images/loading-bar-black.gif);
}

#popup-data {
	display: none;
	overflow: hidden;
}

#popup-close {
	/*border: 1px solid white;*/
	position: absolute; z-index: 1001;
	left: 50%; top: 50%;
	height: 16px; width: 60px;
	margin-left: 390px;
	margin-top: -299px; 
	cursor: pointer;
	display: none;
	background: url('/Assets/Images/close-button.gif') no-repeat center left;	
}

.closenormal {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.closehover {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}