/* --- SoundManager 2: "page as playlist" styles --- */

/* Remove all unused elements */
#control-template,
ul.playlist li ul,
ul.playlist li .metadata,
ul.playlist li .timing,
ul.playlist li .controls .statusbar .annotation,
ul.playlist li .note,
ul.playlist li .sm2_divider,
ul.playlist li .sm2_metadata
{ display:none }


.audioplayer a.sm2_link
{ font-size:12px }


/* Two column wrapper */
.audioplayer
{ zoom:1; clear:both; margin:1.2em 0 }
.audioplayer table
{ width:100% }

ul.playlist
{ margin:0 0 1.2em; padding:0; list-style-type:none }
ul.playlist li
{ position:relative; margin:0 0 .4em; padding:6px 8px; background:none #d4effb }
ul.playlist a
{ display:block; padding:3px 0 3px 38px; background:url("/images/button_play.png") no-repeat 0 .1em; 
  color:#333; text-decoration:none; cursor:pointer; line-height:1.2 }
	* html ul.playlist a /* IE6 block link fix */
	{ zoom:1 }

ul.playlist li:hover
{ background-color:#4064b0 }
ul.playlist li:hover a
{ color:#fff }


/* Play and paused states */
ul.playlist li.sm2_playing, ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a, ul.playlist li.sm2_playing:hover a,
ul.playlist li.sm2_paused a
{ color:#fff }

ul.playlist li.sm2_playing, ul.playlist li.sm2_playing:hover
{ background-color:#019457 }

ul.playlist li.sm2_paused
{ background-color:#999 }

ul.playlist li.sm2_playing a
{ background-image:url("/images/button_pause.png") }
ul.playlist li.sm2_paused a
{ background-image:url("/images/button_play.png") }


/* Controls */
ul.playlist li .controls
{ display:none; position:relative; margin-top:0.5em; margin-bottom:0.25em; background-color:#9cf }

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

ul.playlist li.sm2_paused .controls
{ background-color:#666 }

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:#ccc }

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

#contentgrow ul.playlist li .controls .statusbar
{ margin-top:.4em }


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:0; top:0; height:0.5em }

ul.playlist li .controls .statusbar .position
{ background-color:#369; border-right:3px solid #369;
  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:#eee }

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