/* Colorbox Core Style: */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:visible;outline:0}
#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}
#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;background:transparent;color:inherit}

/* User Style: */
/* #colorbox { box-shadow: 0 0 30px rgba(0,0,0,0.4); } */
#cboxOverlay { background: #000; background: rgba(0,0,0,0.7); }

/* #cboxWrapper { padding: 15px; background: rgba(0,0,0,0.5); border-radius: 7px; } */
#cboxLoadedContent { color: #fff; background: #000; border: 10px solid #fff; border-radius: 4px; }
#cboxContent { padding: 15px; background: rgba(0,0,0,0.5); border-radius: 7px; }
#cboxClose { position: absolute; top: -65px; right: 0; width: 54px; height: 0; padding-top: 54px;
  background: url(../../common/img/btn_close.png) no-repeat; overflow: hidden; }

.cboxIframe { color: #fff; background: #000; }

/*
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent {}
#cboxLoadingOverlay { background: url(images/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center; }
#cboxTitle { position: absolute; bottom: -25px; left: 0; text-align: center; width: 100%; font-weight: bold; color: #7c7c7c; }
#cboxCurrent { position: absolute; bottom: -25px; left: 58px; font-weight: bold; color: #7c7c7c; }
*/

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/*
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose { position: absolute; bottom: -29px; background: url(images/controls.png) no-repeat 0px 0px;
    width: 23px; height: 23px; text-indent: -9999px; }

#cboxPrevious { left: 0; background-position: -51px -25px; }
#cboxPrevious:hover { background-position: -51px 0; }
#cboxNext { left: 27px; background-position: -75px -25px; }
#cboxNext:hover { background-position: -75px 0; }
#cboxClose { right: 0; background-position: -100px -25px; }
#cboxClose:hover { background-position: -100px 0; }

.cboxSlideshow_on #cboxSlideshow { background-position: -125px 0; right: 27px; }
.cboxSlideshow_on #cboxSlideshow:hover { background-position: -150px 0; }
.cboxSlideshow_off #cboxSlideshow { background-position: -150px -25px; right: 27px; }
.cboxSlideshow_off #cboxSlideshow:hover { background-position: -125px 0; }
*/

/* corners */
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter,
#cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight { display: none; }