/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper{ position:absolute; top:0; left:0; z-index:9999; outline: none; }

    #colorbox button                                { border: none; outline: none; }

#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{ overflow:auto; border-radius: 5px 5px; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; -ms-border-radius: 5px 5px; -o-border-radius: 5px 5px; }
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.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;}

/* 
    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.
*/
#cboxOverlay{background: black;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid white; background:#fff;}
        #cboxTitle{ background: white; position:relative; bottom: 0; height: 40px; left:0; padding: 10px 20px 10px 110px; color: #333; width: 100%; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; margin-top: -5px;}
        #cboxTitle:empty{ display: none !important; }
        #cboxCurrent{ position:absolute; bottom: 10px; left: 10px; color:#333;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
       
        #cboxPrevious, #cboxNext                { background: url(../../img/colorbox/lightbox-next-prev.png) no-repeat; height: 56px; margin-top: -28px; position: absolute; text-indent: -9999px; top: 50%; width: 38px; }
            #cboxPrevious                       { background-position: -38px 0; left: 0; }
            #cboxNext                           { right: 0; }

        #cboxClose                              { background: url(../../img/colorbox/lightbox-close.png) no-repeat; height: 26px; position: absolute; top: -8px; right: -10px; text-indent: -9999px; width: 27px; }

            #cboxClose:active                   { bottom: 7px; opacity: .8; }

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