/*
 ColorBox Core Style
 The following rules are the styles that are consistant between themes.
 Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent{ position:relative; overflow:hidden; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }

/* colorbox user styles */
#cboxOverlay { background:url(colorbox/overlay.png) repeat 0 0; }
#colorboxm {}
.loaded { 
 background-color:#fff;
 -moz-border-radius:6px; 
 -webkit-border-radius:6px; 
 border-radius:6px;
 -moz-box-shadow:0 0 8px rgba(0,0,0,0.8);
 -webkit-box-shadow:0 0 8px rgba(0,0,0,0.8);
 box-shadow:0 0 8px rgba(0,0,0,0.8);
}
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight{ width:10px; height:10px; }
#cboxMiddleLeft, #cboxMiddleRight{ width:10px; }
#cboxTopCenter { height:10px; }
#cboxBottomCenter { height:5px; }
#cboxContent { /*background:#fff;*/ }
#cboxLoadedContent { margin-bottom:28px; }
#cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#222; font-size:1.4em; font-weight:bold; }
#cboxCurrent { position:absolute; bottom:4px; left:58px; color:#222; }
#cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#222; }
#cboxPrevious { position:absolute; bottom:0; left:0px; background:url(colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:-75px -25px; }
#cboxNext { position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px; }
#cboxNext.hover { background-position:-50px -25px; }
#cboxLoadingOverlay { width:40px; height:40px !important; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px;
 background-color:#fff;
 -moz-border-radius:6px; 
 -webkit-border-radius:6px; 
 border-radius:6px;
}
#cboxLoadingGraphic { background:url(colorbox/loading.gif) no-repeat center center; }
#cboxClose { position:absolute; bottom:0; right:0; background:url(colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px; }
#cboxClose.hover { background-position:-25px -25px; }