/*
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:100000;overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;overflow:hidden;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#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;-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin: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:rgba(255,255,255,0.9) url(../img/colorbox/bg_cbox.png) right top no-repeat;background-attachment:fixed;
background-size:60px 60px;}
#colorbox{outline:0 !important;}
#cboxTopLeft{display:none;}
#cboxTopRight{display:none;}
#cboxBottomLeft{display:none;}
#cboxBottomRight{display:none;}
#cboxMiddleLeft{display:none;}
#cboxMiddleRight{display:none;}
#cboxTopCenter{display:none;}
#cboxBottomCenter{display:none;}
#cboxContent iframe{}
.cboxIframe{}
#cboxError{display:none;}
#cboxLoadedContent{overflow-x:hidden !important;padding:0px 0px 0px 0px;}
#cboxTitle{display:none;}

#cboxCurrent{display:none;opacity:0;}
#cboxLoadingOverlay{}
#cboxLoadingGraphic{}

/* 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 !important;}
#cboxPrevious:focus, #cboxNext:focus, #cboxSlideshow:focus, #cboxClose:focus {outline:0 !important;}

#cboxSlideshow{display:none;}
#cboxPrevious{display:none !important;}
#cboxPrevious:hover{}
#cboxNext{display:none !important;}
#cboxNext:hover{}
#cboxClose{display:none !important;}
#cboxClose:hover{}