/* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(../images/Common/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../images/Common/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../images/Common/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/Common/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../images/Common/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../images/Common/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/Common/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/Common/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/Common/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:visible;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/Common/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/Common/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/Common/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../images/Common/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; top:-20px; right:-20px; background:url(../images/Common/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ * html #cboxOverlay{ background:black; } * html .cboxIE #cboxClose { background:url(../images/common/colorbox/internet_explorer/controls.gif) no-repeat 0 0; } * html .cboxIE #cboxTopLeft{background:url(../images/Common/colorbox/internet_explorer/borderTopLeft.gif) no-repeat; } * html .cboxIE #cboxTopCenter{background:url(../images/Common/colorbox/internet_explorer/borderTopCenter.gif) repeat-x; } * html .cboxIE #cboxTopRight{background:url(../images/Common/colorbox/internet_explorer/borderTopRight.gif) no-repeat; } * html .cboxIE #cboxBottomLeft{background:url(../images/Common/colorbox/internet_explorer/borderBottomLeft.gif) no-repeat; } * html .cboxIE #cboxBottomCenter{background:url(../images/Common/colorbox/internet_explorer/borderBottomCenter.gif) repeat-x; } * html .cboxIE #cboxBottomRight{background:url(../images/Common/colorbox/internet_explorer/borderBottomRight.gif) no-repeat; } * html .cboxIE #cboxMiddleLeft{background: url(../images/Common/colorbox/internet_explorer/borderMiddleLeft.gif) repeat-y; } * html .cboxIE #cboxMiddleRight{background:url(../images/Common/colorbox/internet_explorer/borderMiddleRight.gif) repeat-y; } #lightboxOverlay { position:fixed; top:0; left:0; z-index:9999999; width:100%; height:100%; overflow:hidden; background:#fff; } .windowBar { display:none; } #lightboxHeaderWrap, #lightboxHeader { height:60px; overflow:hidden; } #lightboxHeaderWrap { background:url(../images/common/bg-header.jpg) repeat-x top; } #lightboxHeader { background:transparent url(../images/common/logo-weatherbug.gif) no-repeat center left; } #lightboxContentsWrap { background:#fff; padding:1.5em 1.5em .5em 1.5em; margin:0 0 .5em 0; position:fixed; } #lightboxContents { margin:0 0 .5em 0; position:relative; } #lightboxContents #wXcds1, #lightboxContents #wXcds2, #lightboxContents #wXcds3, #lightboxContents #wXcds4, #lightboxContents #wXcds5, #lightboxContents #wXcds6, #lightboxContents #wXcds7, #lightboxContents #wXcds8, #lightboxContents #wXcds9 { position:static !important; visibility:visible !important; } #lightboxContents #wXcds3 * { visibility:visible !important; position:static; } #lightboxClose { text-align:right; background:#000; padding:2px; } #lightboxClose a { color:#cecece; font-weight:bold; border:1px #666 solid; padding:0 2px; line-height:1.5em; text-decoration:none; } #lightboxClose a:hover { background:#666; } #lightboxCaption { text-align:center; color:#999; } #lightboxOverlay.clouds { background:transparent url(../images/common/colorbox/ad-overlay-clouds.jpg) repeat-x; } #lightboxOverlay.clouds #lightboxHeaderWrap { display:block; } #lightboxOverlay.tblue { background:url(../images/common/colorbox/ad-overlay-blue.png) } #lightboxOverlay.tblue #lightboxHeaderWrap { display:none; } #lightboxOverlay.twhite { background:#fff; opacity:0.4; filter:alpha(opacity=40); } #lightboxOverlay.twhite #lightboxHeaderWrap { display:none; } #lightboxOverlay.bluestripes { background:transparent url(../images/common/colorbox/ad-overlay-bluestripes.png); } #lightboxOverlay.bluestripes #lightboxHeaderWrap { display:none; }