@charset "utf-8";

div.overlay-wrapper .clear{ height:0 }

div#overlay { display:none; position:fixed; top:0; left:0; z-index:4; width:100%; height:100%; background:#000 }
div.overlay-wrapper { display:none; color:#333; position:fixed; top:60px; left:50%; z-index:5; width:960px; margin-left:-480px; padding:3px 0 0 0; line-height:1.2em; padding:3px 0; background:transparent none;}
.overlay-wrapper h1.overlayTitle { width:auto; padding:25px 25% 25px 14px; color:#ffffff; margin:0; font-size:1.7em; background: #9c221d; font-weight:bold; border-width:0 3px; border-color:#CCC; border-style:solid; }
.overlay-wrapper h1.overlayTitle.imgOverlayTitle {padding:40px 25% 0px 14px;}
div.overlay-wrapper a.close { position:absolute; top:12px; right:12px; background:url("/_resources/images/btns/overlayClose.png") transparent no-repeat top left; display:block; height:20px; width:20px; text-indent:-9000px; }
div.overlayContent { padding:0; overflow:hidden; margin:0; border-width:0 3px; border-color:#CCC; border-style:solid; background:#ffffff }
/* Slide show overlay */
ul.overlay-slideshow li.currentSlide {display:none}
ul.overlay-slideshow li {padding:0; margin:0;}
ul.overlay-slideshow { list-style:none; padding:0; margin:0; }
ul.overlay-slideshow li { display:none; overflow:hidden; }
div.overlaySlideNav { position:absolute; top:86px; text-align:right; right:12px; width:190px; height:1em; padding:12px 10px; color:#333; font-size:110%; font-weight:bold; background:#f4f2ed; display:block;  }
div.overlaySlideNav a { position:absolute; top:12px; height:16px; width:15px; display:block;  text-indent:-9999px}  
div.overlaySlideNav a.previous{ left:10px; background:url("/_resources/images/btns/arrowSSPrev.png") transparent no-repeat top left; }
div.overlaySlideNav a.next { left: 33px; background:url("/_resources/images/btns/arrowSSNext.png") transparent no-repeat top left; }
div.overlay-slideCount { color:#000; position:absolute; top:13px; left: 56px; }

/*Corners and wrap*/
div.overlay-wrapper .top, div.overlay-wrapper .bottom{ border-top:3px solid #ccc; height:0; left:4px; right:4px; top:0; position:absolute; }
div.overlay-wrapper .bottom{ bottom:0; top:auto}
div.overlay-wrapper .topRight, div.overlay-wrapper .topLeft, div.overlay-wrapper .bottomRight, div.overlay-wrapper .bottomLeft { display:block; position:absolute; height:4px; }
div.overlay-wrapper .topRight{ background:#fff url("/_resources/images/bckgrnd/corners_overlay_TR.png") no-repeat right top; top: 0; right:0; }
div.overlay-wrapper .topLeft{ background:#fff url("/_resources/images/bckgrnd/corners_overlay_TL.png") no-repeat left top; top: 0; left:0;  }
div.overlay-wrapper .bottomRight{ background:#fff url("/_resources/images/bckgrnd/corners_overlay_BR.png") no-repeat right bottom; bottom: 0; right:0; }
div.overlay-wrapper .bottomLeft{ background:#fff url("/_resources/images/bckgrnd/corners_overlay_BL.png") no-repeat left bottom; bottom: 0; left:0;  }

.noCaption .mediaInfo { display:none }
.noCaption .mediaContainer { border-width: 1px 0 0 0; width:auto }
.noCaption .overlayContent { background:none #fff; }
.noCaption.plain .mediaContainer, .noCaption.plain .overlayContent, .noCaption.plain.overlay-wrapper{ background:none; border:none; }
.noCaption.plain .close, .noCaption.plain .bottomCap{display:none}

.mediaContainer { float:left; margin:0; padding:13px 13px 12px 12px; display:inline; width:700px; overflow:hidden; border: #CCC; border-width: 0 1px 0 0; }
.mediaInfo { float:right; display:inline; width:203px; margin:0; padding:65px 12px; font-size:80%; color:#000; border: none }
.mediaInfo.singleSlide, .videoOverlay .mediaInfo { padding-top:13px; }
.mediaInfo h1, .mediaInfo h2 { width:208px; margin:0 0 8px 0; padding:0; color:#000; font-size:160%; }
.mediaInfo p { margin:0; padding:10px 0; font-size:100%; }
.mediaInfo p.date{ margin:0; padding:2px 0 0 0; color:#999; font-style:italic; }
.overlaySlideShow{ padding:0; background: no-repeat top left; }
.inlineAudio { padding:0; background: no-repeat 0 .2em; }
.inlineAudio.loading{  }
.instantInlineAudio { display:none }
.flashOverlay .mediaContainer {padding:0;}
#loading{margin:25% 0 0 50%; height:50px; display:none; background: url("/_resources/images/bckgrnd/loading.gif") no-repeat 0 0; }

ul.videoList{ list-style:none; overflow:hidden; clear:both; margin:0; padding:0; }
#mainContent ul.videoList li{  float:left; display:inline; padding-left:0; background:none  }
ul.videoList li a.overlayVideo{ display:block; padding:10px 30px 30px 70px; background:url("/_resources/images/bckgrnd/video_overlay.gif") no-repeat left top; }