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

#lightbox a img {border: none; }

#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border:1px solid #003366; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-bottom:0 none; }

#imageContainer {margin: 10px;}
#imageContainer img {border:1px solid #036; }

#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: 10; }
#imageContainer>#hoverNav {left: 0; }
#hoverNav a {outline: none; }

#prevLink, #nextLink {width: 49%; height: 100%; background:transparent url("/_img/jqlit/blank.gif") no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink  {left: 0; float: left; }
#nextLink  {right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover  {background: url("/_img/jqlit/prev.gif") left 50% no-repeat; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#nextLink:hover, #nextLink:visited:hover  {background: url("/_img/jqlit/next.gif") right 50% no-repeat; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText {color: #FF9834; font-weight:bold; text-decoration: none; }
#nextLinkText {padding-left: 20px; }
#prevLinkText {padding-right: 20px; }
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData  {padding-top: 5px; }

/*** END : added padding when navbar is on top ***/

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;border:1px solid #003366; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-top:0 none; }

#imageData {padding:0 10px; }
#imageData #imageDetails {width: 70%; float: left; text-align: left; }	
#imageData #caption {font-weight: bold; }
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em; }
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background:#a7c1d2; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; }
	

.clearfix:after  {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html>body .clearfix  {display: inline-block; width: 100%; }

* html .clearfix  {/* Hides from IE-mac \*/	height: 1%; /* End hide from IE-mac */}	

#lightboxIframe  {display: none; }