#overlay { position: absolute; top: 0; left: 0; z-index: 10001; width: 100%; height: auto; background-color: #ffffff; }

#lightbox { position: absolute; top: 20px; left: 0; width: 100%; z-index: 10002; text-align: center; color: #151410; line-height: 0; direction: ltr; }

    #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; }

#lightboxImage { width: 100%; height: 100%; }

#imageContainerMain { margin: 0 auto; overflow: visible; position: relative; font-size: 0; /* ie fix - big info bar*/ }

#imageContainer { width: 150px; height: 30px; 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: 150px; height: 29px; background: url(../images/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; }
#prevLinkImg, #nextLinkImg { top: 0; width: 48px; height: 100%; position: absolute; z-index: 20; outline-style: none; display: block; text-indent: -9999px; }
* html #prevLinkImg, * html #nextLinkImg { background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ }
#prevLinkImg { left: 0; }
#nextLinkImg { right: 0; }
#prevLinkImg:hover, #prevLinkImg.hover, #prevLinkImg:visited:hover { background: url(../images/prev.png) 5% center no-repeat; _background-image: url(../images/prev_ie6.gif); }
#nextLinkImg:hover, #nextLinkImg.hover, #nextLinkImg:visited:hover { background: url(../images/next.png) 97% center no-repeat; _background-image: url(../images/next_ie6.gif); }


#imageDataContainer { font: 11px Verdana, Helvetica, sans-serif; color: #002963; background-color: #C4D5E7; width: 100%; }

#imageData { overflow: hidden; width: 100%; background-color: #1f2b68; text-align: center; }
#imageDetails { width: 100%; float: left; padding: 10px 0 0; }
#caption { display: block; text-align: left; }
#numberDisplay { display: block; text-align: right;color: #ffffff}
#detailsNav { display: block!important; display: inline-block!important; padding: 0 18px!important; margin-top: -11px; background-color: #1f2b68!important; background-repeat: no-repeat!important; background-position: left top!important; width: 190px!important; background-image: url(../images/back.png)!important; }
#prevLinkDetails, #nextLinkDetails, #slideShowControl { background-repeat: no-repeat; outline-style: none; display: block; float: left; }
#prevLinkDetails { margin: 0; margin-top: 12px; width: 52px; height: 25px; background-position: -136px top; background-image: url(../images/conposit.png); }
#nextLinkDetails { margin: 0; margin-top: 12px; width: 52px; height: 25px; background-position: -84px top; background-image: url(../images/conposit.png); }

#slideShowControl.started { background-image: url(../images/conposit.png); background-position: 0 center; }

#slideShowControl { display: block; width: 42px; height: 49px; float: left; background-image: url(../images/conposit.png); background-position: -42px center; background-repeat: no-repeat; }

#close { position: relative; width: 100%; height: 0; }
#closeLink { position: absolute; top: -4px; right: 49px; display: block; outline-style: none; margin: 0; padding: 0; text-decoration: none; width: 45px; height: 18px; background: url(../images/close.png) 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: white; border: solid 1px #C4D5E7; /* hack for opera table small cell width */ }

#outerImageContainer td, #outerImageContainer tr { font-size: 0; border: 0 none; }
    /* frame style */
    #outerImageContainer td.tl, #outerImageContainer td.br { height: 56px; width: 56px; }

    #outerImageContainer td.tl { background-image: url(../images/borderTopLeft.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopLeft.png', sizingMethod='scale'); }
    #outerImageContainer td.tc { background-image: url(../images/borderTopCenter.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopCenter.png', sizingMethod='scale'); }
    #outerImageContainer td.tr { background-image: url(../images/borderTopRight.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopRight.png', sizingMethod='scale'); }
    #outerImageContainer td.ml { background-image: url(../images/borderMiddleLeft.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleLeft.png', sizingMethod='scale'); }
    #outerImageContainer td.mr { background-image: url(../images/borderMiddleRight.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleRight.png', sizingMethod='scale'); }
    #outerImageContainer td.bl { background-image: url(../images/borderBottomLeft.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomLeft.png', sizingMethod='scale'); }
    #outerImageContainer td.bc { background-image: url(../images/borderBottomCenter.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomCenter.png', sizingMethod='scale'); }
    #outerImageContainer td.br { background-image: url(../images/borderBottomRight.png); _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomRight.png', sizingMethod='scale'); }
