﻿
body {margin: 0;padding:0;background-color: #111111; color:#999999;font-family: Verdana, Arial, sans-serif;font-size: 11px;background: repeat-y url(Images/ombk2.jpg) center;}
img { border:0;}
#themeselector{float:right;margin:0 2px 0 4px;padding: 0 2px 0 2px; font-size: 10px;color: #CEDDEC;}
/*.content{width:700px;margin-left: auto;margin-right: auto;}*/

.homeStart{margin-left:380px;margin-top:150px;width:455px;height:502px; background:url(Images/imgindex.jpg) no-repeat;padding-top:1px;}
.homeStart a {margin:0;padding:0;color:#999999;text-decoration:none;}
.homeStart a:hover{text-decoration:underline;}

.topContent{margin: 0;padding:0;height:108px;background:url(Images/ombk1_1.jpg) center;}
.midContent{background: repeat-y url(Images/ombk1_2.jpg) center;}

.endContent{margin: 0;padding:0;height:20px;background:url(Images/ombk1_3.jpg) center;}
.interval{margin: 0;padding:0;}
.topComent{margin: 0;padding:0;height:20px;background:url(Images/ombk3_1.jpg) center;}
.midComent{background: repeat-y url(Images/ombk3_2.jpg) center;}
.endComent{margin: 0;padding:0;height:20px;background:url(Images/ombk3_3.jpg) center;}

.topContent h1{ width:925px;margin-left:auto; margin-right:auto; margin-top:0px;margin-bottom:0;font-size:14px;color:#FFCC99;}

.txtViews{width:925px;margin-left:auto; margin-right:auto;margin-top:10px;font-size:10px;color:#666666;}
.txtContent{width:925px;margin-left:auto; margin-right:auto;}

.txtContent a, .txtComent a  {margin:0;padding:0;color:#E8FFF3;text-decoration:none;}
.txtContent a:hover, .txtComent a {text-decoration:underline;}


.titComent{width:925px;margin-left:auto; margin-right:auto;font-size:13px;color:#FFE0C1; font-weight:bold;}
.txtComent{width:625px;margin-left:auto; margin-right:auto;margin-top:10px;}
.sign{text-align:center; color:#666666;font-size: 10px;}

.sign a {margin:0;padding:0;color:#999999;text-decoration:none;}
.sign a:hover {text-decoration:underline;}

.clear10{clear:both;height:10px;}

.boxclear_800{clear:both;background:url(Images/box_sep_800.jpg) no-repeat;margin-top:7px;height:6px;_height:6px;margin-left:80px; font-size:2px;}

.highlight{background-color: #fefbd2;color: #000080;}

.rightImg {float:right;}
.header {width:920px;margin-left:auto;margin-right:auto;}
.header a  {float:right;margin-top:5px;margin-right:5px;}

/* -------------- LightBox++ AJAX ImageViewr -------------- */
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(Images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(Images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
/* ############### FIM LightBox++ AJAX ImageViewr ################### */

