/******************************************************
 * Styles video controls.
 * This does not include styles for the overall player such as the hed and dek (see video.player.css).
 *
 * 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]
******************************************************/

/*********** VP Controls UI ***********/
#controlsContainer {border:1px  solid #E6E6E6; border-top: none; font-size: 1px; line-height: 1px; position: relative; /*width: 384px;*/ height: 24px; text-align: left;}
.cnnVideoPage #controlsContainer {width: 576px;}
	html>body.cnnVideoPage #controlsContainer {width: 574px;}
#cnnHPvideo #controlsContainer {border: none;}
#cnnEVP #controlsContainer {width: 384px;}
	html>body#cnnEVP #controlsContainer {width: 382px;}

#controlsContainer #playLayer {background-image: url('https://i.cdn.turner.com/cnn/.e/img/2.0/video/controls/playDisabled.gif'); background-repeat: no-repeat; position: absolute;top:4px; left:5px; width:30px;height:15px;}
#controlsContainer #playLayer.Play_ActiveOff_BVP {background-image: url('https://i2.cdn.turner.com/money/.element/img/2.0/buttons/video/play.enabled.gif');cursor: pointer;}

#controlsContainer #pauseLayer {background: url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/video/control.gif) -4px -481px; background-repeat: no-repeat; position: absolute;top:4px; left:5px; width:30px;height:15px;}
#controlsContainer #pauseLayer.Pause_ActiveOff_BVP {background-position: -4px -443px; cursor: pointer;}


#controlsContainer .TimeSpent_BVP,
#controlsContainer .Duration_BVP,
#controlsContainer .TimeSep_BVP {color: #999; font: normal 10px Helvetica; position: absolute; top: 5px;}
#controlsContainer .TimeSpent_BVP {left: 36px; text-align: right; width: 30px;}
#controlsContainer .Duration_BVP {left: 73px;}
#controlsContainer .TimeSep_BVP {left: 68px;}
	#cnnHPvideo #controlsContainer .TimeSpent_BVP {left: 34px;}
	#cnnHPvideo #controlsContainer .Duration_BVP  {left: 71px;}
	#cnnHPvideo #controlsContainer .TimeSep_BVP   {left: 66px;}

/* Timeline track container - border */
#controlsContainer #timelineTrackContainer {border: 1px solid #ddd; font-size: 1px; line-height: 1px; position: absolute; top: 4px; left: 102px; width: 168px; height: 15px;z-index: 50; overflow: hidden;}
html>body #controlsContainer #timelineTrackContainer {height: 13px; width: 166px; overflow: visible;}
	.cnnVideoPage #controlsContainer #timelineTrackContainer {left: 104px; width: 358px;}
	html>body.cnnVideoPage #controlsContainer #timelineTrackContainer {width: 356px;}
	#cnnHPvideo #controlsContainer #timelineTrackContainer {left: 98px; width: 56px;}
	html>body#cnnHPvideo #controlsContainer #timelineTrackContainer {width: 54px;}
/* Timeline track background */
#controlsContainer .TimelineTrackBackground_BVP {background-color: #ddd; font-size: 1px; line-height: 1px; margin-left: 1px; margin-top: 1px; width: 164px; height: 11px; z-index: 50;}
	.cnnVideoPage #controlsContainer .TimelineTrackBackground_BVP {width: 354px;}
	#cnnHPvideo #controlsContainer .TimelineTrackBackground_BVP {width: 52px;}
/* Timeline track background - progress bar*/
#controlsContainer .TimelineTrackBuffer_BVP {background-color: #004276;font-size: 1px; line-height: 1px; width: 0%; height: 100%;z-index: 51;}

/* Timeline handle track */
#controlsContainer .TimelineHandlerBacker_BVP {font-size: 1px; line-height: 1px; position: absolute; top: 6px; left: 104px; width: 164px; height: 11px;z-index: 51;}
	.cnnVideoPage #controlsContainer .TimelineHandlerBacker_BVP {left: 106px; width: 354px;}
	#cnnHPvideo #controlsContainer .TimelineHandlerBacker_BVP {left: 100px; width: 52px;}
/* Timeline handle*/
#controlsContainer #timelineHandler {background: url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/video/control.gif) no-repeat -4px -2px; font-size: 1px; line-height: 1px; width: 4px; height: 15px; top:-2px;}


