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

/*#region Original MEP Feature styles */
/* 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;
    background-position: 0 -16px;
}
/* End: Previous */

/* Start: Next */
.mejs-controls .mejs-nexttrack button
{
    background: transparent url(controls-playlist.png) no-repeat;
}
/* 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 */
/*#endregion Original MEP Feature styles */

/*#region Quick Rewind */
.mejs-controls .mejs-quickrewind button
{
    background: transparent url(controls-playlist.png) no-repeat;
    background-position: -48px 0;
}
/*#endregion Quick Rewind */

/*#region Popout */
.mejs-controls .mejs-popout button
{
    background: transparent url(controls-playlist.png) no-repeat;
    background-position: -48px -16px;
}
/*#endregion Popout */

/*#region Mode */
.mejs-container .mejs-controls .mejs-button-textonly button {
	background: none;
	height: 16px;
	font-size: 11px;
    color: white;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-left: 5px;
}
.mejs-container .mejs-controls .mejs-mode-button {
    float: left;
}
.mejs-container .mejs-controls .mejs-mode-button,
.mejs-container .mejs-controls .mejs-mode-button button {
    width: 75px;
}

.mejs-container .mejs-controls .mejs-speed-button
{
    float: left;
}
.mejs-container .mejs-controls .mejs-speed-button,
.mejs-container .mejs-controls .mejs-speed-button button {
    width: 55px;
}


/*#endregion Mode */

/*#region Controls on second line */
.mejs-container.mejs-audio .mejs-controls
{
    position: static;
    height: auto;
}

.mejs-container.mejs-video .mejs-controls
{
    height: 60px;
    position: absolute;
}


.mejs-container .mejs-controls .mejs-prevtrack-button,
.mejs-container .mejs-controls .mejs-playpause-button,
.mejs-container .mejs-controls .mejs-nexttrack-button,
.mejs-container .mejs-controls .mejs-shuffle-button,
.mejs-container .mejs-controls .mejs-quickrewind-button
{
    float: left;
}

.mejs-prevtrack-button
{
    clear: both;
}

.mejs-container .mejs-controls .mejs-volume-button,
.mejs-container .mejs-controls .mejs-horizontal-volume-slider,
.mejs-container .mejs-controls .mejs-popout-button
{
    float: right;
}
/*#endregion Controls on second line */