@charset "UTF-8";
/*
	playerSection.css
	Styles for the player section of the FOD page
*/

/*
	Player
*/

#videoPlayer{
	position: relative;
	/*overflow: hidden;*/
}

#player{

	_margin-top:0px;
	position: relative;
	width: 643px;
	height: 387px;
	*height: 419px; /* IE 387 + 32 top padding */
	top: 2px;
	overflow: hidden;
}

#player *{
	margin: 0;
	padding: 0;
	border: 0;
}

#player #playerBG {
	background-color: #000000;
	margin-top: 22px;
	height: 324px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

#player #adCountdown{
	position: absolute;	
	top: 13;
	text-align:center;
	
	width:643px;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 10px;
	display: none;
}

#videoPlayer #adBlock{
	visibility: hidden;
	overflow: hidden;
}

#videoPlayer #playerLoad{
	position: absolute;
	display: block;
	background-image: url(../images/player/loader.gif);
	top: 50%;
	left: 50%;
	width: 35px;
	height: 35px;
	margin: -17px 0 0 -17px;
}

/*
	Move and Flash Side Buttons
*/

#player #mnButtons{
	position: absolute;
	top: 32px;
	left: 0;
	width: 643px;
	height: 315px;
	visibility:hidden;
	filter:Alpha(opacity=100); /*IE6/7*/
}

#player #leftFlashButtons, #player #rightFlashButtons{
	position: absolute;
	top: 32px;
	left: 0;
	width: 41px;
	height: 315px;
	visibility:hidden;
	filter:Alpha(opacity=100); /*IE6/7*/
}

#player #rightFlashButtons{
	left: 601px;
	width: 42px;
}

#player #mnButtons div,  #player #leftFlashButtons div, #player #rightFlashButtons div{
	position: absolute;
}

#player #mnButtons a, #player #leftFlashButtons a, #player #rightFlashButtons a{
	display: block;
}

#player #mnButtons a:hover{
	background: transparent;
}

#player #infoButton{
	top: 0;
	left: 0;
	background: url(../images/player/sideInfo.gif) -41px 0 no-repeat;
}

#player #ccButton{
	top: 105px;
	left: 0;
	background: url(../images/player/sideCC.gif) -41px 0 no-repeat;
}

#player #shareButton{
	top: 210px;
	left: 0;
	background: url(../images/player/sideShare.gif) -41px 0 no-repeat;
}

#player #fullButton{
	top: 0;
	left: 601px;
	background: url(../images/player/sideFullScreen.gif) -42px 0 no-repeat;
}

#player #rateButton{
	top: 105px;
	left: 601px;
	background: url(../images/player/sideRate.gif) -42px 0 no-repeat;
}

#player #dimButton{
	top: 210px;
	left: 601px;
	background: url(../images/player/sideDim.gif) -42px 0 no-repeat;
}

#player #raiseButton{
	display: none;
	top: 210px;
	left: 601px;
	background: url(../images/player/sideRaise.gif) -42px 0 no-repeat;
}

#player #infoButton a{
	width: 41px;
	height: 104px;
	background: url(../images/player/sideInfo.gif) 0 0 no-repeat;
}

#player #ccButton a{
	width: 41px;
	height: 104px;
	background: url(../images/player/sideCC.gif) 0 0 no-repeat;
}

#player #ccButton.disabled a{
	background: url(../images/player/noCC.gif) 0 0 no-repeat;
}

#player #ccButton.disabled a:hover{
	background: url(../images/player/noCC.gif) 0 0 no-repeat;
}

#player #shareButton a{
	width: 41px;
	height: 105px;
	background: url(../images/player/sideShare.gif) 0 0 no-repeat;
}

#player #fullButton a{
	width: 42px;
	height: 104px;
	background: url(../images/player/sideFullScreen.gif) 0 0 no-repeat;
}

#player #rateButton a{
	width: 42px;
	height: 104px;
	background: url(../images/player/sideRate.gif) 0 0 no-repeat;
}

#player #dimButton a{
	width: 42px;
	height: 105px;
	background: url(../images/player/sideDim.gif) 0 0 no-repeat;
}

#player #raiseButton a{
	width: 42px;
	height: 105px;
	background: url(../images/player/sideRaise.gif) 0 0 no-repeat;
}

#player #finfoButton{
	top: 0;
	left: 0;
	background: url(../images/player/flashInfo.gif) -41px 0 no-repeat;
}

#player #fshareButton{
	top: 158px;
	left: 0;
	background: url(../images/player/flashShare.gif) -41px 0 no-repeat;
}

