body
{
	background: #111;
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	font-family: arial;
}
a{
	outline: none;
}
a:hover{
	text-decoration: underline !important;
}
audio{
	position: relative;
	width: 100%;
	margin: 10px 0;
	height: 25px;
}

#player{
	width: 810px;
	z-index: 100;
}
#player #header{
	position: relative;
	background: #333 url(../imgs/header-bg.gif) left top repeat-x;
	color: #aaa;
	height: 50px;
	padding: 0 0 0 220px;
	font-size: 12px;
	font-weight: bold;
	line-height: 50px;
	overflow: hidden;
}
#player #header .logo{
	position: absolute;
	left: 20px;
	top: 0;
}
#player #header label{
	float: left;
	display: inline;
	line-height: 50px;
}
#player #header select{
	float: left;
	display: inline;
	margin: 15px 10px;
	font-weight: bold;
}
#player #header a#radioSelector{
	background: url(../imgs/pg-next.gif) right center no-repeat;
	color: #aaa;
	padding-right: 10px;
	text-decoration: none;
}
#player #header a.close{
	position: absolute;
	color: #aaa;
	top: 0;
	right: 20px;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#player #header a.close:hover{
	color: #fff;
}
#player #playerContainer{
	float: left;
	display: inline;
	color: #ddd;
	width: 480px;
	height: 340px;
	margin: 10px;
}
#player #playerContainer h1{
	padding: 0;
	margin: 0;
	line-height: 1.5em; 
}
#player #playerContainer a{
	color: #666;
}
#player #playerContainer a:hover{
	color: #fff;
}
#player #playerContainer .status{
	background: url(../imgs/icn-loader2.gif) left center no-repeat;
	color: #666;
	padding: 0 0 0 20px;
	margin: 0 10px;
	font-size: 10px;
	line-height: 30px;
}
#player #playerContainer .details{
	background: #333;
	padding: 10px;
	margin: 0;
	font-size: 14px;
	line-height: 25px;
}
#player #playerContainer .details h3{
	padding: 0;
	margin: 0;
	line-height: 20px;
	font-size: 18px;
}
#player #playerContainer .details label{
	font-weight: bold;
}
#player #playerContainer a.refresh{
	float: right;
	color: #ddd;
	padding: 2px 5px;
 	font-size: 10px; 
}
#player #playerContainer .msg{
	color: #666;
	padding: 0;
	margin: 0 10px;
	font-size: 10px;
	text-align: right;
}
#player #playerContainer a{
	color: #666;
}
#player #playerContainer a:hover{
	color: #fff;
}
#player #ad{
	float: left;
	width: 300px;
	height: 260px;
	margin: 10px 0 0 0;
	background:transparent url(../imgs/advertisement.gif) no-repeat scroll 114px 255px;
}
#player #ad .ad-300x250{
	height: 252px;
	margin: 0;
	padding: 0;
}

.hide{
	display: none;	
}
/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
/* IE7 Fix */
.clearfix { zoom: 1; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */