/*
    Document        : mep-feature-playlist.css
    Author          : Andrew Berezovsky <andrew.berezovsky@gmail.com>
    Original Author : Junaid Qadir Baloch <shekhanzai.baloch@gmail.com>
*/

/* Start: Show/Hide Playlist*/
.mejs-controls .mejs-show-playlist button {
  background: transparent url(controls-playlist.png) no-repeat;
  background-position: -16px -16px;
}
.mejs-controls .mejs-hide-playlist button {
  background: transparent url(controls-playlist.png) no-repeat;
  background-position: -16px 0;
}
/* End: Show/Hide Playlist */

/* Start: Previous */
.mejs-controls .mejs-prevtrack button {
  background: transparent url(controls-playlist.png) no-repeat !important;
  background-position:bottom left !important;
}
/* End: Previous */

/* Start: Next */
.mejs-controls .mejs-nexttrack button {
  background: transparent url(controls-playlist.png) no-repeat !important;
}
/* End: Next */

/* Start: Shuffle */
.mejs-controls .mejs-shuffle-on button {
  background: transparent url(controls-playlist.png) no-repeat;
  background-position: -32px 0;
}
.mejs-controls .mejs-shuffle-off button {
  background: transparent url(controls-playlist.png) no-repeat;
  background-position: -32px -16px;
}
/* End: Shuffle */

/*Start: Playlist*/
.mejs-playlist {
  position: absolute;
  left: 0;
  top:0;
  height: 170px !important;
  overflow-y: auto;
  background: #F0F5F8;
}
.mejs-playlist ul {
  margin: 0;
  padding:5px;
}
.mejs-playlist li {
  padding:10px;
  color: #00376A;
  font-size: 11px;
  overflow: hidden;
  margin: 2px;
  cursor: pointer;
  font-weight:bold;
  font-size:12px;
  letter-spacing:-0.5px;
}
.mejs-playlist li .pod-date {
  padding:5px 0px;
  margin: 2px 0px;
  color: #666;
  overflow: hidden;
  font-size:11px;
}
.mejs-playlist li:hover {
  color: #F0F5F8;
  background: none repeat scroll 0 0 #00376A;
  border: 0px 1px solid #D1D9DF;
  font-weight:bold;
  font-size:14px;
}
.mejs-playlist li:hover .pod-date {
  padding:5px 0px;
  margin: 2px 0px;
  color: #D1D9DF;
  overflow: hidden;
}
.mejs-playlist li.current {
  color: #F0F5F8;
  font-size:14px;
  background: none repeat scroll 0 0 #00376A;
  border: 0px 1px solid #D1D9DF;
  font-weight:bold;
}
.mejs-playlist li.current .pod-date {
  padding:5px 0px;
  margin: 2px 0px;
  color: #D1D9DF;
  overflow: hidden;
}
/*End: Playlist*/