/*
    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;
 overflow: visible!important;
 -webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
 max-width: none;
}
#cboxOverlay {
 position: fixed;
 width: 100%;
 height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
 clear: left;
}
#cboxContent {
 position: relative;
 overflow: visible;
}
#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: #fff;
 opacity: 0.4;
 filter: alpha(opacity = 40);
}
#colorbox {
 outline: 0;
}
#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 {
 background: #fff;
 overflow: visible;
}
.cboxIframe {
 background: #fff;
}
#cboxError {
 padding: 50px;
 border: 1px solid #ccc;
}
#cboxTitle {
 position: absolute;
 bottom: 4px;
 left: 0;
 text-align: center;
 width: 100%;
 color: #949494;
}
#cboxCurrent {
 position: absolute;
 bottom: 4px;
 left: 58px;
 color: #949494;
}
#cboxLoadingOverlay {
 background: url(/common/img/common/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
 background: url(/common/img/common/loading.gif) no-repeat center center;
}
/* 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;
}
#cboxSlideshow {
 display: none;
}
#cboxPrevious {
 display: none;
}
#cboxNext {
 display: none;
}
#cboxClose {
 position: absolute;
 top: -60px;
 right: 0;
 background: url(/common/img/common/close.png) no-repeat 0 0;
 width: 40px;
 height: 40px;
 text-indent: -9999px;
}
#cboxClose:hover {
 opacity: 0.7;
 filter: alpha(opacity = 70);
}
/*
  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/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}