/*
    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:9999; o!verflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; overflow: visible!important;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width: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: #ccc; }
#colorbox{
	border: 1px solid #BFBFBF;
	box-shadow: 0 3px 1px #AAAAAA;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
	border-radius: 5px;
}
    #c!boxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -100px 0;}
    #c!boxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -129px 0;}
    #c!boxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -100px -29px;}
    #c!boxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -129px -29px;}
    #c!boxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;}
    #c!boxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;}
    #c!boxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
    #c!boxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; o!verflow:hidden;
    	-moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
    }
        #cboxError{padding:50px; border:1px solid #ccc;}
        #colorbox.cboxVideoModal #cboxLoadedContent{margin-bottom:48px;}
        #cboxTitle{
        	position:absolute; bottom:4px; left:0; text-align:left; width:100%; color:#000000; font-size: 17px; padding: 10px 20px;
        	font-family: 'Open Sans','Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif;
        	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  
        }
        	#cboxTitle a{color:#000000;}
        #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(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(colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) no-repeat center center;}
        #cboxClose {position:absolute; top:18px; right:20px; padding-right:25px; height:25px; color: #2fccff; overflow: hidden; line-height: 18px;}
        #colorbox.cboxVideoModal #cboxClose { top: auto; bottom: 10px; }
        
        #cboxClose { text-indent: -999px; }
        #cboxClose:before {
        	content: '';
        	width: 100%; height: 1px; display: inline-block;
        	position: absolute; left: -25px; bottom: 4px;
        	background-color: #0099cc; opacity: 0.2;
        	display: none;
        }
        #cboxClose:after {
        	content: ' ';
        	width: 20px; height: 20px; display: inline-block;
        	position: absolute; right: 0; top: 0;
        	background: url("/images/editor/icons-sprite-active-11.png") repeat scroll -145px -74px transparent;
        }
        #c1boxClose.hover{background-position:-25px -25px;}

/*
  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 IE9.
*/
.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
*/
.cboxIE6 #cboxTopLeft{background:url(colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(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')");
}