div.sc-player-box {
  position:relative;
  width:290px;
  height:55px;
  overflow:visible;
}

.sc-player {
  position:relative;
  padding:0px;
  margin:0px;
  width:290px;
  height:55px;
  overflow:visible;
}

.sc-player a {
  text-decoration:none;
  color:#fff;
}

.sc-player ol, .sc-player li {
  margin:0px;
  padding:0px;
  list-style-position:inside;
  list-style-type:none;
}

/* ARTWORK */

.sc-player .sc-artwork-list {
  position:relative;
  width:100%;
  height:100%;
  background-color:#transparent;
  list-style-type:none;
  display:none;
}

.sc-player .sc-artwork-list li { list-style-type:none;display:none; }
.sc-player .sc-artwork-list li.active { list-style-type:none;display:block; }
.sc-player .sc-artwork-list li img, .sc-player .sc-artwork-list li div { list-style-type:none;width:100%;height:100%; }
.sc-no-artwork { display:none; }

/* CONTROLS */

.sc-player .sc-controls {
  position:absolute;
  top:0px;
  left:15px;
  height:50px;
  z-index:599;
}

.sc-player .sc-controls div { position:absolute;top:0px;left:0px;display:block;height:40px;width:40px;color:transparent;cursor:pointer; }
.sc-player .sc-controls div.sc-play { display:block; }
.sc-player .sc-controls div.sc-pause { display:none; }
.sc-player.playing .sc-controls div.sc-play { display:none; }
.sc-player.playing .sc-controls div.sc-pause { display:block; }
.sc-time-indicators {
  position:absolute;
  right:15px;
  top:12px;
  text-align:center;
  font-family:'din-light';
  font-size:22px;
  line-height:22px;
  font-weight:normal;
  white-space:nowrap;
  color:#a38e63;
  opacity:0;
  -moz-opacity:0;
  -webkit-opacity:0;
}

/* SCRUBBER */

.sc-scrubber {
  position:absolute;
  left:75px;
  top:38px;
  width:200px;
  padding:2px 0px;
  height:2px;
  background-color:#с6с6с6;
  z-index:600;
  cursor:pointer;
}

.sc-scrubber .sc-time-bg { position:absolute;top:0px;left:0px;width:200px;height:2px;background-color:#с6с6с6; }
.sc-scrubber .sc-time-span {
  position:relative;
  width:200px;
  height:2px;
  margin:0px 0px;
  background-color:#bbbbbb;
  display:none;
}

.sc-scrubber .sc-buffer, .sc-scrubber .sc-played {
  height:2px;
  position:absolute;
  top:0;
}

.sc-track-duration {
  text-align:right;
  float:right;
  padding:0 0px;
  margin-left:0px;
}

/* VOLUME */

.sc-volume-slider {
  top:-25px;
  left:0px;
  position:absolute;
  width:110px;
  height:12px;
  background-color:white;
  background-color:#e5e5e5;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  display:none;
}
.sc-volume-slider .sc-volume-status {
  position:absolute;
  width:0%;
  height:10px;
  top:1px;
  left:1px;
  background-color:#666;
  border-right:1px solid #a38e63;
}

/* UTILITIES */

.sc-player .hidden { display:none; }
.sc-player-engine-container { position:fixed;width:1px;height:1px;top:2px;left:2px; }

.sc-position { position:absolute;top:0px;right:0px;color:#a38e63;display:none; }
.sc-duration { position:absolute;top:0px;right:0px;color:#a38e63;display:none; }

/* WAVEFORM */

.sc-scrubber .sc-waveform-container { position:absolute;width:200px;z-index:800; }
.sc-scrubber .sc-time-span img { height:2px;display:none;width:200px; }
.sc-scrubber .sc-buffer, .sc-scrubber .sc-played { position:absolute;background-color:#d6d6d6;z-index:1; }
.sc-scrubber .sc-played { background-color:#a38e63;z-index:799; }

/* TRACKLIST */

.sc-player ol.sc-trackslist {
  position:absolute;
  top:0px;left:0px;
  width:0px;height:0px;
  overflow:hidden;
  list-style-type:none;
}

.sc-player ol.sc-trackslist li {
  position:relative;
  cursor:pointer;
  background:#535353;
  color:#b8e9d3;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -webkit-transition:background 0.3s ease-in;
}

.sc-player ol.sc-trackslist li:hover { background:#a38e63; }
.sc-player ol.sc-trackslist li.active { background:#a38e63;-moz-border-radius:4px;-webkit-border-radius:4px; }
.sc-player ol.sc-trackslist li.active a { color:#fff; }

.sc-player ol.sc-trackslist li span {
  position:absolute;
  right:0;
  top:3px;
}

/* TRACK INFO */

.sc-player .sc-info {
  position:absolute;
  top:10px;
  left:75px;
  width:220px;
  z-index:500;
  color:#a38e63;
  font-family:'din';
  text-align:left;
  font-weight:normal;
  font-size:20px;
  line-height:20px;
  letter-spacing:2px;
  text-transform:uppercase;
  cursor:pointer;
}

.sc-player .sc-info h3 { padding:0px;margin:0px; }

.sc-player .sc-info a { color:#a38e63; }
.sc-player .sc-info.active { left:50%;top:12%; }
.sc-player .sc-info-toggle { position:absolute;top:10px;left:10px;background:#a38e63;color:#fff;padding:4px;display:none; }
.sc-player .sc-info-toggle.active { left:-5000px; }
.sc-player .sc-info-toggle:hover { background:#535353;color:#fff; }
.sc-player .sc-info-close { position:absolute;display:none;top:10px;right:20px;background:#a38e63;-moz-border-radius:4px;-webkit-border-radius:4px;padding:2px 4px;font-weight:bold;}