/* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* div.pictureHolder .top .left { background: url('/images/lightbox/tl.gif') top left no-repeat; } Top left corner */ div.pictureHolder .top .left { background: #fff; } div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */ div.pictureHolder .top .right { background: #fff } /* Top right corner */ div.pictureHolder .content { background-color: #fff; } /* Content background */ div.pictureHolder .content a.next:hover { background: url('/images/lightbox/btnNext.gif') center right no-repeat; cursor: pointer; } /* Next button */ div.pictureHolder .content a.previous:hover { background: url('/images/lightbox/btnPrevious.gif') center left no-repeat; cursor: pointer; } /* Previous button */ div.pictureHolder .content a.expand { background: url('/images/lightbox/btnExpand.gif') top left no-repeat; cursor: pointer; } /* Expand button */ div.pictureHolder .content a.expand:hover { background: url('/images/lightbox/btnExpand.gif') bottom left no-repeat; cursor: pointer; } /* Expand button hover */ div.pictureHolder .content a.contract { background: url('/images/lightbox/btnContract.gif') top left no-repeat; cursor: pointer; } /* Contract button */ div.pictureHolder .content a.contract:hover { background: url('/images/lightbox/btnContract.gif') bottom left no-repeat; cursor: pointer; } /* Contract button hover */ div.pictureHolder .content a.close { width: 61px; height: 22px; background: url('/images/lightbox/btnClose.gif') center left no-repeat; cursor: pointer; } /* Close button */ div.pictureHolder .content .details .nav a.arrow_previous { background: url('/images/lightbox/arrow_previous.gif') top left no-repeat; } /* The previous arrow in the bottom nav */ div.pictureHolder .content .details .nav a.arrow_next { background: url('/images/lightbox/arrow_next.gif') top left no-repeat; } /* The next arrow in the bottom nav */ div.pictureHolder .bottom .left { background: #fff; } /* Bottom left corner */ div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */ div.pictureHolder .bottom .right { background: #fff; } /* Bottom right corner */ div.pictureHolder .loaderIcon { background: url('/images/lightbox/loader.gif') center center no-repeat; } /* Loader icon */ /* div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url('/images/lightbox/ttl.gif') top left no-repeat; } */ div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: #fff; } div.prettyPhotoTitle div.prettyPhotoTitleRight { background: #fff; } div.prettyPhotoTitle div.prettyPhotoTitleContent { background: #fff;color:#333; } /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window{font:12px Arial,Helvetica,sans-serif;color:#333333;} #TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666666;} #TB_window a:link{color:#666666;} #TB_window a:visited{color:#666666;} #TB_window a:hover{color:#000;} #TB_window a:active{color:#666666;} #TB_window a:focus{color:#666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;} /* .TB_overlayMacFFBGHack{background:url('/img/macFFBgHack.png') repeat;} .TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} * html #TB_overlay{/* ie6 hack position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');} */ #TB_window{position:fixed;background:#ffffff;z-index:102;border:5px solid #eee;color:#000000;display:none;text-align:left;top:50%;left:50%;} * html #TB_window{/* ie6 hack */ position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;} #TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;} #TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;} #TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;} #TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;} #TB_title{background-color:#e8e8e8;height:27px;} #TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;} #TB_ajaxContent.TB_modal{padding:15px;} #TB_ajaxContent p{padding:5px 0px 5px 0px;} #TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */} * html #TB_load{/* ie6 hack */ position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;} * html #TB_HideSelect{/* ie6 hack */ position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');} #TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}