/* ColorBox Core Style The following rules are the styles that are consistant between all ColorBox themes */ /*===================FOR POPUP 1 (GREEN)============================*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:10000000; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #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;} #cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../images/borderTopLeft.png) 0 0 no-repeat;} #cboxTopCenter{height:21px; background:url(../images/borderTopCenter.png) 0 0 repeat-x;} #cboxTopRight{width:21px; height:21px; background:url(../images/borderTopRight.png) 0 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/borderBottomLeft.png) 0 0 no-repeat;} #cboxBottomCenter{height:21px; background:url(../images/borderBottomCenter.png) 0 0 repeat-x;} #cboxBottomRight{width:21px; height:21px; background:url(../images/borderBottomRight.png) 0 0 no-repeat;} #cboxMiddleLeft{width:21px; background:url(../images/borderMiddleLeft.png) 0 0 repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/borderMiddleRight.png) 0 0 repeat-y;} #cboxContent{background:#b2ce66;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-25px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:0px -25px;} #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../../images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-50px -25px;} /*===================FOR POPUP 2 (YELLOW)============================*/ #colorbox100, #cboxOverlay100, #cboxWrapper100{position:absolute; top:0; left:0; z-index:10000000; overflow:hidden;} #cboxOverlay100{position:fixed; width:100%; height:100%;} #cboxMiddleLeft100, #cboxBottomLeft100{clear:left;} #cboxContent100{position:relative; overflow:visible;} #cboxLoadedContent100{overflow:auto;} #cboxLoadedContent100 iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle100{margin:0;} #cboxLoadingOverlay100, #cboxLoadingGraphic100{position:absolute; top:0; left:0; width:100%;} #cboxPrevious100, #cboxNext100, #cboxClose100, #cboxSlideshow100{cursor:pointer;} #cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;} #colorbox100{} #cboxTopLeft100{width:21px; height:21px; background:url(../images/borderTopLeftY.png) 0 0 no-repeat;} #cboxTopCenter100{height:21px; background:url(../images/borderTopCenterY.png) 0 0 repeat-x;} #cboxTopRight100{width:21px; height:21px; background:url(../images/borderTopRightY.png) 0 0 no-repeat;} #cboxBottomLeft100{width:21px; height:21px; background:url(../images/borderBottomLeftY.png) 0 0 no-repeat;} #cboxBottomCenter100{height:21px; background:url(../images/borderBottomCenterY.png) 0 0 repeat-x;} #cboxBottomRight100{width:21px; height:21px; background:url(../images/borderBottomRightY.png) 0 0 no-repeat;} #cboxMiddleLeft100{width:21px; background:url(../images/borderMiddleLeftY.png) 0 0 repeat-y;} #cboxMiddleRight100{width:21px; background:url(../images/borderMiddleRightY.png) 0 0 repeat-y;} #cboxContent100{background:#e5d750;} #cboxLoadedContent100{margin-bottom:28px;} #cboxTitle100{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent100{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow100{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious100{position:absolute; bottom:0; left:0px; background:url(../images/controlsY.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious100.hover{background-position:-25px -25px;} #cboxNext100{position:absolute; bottom:0; left:27px; background:url(../images/controlsY.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext100.hover{background-position:0px -25px;} #cboxLoadingOverlay100{background:url(../images/loading_backgroundY.png) center center no-repeat;} #cboxLoadingGraphic100{background:url(../../images/loading.gif) center center no-repeat;} #cboxClose100{position:absolute; bottom:0; right:0; background:url(../images/controlsY.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose100.hover{background-position:-50px -25px;} /*===================FOR POPUP 3 (BLUE)============================*/ #colorbox200, #cboxOverlay200, #cboxWrapper200{position:absolute; top:0; left:0; z-index:10000000; overflow:hidden;} #cboxOverlay200{position:fixed; width:100%; height:100%;} #cboxMiddleLeft200, #cboxBottomLeft200{clear:left;} #cboxContent200{position:relative; overflow:visible;} #cboxLoadedContent200{overflow:auto;} #cboxLoadedContent200 iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle200{margin:0;} #cboxLoadingOverlay200, #cboxLoadingGraphic200{position:absolute; top:0; left:0; width:100%;} #cboxPrevious200, #cboxNext200, #cboxClose200, #cboxSlideshow200{cursor:pointer;} #cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;} #colorbox200{} #cboxTopLeft200{width:21px; height:21px; background:url(../images/borderTopLeftB.png) 0 0 no-repeat;} #cboxTopCenter200{height:21px; background:url(../images/borderTopCenterB.png) 0 0 repeat-x;} #cboxTopRight200{width:21px; height:21px; background:url(../images/borderTopRightB.png) 0 0 no-repeat;} #cboxBottomLeft200{width:21px; height:21px; background:url(../images/borderBottomLeftB.png) 0 0 no-repeat;} #cboxBottomCenter200{height:21px; background:url(../images/borderBottomCenterB.png) 0 0 repeat-x;} #cboxBottomRight200{width:21px; height:21px; background:url(../images/borderBottomRightB.png) 0 0 no-repeat;} #cboxMiddleLeft200{width:21px; background:url(../images/borderMiddleLeftB.png) 0 0 repeat-y;} #cboxMiddleRight200{width:21px; background:url(../images/borderMiddleRightB.png) 0 0 repeat-y;} #cboxContent200{background:#83caf7;} #cboxLoadedContent200{margin-bottom:28px;} #cboxTitle200{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent200{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow200{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious200{position:absolute; bottom:0; left:0px; background:url(../images/controlsB.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious200.hover{background-position:-25px -25px;} #cboxNext200{position:absolute; bottom:0; left:27px; background:url(../images/controlsB.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext200.hover{background-position:0px -25px;} #cboxLoadingOverlay200{background:url(../images/loading_backgroundB.png) center center no-repeat;} #cboxLoadingGraphic200{background:url(../../images/loading.gif) center center no-repeat;} #cboxClose200{position:absolute; bottom:0; right:0; background:url(../images/controlsB.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose200.hover{background-position:-50px -25px;} /*===================FOR POPUP 4 (ORANGE)============================*/ #colorbox300, #cboxOverlay300, #cboxWrapper300{position:absolute; top:0; left:0; z-index:10000000; overflow:hidden;} #cboxOverlay300{position:fixed; width:100%; height:100%;} #cboxMiddleLeft300, #cboxBottomLeft300{clear:left;} #cboxContent300{position:relative; overflow:visible;} #cboxLoadedContent300{overflow:auto;} #cboxLoadedContent300 iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle300{margin:0;} #cboxLoadingOverlay300, #cboxLoadingGraphic300{position:absolute; top:0; left:0; width:100%;} #cboxPrevious300, #cboxNext300, #cboxClose300, #cboxSlideshow300{cursor:pointer;} #cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;} #colorbox300{} #cboxTopLeft300{width:21px; height:21px; background:url(../images/borderTopLeftO.png) 0 0 no-repeat;} #cboxTopCenter300{height:21px; background:url(../images/borderTopCenterO.png) 0 0 repeat-x;} #cboxTopRight300{width:21px; height:21px; background:url(../images/borderTopRightO.png) 0 0 no-repeat;} #cboxBottomLeft300{width:21px; height:21px; background:url(../images/borderBottomLeftO.png) 0 0 no-repeat;} #cboxBottomCenter300{height:21px; background:url(../images/borderBottomCenterO.png) 0 0 repeat-x;} #cboxBottomRight300{width:21px; height:21px; background:url(../images/borderBottomRightO.png) 0 0 no-repeat;} #cboxMiddleLeft300{width:21px; background:url(../images/borderMiddleLeftO.png) 0 0 repeat-y;} #cboxMiddleRight300{width:21px; background:url(../images/borderMiddleRightO.png) 0 0 repeat-y;} #cboxContent300{background:#e67008;} #cboxLoadedContent300{margin-bottom:28px;} #cboxTitle300{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent300{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow300{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious300{position:absolute; bottom:0; left:0px; background:url(../images/controlsO.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious300.hover{background-position:-25px -25px;} #cboxNext300{position:absolute; bottom:0; left:27px; background:url(../images/controlsO.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext300.hover{background-position:0px -25px;} #cboxLoadingOverlay300{background:url(../images/loading_backgroundO.png) center center no-repeat;} #cboxLoadingGraphic300{background:url(../../images/loading.gif) center center no-repeat;} #cboxClose300{position:absolute; bottom:0; right:0; background:url(../images/controlsO.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose300.hover{background-position:-50px -25px;} /*===================FOR POPUP 5 (ORANGE)============================*/ #colorbox400, #cboxOverlay400, #cboxWrapper400{position:absolute; top:0; left:0; z-index:10000000; overflow:hidden;} #cboxOverlay400{position:fixed; width:100%; height:100%;} #cboxMiddleLeft400, #cboxBottomLeft400{clear:left;} #cboxContent400{position:relative; overflow:visible;} #cboxLoadedContent400{overflow:auto;} #cboxLoadedContent400 iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle400{margin:0;} #cboxLoadingOverlay400, #cboxLoadingGraphic400{position:absolute; top:0; left:0; width:100%;} #cboxPrevious400, #cboxNext400, #cboxClose400, #cboxSlideshow400{cursor:pointer;} #cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;} #colorbox400{} #cboxTopLeft400{width:21px; height:21px; background:url(../images/borderTopLeftP.png) 0 0 no-repeat;} #cboxTopCenter400{height:21px; background:url(../images/borderTopCenterP.png) 0 0 repeat-x;} #cboxTopRight400{width:21px; height:21px; background:url(../images/borderTopRightP.png) 0 0 no-repeat;} #cboxBottomLeft400{width:21px; height:21px; background:url(../images/borderBottomLeftP.png) 0 0 no-repeat;} #cboxBottomCenter400{height:21px; background:url(../images/borderBottomCenterP.png) 0 0 repeat-x;} #cboxBottomRight400{width:21px; height:21px; background:url(../images/borderBottomRightP.png) 0 0 no-repeat;} #cboxMiddleLeft400{width:21px; background:url(../images/borderMiddleLeftP.png) 0 0 repeat-y;} #cboxMiddleRight400{width:21px; background:url(../images/borderMiddleRightP.png) 0 0 repeat-y;} #cboxContent400{background:#df0dc9;} #cboxLoadedContent400{margin-bottom:28px;} #cboxTitle400{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent400{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow400{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious400{position:absolute; bottom:0; left:0px; background:url(../images/controlsP.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious400.hover{background-position:-25px -25px;} #cboxNext400{position:absolute; bottom:0; left:27px; background:url(../images/controlsP.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext400.hover{background-position:0px -25px;} #cboxLoadingOverlay400{background:url(../images/loading_backgroundP.png) center center no-repeat;} #cboxLoadingGraphic400{background:url(../../images/loading.gif) center center no-repeat;} #cboxClose400{position:absolute; bottom:0; right:0; background:url(../images/controlsP.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose400.hover{background-position:-50px -25px;}