@import url('icons.css');
/*
.player {
  display: block;
  height: 48px;
  width: 400px;
  position: relative;
  -webkit-box-shadow: 0 -1px 0 rgba(20, 30, 40, .75);
  -moz-box-shadow: 0 -1px 0 rgba(20, 30, 40, .75);
  -o-box-shadow: 0 -1px 0 rgba(20, 30, 40, .75);
  box-shadow: 0 -1px 0 rgba(20, 30, 40, .75);
  border-top: 1px solid #c2cbd4;
  border-bottom: 1px solid #283541;
  background: #939eaa;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(174, 185, 196, .9)), to(rgba(110, 124, 140, .9)), color-stop(.5, rgba(152, 164, 176, .9)),color-stop(.501, rgba(132, 145, 159, .9)));
  background: -moz-linear-gradient(top, rgba(174, 185, 196, .9), rgba(152, 164, 176, .9) 50%, rgba(132, 145, 159, .9) 50.1%, rgba(110, 124, 140, .9));
  background: linear-gradient(top, rgba(174, 185, 196, .9), rgba(152, 164, 176, .9) 50%, rgba(132, 145, 159, .9) 50.1%, rgba(110, 124, 140, .9));
  cursor: default;
}

#playtoggle, .media-button {
  width: 24px;
  height: 24px;
  color: #666;
  text-shadow: 0px 1px 0px rgba(255,255,255,0.59);
  font-size: 12px;
  display: inline;
  position: absolute;
  margin: 0px 1px 0px 1px;
  background: #ececec;
  outline: none;
  border: 1px solid #d8d8d8;
  border-bottom: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.57); 
}*/

#player {
  width: 610px;
  margin: 50px auto;
}

.audiojs {
  background: #f5f9fa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #fdfdfd), color-stop(0.51, #f3f3f3), color-stop(1, #e5e5e5));
  background-image: -moz-linear-gradient(center top, white 0%, #fdfdfd 50%, #f3f3f3 51%, #e5e5e5 100%);
  color: #898989;
  box-shadow: 0px 2px 8px #bbb;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.audiojs .play-pause, .audiojs .time, .audiojs .time .played {
  border: 0;
  color: #898989;
  text-shadow: none;
}

.audiojs .scrubber, .audiojs .volume-bar {
  top: 4px;
  border: 0;
  background: #ccc;
  border-radius: 2px;
  border: 1px solid #ccc;
  height: 6px;
}

.audiojs .scrubber .progress, .audiojs .volume-slider  {
  background: white;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #efefef), color-stop(0.51, #eaeaea), color-stop(1, #efefef));
  background-image: -moz-linear-gradient(center top, white 0%, #efefef 50%, #eaeaea 51%, #efefef 100%);
  border: 0;
  border-radius: 2px;
  height: 6px;
}

.audiojs .scrubber .loaded {
  border-radius: 2px;
  background: #bbb;
  height: 6px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ccc), color-stop(0.51, #ccc), color-stop(1, #bbb));
  background-image: -moz-linear-gradient(center top, #ccc 0%, #ccc 50%, #ccc 51%, #bbb 100%);
}

.audiojs i {
  color: #898989 !important;
  text-shadow: 1px 1px 0 white !important;
}