/*
    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;}
#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{ display:block;float:left; margin:auto; border:0;}
.cboxIframe{ display:block;width:100%; height:100%; 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:#C5CACD;}
#colorbox{ }
    /*
    #cboxTopLeft{width:14px; height:14px; background:url(colorbox/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(colorbox/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(colorbox/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(colorbox/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(colorbox/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(colorbox/controls.png) no-repeat -36px -32px;}

    #cboxBottomLeft.noCtrls {
        height:10px;
        background-position:0 -65px;
    }
    #cboxBottomCenter.noCtrls {
        height:10px;
        background-position:bottom left;
    }
    #cboxBottomRight.noCtrls {
        height:10px;
        background-position:-36px -65px;
    }

    #cboxMiddleLeft{width:14px; background:url(colorbox/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(colorbox/controls.png) repeat-y -211px 0;}
    */
    #cboxTopLeft,
    #cboxTopCenter,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxMiddleLeft,
    #cboxMiddleRight
    {
        width:4px;
        height:4px;
        background-color:#b8b8b8;
    }


    #cboxContent{ overflow:visible;background:#fff;}
        #cboxLoadedContent{margin:53px 15px 15px 15px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url("/front/images/spinner32x32.gif") no-repeat center center;}
        #cboxTitle{position:absolute; top:0; left:0; width:100%;
                    background: none repeat scroll 0 0 #F1F1F1;
                    color:#666666; text-align:left;
                    text-indent:15px;
                    font: bold 16px/38px Arial,Helvetica,sans-serif;

                }
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; color:#666666; font-weight:bold;}

        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; width:23px; height:23px; background:url(colorbox/controls.png) no-repeat 0px 0px; text-indent:-9999px;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0;}
        #cboxClose{ top: 8px;right:8px; border: none; background-position:-96px -25px;}
        #cboxClose.hover{background-position:-100px 0;}
        #cboxContent td, #cboxContent th {padding: 0;}

        .cboxSlideshow_on #cboxSlideshow{ right:27px;background-position:-125px 0;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}
        .cboxSlideshow_off #cboxSlideshow{ right:27px;background-position:-150px -25px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}

/* start custom styles for fb-regbox */
.highlighted-popup #cboxClose,
.fb-regbox-popup #cboxClose {
    top: 8px;
    right:8px;
    border: none;
    background-position:-100px -25px;
}
.highlighted-popup #cboxTitle,
.fb-regbox-popup #cboxTitle{
    position:absolute; top:0; left:0; width:100%;
    background: none repeat scroll 0 0 #b71b1a;
    color:#ffffff; text-align:left;
    text-indent:15px;
    font: bold 15px/38px Arial,Helvetica,sans-serif;

}
.highlighted-popup #cboxClose,
.fb-regbox-popup #cboxClose {
    position: absolute;
    bottom: -29px;
    width: 23px;
    height: 23px;
    background: url(colorbox/close-buttons.png) no-repeat 0 0;
    text-indent: -9999px;
}
.highlighted-popup #cboxClose,
.fb-regbox-popup #cboxClose {
    top: 8px;right:8px; border: none; background-position: 0 0;
}
.highlighted-popup #cboxClose:hover,
.fb-regbox-popup #cboxClose:hover {
    top: 8px;right:8px; border: none; background-position: 0px -25px;
}