.media_pane {
  width:100%;
}

div.playlist {
  float:left;
}

div.playlist, div.clips {
  width:245px;
}

div.clips a {
  display:block;
  height:70px;
  width:190px;
  font-size:12px;
  border:1px outset #ccc;		
  text-decoration:none;
}

div.clips a div {
  margin:5px;
  margin-bottom:0;
  width:170px;
  height:70px;
  overflow:hidden;
  cursor:pointer;
}

div.clips a div em {
 display:block;
 margin-top:3px;
 font-weight:bold;
 font-size:80%;
 float:right;
}


div.clips.petrol a {
  background-color:#003366;
  border:1px outset #003366;
  color:#fff;
}


div.clips.petrol a.playing, div.clips.petrol a.progress {  
  background:transparent url(/files/system/cmcl/players/flowplayer/dark.png) no-repeat scroll -15px -68px;
  border:1px solid transparent;
  color:#fff;
  width:240px;
}

div.clips.petrol a.paused {
  background:transparent url(/files/system/cmcl/players/flowplayer/dark.png) no-repeat scroll -15px 1px;
  border:1px solid transparent;
  color:#fff;
  width:240px;
}

/*

*/
div.clips.petrol a:hover {
   font-weight:normal;
   background-color:#0066CC;	
   color:#fff;
   text-decoration:none;
}
div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
  background-color:transparent;
}

/* Player */

a.player.plain {
  background-position: 0 -15;
  margin-top:0;
  padding:0;
}

a.player.plain img {
  margin-top:85px;
}

.player {
   height:240px;
   text-align:center;
   text-decoration:none;
   width:320px;
   float:left;
   cursor:pointer;
   background:transparent url(/files/system/cmcl/players/flowplayer/splash.png) no-repeat scroll 0 0;
}