.mp3player {

	margin: 0 0 20px 0;

	border: 0px solid #ddd;

	padding: 0 0 20px 0;

	width: 600px;

	box-shadow: 2px 2px 2px #666;

	border-radius: 5px;

	/* background: #efefef; */

}



.mp3row {

	margin:3px;

}



.playlist {

	font-size: 10px;

	color: #fff;

	list-style-type:decimal;

	list-style-position:outside;

}



.mp3player a:hover{

	font-weight: bold;

	/* color: #FEB449; */

	/* text-decoration: none; */

}

.mp3player a:link, .mp3player a:visited , .mp3player a:active {

	ncolor: #000;

	/* text-decoration: none; */

}



#titleAudioName{

	text-decoration: none;

}

.playing {

	color: #fff;

	font-size: 14px;

	font-weight: bold;

	text-decoration: none;

	margin:15px 0;

  	padding-left: 10px;



}



/* tooltip */

 

.mp3player a{

position: relative;

z-index: 0;

}  



.mp3player a:hover{

background-color: transparent;

z-index: 50;

}



.mp3player a span{ /*CSS for tooltip */

	position: absolute;

	min-width: 150px;

	left: -1000px;

	visibility: hidden;

	text-decoration: none;

	background: #000000;

	border: 1px solid #ddd;

	padding: 15px; 

	box-shadow: 2px 2px 2px #666;

	border-radius: 5px;



}



.mp3player a span img{ /*CSS for  image*/

	border: none;

	margin-bottom:5px;

}



.mp3player a:hover span{ /*CSS for tooltip  on hover*/

	visibility: visible;

	top: -30px;

	left: 360px; /*position where the tooltip should offset horizontally */

}