#controlsContainer #shareLayerId {background: url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/video/control.gif) no-repeat -4px -23px; cursor: pointer; font-size: 1px; line-height: 1px;position: absolute;top: 4px;left: 276px;width: 40px;height: 15px;}
#controlsContainer #shareLayerId.Share_Disabled_BVP {background-position: -4px -42px;cursor: pointer; cursor:default;}
	.cnnVideoPage #controlsContainer #shareLayerId {left: 467px;}
	#cnnHPvideo #controlsContainer #shareLayerId   {left: 159px;}

#controlsContainer #volumeLayer {background: url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/video/control.gif) no-repeat -4px -149px; cursor: pointer; font-size: 1px; line-height: 1px;position: absolute;top: 4px;left: 321px;width: 22px;height: 15px;}
#controlsContainer #volumeLayer.Volume_Disabled_BVP {}
#controlsContainer #volumeLayer.Volume_Semi_BVP {background-position:-4px -168px;}
#controlsContainer #volumeLayer.Volume_Full_BVP {background-position:-4px -187px;}
	.cnnVideoPage #controlsContainer #volumeLayer {left: 512px;}
	#cnnHPvideo #controlsContainer #volumeLayer	  {left: 204px;}

#controlsContainer #muteLayer {background: url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/video/control.gif) no-repeat -4px -251px; cursor: pointer; font-size: 1px; line-height: 1px; position: absolute; top: 4px; left: 343px; width: 35px; height: 15px;}
#controlsContainer #muteLayer.Mute_ActiveOff_BVP {background-position:-4px -270px;}
	.cnnVideoPage #controlsContainer #muteLayer {left: 534px;}
	#cnnHPvideo #controlsContainer #muteLayer	{left: 226px;}


/* Volume tracker - filled portion */
#controlsContainer .VolumeTrackBackground_BVP {background-color: #ddd;font-size: 1px; line-height: 1px; position: absolute;top: 6px; left: 344px;width: 32px; height: 11px;z-index: 50;}
	.cnnVideoPage #controlsContainer .VolumeTrackBackground_BVP {left: 535px;}
	#cnnHPvideo #controlsContainer .VolumeTrackBackground_BVP {left: 227px;}
/* tracker - progress bar */
#controlsContainer .VolumeTrackBuffer_BVP {background-color: #004276;font-size: 1px; line-height: 1px; width: 0%; height: 100%;z-index: 51;}
/* tracker - outlined portion */
#controlsContainer .VolumeHandlerBacker_BVP {border: 1px solid #dedede; font-size: 1px; line-height: 1px; position: absolute; top: 4px; left: 342px;width: 36px; height: 15px;z-index: 100; overflow: hidden;}
html>body #controlsContainer .VolumeHandlerBacker_BVP {width: 34px; height: 13px; overflow: visible;}
	.cnnVideoPage #controlsContainer .VolumeHandlerBacker_BVP {left: 533px;}
	#cnnHPvideo #controlsContainer .VolumeHandlerBacker_BVP {left: 225px;}
#controlsContainer .VolumeHandlerEnabled_BVP {background: url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/video/control.gif) no-repeat -4px -2px; font-size: 1px; line-height: 1px;width: 4px; height: 15px; top: -1px; bottom: -2px;}
/*********** /VP Controls UI ***********/

