.playlist {
	margin-top: 10px;
}
.playlist li {
	position: relative;
	padding: 0 10px 0 22px;
	border-bottom: 1px dotted #bababa;
	list-style-type: none;
}
.playlist li a.mp3_link {
	display: block;
	padding: 5px 0 5px 22px;
	background: transparent url(../images/icons/audio_redspeaker.png) 0 5px no-repeat;
}

.playlist li.sm2_playing,
.playlist li.sm2_paused {
	border-bottom: 0;
	padding-top: 5px;
	padding-bottom: 10px;
}

.playlist li.sm2_playing a.mp3_link,
.playlist li.sm2_paused a.mp3_link {
	padding: 5px 0 10px 32px;
	background: transparent url(../images/icons/audio_pause.jpg) 0 9px no-repeat;
}
.playlist li.sm2_paused a.mp3_link {
	background: transparent url(../images/icons/audio_play.jpg) 0 9px no-repeat;
}

.spectrum-container {
 display:none;
}

ul.playlist li .controls {
 display:none;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
 display:block;
}

.playlist li a:hover, 
ul.playlist li.sm2_playing a:hover,
ul.playlist li.sm2_paused a:hover {
	border-bottom: 0 !important;
}
ul.playlist li.sm2_playing a:hover,
ul.playlist li.sm2_paused a:hover {
	color: #fff !important;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a,
ul.playlist li.sm2_paused a {
	color: #fff;
	background-color: #ad0a0a;
}
ul.playlist li.sm2_playing a.pill,
ul.playlist li.sm2_paused a.pill {
	background-color: transparent;
}

/*turn the grey "Buy" pill into a white one when it's selected*/
ul.playlist li.sm2_playing a.pill_grey,
ul.playlist li.sm2_paused a.pill_grey {
	margin-top: 10px;
	background: transparent url(../images/pill_white_l.png) left top no-repeat;	
}
ul.playlist li.sm2_playing a.pill_grey span,
ul.playlist li.sm2_paused a.pill_grey span {
	background: transparent url(../images/pill_white_r.png) right top no-repeat;
	color: #850606;
}

/* hide "Listen" pill button on play*/
ul.playlist li.sm2_playing a .pill_red,
ul.playlist li.sm2_paused a .pill_red {
	display: none;
}


.playlist li .timing {
	display: none;
}



/*	controls / statusbar */

ul.playlist li.sm2_paused .controls {
/* background-color:#181817;*/
}

ul.playlist li:hover .controls .statusbar {
 position:relative;
 cursor:ew-resize;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
/* background-color:#181817;*/
}

ul.playlist li .controls {
/* position:relative;*/
/* margin-top:0.25em;
 margin-bottom:0.25em;
*/ background-color: transparent;
	width: 195px;
	position: absolute;
	left: 53px;
	top: 27px;
}

ul.playlist li .controls .statusbar {
 position:relative;
 height:0.5em;
 background-color:#020202;
 border:2px solid #020202;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 overflow:hidden;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li .controls.dragging .statusbar {
 cursor:-moz-grabbing;
 cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
 position:absolute;
 left:0px;
 top:0px;
 height:0.5em;
}

ul.playlist li .controls .statusbar .position {
 background-color:#fff;
 border-right:3px solid #fff;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
 background-color:#666;
 border-color:#666;
}

ul.playlist li .controls .statusbar .loading {
 background-color:#181817;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
 width:0px;
}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
 margin-right:4.5em; /* room for timing stuff */
}

#control-template {
 display:none;
}