@charset "utf-8";
/* CSS Document */

/*===  RESET  ===*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*===  GLOBAL / USEFUL  ===*/
html { background: #0373b6;}
body{ font-family: Arial, HelveticaNeue-Black, Sans-Serif;}

.clear { clear: both;}

/*===  GENERAL POPUP  ===*/
.popupOut { height: 440px; position: relative; width: 687px;}
	.popupOut .popupIn { height: 440px; margin: 0; overflow: hidden; position: relative; width: 687px;}

.popupSlide { display: none; height: 440px; left: 0; position: absolute; top: 0; width: 687px;}
	.nojs .popupSlide {display: block;}
.popupSlide .returnBtn {  background: url(../images/popup/btn_return.gif) no-repeat right; color: #FFF; display: block; font-size: 9px; line-height: 19px; padding: 0 25px 0 0; text-decoration: none; text-transform: uppercase;}
.popupSlide h1 { color: #FFF; font-size: 18px; margin: 94px 0 0; overflow: hidden; text-indent: -5000px;}

/*===  SLIDE SPECIFIC  ===*/
.slide1 {background: #0373b6 url(../images/landing/bg_popupSlide1.jpg) no-repeat top left;}
	.slide1 h1 { background: url(../images/popup/popup_headline_slide1.gif) no-repeat; height: 35px; line-height: 35px;}
.slide1 .colwrap { padding: 12px 0 0;}
	.slide1 .col { float: left;}
	.slide1 .left { width: 250px;}
		.slide1 .left p { padding: 311px 0 0 29px;}	
	.slide1 .mid { padding: 0; width: 426px;}
		.slide1 .mid a img { margin: 0 0 5px;}	
	.slide1 .right { padding: 0; width: 234px;}
		.slide1 .right p {margin: 0; padding: 0;}
		.slide1 .right a {}


.slide2 {background: #39506a url(../images/landing/bg_popupSlide2.jpg) no-repeat -1px top;}
	.slide2 h1 { background: url(../images/popup/popup_headline_slide2.gif) no-repeat; height: 35px; line-height: 35px;}
.slide2 .colwrap { padding: 39px 0 0 35px;}
	.slide2 .colwrap .returnBtn { position: absolute; right: -5px; top: -17px; z-index: 5;}
	
	.slide2 .col { float: left;}
	.slide2 .left { background: url(../images/landing/bg_playerWrap.jpg) no-repeat; height: 359px; position: relative; width: 614px;}	
		.slide2 .playerLeft {float: left; padding: 10px 0 0 15px; position: relative; width: 175px;}
			.playerLeft .shareBtn {  background: url(../images/popup/btn_share.gif) no-repeat right; bottom: 0; right: -10px; color: #FFF; display: block; font-size: 9px; line-height: 19px; padding: 0 25px 0 0; position: absolute; text-decoration: none; text-transform: uppercase; z-index: 5;}
			.playerLeft h5 {padding: 0;margin: 0;}
			.playerLeft .top { padding: 0 0 5px;}
				.playerLeft .top h5 { padding: 0 0 3px;}
			.playerLeft .mid {padding: 0 0 5px;}
				.playerLeft .bottom td {padding-right: 5px;}	
			.playerLeft .bottom {}
				.playerLeft .top td {padding-left: 5px;}	
				.playerLeft .top .alt th {padding-top: 3px;}	
	
		.slide2 .playerRight { float: left; padding: 0 0 0 16px; position: relative; width: 400px;}
			/*send to friend*/
			.playerRight .sendToForm { background: #FFF; display: none; height: 248px; left: 45px; position: absolute; top: 50px; width: 347px;}
			.playerRight>.sendToForm { background: transparent url(../images/popup/bg_sendForm.png) no-repeat;}
				.sendToForm .closeBtn { background: url(../images/popup/closeboxsmall.gif) no-repeat; cursor: pointer; display: block; height: 17px; position: absolute; right: 5px; top: 2px; width: 17px;}
				.playerRight .sendToForm .sendInner { padding: 20px;}
				.sendToForm th, .sendToForm td { padding-bottom: 8px;}
				.sendToForm th {color: #364d67; font-size: 11px; font-weight: bold; text-align: right; vertical-align: middle; width: 115px;}
					.sendToForm th.msg { vertical-align: top;}
				.sendToForm td {padding-left: 4px;}
				.sendToForm input, .sendToForm textarea {background: #FFF; border: 1px solid #364d67; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; width: 185px;}
				.sendToForm .sendBtn { text-align: center;}
				.sendToForm #sendConfirm p {color: #FFF; font-size: 14px; font-weight: bold; text-align: center;}
				
			.playerRight .playerTitle { height: 27px; overflow: hidden;}
				.playerRight .playerTitle .vidTitle {display: none;}
			.playerRight .playerWrapper { height: 300px;}		
	
	.slide2 .right { padding: 120px 0 0; text-align: right; width: 211px;}
		.slide2 .right p {margin: 0 0 22px;}

	.slide2 .nojsPlayer p { color: #FFF; font-size: 14px; font-weight: bold; padding: 25px 0; text-align: center;}
		.slide2 .nojsPlayer p a { color: #E54E96; text-decoration: underline;}

.slide3 {background: #39506a url(../images/popup/bg_popupSlide2.jpg) no-repeat top left;}
	.slide3 h1 { background: url(../images/popup/popup_headline_slide2.gif) no-repeat; height: 35px; line-height: 35px;}
	.slide3 .roosterWrapper { background: url(../images/popup/bg_roosterGame.gif) no-repeat top left; height: 428px; margin: 22px auto 0; position: relative; width: 687px;}
		.roosterWrapper .roosterGameWrapper {height: 428px; overflow: hidden; width: 898px;}
		.roosterWrapper #gameCTA {display: none; height: 300px; position: absolute; right: 0; top: 110px; z-index: 99; width: 155px;}
			.roosterWrapper #gameCTA a, .roosterWrapper #gameCTA img {display: block; height: 100%; width: 100%;}
	.slide3 .returnBtn { position: absolute; right: 30px; top: -21px; z-index: 5;}
	
	.slide3 .nojsGame p { color: #FFF; font-size: 14px; font-weight: bold; padding: 75px 0; text-align: center;}
		.slide3 .nojsGame p a { color: #E54E96; text-decoration: underline;}