/* 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:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{background-color:#0F2942; 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;} /* ColorBox 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:#000;} #colorBox{} #cboxTopLeft{width:13px; height:13px; background:url(../images/lightbox/tl.png) 0 0 no-repeat; font-size:1px;} #cboxTopCenter{height:13px; background:url(../images/lightbox/tc.png) 0 0 repeat-x; font-size:1px;} #cboxTopRight{width:13px; height:13px; background:url(../images/lightbox/tr.png) 0 0 no-repeat; font-size:1px;} #cboxBottomLeft{width:13px; height:13px; background:url(../images/lightbox/bl.png) 0 0 no-repeat; font-size:1px;} #cboxBottomCenter{height:13px; background:url(../images/lightbox/bc.png) 0 0 repeat-x; font-size:1px;} #cboxBottomRight{width:13px; height:13px; background:url(../images/lightbox/br.png) 0 0 no-repeat; font-size:1px;} #cboxMiddleLeft{width:13px; background:url(../images/lightbox/ml.png) 0 0 repeat-y; font-size:1px;} #cboxMiddleRight{width:13px; background:url(../images/lightbox/mr.png) 0 0 repeat-y; font-size:1px;} #cboxContent{background-color: #0F2942;} #cboxLoadedContent{background: #0F2942 url(../images/lightbox/bg.png) repeat top left; overflow:hidden;} #cboxTitle{background: transparent url(../images/lightbox/print.png) no-repeat top left; cursor:pointer; position:absolute; top:22px; height:25px; right:110px; text-align:center; text-indent:-999em; width:92px; color:#FF8100;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{background: transparent url(../images/lightbox/loading.gif) center center no-repeat;} #cboxClose{background: transparent url(../images/lightbox/close.png) no-repeat top left; position:absolute; top:29px; right:39px; display:block; color:#FF8100; height:18px; text-indent:-999em; text-align:center; width:49px;} /* 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. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/lightbox/tl.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/lightbox/tr.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/lightbox/bl.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/lightbox/br.png, sizingMethod='scale');} /* terms and conditions popup */ /* to change popup height, #terms and #terms_copy have to be adjusted */ #terms{background: #0F2942; float:left; overflow:hidden; padding:20px; width:585px;} #terms h1{font-size: 30px; margin:0 0 0.882em 0;} #terms h2{font-size:18px; margin:0 0 0.5em 0; line-height: 16px;} #terms h3{font-size:16px; margin:0 0 0.8em 0; line-height: 14px;} #terms p{margin:0 0 1.882em 0; line-height: 15px;} #terms p.last{margin-bottom:0;} #terms_copy{padding-right:10px; float:left; height:500px; overflow: auto; width:555px;} #terms a { color: #61bcd2; } #terms ul li{ margin: 0; padding: 0; margin-left: 10px; margin-bottom: 3px;} #terms p.smaller { font-size: 10px; margin-bottom: 1.8em; } #terms .underline { text-decoration: underline; } #terms table { border-top: 1px solid #61bcd2; border-right: 1px solid #61bcd2; margin-bottom: 10px;} #terms table td { border-bottom: 1px solid #61bcd2; border-left: 1px solid #61bcd2; } /* jscrollpane styles*/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; background: url(../images/jscrollpane/osx_track.gif) repeat-y; } .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; background: url(../images/jscrollpane/osx_drag_middle.gif) repeat-y; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; background: url(../images/jscrollpane/osx_drag_top.gif) no-repeat; height: 6px; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(../images/jscrollpane/osx_drag_bottom.gif) no-repeat; height: 7px; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 24px; background: url(../images/jscrollpane/osx_arrow_up.png) no-repeat 0 -30px; } a.jScrollArrowUp:hover { background-position: 0 0; } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 24px; background: url(../images/jscrollpane/osx_arrow_down.png) no-repeat 0 -30px; } a.jScrollArrowDown:hover { background-position: 0 0; } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } .left .jScrollPaneTrack { left: 0; right: auto; } .left a.jScrollArrowUp { left: 0; right: auto; } .left a.jScrollArrowDown { left: 0; right: auto; } /* IE SPECIFIC HACKED STYLES */ * html .jScrollPaneDragBottom { bottom: -1px; } /* /IE SPECIFIC HACKED STYLES */