/*
    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:visible;z-index:2;}
#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;}

/* 
    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:#000000;}
/* #cboxWrapper{background:#696766;} */

#colorbox{}
    
    /*#cboxTopCenter{height:32px;background:#696766;position:relative;top:0px;left:0px;}*/
    #cboxContent{padding:40px 0px 0px 0px;background:#2d2d2d;border:1px solid #2d2d2d;}
        #cboxLoadedContent{background:#2d2d2d; /*padding:1px;*/padding-top:1px;}
		#cboxLoadedContent > div {height: 100%;}
        #cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000000;}
        #cboxTitle{position:absolute;/* top:-22px;*/ top:0px; left:41px; color:#919191;font-family:Verdana;font-size:13px;background:#3c3c3c;padding:0px;margin:0px;right:41px;height:41px;overflow:hidden;}
		#cboxTitle span {margin:0px;/*padding:4px 18px 3px 25px;*/display:table-cell;height:41px;vertical-align: middle;padding:0px 18px 0px 25px;}
        #cboxCurrent{position:absolute; top:0; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose, #cboxBackToArea, #cboxPrevItem, #cboxNextItem {text-indent:-9999px; width:40px; height:40px; position:absolute; top:0px; background:url(controls2.png) no-repeat 0 0;}
        #cboxPrevious{background-position:-40px 0px; right:82px;}
        #cboxPrevious.hover{background-position:-40px -40px;}
        #cboxNext{background-position:-80px 0px; right:41px;}
        #cboxNext.hover{background-position:-80px -40px;}
        #cboxClose{background-position:-120px 0px; right:0px;}
        #cboxClose.hover{background-position:-120px -40px;}
		#cboxBackToArea{background-position:0px 0px; left:0px;display:none;cursor:pointer;}
		#cboxBackToArea.hover{background-position:0px -40px;}
		#cboxPrevItem{background-position:-40px 0px; right:82px;display:none;cursor:pointer;}
		#cboxPrevItem.hover{background-position:-40px -40px;}
		#cboxNextItem{background-position:-80px 0px; right:41px;display:none;cursor:pointer;}
		#cboxNextItem.hover{background-position:-80px -40px;}		
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

#cboxWrapper * {
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}