ul.playlist{font-family:calibri;}
ul.playlist{list-style-type:none;margin:0;padding:0}
ul.playlist li{position:relative;display:block;width:auto;font-size:1em;color:#666;padding:.25em .5em .25em .5em;border:0;letter-spacing:-1px;background-color:#f9f9f9;-webkit-transition-property:hover;-webkit-transition:background-color .15s ease-in-out;-moz-transition:background-color .15s linear 0s;-o-transition-property:background-color;-o-transition-duration:.15s}
ul.playlist li a{display:block;text-decoration:none;font-weight:normal;color:#000;font-size:100%;outline:0;position:relative;z-index:2}
ul.playlist li.sm2_playing,ul.playlist li.sm2_paused,ul.playlist li.sm2_playing a{color:#fff;border-radius:3px}
ul.playlist li:hover{background-color:#eee}
ul.playlist li:hover a{color:#333}
ul.playlist li.sm2_playing,ul.playlist li.sm2_playing:hover{background-color:#69c}
ul.playlist li.sm2_paused{background-color:#999}
ul.playlist li.sm2_playing:hover a,ul.playlist li.sm2_paused a{color:#fff}
ul.playlist li .controls{display:none}
ul.playlist li .peak,ul.playlist.use-peak li .peak{display:none;position:absolute;top:.55em;right:.5em}
ul.playlist li.sm2_playing .controls,ul.playlist li.sm2_paused .controls{position:relative;display:block}
ul.playlist.use-peak li.sm2_playing .peak,ul.playlist.use-peak li.sm2_paused .peak{display:inline;display:inline-block}
ul.playlist.use-peak li .peak{display:none}
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{position:relative;margin-top:.25em;margin-bottom:.25em;background-color:#9cf}
ul.playlist li .controls .statusbar{position:relative;height:.5em;background-color:#cdf;border:2px solid #fff;border-radius:2px;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:0;top:0;height:.5em}
ul.playlist li .controls .statusbar .position{background-color:#369;border-right:3px solid #369;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}
ul.playlist li.sm2_playing a.sm2_link,ul.playlist li.sm2_paused a.sm2_link{margin-right:4.5em}
ul.playlist li .timing{position:absolute;display:none;text-align:right;right:1em;top:1em;width:auto;height:1em;padding:3px 5px;background-color:#58b;border:1px solid #9cf;border-radius:4px;letter-spacing:0;font:44% monaco,"VT-100","lucida console",courier,system;line-height:1em;vertical-align:middle}
ul.playlist.use-peak li .timing{right:4.25em}
ul.playlist li:hover .timing{z-index:2}
ul.playlist li .timing div.sm2_timing{margin:0;padding:0;margin-top:-1em}
ul.playlist li.sm2_playing .timing,ul.playlist li.sm2_paused .timing{display:block}
ul.playlist li.sm2_paused .timing .sm2_position{text-decoration:blink}
ul.playlist li.sm2_paused .timing,ul.playlist.use-peak li.sm2_paused .peak{background-color:#888;border-color:#ccc}
ul.playlist.use-peak li .peak{display:none;zoom:1;border:1px solid #9cf;padding:2px;height:.55em;border-radius:4px;background-color:#58b;width:.8em;height:.55em;margin-top:-3px}
ul.playlist.use-peak li .peak-box{position:relative;width:100%;height:.55em;overflow:hidden}
ul.playlist li .peak .l,ul.playlist li .peak .r{position:absolute;left:0;top:0;width:7px;height:50px;background:#fff;border:1px solid #fff;border-radius:1px;margin-top:1em}
ul.playlist li .peak .l{margin-right:1px}ul.playlist li .peak .r{left:10px}

ul.playlist{font-size:85%}
ul.playlist li{margin-bottom:.2em}
ul.playlist li a{font-size:1em;color:#333}
ul.playlist li .timing{margin-right:.1em;font-size:50%;top:.5em}
ul.playlist.use-peak li .peak{height:.61em;margin-top:-5px;width:.92em}
html.isSafari ul.playlist.use-peak li .peak{margin-top:-4px}
ul.playlist.use-peak li .timing{right:4em}
ul.playlist.use-peak li .peak-box{height:.66em}
ul.playlist li .peak .l{margin-right:0}
ul.playlist li .peak .l,ul.playlist li .peak .r{width:6px}
ul.playlist li .peak .r{left:9px}
ul.playlist li a.not-supported{text-decoration:line-through;color:#666;opacity:.25}

ul.playlist li a{margin:0;padding:0;letter-spacing:-0.02em}
ul.inline-playlist{min-height:49px;min-width:512px;margin-top:4em}
ul.inline-playlist li{float:left;display:inline;width:45%;margin-right:.25%}
ul.playlist li a{_color:#000}

#inline-playlist{float:none;display:block;width:auto}
ul.playlist{font-size:85%}
ul.playlist li{font-size:1em;letter-spacing:-0.02em}
ul.playlist .sidenote{font-size:85%;letter-spacing:0}

#inline-playlist li.sm2_paused a,body.home #inline-playlist li.sm2_playing a,body.home ul.playlist li div.timing,body.home .feature-hot,body.home #html5-support-li span{text-shadow:none}
ul.playlist li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*overflow:auto;*white-space:wrap}
ul.playlist li a,body.home ul.playlist li a:hover{line-height:1.2em}
