/*
    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:2147483646; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#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. */
#colorbox.mtr,
#colorbox.mtr #cboxOverlay,
#colorbox.mtr #cboxWrapper {
	overflow:visible;
}
#cboxOverlay.mtr { background: url(../../../designimages/mtr-overlay-bg.png) repeat 0 0; opacity:1 !important; }
#colorbox.mtr #cboxWrapper {background:none; padding: 0;}

#colorbox.mtr #cboxLoadedContent { position:relative; }
#colorbox.mtr #cboxLoadedContent:before { display:block; height:48px; width:48px; position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px; content:url('../../../designimages/mtr-loading-lightbox-fast.gif'); border:none;  background:none; zoom:0.5; -moz-transform: scale(0.5); }


#colorbox.mtr #cboxContent {background:none; padding: 0;}
#colorbox.mtr { outline: 0; }
#colorbox.mtr #cboxContent { background: none; }
#colorbox.mtr .cboxIframe { background: none !important; position:relative; }
#colorbox.mtr #cboxError { padding: 50px; border: 1px solid #ccc; }
#colorbox.mtr #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
#colorbox.mtr #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }
#colorbox.mtr #cboxLoadingOverlay { background: none /* url(../../../designimages/colorbox-loading_background.png) no-repeat center center; */ }
#colorbox.mtr #cboxLoadingGraphic { background: none /* url(../../../designimages/ajax-loader.gif) no-repeat center center; */ }
#colorbox.mtr #cboxPrevious, #colorbox.mtr #cboxNext, #colorbox.mtr #cboxSlideshow, #colorbox.mtr #cboxClose {
    /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
    border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none;
}
#colorbox.mtr #cboxPrevious:active, #colorbox.mtr #cboxNext:active, #colorbox.mtr #cboxSlideshow:active, #colorbox.mtr #cboxClose:active {
    /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
    outline: 0;
}
#colorbox.mtr #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
#colorbox.mtr #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(../../../designimages/colorbox-controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }
#colorbox.mtr #cboxPrevious:hover { background-position: -75px -25px; }
#colorbox.mtr #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(../../../designimages/colorbox-controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }
#colorbox.mtr #cboxNext:hover { background-position: -50px -25px; }
#colorbox.mtr #cboxClose { outline: none; border: none !important; position: absolute; top: -14px; right: -14px; background: url(../../../designimages/colorbox-controls.png?c=n) no-repeat 0px 0; width: 42px; height: 42px; text-indent: -9999px; display:none; }
#colorbox.mtr #cboxClose:hover { background-position: -42px 0px; }
#colorbox.mtr .cboxElement { outline: none; }

#colorbox.mtr .cboxIE #cboxTopLeft,
#colorbox.mtr .cboxIE #cboxTopCenter,
#colorbox.mtr .cboxIE #cboxTopRight,
#colorbox.mtr .cboxIE #cboxBottomLeft,
#colorbox.mtr .cboxIE #cboxBottomCenter,
#colorbox.mtr .cboxIE #cboxBottomRight,
#colorbox.mtr .cboxIE #cboxMiddleLeft,
#colorbox.mtr .cboxIE #cboxMiddleRight {
    /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}