﻿/*
-----------------------------------------------
Dynamic Lead -- CSS
Author(s): David Johnson
Created: 4/8/2008
Last Modified: 4/28/08

-----------------------------------------------
*/

#dynamicLead {clear:both;overflow:hidden;width:450px;margin:0px;padding:0;float:left;}
#dynamicLead a, #dynamicLead a:link, #dynamicLead a:hover, #dynamicLead a:visited {border:none;outline:none;}
		
/* overlay */
#dlOverlay {position:relative;z-index:1150;margin:0;padding:14px 0 0 0;display:none;}
#dlOverlay span.close {float:right;background:url(close_tab.png) no-repeat left top;margin:-14px 0 0 0;display:block;height:15px;overflow:hidden;cursor:pointer;font-size:1px;width:104px;}
#dlOverlay div.caption {filter:alpha(opacity=85);opacity:.85;background:#fff;margin:0;padding:0;height:100px;overflow:hidden;clear:both;}
#dlOverlay div.caption h6.rubric {margin:10px 0 0 14px;width:410px;padding:0;font:bold 12px arial;text-transform:uppercase;height:14px;overflow:hidden;}
#dlOverlay div.caption h6.rubric a, #dlOverlay div.caption h6.rubric a:visited, #dlOverlay div.caption h6.rubric a:hover, #dlOverlay div.caption h6.rubric a:active {color:#990000;display:block;}
#dlOverlay div.caption h1 {margin:-2px 0 0 9px;padding:0;font:bolder 32px arial;letter-spacing:-1px;overflow:hidden;height:40px;}
#dlOverlay div.caption h1 a, #main .dlBox .content .imageDeck .overlay div.caption h1 a:link, #dlOverlay div.caption h1 a:hover, #dlOverlay div.caption h1 a:active, #dlOverlay div.caption h1 a:visited {color:#000;width:422px;display:block;border:none;}
#dlOverlay div.caption p.deck {margin:-3px 0 0 14px;padding:0;font:14px georgia;width:410px;height:18px;overflow:hidden;}
#dlOverlay div.caption p.deck a, #dlOverlay div.caption p.deck a:hover, #dlOverlay div.caption p.deck a:active, #dlOverlay div.caption p.deck a:visited {color:#000;display:block;}
#dlOverlay div.caption p.source {font:10px arial;margin:2px 0 0 10px;padding:0;text-align:right;width:96%;height:13px;}
#dlOverlay div.caption p.source a, #dlOverlay div.caption p.source a:link, #dlOverlay div.caption p.source a:visited, #dlOverlay div.caption p.source a:hover {color:#666;display:block;}

		
/* subNav */
#dynamicLead ol.subNav {list-style-type:none;margin:0 2px 0 0;padding:0;font:11px arial;overflow:hidden;display:inline;float:right;height:15px;overflow:hidden;}
#dynamicLead ol.subNav li {float:left;background:url(numsep.png) no-repeat 16px top;padding:0;width:18px;overflow:hidden;}
#dynamicLead ol.subNav li a {padding:0 0 0 11px;background-image:url(dl_number_sprite.gif);background-repeat:no-repeat;overflow:hidden;font-size:13px;text-align:center;}
#dynamicLead ol.subNav li a.slide_1 {background-position:center 0px;}
#dynamicLead ol.subNav li a.slide_2 {background-position:center -15px;}
#dynamicLead ol.subNav li a.slide_3 {background-position:center -30px;}
#dynamicLead ol.subNav li a.slide_4 {background-position:center -45px;}
#dynamicLead ol.subNav li a.slide_5 {background-position:center -60px;}
#dynamicLead ol.subNav li a.slide_6 {background-position:center -75px;}


/* mainNav */
#dynamicLead ol.mainNav {list-style-type:none;margin:0;padding:0;font:11px arial;overflow:hidden;display:inline;float:right;height:15px;}
#dynamicLead ol.mainNav li {float:left;margin:0;}
#dynamicLead ol.mainNav li a.ctrl {font-size:13px;}
#dynamicLead ol.mainNav li a.back {background:url(dl_button_sprite.gif) no-repeat left 0px;padding:0 0 0 53px;}
#dynamicLead ol.mainNav li a.pause {background:url(dl_button_sprite.gif) no-repeat left -15px;padding:0 0 0 50px;}
#dynamicLead ol.mainNav li a.play {background:url(dl_button_sprite.gif) no-repeat left -30px;padding:0 0 0 50px;}
#dynamicLead ol.mainNav li a.next {background:url(dl_button_sprite.gif) no-repeat left -45px;padding:0 0 0 51px;}