/*********** Share overlay ***********/
	#shareOverlay {background-color: #eee; color: #4d4d4d; display: none; font: normal 12px Arial; padding: 7px; position: absolute;top: 0px;left: 0px;overflow: hidden; z-index: 10000;}
		.cnnVideoPage #shareOverlay {height: 324px; width: 576px;}
		html>body.cnnVideoPage #shareOverlay {height: 311px; width: 563px;}
		#cnnEVP #shareOverlay,
		#cnnStoryVideo #shareOverlay {height: 216px; width: 386px;}
		html>body#cnnEVP #shareOverlay,
		html>body#cnnStoryVideo #shareOverlay {height: 203px; width: 372px;}
		#cnnHPvideo #shareOverlay {height: 144px; width: 256px; top: 5px;}
		html>body#cnnHPvideo #shareOverlay {height: 130px; width: 242px; left: 6px;}

	#shareClose {background: url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/video/control.gif) no-repeat -4px -379px; cursor: pointer;width: 15px; height: 15px; float: right;}

	#shareEmailBox,
	#shareEmbedBox {margin-bottom: 7px;}
	#sharePostBox {}
	.cnnVideoPage #shareEmailBox,
	.cnnVideoPage #shareEmbedBox {border-bottom: 1px solid #d3d3d3; padding-bottom: 9px;}


	#shareEmbedTitle,
	#sharePostTitle,
	#shareEmailTitle {color: #000; font-size: 10px; margin-bottom: 3px;}
	#shareEmailTitle {background: #fff; border: 1px solid #ddd; color: #004276; cursor: pointer; padding:0px 4px; text-decoration: none; width:104px;}
		html>body #shareEmailTitle {width:94px;}
	#shareEmailField input {border:1px inset; color: #4d4d4d; padding-left: 3px; padding-right: 3px; width: 100%; height: 20px;}

	.shareEmbedDesc {display: none; margin-bottom: 7px;}
	.cnnVideoPage .shareEmbedDesc {display: block;}
	#shareEmbedField input {border:1px inset; color: #636363; overflow: hidden; padding-left: 3px; padding-right: 3px; width: 100%; height: 20px;}

	#sharePostSitesGroup {}
	#sharePostSitesDrpdn {background-color: #fff; border: 1px solid #ddd; font-weight: bold; height: 17px; padding-left: 4px; padding-top: 1px;}
		.cnnVideoPage #sharePostSitesDrpdn {display: none;}
	#sharePostSitesDrpdnTitle {color: #004276; float: left;}
	#sharePostSitesDrpdnButton {background:#FFF url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/arrow_buttons.gif) no-repeat scroll -42px -9px; border-left: 1px solid #ddd; cursor: pointer;  float: right; position: relative; top: -1px; width: 18px; height: 18px;}

	.cnnVideoPage #sharePostSites {display: block !important;}
	#sharePostSites ul {background-color: #fff; border: 1px solid #ddd; border-top-width: 0px; font-size:11px; list-style-type:none; margin:0; padding:5px 0px 3px 10px; top: -1px;}
		.cnnVideoPage #sharePostSites ul {border: none; font-size:12px; height: 117px; margin-top:0px; padding-left:5px;}
		html>body.cnnVideoPage #sharePostSites ul {height: 113px;}
		#cnnHPvideo #sharePostSites ul {border-top-width: 1px; font-size: 9.5px; height: 109px; padding-left:3px; position: relative; top: -129px;}
			html>body#cnnHPvideo #sharePostSites ul { font-size: 9px; height: 97px; top: -126px;}
		@media screen and (-webkit-min-device-pixel-ratio:0){
			html>body#cnnHPvideo #sharePostSites ul {height: 91px; top: -120px;}
		}

		/* elimates float side-effects for elements below summaryBlock*/
		#sharePostSites ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		#sharePostSites ul		 {display: inline-block;}
		/* Hides from IE-mac \*/
		* html #sharePostSites ul {height: 1%;}
		#sharePostSites ul		  {display: block;}
		/* End hide from IE-mac */

	#sharePostSites li {background:transparent url(https://i.cdn.turner.com/money/.element/img/2.0/fortune/buttons/circle_arrow.gif) no-repeat scroll left center; float: left; margin-bottom:5px; padding-left:15px; width: 120px; vertical-align:top;}
		html>body #sharePostSites li {width: 106px;}
		#cnnEVP #sharePostSites li,
		#cnnStoryVideo #sharePostSites li {width: 87px;}
		html>body#cnnEVP #sharePostSites li,
		html>body#cnnStoryVideo #sharePostSites li {width: 72px;}
		#cnnHPvideo #sharePostSites li {width: 75px;}
		html>body#cnnHPvideo #sharePostSites li {width: 64px;}
/******************************************** TEMP: HIDE until buzzup button setup ************************************************* */
	#sharePostSites li#shareMyYahoo {display: none;}
/******************************************** /TEMP: HIDE until buzzup button setup ************************************************* */

	#sharePostSites li a {color: #004276; text-decoration: none;}
/*********** /Share overlay ***********/