#player_container {
	position: relative;

	width:418px;
	height:80px;
	 /*border:1px solid #810A0A;*/
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0 ;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:10px;
	top:5px;
	width:40px;
	height:40px;
	cursor: pointer;
}



#player_progress {
	position: absolute;
	left:513px;
	margin-top:-69px;
	background-color: #eee;
	width:103px;
	height:14px;
	z-index:10;
}
#player_progress_load_bar {
	background: url("../img/bar_load.gif")  top left repeat-x;
	width:0px;
	height:14px;
	cursor: pointer;
}
#player_progress_load_bar.jqjp_buffer {
	background: url("../img/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
	background: url("../img/bar_play.gif") top left repeat-x ;
	width:0px;
	height:14px;
}
#player_volume_min {
	position: absolute;
	left:291px;
	top:30px;
	background: url("../images/spirites.png") 0 -182px no-repeat;
	width:27px;
	height:26px;
	cursor: pointer;
}
 
#player_volume_max {
	position: absolute;
	left:373px;
	top:30px;
	background: url("../images/spirites.png") 0 -209px no-repeat;
	width:27px;
	height:26px;
	cursor: pointer;
}
 
#player_volume_min.jqjp_hover {
	background: url("../images/spirites.png") -28px -182px no-repeat;
}
 
#player_volume_max.jqjp_hover {
	background: url("../images/spirites.png") -28px -209px no-repeat;
}
 
#player_volume_bar {
	position: absolute;
	left:765px;
	margin-top:-65px;
	background: url("../img/volume_bar.gif") repeat-x top left;
	width:103px;
	height:8px;
	cursor: pointer;
	z-index:10;
}
#player_volume_bar_value {
	background: url("../img/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}


 
#play_time,
#total_time {
	position: absolute;
	left:476px;
	margin-top:-70px;
	width:174px;
	font-size:.7em;
	font-style:oblique;
	color:#CCCCCC;
}
 
#total_time {
	text-align: right;
}
 
 
 
 
 
 #trackname {
	position: absolute;
	left:220px;
	margin-top:7px;
	font-family: "Myriad Pro Regular","Trebuchet MS";
	font-size:1.0em;
	}
 
 
 
 
 
#playlist_list {
	width:400px;
}
 
#playlist_list ul{
	list-style-type:none;
	padding:15px 20px 20px 20px;
	margin:0 0 10px 0;
	border-top:none;
	width:378px;
	font-size:.8em;
}
 
#playlist_list li{
	padding:4px 0 4px 20px;
	border-bottom:1px solid #333;
	cursor: pointer;
}
 
#playlist_list li.playlist_current{
	color:#EA4C03;
	list-style-type:square;
	list-style-position:inside;
	padding-left:6px;
	cursor: default;
}
 
#playlist_list li.playlist_hover {
	color:#EA4C03;
}
 
#dload{

	left:50%;
	margin-left:-450px;
	margin-top:330px;
	z-index:3;
	height: 80px;
}


#progress_container {
position:absolute;
left:50%;
margin-left:-445px;
top:650px;
z-index:5;
}

#progress{
 background: url(../images/player_bottom.png) 0 0 no-repeat;
	height: 80px;
	width:905px;
}



#extrastuff{
	position:absolute;
	left::50%;
	color:#FFFFFF;
	margin-left:320px;
	margin-top:25px;
	height: 80px;
	z-index:100;
}

#extrastuff a {
	color:#FFFFFF;


}

#extrastuff ul {
	/*background-color:#333;*/

	color:#FFFFFF;
	font-size:12px;
	padding:1px;
		display:block;
	z-index:100;
	cursor:pointer;
	opacity:0.85;
	filter: alpha(opacity=85);

}
 
#extrastuff ul:hover {
	color:#FFFFFF;
	opacity:1.0;
	filter: alpha(opacity=100);
		display:block;
}
 
#extrastuff ul.active {
	color:#FFFFFF;
	opacity:1.0;
		display:block;
	filter: alpha(opacity=100);
}



#controls{

	margin-left:-2px;
	margin-top:340px;
	z-index:3;
	height: 85px;
	width: 298px;
	
	
}


#controls_blank  {
	margin-left:5px;
	margin-top:5px;
	text-indent:-9999px;
	float: left;
	position:absolute;
	display:block;
	height: 72px;
	width: 72px;
	background: url(../img/buttons_all.png) 0 0 no-repeat;
	}

#controls_blank2  {
	margin-left:225px;
	margin-top:0px;
	text-indent:-9999px;
	float: left;
	position:absolute;
	display:block;
	height: 72px;
	width: 72px;
	background: url(../img/buttons_all.png) 0 0 no-repeat;
	}

#controls_prev .fadethis {
	margin-left:2px;
	margin-top:5px;
	cursor:pointer;
	text-indent:-9999px;
	float: left;
	position:absolute;
	display:block;
	height: 77px;
	width: 71px;
	background: url(../img/buttons_all.png) 0 0 no-repeat;
	}
	