/* slide preview */
.dlPreview {background:url(dlPreview_bkg.png) no-repeat left top;width:118px;height:138px;margin:0;padding:0;position:absolute;z-index:2000;padding:0;overflow:hidden;}
.dlPreview .slideContent {height:130px;overflow:hidden;}
.dlPreview .slideContent .mainArtLink {overflow:hidden;height:58px;margin:7px 10px 0 10px;padding:0;display:block;}
.dlPreview .slideContent .mainArtLink img {margin:3px 0 0 0;padding:0;}
.dlPreview .slideContent h6.rubric {margin:10px 0 0 10px;width:410px;padding:0;font:bold 11px arial;text-transform:uppercase;height:14px;overflow:hidden;display:none;}
.dlPreview .slideContent h1.title {margin:0 10px;padding:0;font:10px arial;color:#b61900;height:11px;overflow:hidden;}
.dlPreview .slideContent h1.title a, .dlPreview .slideContent h1.title a:hover, .dlPreview .slideContent h1.title a:visited, .dlPreview .slideContent h1.title a:link {color:#990000;}
.dlPreview .slideContent p.deck {display:none;}
.dlPreview .slideContent p.deckShort {display:block;margin:0px 10px 2px 10px;padding:0;font:10px arial;overflow:hidden;line-height:11px;height:34px;}
.dlPreview .slideContent p.source {text-align:right;margin:0 10px;padding:0;font:10px arial;overflow:hidden;line-height:11px;display:none;}
.dlPreview .slideContent p.date {margin:0 3px;padding:0;font:9px arial;height:39px;overflow:hidden;width:100px;color:#999;text-align:right;}


/* light button */
#dynamicLead .lightBox {float:right;margin:0;overflow:hidden;background:url(numsep.png) no-repeat 58px top;width:60px;border:none;padding:0;height:15px;overflow:hidden;}
#dynamicLead .lightBox a {margin:0;background:url(dl_button_sprite.gif) no-repeat left -60px;padding:0 0 0 57px;font-size:13px;border:none;text-decoration:none;}
#dynamicLead .lightBox a.selected {background:url(dl_button_sprite.gif) no-repeat left -75px;padding:0 0 0 57px;font-size:13px;}	


/* light box */
.dlLightBox {width:356px;height:300px;background:url(lightbox_bkg2.png) no-repeat left top;padding:0;position:absolute;z-index:2000;cursor:pointer;}
.dlLightBox ul {list-style-type:none;overflow:hidden;margin:11px 0 0 0;padding:0 0 0 11px;float:left;clear:both;}
.dlLightBox ul li {float:left;width:108px;height:128px;overflow:hidden;margin:0 6px 0 0;padding:0;background:#fff url(lbsep.gif) repeat-y right top;}
.dlLightBox ul li.last {background:none;margin:0;width:100px;}
.dlLightBox ul li .imageDeck {width:100px;overflow:hidden;height:58px;margin:0 4px 0 0;padding:0;}
.dlLightBox ul li h6.title {width:100px;margin:0 3px;padding:0;font:11px arial;color:#b61900;height:13px;overflow:hidden;}
.dlLightBox ul li p {margin:0 3px;padding:0;font:11px arial;height:40px;overflow:hidden;width:100px;}
.dlLightBox ul li p.date {margin:2px 3px 0 3px;padding:0;font:9px arial;height:20px;overflow:hidden;width:94px;color:#999;text-align:right;}

#dialog {position:absolute;z-index:9999;width:180px;}
#dialog .arrow2 {background:url(preview_arrow.png) no-repeat left top;height:20px;width:30px;overflow:hidden;position:relative;top:0px;margin-left:102px;}

/* fluid DL box rounded right corners */
.dlRoundCornersRgt {clear:both;margin-bottom:6px;}
.dlRoundCornersRgt .top {background-image:url(dl_bkg_sprite.gif);background-position:right 0px;background-repeat:no-repeat;height:8px;padding-right:9px;overflow:hidden;}
.dlRoundCornersRgt .top div {border-top:1px solid #999;border-left:1px solid #999;background-color:#ccc;line-height:8px;}


.dlRoundCornersRgt .content {height:297px;background-color:#ccccc2;border-right:1px solid #999;border-left:1px solid #999;overflow:hidden;}
.dlRoundCornersRgt .content .imageDeck {height:286px;margin:0 0 8px 7px;border:1px solid #fff;overflow:hidden;background:#000;position:relative;}
.dlRoundCornersRgt .content .imageDeck a.mainArt {display:none;height:288px;}

.dlRoundCornersRgt .bot {background-image:url(dl_bkg_curve.gif);background-position:-2px top;background-repeat:no-repeat;height:18px;padding-left:107px;}
.dlRoundCornersRgt .bot div {background-image:url(dl_bkg_sprite.gif);background-position:right -59px;background-repeat:no-repeat;padding-right:9px;}
.dlRoundCornersRgt .bot div div {border-bottom:1px solid #999;background-image:none;background-color:#ccccc2;height:17px;margin:0;padding:0;}
.dlRoundCornersRgt .bot div div .footer {border:none;background:none;position:relative;z-index:100;margin:0;padding:0;top:-3px;}
	
	
/* fluid DL box rounded left corners */
.dlRoundCornersLft {clear:both;margin-bottom:6px;}
.dlRoundCornersLft .top {background-image:url(dl_bkg_sprite.gif);background-position:left -22px;background-repeat:no-repeat;height:8px;padding-left:9px;overflow:hidden;}
.dlRoundCornersLft .top div {border-top:1px solid #999;border-right:1px solid #999;background-color:#ccc;line-height:9px;}

.dlRoundCornersLft .content {height:288px;background-color:#ccccc2;border-right:1px solid #999;border-left:1px solid #999;overflow:hidden;}
.dlRoundCornersLft .content .imageDeck {height:286px;margin:0 0 8px 7px;border:1px solid #fff;overflow:hidden;background:#000;position:relative;}
.dlRoundCornersLft .content .imageDeck a.mainArt {display:none;height:288px;}

.dlRoundCornersLft .bot {background-image:url(dl_bkg_curve2.gif);background-position:left top;background-repeat:no-repeat;height:26px;padding-left:107px;}
.dlRoundCornersLft .bot div {border-bottom:1px solid #999;border-right:1px solid #999;background-image:none;background-color:#ccccc2;height:17px;margin:0;padding:0;height:25px;}
.dlRoundCornersLft .bot div .footer {border:none;background:none;position:relative;z-index:100;margin:0;padding:0;overflow:hidden;top:6px;left:-5px;}	
	
	
/* fluid DL box rounded corners all */
.dlRoundCornersAll {clear:both;margin-bottom:6px;}
.dlRoundCornersAll .top {background-image:url(dl_bkg_sprite.gif);background-position:left -22px;background-repeat:no-repeat;height:8px;padding-left:9px;overflow:hidden;}
.dlRoundCornersAll .top div {background-image:url(dl_bkg_sprite.gif);background-position:right 0px;background-repeat:no-repeat;height:8px;padding-right:9px;}
.dlRoundCornersAll .top div div {border-top:1px solid #999;background-color:#ccc;background-image:none;line-height:8px;}


.dlRoundCornersAll .content {height:288px;background-color:#ccccc2;border-right:1px solid #999;border-left:1px solid #999;overflow:hidden;}
.dlRoundCornersAll .content .imageDeck {height:286px;margin:0 0 8px 7px;border:1px solid #fff;overflow:hidden;background:#000;position:relative;}
.dlRoundCornersAll .content .imageDeck a.mainArt {display:none;height:288px;}


.dlRoundCornersAll .bot {background-image:url(dl_bkg_curve2.gif);background-position:left top;background-repeat:no-repeat;height:28px;padding-left:107px;}
.dlRoundCornersAll .bot div {background-image:url(dl_bkg_sprite.gif);background-position:right -51px;background-repeat:no-repeat;padding-right:9px;height:26px;}
.dlRoundCornersAll .bot div div {border-bottom:1px solid #999;background-image:none;background-color:#ccccc2;height:25px;margin:0;padding:0;}
.dlRoundCornersAll .bot div .footer {border:none;background:none;position:relative;z-index:100;margin:0;padding:0;overflow:hidden;top:6px;left:3px;}

	
/* fluid DL box straight corners all */
.dlStraightCorners {clear:both;margin-bottom:6px;}
.dlStraightCorners .top {background:none;height:8px;padding-left:9px;overflow:hidden;}

.dlStraightCorners .content {height:288px;border:none;overflow:hidden;padding:0;margin:0 0 6px 0;}
.dlStraightCorners .content .imageDeck {height:286px;margin:0;border:1px solid #fff;overflow:hidden;background:#000;position:relative;}
.dlStraightCorners .content .imageDeck a.mainArt {display:none;height:288px;}

.dlStraightCorners .bot {background:none;border:none;height:20px;padding:0 0 0 20px;}
.dlStraightCorners .bot .footer {border:none;background:none;position:relative;z-index:100;margin:0 9px 0 0;padding:0;overflow:hidden;}	
.dlStraightCorners .bot .footer .lightBox {height:15px;line-height:normal;}

#thpBrightcoveLeft #dynamicLead.dlStraightCorners {margin:5px 0 0 0;}
