/*
    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;}
#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:#fff;}

#colorbox{}
#cboxTopLeft{ display: none; }
#cboxTopCenter {  display: none; }
#cboxTopRight{  display: none; }
#cboxBottomLeft{  display: none; }
#cboxBottomCenter{  display: none; }
#cboxBottomRight{  display: none; }
#cboxMiddleLeft{  display: none;}
#cboxMiddleRight{  display: none;}
#cboxLoadedContent{margin-bottom:0px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}


#cboxCurrent{
    text-align: center;
    position:absolute;
    width: 50px;
    margin-left: -25px;
    bottom: 15px;
    left: 50%;
    font-weight:bold;
    color:#ffffff;
    background-image: url(../images/bg_transparent_grey.png);

    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#cboxSlideshow{  background:url(../images/controls.png) 0px 0px no-repeat;   width:23px; height:23px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}



#cboxPrevious {
    position:absolute;
    background-image:url(../images/leftButton.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 261px;
    top: 50%;
    margin-top: -130px;
    left: 0;
    text-indent:-9999px;

    z-index: 10;
}
#cboxPrevious.hover{
    background-image:url(../images/leftButtonHover.png);
}

#cboxNext {
    position:absolute;
    background-image:url(../images/rightButton.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 261px;
    top: 50%;
    margin-top: -130px;
    right: 0;
    text-indent:-9999px;

    z-index: 10;
}
#cboxNext.hover{
    background-image:url(../images/rightButtonHover.png);
}

#cboxClose {
    top: 0;
    right:0;
    width: 30px;
    height: 30px;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    position: absolute;
    text-indent:-9999px;
}
#cboxClose.hover{

}