#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  { background-color: #888; margin: 0 auto; position: relative; width: 250px; height: 250px }
#imageContainer{ padding: 10px; }

#loading { line-height: 0; text-align: center; position: absolute; top: 40%; left: 0%; width: 100%; height: 25% }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink { background-image: url(LB/css/data:image/gif;base64,AAAA); width: 49%; height: 100%; display: block }
#prevLink  { float: left; left: 20pt }
#nextLink  { float: right; right: 0 }
#prevLink:hover, #prevLink:visited:hover   { background: url(images/prevlabel.gif) no-repeat left 30px }
#nextLink:hover, #nextLink:visited:hover   { background: url(images/nextlabel.gif) no-repeat right 30px }

#imageDataContainer { font: 10px/1.4em Verdana, Helvetica, sans-serif; background-color: #f60; margin: 0 auto; width: 100%; overflow: auto }

#imageData { color: black; padding: 0 10px }
#imageData #imageDetails { font-size: 10px; font-family: Verdana; text-align: left; float: left; margin-top: 5px; width: 70% }	
#imageData #caption { color: black; font-weight: bold }
#imageData #numberDisplay { clear: left; padding-bottom: 1em; display: block }			
#imageData #bottomNavClose    { float: right; margin-top: 8px; padding-bottom: 15px; width: 66px; outline: none  }	 	

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