/*
    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:visible;}
#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 example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{
background:#fff; 
padding: 15px; 
margin: 25px;
-moz-border-radius: 12px; /* FF1+ */
-webkit-border-radius: 12px; /* Saf3+, Chrome */
border-radius: 12px; /* Opera 10.5, IE 9 */
-moz-box-shadow: 0px 0px 8px #aaa; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 8px #aaa; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 8px #aaa; /* Opera 10.5, IE 9.0 */ 
behavior: url(http://www.e-health-insider.com/videos/pie.htc);
}

#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(/gfx/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/gfx/loading.gif) center center no-repeat;}
#cboxTitle{
position:absolute; 
bottom:5px; 
left:10px; 
text-align: left; 
width:100%; 
font-weight:bold; 
color: #575757; 
padding: 5px;  
font-family: Verdana, arial, serif; 
font-size: 22px; 
text-transform: uppercase; 
color: #0087b0}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#FF0000;}    
/* amended close sprite */
#cboxClose{ background:url(/gfx/close.png); width: 48px; height: 49px; right:-25px; top: -25px; position:absolute; text-indent:-9999px}
#cboxClose.hover{background-position:49px 0px; position:absolute;}     
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}


/* homepage player div */
#mainPlayer {width: 300px; position: relative;}
#mainPlayer img {float: right;}
#mainPlayer h1, p {font-family: Verdana, Arial, Helvetica, sans-serif; margin:0;}
#mainPlayer h1 {color: #069; font-size: 14px; font-weight: bold; border-bottom: 1px solid #bfd9e5; padding: 0 0 5px 0; margin: 0 0 5px 0;}
#mainPlayer p {padding: 5px 0 8px; font-size: 12px;}
#mainPlayer .to {display: none; position: absolute; left: 0;}