/*
    ColorBox Core Style 1.3.6
    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: 11000; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; overflow: visible; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { border: 0; display: block; width: 100%; height: 100%; }
#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: #999; }

#colorbox { }

#cboxTopLeft { background: url('../../images/jquery/colorbox-1.3.6/controls.png') 0 0 no-repeat; width: 14px; height: 14px; }
#cboxTopCenter { background: url('../../images/jquery/colorbox-1.3.6/border.png') top left repeat-x; height: 14px; }
#cboxTopRight { background: url('../../images/jquery/colorbox-1.3.6/controls.png') -36px 0 no-repeat; width: 14px; height: 14px; }

#cboxMiddleLeft { background: url('../../images/jquery/colorbox-1.3.6/controls.png') -175px 0 repeat-y; width: 14px; }
#cboxMiddleRight { background: url('../../images/jquery/colorbox-1.3.6/controls.png') -211px 0 repeat-y; width: 14px; }
	
#cboxBottomLeft { background: url('../../images/jquery/colorbox-1.3.6/controls.png') 0 -32px no-repeat; width: 14px; height: 43px; }
#cboxBottomCenter { background: url('../../images/jquery/colorbox-1.3.6/border.png') bottom left repeat-x; height: 43px; }
#cboxBottomRight { background: url('../../images/jquery/colorbox-1.3.6/controls.png') -36px -32px no-repeat; width: 14px; height: 43px; }

#cboxContent { background: #FFF; }

#cboxLoadedContent { margin-bottom: 5px; }
#cboxLoadingOverlay { background: url('../../images/jquery/colorbox-1.3.6/loading_background.png') center center no-repeat; }
#cboxLoadingGraphic { background: url('../../images/jquery/colorbox-1.3.6/loading.gif') center center no-repeat; }

#cboxTitle { color: #0B8DEB; font-weight: bold; text-align: center; position: absolute; bottom: -25px; left: 0; width: 100%; }

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

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

#cboxPrevious { background-position: -51px -25px; left: 0; }
#cboxPrevious.hover { background-position: -51px 0; }

#cboxNext { background-position: -75px -25px; left: 27px; }
#cboxNext.hover { background-position: -75px 0; }

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

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