.player { 
  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;
}

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: #F2EFEF;
  font-style: italic;
}

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

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

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

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

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