/*-------------------------------------------------*/
/* DEFAULT AND SHARED */
/*-------------------------------------------------*/
.bbplayer {
  display: inline-block;
  vertical-align: top;
}
.bb-play {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  background: transparent;
  background-image: url('/assets/images/avplayer/play.png');
  background-repeat: no-repeat;
  background-position: 7px center;
  cursor: pointer;
}
.bb-playing {
  vertical-align: middle;
  background-image: url('/assets/images/avplayer/pause.png');
  background-position: center center;
}
.bb-forward {
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  width: 32px;
  background: transparent;
  background-image: url('/assets/images/avplayer/forward.png');
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.bb-rewind {
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  width: 32px;
  background: transparent;
  background-image: url('/assets/images/avplayer/rewind.png');
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.bb-track-display {
  font-size: 0.7em;
  font-family: canada-type-gibson;
  font-weight: 300;
}
.bb-trackTime {
  display: inline-block;
  vertical-align: top;
}
.bb-trackLength {
  display: inline-block;
  vertical-align: top;
}
.bb-trackTitle {
  display: none;
  vertical-align: top;
  font-weight: bold;
  width: 8em;
  overflow: hidden;
  text-align: center;
}
.bb-album-display {
  display: none;
}
.bb-artist {
  font-size: 14px;
}
.bb-album {
  font-size: 14px;
}
.bbplayer .playerWindow {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.1em;
  text-align: center;
}
@media all and (max-width: 480px) {
  .bbplayer {
    display: inline-block;
  }
  .bb-trackTitle {
    width: 6em;
  }
  .bb-track-display {
    font-size: 12pt;
  }
  .bb-album-display {
    display: none;
  }
  .bb-trackLength {
    display: none;
  }
}