#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;} #lightbox img {width:auto; height:auto;} #lightbox a img {border:none;} #outerImageContainer {position:relative; background-color:#ffffff; width:250px; height:250px; margin:0 auto;} #imageContainer {padding:10px;} #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-image:url(data:image/gif;base64,AAAA); /** Trick IE into showing hover */ display:block;} #prevLink {left:0; float:left;} #nextLink {right:0; float:right;} #prevLink:hover, #prevLink:visited:hover {background:url(../images/fwxlightbox/prevlabel.gif) left 15% no-repeat;} #nextLink:hover, #nextLink:visited:hover {background:url(../images/fwxlightbox/nextlabel.gif) right 15% no-repeat;} #imageDataContainer {font:10px Verdana,Helvetica,Sans-Serif; background-color:#ffffff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;} #imageData {padding:0 10px; color:#666;} #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; outline:none;} #overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000000;} .fwxlightbox {position:absolute; z-index:900; overflow:visible !important;} .fwxlightbox-border {position:absolute;border:5px solid;} .fwxlightbox-indicator {position:absolute; z-index:900; top:50%; left:50%; width:32px; height:32px; margin:-16px -16px; background:url(../images/fwxlightbox/indicator.gif) center center no-repeat;} .fwxlightbox-close {position:absolute; width:32px; height:32px; right:-20px; top:-18px; cursor:pointer; z-index:1; background:url(../images/fwxlightbox/close.png) 0 0 no-repeat;} .fwxlightbox-modal {position:fixed !important; top:0; left:0; z-index:900; opacity:0.8; cursor:pointer; background:url(../images/fwxlightbox/modal.png) 0 0 repeat;} .fwxlightbox-content-wrapper {position:relative; padding:0; overflow:hidden;} .fwxlightbox-content {position:relative; display:block; overflow:hidden;} .fwxlightbox-content-image {} .fwxlightbox-content-video {} .fwxlightbox-content-html {overflow-y:auto; border:none;} .fwxlightbox-content-html html body {margin:0;} .fwxlightbox-content-error {display:block; color:#f00; text-align:center; font-weight:bold; overflow:hidden;} .fwxlightbox-content-error p {margin:0; font-size:10px; font-weight:normal;} .fwxlightbox-footer {left:0; right:0;} .fwxlightbox-footer.inside {} .fwxlightbox-footer.outside {} .fwxlightbox-footer.top .fwxlightbox-details {padding-bottom:3px !important;} .fwxlightbox-footer.bottom .fwxlightbox-details {padding-top:3px !important;} .fwxlightbox-footer span {position:relative; display:block; /*white-space:nowrap;*/ font-size:12px;} .fwxlightbox-details {} .fwxlightbox-title {font-weight:bold; padding-bottom:3px; overflow:hidden;} .fwxlightbox-description {padding-bottom:3px;} .fwxlightbox-counter {padding-bottom:3px;} .fwxlightbox-controls {position:absolute; top:0; height:inherit; width:inherit; z-index:900; box-sizing:border-box; pointer-events:none;} .fwxlightbox-arrow {position:absolute; display:block; top:15%; height:70%; cursor:pointer; pointer-events:auto;} .fwxlightbox-arrow.left {left:0; margin-left:10px; width:30%; background:url(../images/fwxlightbox/arrow-left-white.png) left center no-repeat;} .fwxlightbox-arrow.right {right:0; margin-right:10px; width:30%; background:url(../images/fwxlightbox/arrow-right-white.png) right center no-repeat;} .fwxlightbox-item img {/*border:1px #CCC solid;*/} .fwxlightbox-item:hover {} .fwxlightbox-item:hover img {/*border:1px #13739A solid;*/} /** border */ .fwxlightbox-grid {position:absolute !important;} #fwxlightbox-border-left {background-position:left center;} #fwxlightbox-border-topleft {background-position:left top;} #fwxlightbox-border-top {background-position:center top;} #fwxlightbox-border-topright {background-position:right top;} #fwxlightbox-border-right {background-position:right center;} #fwxlightbox-border-bottomright {background-position:right bottom;} #fwxlightbox-border-bottom {background-position:center bottom;} #fwxlightbox-border-bottomleft {background-position:left bottom;} #fwxlightbox-border-center {background-color:#ffffff;} /** simple border overrides */ .fwxlightbox.simple-border .fwxlightbox-border {background:#ffffff; opacity:0.8; border-radius:6px;} .fwxlightbox.simple-border .fwxlightbox-indicator {} .fwxlightbox.simple-border .fwxlightbox-content-wrapper {padding:0;} .fwxlightbox.simple-border .fwxlightbox-close {} /** fwxlightbox-compatibility lightbox */ .fwxlightbox-compatibility-lightbox.simple-border .fwxlightbox-border{border-radius:0;background:#ffffff;opacity:1;} .fwxlightbox-compatibility-lightbox .fwxlightbox-border { border: 10px solid; } .fwxlightbox-compatibility-lightbox .fwxlightbox-content-wrapper { padding:0 !important; } .fwxlightbox-compatibility-lightbox .fwxlightbox-close {background-color:transparent;border:0;border-radius:0;width:66px;height:22px;z-index:1;position:relative;top:0px;right:inherit;/*background:url(../images/fwxlightbox/closelabel.gif) 0 0 no-repeat;*/} .fwxlightbox-compatibility-lightbox .fwxlightbox-close {} .fwxlightbox-compatibility-lightbox .fwxlightbox-close::before {content:'';} .fwxlightbox-compatibility-lightbox .fwxlightbox-arrow {top:0px;} .fwxlightbox-compatibility-lightbox .fwxlightbox-arrow.left { margin-left:0; } .fwxlightbox-compatibility-lightbox .fwxlightbox-arrow::before {content:'';} .fwxlightbox-compatibility-lightbox .fwxlightbox-arrow.right { margin-right:0; } .fwxlightbox-compatibility-lightbox .fwxlightbox-indicator { margin:0px;/*background:url(../images/fwxlightbox/loading.gif) center center no-repeat; */} .fwxlightbox-compatibility-lightbox .fwxlightbox-footer { line-height:initial; background-color:#ffffff; min-height:30px; } .fwxlightbox-compatibility-lightbox .fwxlightbox-footer.outside.top {padding-top:10px !important;} .fwxlightbox-compatibility-lightbox .fwxlightbox-footer.outside.top .fwxlightbox-counter {padding-bottom:10px !important;} .fwxlightbox-compatibility-lightbox .fwxlightbox-details {} .fwxlightbox-compatibility-lightbox-modal { background:#000000; }