body  { color: #e0a006; font: small CSS_PROPERTY_UNDEF !important; background-color: #ffefba }

.player  { font-size: small; float: left }

div.playlist { 
  float: left;
}

ul.clips { 
  list-style-type: none;
  margin: 0;
  padding: 1em;
  width: 200px;
  max-height: 220px;
  overflow: auto;
  margin-right: 1em;
  font size: -2;
}

ul.clips li { 
  display: block;
  margin: 0;
  padding: 0;
}

ul.clips li a { 
  display: block;
  padding: 5px;
  text-decoration: none;
}

ul.clips li a:visited, ul.clips li a:link, ul.clips li a:active { 
  color: black;
}

ul.clips li.paused { 
  background-color: #e0a006;
  font-style: italic;
}

ul.clips li.paused a:before { 
  content:url(/lib/zr/pause.png);
}

ul.clips li.playing a:before { 
  content:url(/lib/zr/play.png);
}

ul.clips li.progress a:before {
  content:url(/lib/zr/loading.gif);
}

ul.clips li:hover, ul.clips li.playing, ul.clips li.progress { 
  background-color: #e0a006;
  color: grey;
}

div.footer  { font-size: -2; margin-top: 1em; border-top: 1px dotted black }