.audio-playbar-outer {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  /*
  @include with-margin-bottom;
  @include breakpoint($bp-medium) {
      //margin-bottom:calc-em($text-gutter-height-small, $main-nav-size);
      @include output-rem('margin-bottom', $text-gutter-height-small); 
  }
  */
  background-image: url("/images/standard/sound-icon.png");
  background-size: 12.5% auto;
  background-position: 3% 50%;
  background-repeat: no-repeat;
  background-color: #f2f1ed;
  height: 100px;
  height: 6.25rem;
}
/* line 24, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar {
  width: 80% !important;
  padding-top: 32px;
  padding-top: 2rem;
  padding-left: 17.5%;
  /* change the color of the lettering */
  /* eliminate the yellow border around the play button during playback */
  /* use a sprite file with darker transport icons */
  /* change the color of the progress bar */
  /* change the color of the current time bar */
  /* change the color of the file loading bar */
  /* adjusts the width of the volume bar for RWC */
}
/* line 29, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar .mejs-controls, .audio-playbar-outer .audio-playbar .mejs-mediaelement, .audio-playbar-outer .audio-playbar .mejs-container {
  background: #fff !important;
}
/* line 34, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar .mejs-currenttime, .audio-playbar-outer .audio-playbar .mejs-duration {
  color: black !important;
}
/* line 39, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar .mejs-controls .mejs-button button:focus, .audio-playbar-outer .audio-playbar .mejs-controls .mejs-button button:focus {
  outline: none !important;
}
/* line 44, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar .mejs-controls .mejs-button button, .audio-playbar-outer .audio-playbar .mejs-controls .mejs-button button {
  background-image: url("/images/standard/sound-controls.png");
}
/* line 49, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar .mejs-controls .mejs-time-rail .mejs-time-total, .audio-playbar-outer .audio-playbar .mejs-controls .mejs-time-rail .mejs-time-total {
  background: #59726f !important;
}
/* line 54, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar .mejs-controls .mejs-time-rail .mejs-time-current, .audio-playbar-outer .audio-playbar .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #59726f !important;
}
/* line 59, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar .mejs-controls .mejs-time-rail .mejs-time-loaded, .audio-playbar-outer .audio-playbar .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #ccc !important;
}
/* line 64, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .audio-playbar-outer .audio-playbar .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  width: 80% !important;
}
/* line 70, ../communitysites_ms/scss/default/_posts.scss */
.audio-playbar-outer .audio-playbar .mejs-controls > div:last-of-type, .audio-playbar-outer .audio-playbar .mejs-controls > div:last-of-type {
  position: relative;
  clear: both;
  float: right;
  top: -31px;
}

/* sets the player width for the text+images layout in the event that there's nothing else in imagesright to force the width */
.layout-text .audio-playbar-outer {
	min-width:250px;
}