#player {
  position: relative;
  background: url(/images/soundoff/player-bg.png) no-repeat;
  width: 646px;
  height: 96px;
  margin: 1em auto;
}

#song-list {
  width: 646px;
  height: 15em;
  overflow: auto;
  margin: 1em auto;
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
}

#song-list .song {
  height: 2em;
  line-height: 1.5em;
  background: url(/images/soundoff/song-bg.png) repeat-x #fff;
  padding: 5px;
  margin: 0 0 2px 0;
  cursor: pointer;
}

#song-list .selected {
  background-image: url(/images/soundoff/song-selected-bg.png);
}

#play, #pause {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 22px;
  left: 15px;
}

#stop {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 27px;
  left: 65px;
}

#play {
  background: url(/images/soundoff/play-fg.png) no-repeat 15px 8px;
}

#pause {
  background: url(/images/soundoff/pause-fg.png) no-repeat 16px 9px;
  display: none;
}

#progress_container {
  width: 398px;
  height: 19px;
  top: 59px;
  left: 123px;
  position: absolute;
}

#progress {
  width: 0;
  height: 15px;
  padding: 2px 0;
  background: url(/images/soundoff/progress-fg.png) no-repeat;
  position: relative;
  box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box;
}

#progress-slider {
  width: 1px;
  height: 14px;
  position: relative;
}

#console {
  width: 380px;
  height: 26px;
  top: 11px;
  left: 122px;
  position: absolute;
  font-size: 20px;
  line-height: 30px;
  padding: 2px 10px;
  box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box;
}

#volume {
  width: 16px;
  height: 52px;
  position: absolute;
  top: 26px;
  left: 530px;
}

.button a {
  display: block;
  width: 100%;
  height: 100%;
  opacity: .01;
  filter: alpha(opacity=1);
  background: #ffffff;
}

#volume a, #progress-slider a {
  display: block;
  position: absolute;
  background: url(/images/soundoff/knob.png) no-repeat;
  height: 16px;
  width: 16px;
}

#mute {
  position: absolute;
  background: url(/images/soundoff/soundwaves.png) no-repeat;
  width: 46px;
  height: 34px;
  top: 59px;
  left: 543.3px;
}

#volume-indicator {
  top: 14px;
  left: 590px;
  position: absolute;
  height: 63px;
  width: 42px;
}

#left-channel, #right-channel {
  background: url(/images/soundoff/volume-fg.png) no-repeat;
  background-position: bottom left;
  position: absolute;
  bottom: 0;
  height: 0;
  width: 18px;
}

#left-channel {
  left: 0;
}

#right-channel {
  left: 22px;
}