.chopchop-radio{
  position: absolute;
  top: 0;
  left: 8px;
  /*display: none;*/
  height: 30px;
  z-index: 10;
}
.jp-audio-stream{
  background: none;
  font-size: 0;
  height:28px;
}
.jp-controls{
  display: inline-block;
  line-height: 16px;
  height: 16px;
}
.jp-play{
  position: relative;
  width: 16px;
  height: 16px;
  border: 2px solid white;
  background: none;
  border-radius: 16px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.jp-play:after{
  content: '';
  top: -2px;
  left: -1px;
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAQAAAB+puRPAAAAZElEQVR4AWP47/mfkwEf+H/g/6P/Sf9Z8CkAgev/g/4z4lIAAyf/O+FSgAC7/hthKkAHq/6roirABH/+z/wvhVCAHXz/3/lfAKIAN3jwX4p0ExBuINUXiHAgPSQRcUFWbBJMDwBzvQ/p+Y0RvwAAAABJRU5ErkJggg==");
  background-size: 6px 6px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.jp-state-playing .jp-play:after{
  width: 4px;
  height: 4px;
  background: white;
  top: 4px;
  left: 4px;
}
.jp-play:focus{
  outline: none;
}
.jp-volume-controls{
  display: inline-block;
  height: 16px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.jp-volume-bar{
  display: inline-block;
  height: 16px;
  width: 42px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAQCAQAAAB0fX1GAAAAEElEQVQIW2P4DwQMEDAUmACrOj/BDZ3ANwAAAABJRU5ErkJggg==");
  background-repeat: repeat-x;
}
.jp-volume-bar-value{
  height: 16px;
  background-image: url(../images/radio_bar.png);
  background-repeat: repeat-x;
}
.jp-mute,
.jp-volume-max{
  display: inline-block;
  width: 8px;
  height: 16px;
}
.jp-song-name-container,
.jp-name{
  display: inline-block;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  vertical-align: middle;
  margin: 0 5px 0 13px;
  color: white;
  max-width: 300px;
}
.jp-song-name{
  position: relative;
  white-space: nowrap;  
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.jp-audio-stream .jp-song-name-container{
  display: none;
}
.jp-audio-stream.jp-state-playing .jp-song-name-container{
  display: inline-block;
}

.jp-audio-stream.jp-state-playing .jp-name{
  display: none;
}
.jp-song-name-container{
  overflow: hidden;
}
.jp-song-name.animate{
  animation-name: slide;
  animation-duration: 20s;
  animation-direction: alternate-reverse;
  animation-iteration-count: infinite;
}

@keyframes slide {

  0% {
    margin-left: 0%;
  }

  30% {
    margin-left: 0%;
  }

  100% {
    margin-left: -100%;
  }

}