#player #fdimButton{
	top: 158px;
	left: 0;
	background: url(../images/player/flashDim.gif) -42px 0 no-repeat;
}

#player #frateButton{
	top: 0px;
	left: 0;
	background: url(../images/player/flashRate.gif) -42px 0 no-repeat;
}

#player #fraiseButton{
	display: none;
	top: 158px;
	left: 0;
	background: url(../images/player/flashRaise.gif) -42px 0 no-repeat;
}

#player #finfoButton a{
	width: 41px;
	height: 157px;
	background: url(../images/player/flashInfo.gif) 0 0 no-repeat;
}

#player #fshareButton a{
	width: 41px;
	height: 157px;
	background: url(../images/player/flashShare.gif) 0 0 no-repeat;
}

#player #fdimButton a{
	width: 42px;
	height: 157px;
	background: url(../images/player/flashDim.gif) 0 0 no-repeat;
}

#player #frateButton a{
	width: 42px;
	height: 157px;
	background: url(../images/player/flashRate.gif) 0 0 no-repeat;
}

#player #fraiseButton a{
	width: 42px;
	height: 157px;
	background: url(../images/player/flashRaise.gif) 0 0 no-repeat;
}

#player #leftFlashButtons a:hover, #player #rightFlashButtons a:hover{
	background: transparent !important;
}

#player #featuresAd{
	display: none;
	position: absolute;
	top: 245px;
	left: 10px;
}

#player #mnFullScreen, #player #smallAd, #player #showInfo, #player #exitFullScreen, #player #hdMeter{
	display: none;
}

/*
	Player Instance
*/

#player #mnPlayer{
	position: relative;
	left: 41px;
	width: 1px;
	height: 315px;
	/*width: 560px;
	height: 315px;*/
}

#player #mnControls{
	position: relative;
	left: 41px;
	width: 560px;
	height: 40px;
}


#player td {
	font-size: 9.5pt;
	color: #ffffff;
	line-height: 15px;
}

#player .link {
	font-size: 9.5pt;
}

#player .title {
	font-size: 14pt;
	line-height: 22px;
}

#player .info {
	font-size: 11.5pt;
}

#player .inputText {
	width: 100%;
	border: 1px solid #000000;
	color: #d8d8d8;
	font-size: 9.5pt;
	padding: 2px;
}

#player #shareScreen {
	width: 420px;
	height: 295px;
	float: right;
	display: none;
	position: relative;
	right: 10px;
}

#player #infoScreen {
	width: 420px;
	height: 295px;
	float: right;
	display: none;
	position: relative;
	right: 10px;
}

#player #rateScreen {
	width: 420px;
	height: 300px;
	float: right;
	display: none;
	position: relative;
	right: 10px;
	border: 0px solid #333333;
}

#player #rateScreen div#displayRating{
	margin: 0 0 0 0;
}

#player .shareIcon {
	float: left;
	background-image: url(../images/share/share_icon.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}

#player .infoIcon {
	float: left;
	background-image: url(../../images/info_icon.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}

#player .rateIcon {
	float: left;
	background-image: url(../../images/rate_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	height: 18px;
	width: 18px;
	padding-right: 3px;
}

#player .returnIcon {
	background-image: url(../../images/return.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	float: right;
	margin-right: 3px;
}

#player .shareSetButton {
	background-image: url(../images/share/share_clip_button.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 20px;
	width: 101px;
	cursor: pointer;
	line-height: 22px;
	float: left;
}

#player .shareTime {
	margin-left: 5px;
	line-height: 22px;
	float: left;
}

#player .shareButton {
	text-align: center;
	height: 20px;
	width: 59px;
	cursor: pointer;
	line-height: 22px;
	float: right;
}

#player .shareCancel {
	background-image: url(../images/share/share_cancel.gif);
	background-repeat: no-repeat;
	margin-right: 10px;
}

#player .shareSubmit {
	background-image: url(../images/share/share_submit.gif);
	background-repeat: no-repeat;
}

#player .shareButtonDown {
	color: #000000;
}

#player .shareInvalid {
	color: red;
}

#player #shareStatus {
	color: red;
}

#player .shareTypeOption {
	cursor: pointer;
	float: left;
	margin-left: 5px;
}

#player .shareRadio {
	height: 12px;
	width: 12px;
	background-image: url("../images/share/radio_off.gif");
	background-repeat: no-repeat;
	float: left;
	margin: 3px;
}

#player .shareRadioChecked {
	background-image: url("../images/share/radio.gif");
	background-repeat: no-repeat;
}

