#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #151410; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#lightbox { position: absolute; top: 20px; left: 0; width: 100%; z-index: 100; text-align: center; color:#151410; line-height:0; }
#lightbox a, #lightbox a:hover { border-bottom:none; color:#151410; text-decoration:underline; }
#lightbox a img { border: none; }
#outerImageContainer { width: auto; height: auto; /* without this line error in IE8 detected */ margin: 0 auto; position: relative; }
#imageContainer { width:10px; height:10px; margin: 0 auto; overflow:hidden; background-color: #fff; position: relative; font-size:0;/* ie fix - big info bar*/ }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; font-size:10px; z-index:1; }
#loadingLink { display:block; margin:0 auto; padding:0; width:32px; height:32px; background:url(/images/lightbox/loading.gif) center center no-repeat; text-indent:-9999px; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLinkImg, #nextLinkImg { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; text-indent:-9999px; }
#prevLinkImg { left: 0; float: left; }
#nextLinkImg { right: 0; float: right; }
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url(/images/lightbox/prev.png) 5% center no-repeat; _background-image:url(/images/lightbox/prev_ie6.gif); }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url(/images/lightbox/next.png) 97% center no-repeat; _background-image:url(/images/lightbox/next_ie6.gif); }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; font-family: "Lucida Grande",tahoma,verdana,arial,sans-serif; font-size:13px; background-color: #fff; width:100%; }
#imageData { overflow:hidden; width:100%; }
#imageDetails { width: 70%; float: left; text-align: left; 	padding:10px 10px 0 0; }
#caption { font-weight: bold; display:block;}
#numberDisplay { display: block; float: left; padding:3px 10px 0 0; }
#detailsNav {display:block; float:left;   padding:0; }	
#prevLinkDetails, #nextLinkDetails, #slideShowControl { background-repeat:no-repeat; outline-style:none; display:block; float:left; }
#prevLinkDetails { margin:3px; margin-top:0px; width:22px;height:22px; background: url(/images/lightbox/prevlabel.gif) left center; }
#nextLinkDetails { margin:3px; margin-top:0px; width:22px;height:22px; background: url(/images/lightbox/nextlabel.gif) right center; }

#slideShowControl.started { background-image:url(/images/lightbox/pause.gif); }
#slideShowControl { display:block; width:22px; height:22px; float:left; background:url(/images/lightbox/start.gif); background-position:center center; background-repeat:no-repeat; }
#close { padding:16px 0 0; float:right; }
#closeLink { display:block; outline-style:none; margin:0; padding:0; text-decoration:none;  width:32px; height:32px; background:url(/images/lightbox/close.gif) no-repeat; }
.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 */ }	
#outerImageFrame { border:solid 1px red; height:100%; width:100%; position:absolute; }
#outerImageContainer { overflow:visible; }
#outerImageContainer td { text-align:center; padding:0; }
#lightboxFrameBody { background-color: #fff; border:solid 1px #fff; /* hack for opera table small cell width */ }
#outerImageContainer td { font-size:0; }
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br { height:21px; width:21px; }
#outerImageContainer td.tl { background-image:url(/images/lightbox/borderTopLeft.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/lightbox/borderTopLeft.png', sizingMethod='scale'); }
#outerImageContainer td.tc{ background-image:url(/images/lightbox/borderTopCenter.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/lightbox/borderTopCenter.png', sizingMethod='scale'); }
#outerImageContainer td.tr{ background-image:url(/images/lightbox/borderTopRight.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/lightbox/borderTopRight.png', sizingMethod='scale'); }
#outerImageContainer td.ml{ background-image:url(/images/lightbox/borderMiddleLeft.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/lightbox/borderMiddleLeft.png', sizingMethod='scale'); }
#outerImageContainer td.mr { background-image:url(/images/lightbox/borderMiddleRight.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/lightbox/borderMiddleRight.png', sizingMethod='scale'); }
#outerImageContainer td.bl { background-image:url(/images/lightbox/borderBottomLeft.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/lightbox/borderBottomLeft.png', sizingMethod='scale'); }
#outerImageContainer td.bc { background-image:url(/images/lightbox/borderBottomCenter.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/lightbox/borderBottomCenter.png', sizingMethod='scale'); }
#outerImageContainer td.br { background-image:url(/images/lightbox/borderBottomRight.png); _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/lightbox/borderBottomRight.png', sizingMethod='scale'); }