@import "client/common.css.scss";

.feed-entry .recording-controls, .feed-entry .session-controls, .landing-details .recording-controls, .landing-details .session-controls {
  margin-top:0px;
  margin-bottom:5px;
  padding:8px 5px 8px 10px;
  width:98%;
  position:relative;
}

.landing-details .recording-controls, .landing-details .session-controls {

  background-color:#242323;

  @include border_box_sizing;
  width:100%;

  .session-status {
    float:left;
    margin-left:20px;
  }

  .jam-track-get-ready {
    display:none;
  }
}

.recording-position {
  display:inline;
  width:80%;
  margin-left:-20px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  height:18px;
  vertical-align:top;
}

.landing-details .recording-position {
  width:100%;
}

.recording-time {
  display:inline-block;
  height:16px;
  vertical-align:top;
  margin-top:4px;
}

.landing-details .recording-current {
  top:8px;
}

.recording-playback {
  display:inline-block;
  background-image:url(../content/bkg_playcontrols.png);
  background-repeat:repeat-x;
  position:relative;
  width:70%;
  height:16px;
  margin-top:2px;
}

.recording-slider {
  position:absolute;
  top:0px;
}

.recording-current {
  font-family:Arial, Helvetica, sans-serif;
  display:inline;
  font-size:18px;
  top:3px;
  right:4px;
  position:absolute;
}

#btnPlayPause {
  position: relative;
}