/**** lightbox ****/
#lightbox{position:absolute; top:40px; left:0; margin-top:-25px; width:100%; z-index:9999999; text-align:center; line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative; background-color:#FFFFFF; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width: 00%; 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(/includes/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink{left:0; float:left; padding-bottom:42px;}
#nextLink{right:0; float:right; padding-bottom:42px;}
#prevLink, #prevLink{background:url(/includes/lightbox/images/prevlabel.gif) left 100% no-repeat;}
#nextLink, #nextLink{background:url(/includes/lightbox/images/nextlabel.gif) right 100% no-repeat;}
#imageDataContainer{height:60px; font-size:10px; background-color:#FFFFFF; margin:0 auto; line-height:1.4em;}
#imageData{padding:20px 10px 10px 10px;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}	
#imageData #caption{font-size:14px; line-height:14px; font-weight:bold; color:#12337B;}
#imageData #numberDisplay{display:block; clear:left; position:relative; top:3px; padding-bottom:1.0em;}			
#imageData #bottomNavClose{position:relative; top:6px; width:63px; float:right; padding-bottom:0.7em;}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%;	height: 500px; background-color: #000;}