/*

    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:hidden;}

#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.

*/

#cboxOverlay{background:#999999;}

#colorbox{}

   /* #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -301px 0 no-repeat;}

    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -330px 0 no-repeat;}

    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -301px -29px no-repeat;}

    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -330px -29px no-repeat;}

    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}

    #cboxMiddleRight{width:21px; background:url(images/controls.png); right: 0px; top repeat-y;}

    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}

    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}*/

    #cboxContent{background:#fff;}

        #cboxLoadedContent{margin:10px 10px 28px 10px;}

        #cboxTitle{}

        #cboxCurrent{}

        #cboxSlideshow{position:absolute; bottom:-3px; right:30px; color:#0092ef;}

        #cboxPrevious{position:absolute; bottom:3px; left:10px; background:url(images/controls.png) -176px 0px no-repeat; width:108px; height:25px; text-indent:-9999px;}

        #cboxPrevious.hover{background-position:-176px -25px;}

        #cboxNext{position:absolute; bottom:3px; left:127px; background:url(images/controls.png) -84px 0px no-repeat; width:86px; height:25px; text-indent:-9999px;}

        #cboxNext.hover{background-position:-84px -25px;}

        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}

        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}

        #cboxClose{position:absolute; bottom:3px; right: 10px; background:url(images/controls.png) -25px 0px no-repeat; width:56px; height:25px; text-indent:-9999px;}

        #cboxClose.hover{background-position:-25px -25px;}