body {
  font-family: Arial, Helvetica, sans-serif;
  background: #000 url(/fileadmin/template/img/player_background.png) left top no-repeat;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
}
a {
  text-decoration: none;
}
a:hover { text-decoration:underline; }
.hidden {
  position: absolute;
  left: -10000px;
  height: 0;
  font-size: 0;
}
#wrap {
  position:relative;
  width:490px;
  height: 220px;
}
#radioLink {
  position:absolute;
  right:20px;
  top: 20px;
  color: #fff;
}
#player {
  position:absolute;
  top:103px;
  left:20px;
  width:450px;
  font-weight:bold;
}
#date { 
  float: left;
  width:200px;
  padding: 0 0 0 10px;
  color: #000;
  line-height:20px;
  font-size:10px;
}
#time {
  float:right;
  width:200px;
  text-align:right;
  padding: 0 10px 0 0;
  color: #000;
  line-height:20px;
  font-size:10px;
}
#programName {
  text-align:center;
  font-size:14px;
  padding: 4px 0;
  clear:both;
}
#songName {
  text-align:center;
  color: #eeb92d;
  font-style:italic;
}
#flashPlayer {
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  line-height:1px;
}
#playPause {
  position:absolute;
  bottom: 17px;
  left:15px;
  width:26px;
  height:26px;
  display:block;
  background-position: center center;
  background-repeat: no-repeat;
}
.playing { background-image: url(/fileadmin/template/img/play_icon_playing.png); }
.paused { background-image: url(/fileadmin/template/img/play_icon.png); }
.playing:hover { background-image: url(/fileadmin/template/img/play_icon_playing_hover.png); }
.paused:hover { background-image: url(/fileadmin/template/img/play_icon_hover.png); }
#mute {
  position:absolute;
  bottom: 20px;
  left:40px;
  width:20px;
  height:20px;
  display:block;
}
#volumeDown {
  position:absolute;
  bottom: 20px;
  left:60px;
  width:20px;
  height:20px;
  display:block;
}
#volumeUp {
  position:absolute;
  bottom: 20px;
  left:120px;
  width:20px;
  height:20px;
  display:block;
}
#quality {
  position:absolute;
  right:40px;
  bottom:20px;
  width:52px;
  padding:0 20px;
  line-height:20px;
  height:20px;
  font-size:10px;
}
#volume {
  position:absolute;
  bottom: 20px;
  left:83px;
  width:34px;
  height:20px;
  display:block;
  background-position: center center;
  background-repeat: no-repeat;
}
.volume0 { background-image: url(/fileadmin/template/img/volume/0.png); }
.volume20 { background-image: url(/fileadmin/template/img/volume/20.png); }
.volume40 { background-image: url(/fileadmin/template/img/volume/40.png); }
.volume60 { background-image: url(/fileadmin/template/img/volume/60.png); }
.volume80 { background-image: url(/fileadmin/template/img/volume/80.png); }
.volume100 { background-image: url(/fileadmin/template/img/volume/100.png); }
#quality {
  position:absolute;
  right:40px;
  bottom:20px;
  width:52px;
  padding:0 20px;
  line-height:20px;
  height:20px;
  font-size:10px;
}
#quality ul {
  background: #000;
  border:1px solid #646464;
  position:absolute;
  left:13px;
  bottom:17px;
  display:none;
  line-height:16px;
  padding: 4px 0; 
  width: 78px;
}
#quality:hover ul { display: block; }
#quality ul li {
  display:block;
  padding: 0 1px;
}
#quality ul a { 
  color: #fff;
  display:block;
  height:16px;
  padding: 0 5px;
}
#quality ul a:hover { 
  background: #262626;
  text-decoration:none;
}