/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999;/* overflow:hidden;*/} #cboxOverlay{position:fixed; width:100%; height:100%; z-index:99;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:hidden;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;} /*#colorbox{ z-index:99999;} #cboxTopLeft{width:15px; height:20px; background:url(../images/colorbox/top_left.png) no-repeat} #cboxTopRight{width:15px; height:20px; background:url(../images/colorbox/top_right.png) no-repeat} #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:16px; background:url(../images/colorbox/left_boder.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/colorbox/border_new.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/colorbox/border_new.png) repeat-x;}*/ #cboxContent{} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; display:none!important;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:-26px; right:-7px; background:url(../images/colorbox/close.png) no-repeat; width:57px; height:57px; text-indent:-9999px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } .black_popup{ width:470px;} .rep_img{ background:url(../images/colorbox/rep_img.png) repeat-y; padding:0 31px 0 15px;} .top_img{ background:url(../images/colorbox/top_img.png) no-repeat; height:21px;} .bottom_img{ background:url(../images/colorbox/bottom_img.png) no-repeat; height:21px;} .rep_img{ /*text-align:center; color:#000; font-size:24px*/} .big_rep_img{ background:url(../images/colorbox/big_rep_img.png) repeat-y; padding:0 31px 0 15px; width:869px} .big_top_img{ background:url(../images/colorbox/big_top_img.png) no-repeat; height:21px; width:900px} .big_bottom_img{ background:url(../images/colorbox/big_bottom_img.png) no-repeat; height:21px; width:900px} .big_rep_img{ text-align:center; color:#000; font-size:24px} #cboxLoadedContent iframe{background:none;} .rep_img h2 { color:#0E4675; font-size:18px; height:33px; border-bottom:1px dotted #616161; text-align:left; padding-left:12px; line-height:33px; font-weight:normal; } .rep_img h3 { background-color:#e7e7e7; height:34px; line-height:34px; color:#000000; font-size:14px; text-align:left; margin-top:10px; padding-left:10px; } .form-field { padding:15px 36px 15px 0px } .form-field label { width:144px; float:left; display:block; font-size:14px; height:26px; line-height:26px; color:#494949; text-align:right; padding-right:10px; } .form-field input { float:left; border:solid 1px #b9b9ba; padding:0 5px; height:26px; line-height:26px; font-family:"MyriadProRegular"; font-size:12px; color:#8e8e8e; width:212px; } .form-row { margin-bottom:8px; height:30px; } .bottom { color:#000000; font-size:18px; height:45px; border-top:1px dotted #616161; text-align:left; padding-left:12px; line-height:45px; padding-top:10px; } .black_popup{min-height:358px;} .input{border:solid 1px #b9b9ba; padding:0 5px; height:26px; line-height:26px; font-size:12px;color:#555555;} .select_box_big{ width:222px;height:26px; line-height:26px; color:#8e8e8e; font-size:12px !important; border:solid 1px #b9b9ba;} .mtop20 { margin-top:20px; } /*.btn_blue_small{background:#75adc7; height:24px; padding-left:10px; display:inline-block; margin:0; margin-top:2px; border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px;} .btn_blue_small input, .btn_blue_small span{background:#75adc7; height:24px; border:0; color:#1e3d5b; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:0 10px 0 0; cursor:pointer; *overflow:visible; margin:0; float:left; line-height:25px; border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px;} .btn_blue_small input, x:-moz-any-link, x:default{padding-bottom:3px;}*/