/*
    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; overflow:hidden;border-radius: 10px;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#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:#000;}
#colorbox{}
    #cboxTopLeft{
        width:8px; 
        height:36px; 
        background-color: #fff;
    }
    #cboxTopCenter{
        height:36px; 
        background-color: #fff;
    }
    #cboxTopRight{
        width:8px; 
        height:36px; 
        background-color: #fff;
    }
    #cboxBottomLeft{
        width:8px; 
        height:7px; 
        background:url(../images/controls.png) no-repeat 0 -36px;
    }
    #cboxBottomCenter{
        height:7px; 
        background:url(../images/border.png) repeat-x bottom left;
    }
    #cboxBottomRight{
        width:8px; 
        height:7px; 
        background:url(../images/controls.png) no-repeat -16px -36px;
    }
    #cboxMiddleLeft{
        width:8px; 
        background-color: #fff;
    }
    #cboxMiddleRight{
        width:8px; 
        background-color: #fff;
    }
    #cboxContent{
        background:#fff; 
        overflow:visible;
    }
        .cboxIframe{background:#fff;}
        #cboxError{
            padding:50px; 
            border:1px solid #ccc;
        }
        #cboxLoadedContent{}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxTitle{
            font-family: Verdana, Arial, sans-sarif;
            font-size: 13px;
            font-weight: bold;
            position:absolute; 
            top:-25px; 
            left:0; 
            /*text-align:left; */
            width:100%; 
            font-weight:bold; 
            color:#000;
        }
        #cboxCurrent{
            font-family: Verdana, Arial, sans-sarif;
            font-size: 13px;
            font-weight: bold;
            position:absolute; 
            top:-25px; 
            left:58px; 
            font-weight:bold; 
            color:#000;
        }
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
            position:absolute; 
            top:-27px; 
            background:url(../images/controls.png) no-repeat 0px 0px; 
            width:21px; 
            height:20px; 
            text-indent:-9999px;
            border: 0px;
        }
        #cboxPrevious{
            left:0px; 
            background-position: -25px -20px;
        }
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{
            left:27px; 
            background-position:-46px -20px;
        }
        #cboxNext:hover{background-position:-46px 0px;}
        #cboxClose{
            right:0; 
            background-position:-67px -20px;
        }
        #cboxClose:hover{background-position:-67px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{
            background-position:-88px -20px; 
            right:27px;
        }
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-88px 0px;}
        .cboxSlideshow_off #cboxSlideshow{
            background-position:-109px -20px; 
            right:27px;
        }
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-109px 0px;}