/*
    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:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{padding:6px 0 0 0;font:13px/16px Arial;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxPrevious { float:left;}
#cboxNext {float:right;}
#cboxClose{float:right; padding: 0 19px 0 0;}
#cboxTopline div.left{ width: 50%; float:left; overflow:hidden;padding:22px 0 0;}
#cboxTopline div.right{ width: 50%; float:right; overflow:hidden;padding:22px 0 0;}
#cboxTopline {overflow:hidden;}
/*
    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.
*/
div.gal_toolspanel{
	background:url(images/gal_toolspanel.png) center center no-repeat;
}
#cboxOverlay{background: #000000; opacity: 0.8 !important; filter: alpha(opacity=80) !important;}
#colorbox{}
    #cboxTopLeft{width:24px; height:30px; background:url(images/corne_a.png) 0 0 no-repeat;}
    #cboxTopRight{width:24px; height:30px; background:url(images/corne_b.png) 0 0 no-repeat;}
    #cboxBottomLeft{width:24px; height:30px; background:url(images/corne_d.png) 0 0 no-repeat;}
    #cboxBottomRight{width:24px; height:30px; background:url(images/corne_c.png) 0 0 no-repeat;}
    #cboxMiddleLeft{width:24px; background:url(images/side_d.png) left top repeat-y;}
    #cboxMiddleRight{width:24px; background:url(images/side_b.png) right top repeat-y;}
    #cboxTopCenter{height:30px; background:url(images/side_a.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:30px; background:url(images/side_c.png) 0 0 repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom: 150px;}
        #cboxTitle{left:0; text-align:left; color:#333;}
        #cboxCurrent{left:0; color:#949494; margin-top: 2px;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{left:0px; height: 95%; width:55px; text-indent:-9999px; top: 0; position: absolute;}
        #cboxPrevious:hover{background:url(images/arrow_right.png) center center no-repeat;}
        #cboxNext{right:0; height: 95%; width:55px; text-indent:-9999px; top: 0; position: absolute;}
        #cboxNext:hover{background:url(images/arrow_left.png) center center no-repeat;}
        #cboxNext:hover, #cboxPrevious:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7;
        }
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{bottom:0; right:0; background:url(images/btn_exit.png) 0px 0px no-repeat; width:29px; height:29px; text-indent:-9999px;}
        #cboxClose.hover{}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
*/
#cboxTopline {z-index:99999; position:fixed; width: 100%; height: 83px; overflow:hidden;
				background:url(images/gal_toolspanel.png) 0px 0px repeat-x; top: 10px;}