@charset "utf-8";
/* CUSTOM PLAYER STYLE SHEET */

/* ###  AESTETICS ### */
body {
	background-color: #000000;
}

.browserDetect {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	font-weight: normal;
}

	.buttons {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FFFFFF;
		border: 1px solid #90aac5;
		background-color: #9ba7b2;
		text-decoration:none;
	}	
	
	.buttons a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FFFFFF;
		border: 1px solid #90aac5;
		background-color: #9ba7b2;
		text-decoration:none;
	}

/* ###  LAYOUT ### */

/* ROOT LEVEL CONTAINER & BACKGROUND ELEMENT */
#playerContainer {
	position:absolute;
	width:624px;
	height:362px;
	top:0px;
	left:0px;
	background-image: url(../images/player_background.jpg);
}

/* ## DONT FORGET TO TEST DECISION TREE LAYOUT!! */
#decisionTree {
	position:absolute;
	width:624px;
	height:362px;
	top:0px;
	left:0px;
}

#browserControlsContainer{
	position:absolute;
	width:133px;
	height:32px;
	top:11px;
	left:9px;
}

#linksContainer{
	position:absolute;
	width:485px;
	height:36px;
	top:11px;
	left:135px;
}

#logoContainer	{
	position:absolute;
	width:280px;
	height:110px;
	top:45px;
	left:327px;
}

#nowPlayingContainer {
	position:absolute;
	width:158px;
	height:135px;
	top:166px;
	left:321px;
}

/* media container element - can have a background if necessary */
#mediaContainer {
	position:absolute;
	width:325px;
	height:275px;
	top:34px;
	left:3px;
	z-index: 15;
}
	/* media container sub elements */
	
	#SilverlightControlHost {
		position:absolute; 
		width:300px; 
		height:250px; 
		top:12px; 
		left:12px;
		z-index: 15;
	}
	
	#WindowsMediaControlHost {
		position:absolute;  
		width:100px; 
		height:100px; 
		top:12px; 
		left:12px;
		z-index: 15;
		
	}


	#AdTileContainer {
		position:absolute; 
		width:300px; 
		height:250px; 
		top:46px;
		left:15px;
		z-index: 15;
	}


	#TargetSpotContainer {
		position:absolute; 
		width:300px; 
		height:250px; 
		top:46px;
		left:15px;
		z-index: 20;
	}


#staticAd {
	position:absolute;
	width:125px;
	height:125px;
	top:171px;
	left:484px;
}
	
#controlsContainer {
	position:absolute;
	width:340px;
	height:75px;
	top:278px;
	left:-5px;
}
	
#poweredByContainer {
	position:absolute;
	width:288px;
	height:25px;
	top:303px;
	left:322px;
}

	#timeOutLayer {
		position:absolute;
		width:350px;
		height:65px;
		z-index:55;
		left: 10px;
		top: 265px;
		background-color:#5f6d75;
		border: 1px solid #FFFFFF;
	}