/*
* Colorbox Core Style
* The following rules are the styles that are consistant between all Colorbox themes
* @version 2.7
* @$Id: colorbox.css 651378 2013-01-11 17:20:40Z dzappone $
* @$URL: http://plugins.svn.wordpress.org/lightbox-plus/trunk/css/black/colorbox.css $
*/
#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: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;}
.cboxPhoto{float:left; margin: auto; margin-bottom: 46px !important; border:0px solid #FFF; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
    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:#111;}

#colorbox{}
    #cboxTopLeft{width:11px; height:42px; background:url(images/tlc.png) no-repeat;}
    #cboxTopRight{width:11px; height:42px; background:url(images/trc.png) no-repeat;}
    #cboxBottomLeft{width:11px; height:11px; background:url(images/blc.png) no-repeat;}
    #cboxBottomRight{width:11px; height:11px; background:url(images/brc.png) no-repeat;}
    #cboxMiddleLeft{width:11px; background:url(images/lb.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:11px; background:url(images/rb.png) 0 0 repeat-y;}
    #cboxTopCenter{height:42px; background:url(images/tc.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:11px; background:url(images/bc.png) 0 0 repeat-x;}
    #cboxContent{background:#fff; color: #000;}
        #cboxLoadedContent{margin-top:0px;}
        #cboxLoadingOverlay{width: 100%; height: 100%; background:url(images/loading_background.png) no-repeat center center;}
	    #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; top: -23px; left:0; background-image: url(images/fb-icon.gif); background-repeat: no-repeat; background-position: 10px -1px; padding: 0px 0px 0px 8px; text-indent: 30; font-size: 13px !important; text-indent: 30px; font-family: Lucida Grande; text-align: left; width:100%; font-weight:bold; color:#fff;}
        #cboxCurrent{position:absolute; bottom: 0px; background: #f0f0f0; border-top: 1px solid #888; width: 100%; padding: 14px 0px 14px 0px; text-indent: 90px; font-family: Lucida Grande; font-size: 14px !important; font-weight:bold; color:#666; }
        
        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
       
        #cboxClose{position:absolute; top: 0px; background: #6d84b4; width:20px; height:20px; text-indent:-9999px;}
	#cboxPrevious, #cboxNext {position:absolute; bottom: 0px; background: #f2f2f2; width:20px; height:20px; text-indent:-9999px;}        
    #cboxPrevious{position:absolute;width: 32px;height: 30px;left:10px !important; bottom: 7px !important; background: transparent url(images/prev-img-b.png);background-position: 0px 0px;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;}
    #cboxPrevious.hover{background: transparent url(images/prev-img-b.png);background-position:0px 0px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
    #cboxNext{position:absolute;width: 32px;height: 30px;left:42px !important;bottom: 7px !important;background: transparent url(images/next-img-b.png);background-position:0px 0px;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;}
    #cboxNext.hover{background:transparent url(images/next-img-b.png);background-position:0px 0px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}
    #cboxClose{width:15px;height:15px;background:transparent url(images/close-box.png);right:10px;top:-23px !important;background-position:0px 0px;}
    #cboxClose.hover{background-position:0px -15px;}
    #cboxClose:active{background-position:0px -30px;}
    .cboxSlideshow_on #cboxSlideshow{position:absolute;right:15px;bottom:10px;outline:none;margin:0px;margin-top:10px;text-align:center;font-weight:bold;width:120px;text-decoration:none !important;background:#6079ab url(images/fbook-btn-blue-bg.png) 0px 0px repeat-x !important;border:1px solid #29447e;padding:5px 5px 5px 5px !important;font-size:11px;color:#ffffff !important;text-indent:0px;}
    .cboxSlideshow_on #cboxSlideshow.hover{background:#627aad url(images/fbook-btn-blue-bg.png) 0px -48px repeat-x !important;}
    .cboxSlideshow_on #cboxSlideshow:active{background:#29447e url(images/fbook-btn-blue-bg.png) 0px -96px repeat-x !important;}
    .cboxSlideshow_off #cboxSlideshow{position:absolute;right:15px;bottom:10px;outline:none;margin:0px;margin-top:10px;text-align:center;font-weight:bold;width:120px;text-decoration:none !important;background:#67a54b url(images/fbook-btn-green-bg.png) 0px 0px repeat-x !important;border:1px solid #3b6e22;padding:5px 5px 5px 5px !important;font-size:11px;color:#ffffff !important;text-indent:0px;}
    .cboxSlideshow_off #cboxSlideshow.hover{background:#67a54b url(images/fbook-btn-green-bg.png) 0px -48px repeat-x !important;}
    .cboxSlideshow_off #cboxSlideshow:active{background:#2c5115 url(images/fbook-btn-green-bg.png) 0px -96px repeat-x !important;}