/* CSS Document */

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;  }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative;  width: 250px; height: 250px; margin: 0 auto; background-color:#FFFFFF;}
#imageTitle{ float: left; line-height:26px; text-align:center; width:220px;  height:26px; margin-bottom:5px;
             font-size: 16px; color:#000066; font-weight:bold; overflow:hidden}
#topNavClose{  float: right; width: 18px; padding: 4px 0 }	 	
#clear {clear: both;}

#imageContainer{ clear:both; padding: 10px ;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#imageDataContainer{ font: 12px Arial, sans-serif; background-color: #fff; margin: 0 auto; overflow: hidden; width:100%; }

#imageData{	padding: 0px 10px 3px 10px ; color: #000;width: 100%; }
#imageDetails{ width: 95%; }	

#caption{ text-align:center; line-height:16px; font-size:14px; padding: 5px 10px; font-style:italic;}

#firstLink, #prevLink, #nextLink, #lastLink { width: 32px; display: block; height:26px;}
#imageData  a:focus { background-color:#FFFFFF;}


#imageNav{background-color:#F0F0F0; border: 1px solid #F0F0F0; height:26px; margin: 3px 0; border: 1px solid #ddd;}
#firstLink { left: 0; float: left; }
#prevLink { left: 0; float: left; }
#numberDisplay{ float: left; text-align:center;  line-height:26px; font-size:16px; width:40px;}			
#nextLink { right: 0; float: left;}	
#lastLink { right: 0; float: left;}