/*
    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{
    left:     0;
    overflow: hidden;
    position: absolute;
    top:      0;
    z-index:  9999;
    /* position:fixed; */
}
#cboxOverlay{
    height:   100%;
    position: fixed;
    width:    100%;
}
#cboxMiddleLeft, #cboxBottomLeft{
    clear: left;
}
#cboxContent{
    overflow: visible;
    position: relative;
}
#cboxLoadedContent{
    overflow: auto;
}
#cboxLoadedContent iframe{
    border:  0;
    display: block;
    height:  100%;
    width:   100%;
}
#cboxTitle{
    margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic{
    left:     0;
    position: absolute;
    top:      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{
    background:#000;
    -moz-box-shadow:0px 3px 20px #bbb;
    -webkit-box-shadow:0px 3px 20px #bbb;
}
    #cboxContent{
        margin-top: 20px;
    }
        #cboxLoadedContent{
            background: #fff;
            border:     1px solid #000;
            /* padding:    1px; */
        }
        #cboxLoadingGraphic{
            background: url(../images/loading.gif) center center no-repeat;
        }
        #cboxLoadingOverlay{
            background: #000;
        }
        #cboxTitle{
            color:    #fff;
            left:     5px;
            position: absolute;
            top:      -16px;
	    font-family:sans-serif;
        }
        #cboxCurrent{
            position:    absolute;
            right:       205px;
            text-indent: -9999px;
            top:         -22px;
        }
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{
            background:  url(../images/controls.png) 0 0 no-repeat;
            height:      20px;
            position:    absolute;
            text-indent: -9999px;
            top:         -20px;
            width:       20px;
        }
        #cboxPrevious{
            background-position: 0px 0px;
            right:               44px;
        }
        #cboxPrevious.hover{
            background-position: 0px -25px;
        }
        #cboxNext{
            background-position: -25px 0px;
            right:               22px;
        }
        #cboxNext.hover{
            background-position: -25px -25px;
        }
        #cboxClose{
            background-position: -50px 0px;
            right:               2px;
        }
        #cboxClose.hover{
            background-position: -50px -25px;
        }
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{
            right: 66px;
        }
        .cboxSlideshow_on #cboxSlideshow{
            background-position: -75px -25px;
            right:               44px;
        }
        .cboxSlideshow_on #cboxSlideshow.hover{
            background-position: -100px -25px;
        }
        .cboxSlideshow_off #cboxSlideshow{
            background-position: -100px 0px;
            right:               44px;
        }
        .cboxSlideshow_off #cboxSlideshow.hover{
            background-position: -75px -25px;
        }