/*
    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 {  }
#colorbox, #cboxOverlay { position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay { position:fixed; width:100%; height:100%; background-color: #442d25; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; }
#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; }

/*
    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.
*/
#colorbox{}
    #cboxContent{ }
        #cboxLoadedContent{ padding: 15px; background: url(../img/colorbox/bg-border.png);}
        #cboxTitle{ position:absolute; }
        #cboxLoadingOverlay{ background:url(../img/colorbox/loading_background.png) center center no-repeat; }
        #cboxLoadingGraphic{ background:url(../img/colorbox/loading.gif) center center no-repeat; }
        #cboxClose { position:absolute; display: none; top: -15px; left: -15px; width:27px; height:27px;
            background:url(../img/colorbox/controls_sprite.png) 0 0 no-repeat; text-indent:-9999px; }

        #cboxSlideStatus { width: 363px; height: 57px; margin: -15px auto 0; padding: 15px 0 0;
            background: url(../img/colorbox/status-bg.png) no-repeat; text-align: center; }
            #cboxPrevious,
            #cboxNext { padding-top: 9px; font-style: italic; font-family: Helvetica; color: #AAA;
                text-transform: capitalize; font-size: 13px; text-decoration: none;
                background: transparent url(../img/colorbox/controls_sprite.png) no-repeat scroll -81px 0 }

            #cboxPrevious { float: left; width: 80px; height: 25px; padding-right: 18px; text-align: right; }
            #cboxNext { float: right; width: 85px; height: 25px; padding-left: 12px; background-position: -81px -55px;
                text-align: left; }

            #cboxPrevious:hover { background-position: -200px 0; cursor: pointer!important; }
            #cboxNext:hover { background-position: -200px -55px; cursor: pointer!important; }

            #cboxCurrent { display: inline-block; padding-top: 2px; }
            .cboxIndex { display: inline-block; width: 15px; height: 30px; margin-right: 5px;
                background: url(../img/colorbox/controls_sprite.png) no-repeat -2px -70px; }
            .cboxSelectedIndex { background-position: -2px -39px; }