.dmxHTML5MP3Player.playlist {}



.playlist .dmxHTML5MP3PlayerPlaylist ol {

	margin: 0;

	padding: 0;

	list-style: none;

}



.playlist .dmxHTML5MP3PlayerPlaylist li {

	margin: 2px 0 0 0;

	padding: 0 0 1px 0;

	list-style: none;

}



.playlist .dmxHTML5MP3PlayerPlaylist a {

	display: inline-block;

	background-color: #789;

	background-image: url('icon_play.png');

	background-position: 3px 50%;

	background-repeat: no-repeat;

	color: #f6f9ff;

	line-height: 16px;

	font-family: verdana, arial, tahoma, "sans serif";

	font-weight: normal;

	font-size: 12px;

	text-decoration: none;

	min-height: 16px;

	min-width: 19em;

	vertical-align: middle;

	padding: 3px 3px 3px 25px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.playlist .dmxHTML5MP3PlayerPlaylist a:hover {

}

.playlist .dmxHTML5MP3PlayerPlaylist a.dmxHTML5MP3PlayerCurrent {

	background-color: #ccc;

}

.playlist .dmxHTML5MP3PlayerPlaylist a.dmxHTML5MP3PlayerPlaying {

	background-color: #345;

	background-image: url('icon_pause.png');

}



/*

 Placeholder for information

 text inside element is used as template

 replaces strings like #filename#, #title#, #time#, #duration#

*/

.playlist .dmxHTML5MP3PlayerInfo {}



/* Position/loader slider */

.playlist .dmxHTML5MP3PlayerPositionSlider {

	position: relative;

	height: 1em;

	background: #ccc;

}

.playlist .dmxHTML5MP3PlayerPositionHandle {

	position: absolute;

	width: 2px;

	height: 100%;

	background: #000;

}

.playlist .dmxHTML5MP3PlayerPositionBar {

	position: absolute;

	height: 100%;

	background: #666;

}

.playlist .dmxHTML5MP3PlayerLoadBar {

	position: absolute;

	height: 100%;

	background: #aaa;

}