#lightbox { position:absolute; top:40px; left:0; width:100%; z-index:100; text-align: center; line-height:0; }
#lightbox a img { border:none; }
#lightbox #outerImageContainer { position:relative; margin:0 auto; width:250px; height:250px; background:#fff; }
#lightbox #imageContainer { padding:10px; }
#lightbox #loading { position:absolute; top:40%; left:0%; width:100%; height:25%; line-height:0; text-align:center; }
#lightbox #hoverNav { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }
#lightbox #imageContainer > #hoverNav { left:0;}
#lightbox #hoverNav a { outline:none; }
#lightbox #prevLink, #nextLink { display:block; width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat; }
#lightbox #prevLink { float:left; left:0;  }
#lightbox #nextLink { float:right; right:0;  }
#lightbox #prevLink:hover, #prevLink:visited:hover { background:url(../images/prevlabel.gif) left 15% no-repeat; }
#lightbox #nextLink:hover, #nextLink:visited:hover { background:url(../images/nextlabel.gif) right 15% no-repeat; }
#lightbox #imageDataContainer { margin:0 auto; font:10px Verdana, Helvetica, sans-serif; background:#FFF; line-height:1.4em; }
#lightbox #imageData { padding:0 10px; }
#lightbox #imageData #imageDetails { float:left; width:70%; text-align:left; }	
#lightbox #imageData #caption { font-weight:bold; }
#lightbox #imageData #numberDisplay { clear:left; display:block; padding-bottom:1.0em; }			
#lightbox #imageData #bottomNavClose { float:right; width:66px; padding-bottom:0.7em;	}		

#lightboxOverlay { position:absolute; top:0; left:0; width:100%; height:500px; background:#000; z-index:90; opacity:0.6; }
.clearfix:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }

/* IE Fixes */
* html #overlay { filter:alpha(opacity=60); }
* html > body .clearfix { display:block; width:100%; }
* html .clearfix { height:1%; }