html, body {
	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				100%;
}
body {
	background-color:	#61358e;
}
a {
	color:				#f6892d;
}
a:hover {
	color:				#fff;
}

div#tab {
	position:			absolute;
	top:				10px;
	left:				447px;
	
	background:			url('../images/tab.gif');
	
	width:				82px;
	height:				16px;
	text-align:			center;
	padding-top:		4px;
	padding-left:		10px;
}
div#tab a {
	color:				#fff;
}


div#tabholder {
	position: absolute;
	top: 10px;
	width: 539px;
}

	div#tabholder ul {
		float: right;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
		div#tabholder ul li {
			float: left;
			height: 16px;
			
			padding-top: 4px;
			padding-left: 20px;
			padding-right: 10px;
			
			text-align: center;
			background: url('../images/tab.gif');
		}
		
			div#tabholder ul li a {
				color: white;
			}


div#container {
	background-image:	url('../images/background_default.gif');
	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				100%;
}

div#smartclip-container {
	position:			absolute;
	z-index:			999;
}

div#player-container {
	width:				885px;
	height:				344px;
	
	margin:				0;
	padding:			0;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#fff;
}

div#player-container h1 {
	position:			absolute;
	left:				12px;
	top:				35px;
	
	margin:				0;
	padding:			0;
	
	width:				300px;
	height:				38px;
}
div#player-container h1 span {
	display:			none;
}

div#player {
	position:			absolute;
	left:				16px;
	top:				287px;
	margin:				0;
	padding:			0;
}

div#streams {
	position:			absolute;
	top:				58px;
	left:				328px;
	
	color:				#000;
}

div#streams a {
	color:				#000;
	text-decoration:	none;
	font-weight:		bold;	
}
div#streams a:hover {
	color:				#fff;
}

div#streams div.stream {
	background:			url('../images/black-arrow.gif') no-repeat 2px 5px;
	
	position:			relative;
	
	padding:			2px 0 1.5px 18px;
	margin:				0;
	width:				172px;
	border-bottom:		1px dotted #000;
}

div#stream-now-playing {
	position:			absolute;
	top:				3px;
	right:				5px;
}

div#nuopfunx, div#nuopfunx-noad, div#nuopfunx-small {
	position:			absolute;
	top:				295px;
	left:				328px;
	width:				232px;
	height:				38px;
}

	div#nuopfunx-noad {
		width: 325px;
		left: 545px;
		margin-top: 5px;
		margin-left: 5px;
	}

	div#nuopfunx-small {
		width: 512px;
		top: 330px;
		left: 11px;
		margin-top: 5px;
		margin-left: 5px;
	}
	
div#banner-header {
	text-align: 		center;
	position:			absolute;
	left:				545px;
	top:				15px;

	width: 				336px;
}

div#banner, div#banner-noad {
	text-align: 		center;
	position:			absolute;
	left:				544px;
	top:				36px;
	
	width: 				336px;
	height:				328px;
	
	padding:			0;
	margin:				0;
}
	div#banner-noad {
		top: 10px;
	}

div#banner img, div#banner-noad img {
	border:				0;
}

/*** NOW PLAYING (IFRAME) STYLES ***/
div#nowplaying-container {
	position:		absolute;
	top:			74px;
	left:			18px;
	
	padding:		0;
	margin:			0;
}
iframe#nowplaying-frame {
	border:			none;
	background:		transparent;
}

body.nowplaying {
	background:			transparent;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#fff;
	
	overflow:			hidden;
}

body.nowplaying div#nowplaying {
	position:			absolute;
	top:				30px;
	left:				8px;
}
body.nowplaying div#nowplaying table {
	border-collapse:	collapse;
	border-spacing:		0;
	margin:				0;
	padding:			0;
}
body.nowplaying div#nowplaying table td.header {
	padding-right:		10px;
}
body.nowplaying div#nowplaying table td {
	padding:			0 0 6px 0;
	margin:				0;
}
body.nowplaying div#nowplaying table td.rating {
	padding-bottom:		0;
}

body.nowplaying div#history {
	position:			absolute;
	top:				133px;
	left:				11px;
}
body.nowplaying div#history div.track {
	padding:			4px 0 4px 15px;
	margin:				0;
	width:				252px;
	
	font-weight:		bold;
}
