/*
* ColorBox Core Style:
* The following CSS is consistent between example themes and should not be altered.
* @version 2.5-beta-1
* @$Id: colorbox.css 651378 2013-01-11 17:20:40Z dzappone $
* @$URL: http://plugins.svn.wordpress.org/lightbox-plus/tags/2.5.3/css/dark/colorbox.css $
*/
body #colorbox, 
body #cboxOverlay, 
body #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
body #cboxOverlay{position:fixed; width:100%; height:100%;}
body #cboxMiddleLeft,
body #cboxBottomLeft{clear:left;}
body #cboxContent{position:relative;}
body #cboxLoadedContent{overflow:auto;}
body #cboxTitle{margin:0;}
body #cboxLoadingOverlay,
body #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
body #cboxPrevious,
body #cboxNext,
body #cboxClose,
body #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
body #cboxOverlay{background:#000;}
body #colorbox{}
    body #cboxContent{margin-top:20px; background:#000;}
       body #cboxError{padding:50px; border:1px solid #ccc;}
        body #cboxLoadedContent{border:5px solid #000; background:#000;}
        body #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        body #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        body #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        body #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        body #cboxPrevious:hover,
		body #cboxPrevious.hover{background-position:bottom left;}
        body #cboxNext{position:absolute; top:50%; right:5px; bottom: auto; left: auto; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
		body #cboxNext:hover,
		body #cboxNext.hover{background-position:bottom right;}
        body #cboxLoadingOverlay{background:#000;}
        body #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        body #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        body #cboxClose:hover,
		body #cboxClose.hover{background-position:bottom center;}