body{
	margin:0;
	/*background-color:#000; */
	font-family:arial,verdana,helvetica, sans serif;
	color:#fff;
	padding:0px;
	/*background-image:url(../images/purple.png); */
	background-attachment:fixed;
	overflow:hidden;
	
}
html,body{
    height:100%;
  
  }

#pannel{
	height:138px;
}

#pannel ul{
  list-style: none;
  margin: 0;
  padding: 0;
  height:125px;
  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  padding:0px;
  background-color:#cc0000;
  border:1px solid #00BBD6;
}

#pannel ul li{
  float: left;
  display: block;
  margin-right: 0px;
  margin-left:-1px;
  margin-top:-1px;
  display: block;
  overflow: hidden;
  width: 20px;
  
}
#stations{
	overflow:hidden !important;
}
#stations ul{
	border:0;
	background-color:transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#stations ul li{
	float:none;
	width:auto;
	padding:5px;
	cursor:pointer;
	
}
.content ul{
	height:auto !important;
}
/*#pannel ul li img{
  position: absolute;
  border: 3px solid #881212;

}*/

#pannel ul li p, #pannel ul li .content{
  padding: 0;
  width: 307px;
  display: block;
  margin:2px 0 0 26px; 
}
#pannel ul li .content{
 	overflow-y:auto;
 	font-size:8pt;
 	height:123px;
}

.ah{
	width:24px;
	overflow:hidden;
	position:absolute;
	height:125px;
	-moz-border-radius: 9px 0 0 9px;
	-webkit-border-radius: 9px 0 0 9px;
	border-radius: 9px 0 0 9px;
	cursor:pointer;
	
}
#ah1,#ah2,#ah3{
	-moz-border-radius: 9px 0 0 9px;
	-webkit-border-radius: 9px 0 0 9px;
	border-radius: 9px 0 0 9px;
}

#ah1{
	background-color:#cc0000;
}
#ah2{
	background-color:#00cc00;
}
#ah3{
	background-color:#0000cc;
}
#ah1 img{
	margin-left:-25px;
	margin-top:15px;
}
#ah2 img{
	margin-left:-2px;
	margin-top:15px;
}
#ah3 img{
	margin-left:-67px;
}
#a1{
  width: 180px;
  
} 










#mediaspace{
	position:absolute;
	top:-23px;
	opacity:0;
}


#channel_name,#channel_track{
	font-size:10pt;
	text-transform:uppercase;
	color:#fff;
	overflow:hidden;
	font-weight:bold;
	padding-left:10px;
	height:24px;
}
#channel_genre,#channel_url{
	color:#000;
	font-size:8pt;
	padding-left:10px;
	margin-top:10px;
	display:none;
}
#webplayer{
	height:150px;
	background-image:url(../images/phg.png);
	background-repeat:no-repeat;
	background-color:#00BBD6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:800px;
    top:-150px;
	position:absolute;
/*	margin-left:-410px;	
left:50%;*/
}

#player_actions{
	border:0px solid #fff;
	width:380px;
	float:left;
	height:80px;
}
#misc_actions{
	border:0px solid #fff;
	margin-left:380px;
	height:100%;
	padding:10px;
	
}
#control_pause,#control_play, #buyer{
	cursor:pointer;
	display:none;
	overflow:hidden;
	width:55px;
	padding:5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#00BBD6;
	border:1px solid #fff;
}
#control_pause:hover,#control_play:hover,#buyer:hover{
 	background-color:#3FCCE0;
}
#control_pause a,#control_play a, #buyer a{  	
	cursor:pointer;
	font-size:8pt;
	height:18px; 	
	vertical-align:middle; 	
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:21px;
}
#control_pause a{
	background-image:url(../../images/icons/control_pause.png);	
}
#control_play a{
	background-image:url(../../images/icons/control_play.png);	
}
#buyer a{
	background-image:url("../../images/musicload.png");
	color:#fff;
	text-decoration:none;
	
}
#buyer{
	left:202px;
	position:relative;
	top:-101px;	
	display:block;
	width:151px;
}
#controls{
	left:130px;
	top:-55px;
	position:relative;
	width:75px;

}



      
ul#ct {
		/* required styles */
	display:block;
	height:22px;
	line-height:1;
	list-style:none outside none;
	margin-left:130px;
	margin-top:0px;
	overflow:hidden;
	padding:0;
	position:relative;
	top:-45px;
	width:235px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* optional styles for appearance */
	height: 22px; /* height should be included to reserve visual space for the marquee */
}

ul#ct li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */
	padding-top:4px;
	width:auto;
}
#t_time{
	border:0px solid;
	font-family:Arial;
	font-size:22pt;
	font-weight:bold;
	margin-left:10px;
	top:10px;
	position:relative;
	width:105px;
	padding:5px;
	padding-bottom:15px;
	background-color:#00BBD6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	overflow:hidden;
	text-shadow: #000 0px 1px 0px;
}
#control_volume #volume_slider{
	height:2px;
	width:103px; 
	border:0;
	background:none;
}
#control_volume .ui-widget-header{
	background:none;
} 
#control_volume{
	font-size:8pt;
	left:10px;
	position:relative;
	top:-72px;
	width:114px;
	border-top:1px solid #16C1DA;
}

#channel_logo{
	left:11px;
	position:fixed;
	top:8px;
	width:320px;
	z-index:10;
}
#channel_logo a{
  color:#fff;
  text-decoration:none;
  font-size:8pt;
}
#volume_int{
	margin-bottom:3px; 
	margin-left:5px;
}