.spectrum-container {
	display: none;
}
ul.use-spectrum li .sm2_playing .spectrum-container {
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: -266px;
	display: block;
	background-color: #58b;
	border: 1px solid #9cf;
	-moz-border-radius: 4px;
}
ul.use-spectrum .spectrum-box {
	position: relative;
	width: 255px;
	font-size: 1em;
	padding: 2px 0px;
	height: 1em;
	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: #ffffff;
}
ul.playlist {
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
}
ul.playlist li {
	position: relative;
	display: block;
	width: auto;
	font-size: 13px;
	color: #666666;
	list-style: none !important;
	padding: 10px;
	border: none;
	letter-spacing: -1px;
	background-color: #f9f9f9;
	-webkit-transition-property: hover;
	-webkit-transition: background-color 0.15s ease-in-out;
}
ul.playlist li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	font-size: 120%;
	outline: none;
	position: relative;
	z-index: 2;
	text-shadow: 0px 0px 0px #ffffff;
}
ul.playlist li .sm2_playing, ul .playlist li .sm2_paused, ul .playlist li .sm2_playing a {
	color: #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-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:0.55em;  right:0.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; /* IE 7 */}
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:0.25em;  margin-bottom:0.25em;  background-color:#9cf}
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}
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:#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: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 */}
ul.playlist li .timing{ position:absolute;  display:none;  text-align:right;  right:1em;  right:1em;  top:1em;  width:auto;  height:1em;  /* padding:4px 5px 2px 5px;  *padding:3px 5px 3px 5px;  */ padding:3px 5px;  background-color:#58b;  border:1px solid #9cf;  -moz-border-radius:6px;  -khtml-border-radius:6px;  border-radius:6px;  letter-spacing:0px;  font:50% normal "lucida console",monaco,courier,terminal,system;  line-height:1em;  vertical-align:middle}
ul.playlist.use-peak li .timing{ right:3.5em}
ul.playlist li:hover .timing{ z-index:2}
ul.playlist li .timing div.sm2_timing{ margin:0px;  padding:0px;  margin-top:-1em;  text-shadow:0 0 0 #fff; /* stupid Safari "fat"font rendering tweak */}
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; /* hee hee. first actual appropriate use?:D */}
ul.playlist li.sm2_paused .timing, ul.playlist.use-peak li.sm2_paused .peak{ background-color:#888;  border:1px solid #ccc}

/* peak data */
/* ul.playlist ... */
ul.playlist.use-peak li .peak{ display:none;  zoom:1;  border:1px solid #9cf;  padding:2px;  height:0.55em;  -moz-border-radius:3px;  -khtml-border-radius:3px;  background-color:#58b;  width:0.8em;  height:0.55em}
ul.playlist.use-peak li .peak-box{ position:relative;  width:100%;  height:0.55em;  overflow:hidden}
ul.playlist li .peak .l, ul.playlist li .peak .r{ position:absolute;  left:0px;  top:0px;  width:7px;  height:50px;  background:#fff;  border:1px solid #fff;  -moz-border-radius:1px;  -khtml-border-radius:1px;  margin-top:1em}
ul.playlist li .peak .l{ margin-right:1px}
ul.playlist li .peak .r{ left:10px}
#control-template{ display:none}

/*
 ------------------------------------------
 -- annotations (sub-tracks, notes etc.) --
 ------------------------------------------
*/
ul.playlist li a.sm2_link .metadata{ display:none; /* hide by default */}
ul.playlist li.sm2_paused a.sm2_link .metadata, ul.playlist li.sm2_playing a.sm2_link .metadata{ display:inline}
ul.playlist li ul{ list-style-type:none;  margin:0px;  padding:0px;  position:relative;  font-size:small;  display:none}
ul.playlist li ul li{ position:relative;  margin:0px;  padding:2px 3px;  border:1px solid transparent;  -moz-border-radius:6px;  -khtml-border-radius:6px;  border-radius:6px;  margin-right:1em;  font-family:verdana,tahoma,arial,"sans serif";  font-size:x-small;  font-weight:lighter;  letter-spacing:0px;  background-color:transparent;  opacity:0.66}
ul.playlist li ul li:hover{ opacity:1;  background-color:#fff;  border-color:#ccc;  color:#666}
ul.playlist li.sm2_playing ul li, ul.playlist li.sm2_paused ul li{ color:#fff}
ul.playlist li.sm2_playing ul li:hover{ background-color:#fff;  color:#58b;  border-color:#369;  opacity:0.9}
ul.playlist li.sm2_paused ul li:hover{ background-color:#888}

/* metadata */
ul.playlist li .metadata .duration{ /* optional timing data */ display:none}
ul.playlist li .metadata ul li p{ margin:0px;  padding:0px}
ul.playlist li .metadata ul li span{ display:none}
ul.playlist li .controls .statusbar .annotation{ position:absolute;  background-color:transparent;  top:0px;  color:#666;  text-align:right;  margin-left:10px;  height:0.5em}
ul.playlist li .controls .statusbar .annotation:hover{ z-index:12; /* sit on top of note */}
ul.playlist li .controls .statusbar .annotation span.bubble{ /* using · */ display:inline-block;  background-color:#fff;  border:1px solid #666;  border-radius:6px;  -moz-border-radius:6px;  -webkit-border-radius:6px}
ul.playlist li .controls .statusbar .annotation span{ display:block;  background:transparent url(../image/divot.png) no-repeat 50% 0px;  width:15px;  margin-left:-15px;  height:12px;  text-align:center}
ul.playlist li .controls .statusbar .annotation.alt{ top:auto;  bottom:0px}
ul.playlist li .controls .statusbar .annotation span:hover{ cursor:none; /* Fx3 rules. */ margin-top:0.1em}
ul.playlist li .controls .statusbar .annotation.alt span:hover{ margin-top:-0.1em}
ul.playlist li .controls .statusbar .annotation.alt span{ background:transparent url(../image/divot-bottom.png) no-repeat 50% bottom}
ul.playlist li .note{ position:absolute;  display:none;  left:0px;  top:0px;  z-index:10;  font-size:x-small;  padding:2px 4px 2px 4px;  width:auto;  color:#666;  background-color:#fff;  border:1px solid #ccc;  border-radius:6px;  -moz-border-radius:6px;  -webkit-border-radius:6px;  font-style:normal;  font-weight:bold;  font-family:arial,tahoma,verdana,"sans serif";  letter-spacing:0px;  margin-top:1.1em}
ul.playlist li .note.alt{ margin-top:-1.32em}
ul.playlist li .note:hover{ display:block !important}
ul.playlist li .sm2_divider{ font-size:0.75em}
ul.playlist li .sm2_metadata{ font-size:0.65em}

/* 
 ---------------------------------
 -- alternate (optional) themes --
 ---------------------------------
*/
ul.playlist.dark li.sm2_playing a{ color:#fff}
ul.playlist.dark li.sm2_playing .timing, 
ul.playlist.use-peak.dark li.sm2_playing .peak{ color:#999}
ul.playlist.use-spectrum.dark li.sm2_playing .spectrum-container{ background-color:#222;  border-color:#444}
ul.playlist.use-spectrum.dark li.sm2_playing .spectrum-container .spectrum{ background-color:#999}
ul.playlist.dark li.sm2_paused{ background-color:#333}
ul.playlist.dark li.sm2_paused a{ color:#999}
ul.playlist.dark li.sm2_playing, ul.playlist.dark li.sm2_playing:hover{ background-color:#333}
ul.playlist.dark li:hover .controls .statusbar{ background-color:#666}
ul.playlist.dark li .controls{ background-color:#333}
ul.playlist.dark li .controls .statusbar{ background-color:#666;  border-color:#444}
ul.playlist.dark li .controls .statusbar .position{ background-color:#111;  border-right:3px solid #111;  border-radius:3px;  -moz-border-radius:3px;  -webkit-border-radius:3px}
ul.playlist.dark li .controls .statusbar .loading{ background-color:#444}
ul.playlist.dark li .timing, ul.playlist.use-peak.dark li .peak{ background-color:#222;  border-color:#444}
ul.playlist.dark.use-peak li .peak .l, ul.playlist.dark.use-peak li .peak .r{ border-color:#444;  background-color:#999}

/* gold theme */
ul.playlist.gold li.sm2_paused{ background-color:#960}
ul.playlist.gold li.sm2_playing, ul.playlist.gold li.sm2_playing:hover{ background-color:#c90}
ul.playlist.gold li .controls{ background-color:transparent}
ul.playlist.gold li .controls .statusbar{ background-color:#fff;  border-color:#fff}
ul.playlist.gold li .controls .statusbar .position{ background-color:#960;  border-right:3px solid #960;  border-radius:3px;  -moz-border-radius:3px;  -webkit-border-radius:3px}
ul.playlist.gold li .controls .statusbar .loading{ background-color:#fed}
ul.playlist.gold li .timing, ul.playlist.use-peak.gold li .peak{ background-color:#C90;  border-color:#fc3}
ul.playlist.use-spectrum.gold li.sm2_playing .spectrum-container{ background-color:#c90;  border-color:#fc3}
ul.playlist.use-spectrum.gold li.sm2_playing .spectrum-container .spectrum{ background-color:#fff}
ul.playlist.gold.use-peak li .peak .l, ul.playlist.gold.use-peak li .peak .r{ border-color:#fff;  background-color:#fff}

/* ZOMG PONIES!!!ONEONEONE */
ul.playlist.bubblegum li a{ font-family:"comic sans ms",verdana,arial,tahoma,"sans serif"; /* heh */}
ul.playlist.bubblegum li.sm2_paused, ul.playlist.bubblegum li.sm2_paused:hover{ background-color:#fce}
ul.playlist.bubblegum li.sm2_paused a, ul.playlist.bubblegum li.sm2_paused:hover a, ul.playlist.bubblegum li.sm2_paused .timing, ul.playlist.use-peak.bubblegum li.sm2_paused .peak{ color:#f69}
ul.playlist.bubblegum li:hover{ background-color:#fde}
ul.playlist.bubblegum li.sm2_playing, ul.playlist.bubblegum li.sm2_playing:hover{ background-color:#f79}
ul.playlist.bubblegum li .controls{ background-color:transparent}
ul.playlist.bubblegum li .controls .statusbar{ background-color:#fff;  border-color:#fff}
ul.playlist.bubblegum li .controls .statusbar .position{ background-color:#fac;  border-right:3px solid #fac;  border-radius:3px;  -moz-border-radius:3px;  -webkit-border-radius:3px}
ul.playlist.bubblegum li .controls .statusbar .loading{ background-color:#fed}
ul.playlist.bubblegum li .timing, ul.playlist.use-peak.bubblegum li .peak{ background-color:#fac;  border-color:#fce}
ul.playlist.use-spectrum.bubblegum li.sm2_playing .spectrum-container{ background-color:#fac;  border-color:#fce}
ul.playlist.use-spectrum.bubblegum li.sm2_playing .spectrum-container .spectrum{ background-color:#fff}
ul.playlist.bubblegum.use-peak li .peak .l, ul.playlist.bubblegum.use-peak li .peak .r{ border-color:#fff;  background-color:#fff}
ul.playlist.shiny li.sm2_paused, ul.playlist.shiny li.sm2_playing{ background-image:url(../image/top-highlight.png);  background-repeat:repeat-x;  background-position:0px -1px;  _background-image:none; /* can't be bothered with IE 6. */}