#lightbox{position:absolute; left:0; width:100%; z-index:200; text-align:center; line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative; background-color:#fff; margin:0 auto}
#imageContainer{}
#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:20}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(lightbox/blank.gif) no-repeat; display:block}
#prevLink{left:0; float:left}
#nextLink{right:0; float:right}
#prevLink:hover, #prevLink:visited:hover{background:url(lightbox/prev.gif) left 50% no-repeat}
#nextLink:hover, #nextLink:visited:hover{background:url(lightbox/next.gif) right 50% no-repeat}
#nextLinkText, #prevLinkText{font-weight:bold; text-decoration:none}
#imageIndex{ white-space:nowrap;  margin-right:10px}
#nextLinkText{ margin-right:10px; white-space:nowrap}
#prevLinkText{ margin-right:10px; white-space:nowrap}
.ontop #imageData{ padding-top:5px}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em}
#imageData{padding:0 10px}
#imageData #imageDetails{width:70%; float:left; text-align:left}
#imageData #caption{font-weight:bold}
#imageData #downloadIcon{width:30px; float:left; text-align:left; padding-bottom:10px}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em}
#imageData #bottomNavClose{width:26px; height:26px; float:right;  padding-bottom:4px; margin-top:4px; background:transparent url(lightbox/close.gif) no-repeat}
#imageData #infoContainer{width:40%; float:left; text-align:center; color:#999}
#imageData #helpDisplay{clear:left; float:left; display:block}
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;  display:none}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
* html>body .clearfix{display:inline-block; width:100%}
* html .clearfix{height:1%}
#loadingLink{    margin:0 auto;     display:block; width:32px; height:32px; background:transparent url(lightbox/loading.gif) no-repeat}
#downloadlink{ margin-right:10px}