@charset "utf-8";

/* CUSTOM PLAYER STYLE SHEET */



/* ###  AESTETICS ### */

body {

	background-color: #000000;

}



.browserDetect {

	font-family: "Arial", "Helvetica", sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight: normal;

}



/* ###  LAYOUT ### */



/* ROOT LEVEL CONTAINER & BACKGROUND ELEMENT */

/* Player container and decision tree need to have the same dimensions. */

#playerContainer, #decisionTree {

	position: absolute;

	left: 0;

	top: 0;

	width: 628px;

	height: 465px;

}



#playerContainer {

	background-image: url("../images/player_background.jpg");

}

#decisionTree {

	background-color: #000000;

}



/* flash elements */



#logoContainer {

	position: absolute;

	left: 407px;

	top: 256px;

	width: 153px;

	height: 124px;

}



#nowPlayingContainer {

	position: absolute;

	left: 66px;

	top: 36px;

	width: 490px;

	height: 50px;

}



#controlsContainer {

	position: absolute;

	left: 80px;

	top: 374px;

	width: 309px;

	height: 59px;

}



#poweredByContainer {

	position: absolute;

	left: 407px;

	top: 380px;

	width: 153px;

	height: 22px;

}



/* get silverlight button (appears when SL is not installed */

#getSilverlightIcon {

	position: absolute;

	left: 432px;

	top: 417px;

	width: 103px;

	height: 33px;

}



/* media container element - can have a background if necessary */

#mediaContainer {

	position: absolute;

	left: 85px;

	top: 117px;

	z-index: 10;

	width: 300px;

	height: 250px;

}

	/* media container sub elements */

	

	#AdTileContainer {

		position: absolute;

		left: 0;

		top: 0;

		width: 300px;

		height: 250px;

		z-index: 15;

	}

	

	#TargetSpotContainer {

		position: absolute;

		left: 0;

		top: 0;

		z-index: 20;

		width: 300px;

		height: 250px;

	}

	

	#SilverlightControlHost {

		position: absolute;

		left: 0;

		top: 0;

		z-index: 10;

		width: 300px;

		height: 250px;

	}

	

	#WindowsMediaControlHost {

		position: absolute;

		left: 0;

		top: 0;

		z-index: 10;

		width: 300px;

		height: 250px;

	}



/* sync ad container element - can have a background if necessary */

#adContainer1 {

	position: absolute;

	left: 421px;

	top: 111px;

	width: 125px;

	height: 125px;

}

	

	/* ad region 1 sub element(s) */

	

	#syncAd {

		position: absolute;

		left: 0;

		top: 0;

		width: 125px;

		height: 125px;

	}

	

/* This is becase of a Firefox issue with swfobject. */

* {

	outline: none;

}