#controls_prev .fadethis* {
	  display: none;
	}
	
#controls_prev .fadethis .hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 77px;
	width: 71px;	
	background:  url(../img/buttons_all.png) 0 -76px no-repeat;
	}
	




#controls_play .fadethis {
	cursor:pointer;
	text-indent:-9999px;
		margin-top:5px;
	float: left;
	position:absolute;
	left: 77px;
	display:block;
	height: 75px;
	width: 71px;
	background: url(../img/buttons_all.png) -71px 0 no-repeat;
	}
	
#controls_play .fadethis* {
	  display: none;
	}
	
#controls_play .fadethis .hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 75px;
	width: 71px;	
	background:  url(../img/buttons_all.png) -71px -76px no-repeat;
	}
	
	#controls_stop .fadethis {
	cursor:pointer;
	text-indent:-9999px;
	margin-top:5px;
	float: left;
	position:absolute;
	display:block;
	left: 150px;
	height: 75px;
	width: 71px;
	background: url(../img/buttons_all.png) -142px 0 no-repeat;
	}
	
#controls_stop .fadethis* {
	  display: none;
	}
	
#controls_stop .fadethis .hover {
	position: absolute;
	top: 0;
	display: block;
	height: 75px;
	width: 71px;
	background:  url(../img/buttons_all.png) -142px -76px no-repeat;
}


#volumeprogress {
	position: absolute;
	left:50%;
	margin-left:-5px;
	z-index:3;
	cursor: pointer;	
	height: 80px;
}


#controls_next .fadethis {
	cursor:pointer;
	text-indent:-9999px;
		margin-top:5px;
	float: left;
	position:absolute;
	display:block;
	left: 224px;
	height: 75px;
	width: 71px;
	background: url(../img/buttons_all.png) -213px 0 no-repeat;
	}
	
#controls_next .fadethis* {
	  display: none;
	}
	
#controls_next .fadethis .hover {
	position: absolute;
	top: 0;
	display: block;
	height: 75px;
	width: 71px;
	background:  url(../img/buttons_all.png) -213px -76px no-repeat;
}



#down_load .fadethis {
	left:50%;
	margin-left:40px;
	margin-top:444px;
	z-index:3;
	
	cursor:pointer;
	float: left;
	position:absolute;
	display:block;
	height: 55px;
	width:250px;
	background: url(../img/download_nu.png) 0 0 no-repeat;
	}
	
#down_load .fadethis* {
	  display: none;
	}
	
#down_load .fadethis .hover {
	position: absolute;
	top: 0;
	display: block;
	height: 55px;
	width:250px;
	background:  url(../img/download_nu.png) 0 -58px no-repeat;
}




#licence .fadethis {
	left:50%;
	margin-left:222px;
	margin-top:425px;
	z-index:3;
	
	cursor:pointer;
	float: left;
	position:absolute;
	display:block;
	height: 72px;
	width:75px;
	background: url(../img/creativecommons.png) 0 0 no-repeat;
	}
	
#licence .fadethis* {
	  display: none;
	}
	
#licence .fadethis .hover {
	position: absolute;
	top: 0;
	display: block;
	height: 72px;
	width:75px;
	background:  url(../img/creativecommons.png) 0 -75px no-repeat;
}







div.nave {
	
	cursor:pointer;
	position:absolute;
	display:block;
	height: 72px;
	width: 72px;
	left: 220px;
	margin-top:20px;

	background:url(../img/prev.png) 0 0 no-repeat;
}

div.nave:hover  { 
	position: absolute;
	display: block;
	height: 72px;
	width: 72px;	
	background:url(../img/prev_in.png) 0 0 no-repeat; 
	}
	
	
div.nextPage 			{  	
	position: absolute;
	display: block;
	height: 72px;
	width: 72px;	
	background:url(../img/next.png) 0 0 no-repeat; 
	}
	
div.nextPage:hover 	{ 	
	position: absolute;
	display: block;
	height: 72px;
	width: 72px;	
	background:url(../img/next_in.png) 0 0 no-repeat; 
	}



div.nave.disabled {
	visibility:hidden;		
}


div.navp {
	
	cursor:pointer;
	position:absolute;
	display:block;
	height: 72px;
	width: 72px;
	left: 10px;
	margin-top:20px;

	background:url(../img/prev.png) 0 0 no-repeat;
}

div.navp:hover  { 
	position: absolute;
	display: block;
	height: 72px;
	width: 72px;	
	background:url(../img/prev_in.png) 0 0 no-repeat; 
	}
	



div.prevPage 			{  	
	position: absolute;
	display: block;
	height: 72px;
	width: 72px;	
	background:url(../img/prev.png) 0 0 no-repeat; 
	}
	
div.prevPage:hover 	{ 	
	position: absolute;
	display: block;
	height: 72px;
	width: 72px;	
	background:url(../img/prev_in.png) 0 0 no-repeat; 
	}

div.navp.disabled {
	visibility:hidden;		
}