/*  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; font-size: 13px; font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif; }
#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 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 is easier to understand.
*/
#cboxOverlay { background: #000; }
#colorbox { position: fixed; }
* html #colorbox { position: absolute; }
    #cboxTopLeft { width: 14px; height: 14px; background: url(/images/colorbox_controls.png) no-repeat 0 0; }
    #cboxTopCenter { height: 14px; background: url(/images/colorbox_border.png) repeat-x top left; }
    #cboxTopRight { width: 14px; height: 14px; background: url(/images/colorbox_controls.png) no-repeat -36px 0; }
    #cboxBottomLeft { width: 14px; height: 43px; background: url(/images/colorbox_controls.png) no-repeat 0 -32px; }
    #cboxBottomCenter { height: 43px; background: url(/images/colorbox_border.png) repeat-x bottom left; }
    #cboxBottomRight { width: 14px; height: 43px; background: url(/images/colorbox_controls.png) no-repeat -36px -32px; }
    #cboxMiddleLeft { width: 14px; background: url(/images/colorbox_controls.png) repeat-y -175px 0; }
    #cboxMiddleRight { width: 14px; background: url(/images/colorbox_controls.png) repeat-y -211px 0; }
    #cboxContent { background: #fff; }
        #cboxLoadedContent { margin-bottom: 5px; }
        #cboxLoadingOverlay { background: url(/images/colorbox_loading_background.png) no-repeat center center; }
        #cboxLoadingGraphic { background: url(/images/colorbox_loading.gif) no-repeat center center; }
        #cboxTitle { position: absolute; bottom: -25px; left: 0; text-align: center; width: 100%; font-weight: normal; color: #555; text-shadow: 1px 1px 1px #bbb; }
        #cboxCurrent { position: absolute; bottom: -25px; left: 58px; padding-right: 10px; font-weight: normal; color: #777; background-color: #e6e5e5; text-shadow: 1px 1px 1px #fff; }
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { position: absolute; bottom: -29px; background: url(/images/colorbox_controls.png) no-repeat 0px 0px; width: 23px; height: 23px; text-indent: -9999px; }
        #cboxPrevious { left: 0px; background-position: -51px -25px; }
        #cboxPrevious.hover { background-position: -51px 0px; }
        #cboxNext { left: 27px; background-position: -75px -25px; }
        #cboxNext.hover { background-position: -75px 0px; }
        #cboxClose { right: 0; background-position: -100px -25px; }
        #cboxClose.hover { background-position: -100px 0px; }
        .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; }