#player .shareOptionText {
	line-height: 20px;
	float: left;
}

#player #endScreen {
	width: 462px;
	display: none;
	position: relative;
	left: 100px;
	top: 15px;
}

#player .endScreenTop {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	float: left;
}

#player .watchNext {
	float: right;
	right: 0px;
	font-size: 19px;
	cursor: pointer;
}

#player .replayVideo {
	float: left;
	left: 0px;
	font-size: 19px;
	cursor: pointer;
}

#player .endOtherShows {
	position: relative;
	top: 37px;
	left: 0px;
	width: 100%;
	float: left;
}

#player .endScreenBottom {
	position: relative;
	top: 50px;
	left: 0px;
	width: 515px;
	overflow: hidden;
	float: left;
}

#player .otherShow {
	float: left;
	width: 161px;
}

#player .otherShow p {
	font-size: 10pt;
	line-height: 30px;
}

#player .otherShow a.thumbnailLink img {
   border: 1px solid #000000;
   border-bottom: 1px solid #2c85bf;
}

#player .otherShow a.thumbnailLink:hover img {
   border: 1px solid #2c85bf;
}


/* Ads */
#ad300x250I {
	width:0px;
	height:0px;
	position:absolute;
	overflow:hidden;
	display:block;
	z-index:100;
}

#ad300x250 {
	width:0px;
	height:0px;
	position:absolute;
	overflow:hidden;
	display:block;
}

#ad88x31I {
	width:0px;
	height:0px;
	position:absolute;
	display:block;
	z-index:100;
	overflow:hidden;
}

#ad88x31 {
	width:0px;
	height:0px;
	position:absolute;
	display:block;
	overflow:hidden;
}

#adFeaturesI {
	width:0px;
	height:0px;
	position:absolute;
	overflow:hidden;
	display:block;
}

#adFeatures {
	width:0px;
	height:0px;
	position:absolute;
	overflow:hidden;
	display:block;
}

/* Dim Lights */
#dimPage{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-image: url(../images/player/cover.png);
	background-repeat: repeat;
	_FILTER: Alpha(Opacity=70, Style=0);
	_background-color: #000000;
	_background-image: none;
	z-index:1000;
}

#dimPageTop{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-image: url(../images/player/cover.png);
	background-repeat: repeat;
	_FILTER: Alpha(Opacity=70, Style=0);
	_background-color: #000000;
	_background-image: none;
	z-index:1000;
}

/*Install*/
#moveInstall{
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
}

#moveInstall a{
	display: block;
	background: url(../includes/moveinstall/images/install.gif) 0 0 no-repeat;
	width: 395px;
	height: 224px;
	margin: 50px 0 0 140px;
}

#pauseAd {
	position: relative;
	top: 17px;
	left: 0px;
	width: 976px;
	height: 325px;
	display: none;
	background: none 0 0 no-repeat;
	z-index: 399;
	background-color: black;
	cursor: pointer;
}

#pauseAdContinue {
	position: relative;
	display: none;
	left: 8px;
	top: -301px;
	height: 129px;
	width: 182px;
	background: url(../images/player/continue.gif) 0 0 no-repeat;
	cursor: pointer;
	z-index: 400;
}

#flashPauseAd {
	position: absolute;
	top: 0px;
	left: 0px;
}

#interactiveAd {
	position: relative;
	top: 0px;
	left: 0px;
	width: 976px;
	height: 325px;
	display: none;
	background: none 0 0 no-repeat;
	z-index: 399;
	background-color: transparent;
}

#flashInteractiveAd {
	position: absolute;
	top: 0px;
	left: 0px;
}

#interactiveAdCountdown{
	position: relative;
	top: 0px;
	left: 676px;
	height: 24px;
	width: 300px;
	display: none;
	z-index: 400;
}

#interactiveText{
	position: absolute;
	top: 0px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #c2c2c2;
	font-size: 12px;
}

#interactiveContinue{
	position: absolute;
	display: none;
	right: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #c2c2c2;
	font-size: 12px;
	cursor: pointer;
}

#player #logo{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 1px;
	z-index: 100;
}

#playerAdBg{
	display: none; 
	background: transparent no-repeat scroll 0 0; 
	position: absolute; 
	height: 423px; 
	width: 90%;
	top: 145px;
	left: 20px;
	margin: 0;
	/*cursor: pointer;*/
}

#player #slateAd{
	position: absolute;
	display: none;
	background: none 0 0 no-repeat;
	background-color: transparent;
	top: 32px;
	left: 41px;
	width: 560px;
	height: 315px;
}