@charset "UTF-8";

body, html {
	padding: 0px;
	margin: 0px;
	background: #FFF;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	background-image:url('../background.png');
	background-repeat: no-repeat;
	background-position: center top;
	
}
#wrap {

	width: 1068px;
    margin: 0 auto;
	position: relative;
	
}
#adWrapper__970x66 {
	width: 970px;
	height: 66px;
	background-color: #333;
	position: absolute;
	top: 160px;
	left: 55px;
	overflow: hidden;
}
#adWrapper__300x250 {
	width: 300px;
	height: 250px;
	background-color: #333;
	position: absolute;
	top: 285px;
	left: 725px;
	overflow: hidden;
}

#mainContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 250px;
}

/* Top box */

#box__top {
	background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	height: 60px;
	width: 300px;
	border-bottom: 1px solid #3f4941;

}
#click4AudioHolder {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 190px;

}
#click4Audio {
	position: absolute;
	top: 45px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	width: 84px;
	height: 82px;
	background-image: url('../images/muteBtn.png');
	overflow: hidden;
}
#tunein_box,#logo_box,#network_box,#exit_box{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 70px;
}

#network_box{
	position: absolute;
	top: 1px;
	left: 229px;
	width: 70px;
	height: 70px;
/*
	z-index: 300;
*/	cursor: pointer;

}

#exit_box {
 background-color:transparent;
/* */cursor: pointer;
 z-index: 0;
}



#introBanner__more {
	position: absolute;
	top: 205px;
	left: 115px;
	width: 174px;
	height: 32px;
	opacity: 1;
	z-index: 9999;
	display: none;
	background-image: url(cta.png);
	background-repeat: no-repeat;
}

#long__line {
/*
	color: #FFF;
	font-family: 'Cabin', sans-serif;
	font-size: 14px;
*/
	letter-spacing: 0.35px;
	position: absolute;
	top: 51px;
	left: 11px;
	position: absolute;
	text-shadow: 1px 1px 8px #000000;
}

@-moz-document url-prefix() {
	#long__line {
 		letter-spacing: 0.4px;
	}
}

/* Video */

#leftborder {
	height:290px;
	width: 1px;
	background-color: #3f4941;	
	position: absolute;
	left:0px;
	top:0px;
}
#rightborder {
	height:290px;
	width: 1px;
	background-color: #3f4941;	
	left:299px;
	position: absolute;
	top:0px;

}
#bottomborder {
    height: 1px;
    width: 300px;
    background-color: #3f4941;
    position: absolute;
    top: 189px;
}


#videoWrapper {
	position: absolute;
	top: 60px;
	width: 300px;
	height: 190px;
	/* overflow:hidden; */
	background-color: #000000;
	z-index: 300;
	
}

#mainVideo{
	position: absolute;
	left: 0px;
	top:0px;
	width: 300px;
}

/* Video Controls */

.controls {
	position: absolute;
	left: 0px;
	top: 165px;
	height: 25px;
	width: 300px;
	border-image-source: none;
	border-color: #ff7046;
	opacity: 0;
	display: none;
	background-image: none;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99999;
}

.playButton {
	position: absolute;
	width: 20px;
	height: 14px;
	left: 6px;
	top: 5px;
	background-image: url('../images/controllerSprite.png');
	background-position: 0 -555px;
}

.progressBar {
	position: absolute;
	width: 246px;
	height: 20px;
	left: 26px;
	padding: 0px;
	margin: 0px;
	z-index:9999;
}

#progressBar::-moz-progress-bar {
	background-color: #ebd6be;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

progress[value] {
	-webkit-appearance: none;
	border: none;
	width: 242px;
	height: 8px;
	position: absolute;
	top: 9px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.mobileMute progress[value], .mobileMute .progressBar { 
	width: 263px;
}

progress[value]::-moz-progress-bar {
  	background-color: #d7ad7d;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

progress[value]::-webkit-progress-bar {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #d7ad7d;
}

progress[value]::-webkit-progress-value {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #ebd6be;
}

.muteButton {
	position: absolute;
	width: 19px;
    height: 17px;
    left: 274px;
    top: 5px;
	background-image: url('../images/controllerSprite.png');
	background-position: 0px 0px
}

/* Intro */


#introBanner {
	position: absolute;
	top: 0px;
	left:0px;
	width: 300px;
	height: 250px;
}

#bg,#logo,#characters,#tunein{
	position: absolute;
	top: 60px;
	left: 0px;
	width:300px;
	height:190px;
}

#network_intro{
	position: absolute;
	top: 0px;
	left: 0px;
	width:70px;
	height:70px;

	cursor: pointer;
/*	z-index: 300;
*/
}

#cta{
	position: absolute;
	left:0px;
	top: 226px;
	width: 300px;
	height: 24px;
	z-index: 200;
}


#cta_arrow {
	position: absolute;
	left:8px;
	top: 15px;
	width: 9px;
	height: 9px;
}

#replay{
    position: absolute;
    width: 50px;
    height: 50px;
    top:65px;
    left:267px;
    z-index:9999;
	cursor: pointer;
}

#replay_image{
    position: absolute;
    width: 28px;
    height:28px;
}



#introBanner__longline.tomorrow {
	letter-spacing: 0px;
	font-size: 14px;
}

#long__line.tomorrow {
	letter-spacing: -0.15px;
	font-size: 13px;
}

#introBanner__longline.tonight {
	letter-spacing: 0px;
	font-size: 14px;
}

#long__line.tonight {
	letter-spacing: 0.2px;
	font-size: 14px;
}

#introBanner__longline.saturday {
	letter-spacing: 0px;
	font-size: 14px;
}

#long__line.saturday {
	letter-spacing: 0.2px;
	font-size: 15px;
}


#morevideos {
	position: absolute;
	top: 226px;
	left: 0px;
	width: 300px;
	height: 24px;
	opacity: 1;
	background-image: url('../images/cta.png');
	background-repeat: no-repeat;
		z-index: 9999;
}

#long__line,
#introBanner__longline,
#introBanner__replay,
#introBanner__more {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/**/cursor: pointer;
}


.theClickTag {
	width: 300px;
	height: 181px;
	opacity: 1;
	position: absolute;
	background-color: transparent;
	z-index: 9900;
	cursor: pointer;
}

#outline{
	position:absolute;
	top:0px;
	left:0px;
	border-color: #3f4941;
	border-style: solid;
	border-width: 1px;
	width: 298px;
	height:248px;
	z-index:50;
}


#cover {
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:250px;
	background-color:#000;
	z-index:500;
}

.hidden {
	visibility:hidden; 
}

.visible {
	visibility:visible;
}