/*
    Document        : mep-feature-playlist.css
	Mods for PattyReese.com: TB
    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(..Images/MEJS/controls-playlist.png) no-repeat;
  background-position: -16px -16px;
}
.mejs-controls .mejs-hide-playlist button {
  background: transparent url(../Images/MEJS/controls-playlist.png) no-repeat;
  background-position: -16px 0;
}

/* End: Show/Hide Playlist */

/* Start: Previous */
.mejs-controls .mejs-prevtrack button {
  background: transparent url(../Images/MEJS/controls-playlist.png) no-repeat;
  background-position: 0 -16px;
}
/* End: Previous */

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

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

/*Start: Playlist*/
.mejs-playlist {
  position: absolute;
  left: 0;
  height: 200px !important;
  overflow-y: auto;
  background: #000000;
  opacity: 0.8;
  border:1px solid rgba(255,255,255,0.2);
 /* -moz-box-shadow:-1px 5px 10px black;-webkit-box-shadow:-1px 5px 10px black;box-shadow:-1px 5px 10px black;*/
}
.mejs-playlist ul {
  margin: 0;
  padding: 5px;
  text-align:right; /* default alignment is left, with no rule here */
  list-style-type:none;
}
.mejs-playlist li {
  color: white;
  opacity:0.5;
  font-size: 0.65em; /*previously 0.75em | originally 11px */
  font-weight:bold; /* originally no font-weight! */
  height: 1.35rem; /* originally 16px;*/
  overflow: hidden;
  margin: 2px;
  cursor: pointer;
}
	@media screen and (min-width:500px) {
		.mejs-playlist li {font-size:0.75em;}
	}
		
.mejs-playlist li:hover {
  opacity:1.0;
}
.mejs-playlist li.current {
  color: darkgoldenrod;
  opacity: 1.0;
}
/*End: Playlist*/