/******************************************************
 * Styles for video player excluding video controls (see video.controls.css).  
 * This includes video head, video, dek, video, summary, and video itself
 *
 * body#cnnHPvideo	  = Small (homepage)		[256px X 144px]
 * body#cnnStoryVideo = Medium (story page) 	[384px X 216px]
 * body#cnnEVP		  = Embedded VP size		[384px X 216px]
 * body.cnnVideoPage  = Large size				[576px X 324px]
******************************************************/
body {padding: 0; margin: 0;}
a {color:#004276;}

/******************* GENERAL vid styles *******************/
#cnnVPHeightDiv {text-align: center; margin-bottom: 15px;}

#cnnVPFlash {}
#cnnVPFlashLarge {text-align: left; position: relative;}

#cnnVPFlashLargeContainer {background-color:#000; position: relative; width: 384px;}

#cnnVPFlashSmall {height:443px;background-image:url('http://i.cdn.turner.com/money/video/bvp/images/flash_player_bg.gif');}

#cnnVPFlashTitle {border: 1px solid #E6E6E6; font: bold 14px Arial; padding: 4px 3px 3px 5px; text-align: left;}
.cnnVPcloseBtn {background: url(http://i.cdn.turner.com/money/.element/img/2.1/buttons/video/control.gif) no-repeat -4px -315px; cursor: pointer; font-size: 1px; line-height: 1px; float: right; width: 43px; height: 15px; }

/************* Story version ***************/
#cnnStoryVideo #cnnVPFlashLargeContainer {height: 216px; width: 384px;}


#storyPage .IE_bodyVid{height:0px;overflow:hidden;}
#storyPage .IE_bodyVid iframe {margin-right: -5px;}
/************* Story version ***************/

/*********** BVP version ***********/

.cnnVideoPage #cnnVPFlashLarge {margin-left: auto; margin-right: auto; width: 574px;}
	html>body.cnnVideoPage #cnnVPFlashLarge {width: 576px;}	

#cnnVideoCatPage #cnnVidPanel {height:390px;height:421px;}
	html>body #cnnVideoCatPage #cnnVidPanel {height:411px}
#cnnVideoCatPage #cnnVPFlash{padding-bottom:0;}
#cnnVideoCatPage #cnnVPHeightDiv{margin-bottom:0;}
#cnnVideoCatPage #section_Search .boxHeading { border-bottom: 1px solid #e1e1e1; padding-bottom: 12px; margin-bottom: 17px; width: 337px; }
#cnnVideoCatPage #cnnVP_playerfooter {height: 49px; overflow: visible; padding-bottom:0;padding-top:14px;padding-left:21px; text-align:left;}
	html>body #cnnVideoCatPage #cnnVP_playerfooter {height: 35px;}
.cnnVideoPage #section_Search .cnnVideo_Search {height: 21px;}
#cnnVideoCatPage .mainRow{display:inline-block;overflow:visible;}

/*********** /BVP version ***********/

/*********** Embed version ***********/
#cnnEVP #cnnEVPplayer {border: 2px solid #dfdfdf; font-family: Arial; width: 402px; /*height: 389px;*/ }
#cnnEVP #cnnEVPheader {border-bottom: 1px solid #dfdfdf; height: 38px; padding: 9px 9px 0px 9px; width: 402px;}
html>body#cnnEVP #cnnEVPheader {height: 29px; width: 384px;}
#cnnEVP .cnnMoneyLogo {border: none;}
#cnnEVP .moreVids {background:transparent url(http://i.cdn.turner.com/money/.element/img/2.0/fortune/buttons/circle_arrow.gif) no-repeat scroll left center; float: right; font-size: 11px; margin-top: 5px; padding-left:15px; text-decoration:none;}
#cnnEVP #cnnEVPbody {padding: 9px 8px;}
#cnnEVP #videoDisplay {background-color: #dfdfdf; width: 384px; height: 216px; }
#cnnEVP #evpContentBlock1 {width: 100%;}
#cnnEVP .bvp_deschead h1 {font-size: 12px;}
#cnnEVP .bvp_desctext {color: #000; font-size: 11px;}
#cnnEVP #cnnVPAd {position: absolute; top: 317px; left: 50px; height:60px; width:300px;}
/*********** /Embed version ***********/


/*********** HP version ***********/
/* outline only seen in HP VP */
#cnnVidPlayer {border:1px  solid #E6E6E6;padding-top: 4px; }

#cnnHPvideo {font-family: arial;}
#cnnHPvideo	#cnnVPFlashLargeContainer {margin-left: auto; margin-right: auto; height: 144px; width: 256px;}
#cnnHPvideo #cnnVPHeightDiv {text-align: left;}
#cnnHPvideo #cnnVPFlashLarge {overflow:hidden;}
#cnnVPlayer {border: 1px solid #eee; padding-top: 4px; text-align: center;}
/*********** /HP version ***********/

/*********** SLATES ***********/
#DHTMLCNN_PLAYER {font-family: Arial; z-index: 1; width: 576px; height: 324px;}

.cnnSlateBottom {position:absolute; bottom: 0px; left: 0px; z-index:10000; }

.cnnSlateBlock {background-color: #FFF; font-weight: bold; margin-left: 10px; padding: 10px; width: 554px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
html>body .cnnSlateBlock {width: 534px;}
	#cnnHPvideo	.cnnSlateBlock {margin-left: 5px; padding: 5px; width: 243px;}
	html>body#cnnHPvideo	.cnnSlateBlock {width: 236px;}
	#cnnEVP .cnnSlateBlock, 
	#cnnStoryVideo .cnnSlateBlock {margin-left: 5px; padding: 5px; width: 374px;}
	html>body#cnnEVP .cnnSlateBlock,
	html>body#cnnStoryVideo .cnnSlateBlock {width: 364px;}


/**** If User doesn't support flash *****/
.cnnNoFlashContainer {background:#f4f4f4; height: 216px; width: 386px; position:relative;  text-align: center;}
	.cnnVideoPage .cnnNoFlashContainer {height: 324px; width: 576px; float:left;margin-right:10px;}
	#cnnHPvideo .cnnNoFlashContainer {height: 144px; width: 256px; }
		
.cnnNoFlash {background: url(http://i.cdn.turner.com/cnn/.element/img/2.0/global/noflash/flash_logo.gif) center top no-repeat; color:#838383; font-family:arial, sans-serif;font-size:11px; margin: auto; text-align: center; width: 85%;}
	#cnnHPvideo .cnnNoFlash {margin-top: 5px; width: 95%;}
	.cnnVideoPage .cnnNoFlash {margin-top: 50px;}
	#cnnEVP .cnnNoFlash,
	#cnnStoryVideo .cnnNoFlash {width: 90%; padding-top: 10px; background-position: center 10px;}
.cnnNoFlash p.cnnTopGraf {padding-top:65px; margin:0px auto 12px auto; width: 100%;}
	#cnnHPvideo .cnnNoFlash p.cnnTopGraf {margin-bottom:7px;}
.cnnNoFlash .cnnGetBtn {margin:0 auto;}	
/**** /If User doesn't support flash *****/
/*********** /SLATES ***********/

/** iPad Video **/
#playerarea_html5videoplayer_headline {letter-spacing:-1px;width:280px;}
#cnnBody #playerarea_html5videoplayer_headline {width:280px;margin-left:18px;}
#smallBizHome #playerarea_html5videoplayer_headline {width:280px;margin-left:10px;}
#smallBizMakeover #playerarea_html5videoplayer_headline {width:280px;}
#template_body #video_player_cvp .player_area, .smallBizBody #video_player_cvp .player_area {height:204px;}

#cnnVPFlashLargeContainer {font-family: arial;width:578px;}
#cnnVPFlashLargeContainer_html5videoplayer_headline {padding:7px 15px 7px 15px;font-size:20px;background-color:#EBEBEB;color:#434343;font-weight:bold;}

#cnnStoryVideo #cnnVPFlashLargeContainer_html5videoplayer_headline {font-family: arial;padding:9px 15px 9px 15px;font-size:18px;background-color:#EBEBEB;color:#434343;font-weight:bold;font:Arial;}
/** /iPad Video **/ 

/* Spring 2010 */
.sp2010 #cnnVideoCatPage #cnnVidPanel {height:489px}
html>body .sp2010 #cnnVideoCatPage #cnnVidPanel {height:479px}
.sp2010 #cnnVideoCatPage #section_Search .boxHeading { display: none; }
.sp2010 #cnnVideoCatPage #section_Search form .boxHeading { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; margin-top: 5px; }
.sp2010 #cnnVideoCatPage #section_moreVids .boxHeading{display:none;}
.sp2010 #cnnVPFlashLarge {width:576;height:360px;}