/* background-image-based CSS3 example */

ul.graphic {
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size: 13px;
}

ul.graphic li {
	margin: 2px 0 2px 0;
	padding: 2px 3px 2px 0;
	background: #daba8e;
}

ul.graphic li a,
ul.graphic li a.sm2_link,
ul.graphic li span {
	width: 250px;
	display:inline-block;
	padding-left:22px;
	padding:2px 3px 2px 20px;
	color:#333;
	text-decoration: none;
	font-size: 13px;
}



ul.graphic li a.sm2_paused:hover,
ul.graphic li a.sm2_link:hover {
	background:#CFB187 url(/lib/scripts/soundmanager/lib/img/icon_play.gif) no-repeat 0px 50%;
}

ul.graphic li a.sm2_paused {
	background-color: #DABA8E;
}

ul.graphic li a.sm2_paused:hover {
	background:#CFB187 url(/lib/scripts/soundmanager/lib/img/icon_play.gif) no-repeat 0px 50%;
}

ul.graphic li a.sm2_playing,
ul.graphic li a.sm2_playing:hover {
	background:#660000 url(/lib/scripts/soundmanager/lib/img/icon_pause.gif) no-repeat 0px 50%;
	text-decoration:none;
	color: #fff;
}

/* hide button while playing?
ul.graphic li a.sm2_playing {
	background-image:none;
}
*/