/* mp3 player */
.spectrum-container {display:none;}

ul.use-spectrum li.sm2_playing .spectrum-container {position:absolute; left:0px; top:0px; margin-left:-266px; margin-top:-1px; display:block; background-color:#5588bb; border:1px solid #99ccff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
ul.use-spectrum .spectrum-box {position:relative; width:255px; font-size:1em; padding:2px 0px; height:1.2em; overflow:hidden;}
ul.use-spectrum .spectrum-box .spectrum {position:absolute; left:0px; top:-2px; margin-top:20px; display:block; font-size:1px; width:1px; height:1px; /* set to 50px for a thick line, 1px for a thin line, etc. */ overflow:hidden; background-color:#fff;}

dl.playlist {list-style-type:none; margin:0 0 1em 0; padding:0px;}
dl.playlist dt {position:relative; display:block; margin-top:28px; width:auto; font-size:2em; color:#fff; padding:0; border:none; letter-spacing:-1px; -webkit-transition-property: hover; -webkit-transition: background-color 0.15s ease-in-out;}
dl.playlist dt.sm2_playing div, dl.playlist dt.sm2_paused div {margin:none;height:21px;}
dl.playlist dt a {display:block; text-decoration:none; font-weight:normal; color:#fff; outline:none; position:relative; z-index:2;}
dl.playlist dt.sm2_playing, dl.playlist dt.sm2_paused, dl.playlist dt.sm2_playing a {color:#fff;}
dl.playlist dt.sm2_playing, dl.playlist dt.sm2_playing:hover {}
dl.playlist dt.sm2_paused {}
dl.playlist dt.sm2_playing:hover a, dl.playlist dt.sm2_paused a {color:#fff;}
dl.playlist dt .controls {display:none;}
dl.playlist dt .peak, dl.playlist.use-peak li .peak {display:none; position:absolute; top:0.55em; right:0.5em;}
dl.playlist dt.sm2_playing .controls, dl.playlist dt.sm2_paused .controls {position:relative; display:block;}

dl.playlist.use-peak li.sm2_playing .peak, dl.playlist.use-peak li.sm2_paused .peak {display:inline; display:inline-block;}
dl.playlist.use-peak li .peak {display:none; /* IE 7 */}

dl.playlist dt.sm2_paused .controls {background-color:#666;}
dl.playlist dt:hover .controls .statusbar {position:relative; cursor:ew-resize; cursor:-moz-grab; cursor:grab;}
dl.playlist dt.sm2_paused .controls .statusbar {background-color:#ccc;}
dl.playlist dt.sm2_paused .controls .statusbar .position {background-color:#666; border-color:#666;}

dl.playlist dt .controls {position:relative; margin-top:0.25em; margin-bottom:0.25em; background-color:#000;}
dl.playlist dt .controls .statusbar {position:relative; height:0.5em; background-color:#cccdce; border:3px solid #000;overflow:hidden; cursor:-moz-grab; cursor:grab;}
dl.playlist dt .controls.dragging .statusbar {cursor:-moz-grabbing; cursor:grabbing;}
dl.playlist dt .controls .statusbar .position, dl.playlist dt .controls .statusbar .loading, dl.playlist dt .controls .statusbar .annotation {position:absolute; left:0px; top:0px; height:0.5em;}
dl.playlist dt .controls .statusbar .position {background-color:#336699; border-right:3px solid #336699;}

dl.playlist dt .controls .statusbar .loading {background-color:#000;}
dl.playlist dt .controls .statusbar .position, dl.playlist dt .controls .statusbar .loading {width:0px;}
dl.playlist dt.sm2_playing a.sm2_link, dl.playlist dt.sm2_paused a.sm2_link {margin-bottom:-6px;}
dl.playlist dt .timing {display:none; text-align:left; position:relative; top:-26px; right:-294px; font-size:13px;}

dl.playlist.use-peak li .timing {right:4.25em;}

dl.playlist dt:hover .timing {z-index:2;}
dl.playlist dt .timing div.sm2_timing {margin:0px; padding:0px; margin-top:-1em;}
dl.playlist dt.sm2_playing .timing, dl.playlist dt.sm2_paused .timing {display:block;}
dl.playlist dt.sm2_paused .timing .sm2_position {text-decoration:blink; color:#336699; /* hee hee. first actual appropriate use? :D */}
dl.playlist dt.sm2_paused .timing, dl.playlist.use-peak li.sm2_paused .peak {}

dl.playlist.use-peak li .peak {display:none; zoom:1; border:1px solid #99ccff; padding:2px; height:0.55em; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; background-color:#5588bb; width:0.8em; height:0.55em; margin-top:-3px;}
dl.playlist.use-peak li .peak-box {position:relative; width:100%; height:0.55em; overflow:hidden;}
dl.playlist dt .peak .l, dl.playlist dt .peak .r {position:absolute; left:0px; top:0px; width:7px; height:50px; background:#fff; border:1px solid #fff; margin-top:1em;}
dl.playlist dt .peak .l {margin-right:1px;}
dl.playlist dt .peak .r {left:10px;}

dl.playlist dd {background:#000;display:inline;padding:2px 4px;}

#control-template {display:none;}