/*
	PLAYER
*/

.player-container{
    height: 3.077em; /*40px;*/
    padding: 0.154em 0.77em; /*2px 10px;*/
    position: relative;
}

.player-tools{
    position: absolute;
    height: 20px;
    right: 0.35em;
    z-index: 2;
    display: none;
}
.player-tools div{
    height: 20px;
    width: 20px;
    float: right;
    cursor: pointer;
}

.player-tools .add{
    background: url(../images/add.png) center no-repeat;
}
.player-tools .added{
    background: url(../images/added.png) center no-repeat;
}

.player-tools .edit{
    background: url(../images/edit.png) center no-repeat;
}

.player-tools .delete{
    background: url(../images/close.png) center no-repeat;
}

.player-container:hover .player-tools{
    display: block;
}


.audioplayer
{
	height: 2.1em;
	position: relative;
	z-index: 1;
	margin-top:0.461em;
}

/* mini mode (fallback) */

.audioplayer-mini
{
	width: 2.5em;
	margin: 0 auto;
}


/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */

.audioplayer > div
{
	position: absolute;
}

.audioplayer-title{
    right: 8em;
    left: 2.875em;
    top: 1px;
    white-space: nowrap;
    overflow: hidden;
    height: 1.461em;
    text-overflow: ellipsis;
}

.audioplayer-title .title{
    cursor: pointer;
}
.audioplayer-title .title:hover{
    border-bottom: 1px dotted gray;
}

@media (max-width: 480px){

    .audioplayer-title .title{
        display: block;
    }

    .audioplayer-title{
        height: 2.461em;
        top: -5px;
        line-height: 100%;
    }

}


/* play/pause button */

.audioplayer-playpause
{
	width: 2em;
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 0;
    border-radius: 0.4em;
}

.audioplayer-mini .audioplayer-playpause
{
    width: 100%;
}

.audioplayer-playpause a
{
    display: block;
}

/* HIDE STOPPED */
.audioplayer-stopped:not(.last-played) .audioplayer-volume, .audioplayer-stopped:not(.last-played) .audioplayer-bar{
    visibility: hidden;
}

.audioplayer-stopped .audioplayer-playpause a
{
    width: 0;
    height: 0;
    border-width: 0.5em;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right: none;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em 0 0 -0.25em;
}
.audioplayer-playing .audioplayer-playpause a
{
    width: 0.75em;
    height: 0.75em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.375em 0 0 -0.375em;
}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after
{
    width: 40%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
}
.audioplayer-playing .audioplayer-playpause a:before
{
    left: 0;
}
.audioplayer-playing .audioplayer-playpause a:after
{
    right: 0;
}


/* timers */

.audioplayer-time
{
    z-index: 2;
    text-align: center;
}
.audioplayer-time-current
{
    display: none;
}
.audioplayer-time-duration
{
    font-size: 0.77em;
    top: 2px;
    right: 7em;
}
.audioplayer-novolume .audioplayer-time-duration
{
    border-right: 0;
    right: 0;
}


/* progress bar of loaded/played */

.audioplayer-bar
{
	/*height: 0.275em;*/
	height: 4px;
	cursor: pointer;
	z-index: 1;
    bottom: 0;
	right: 5.384em;
	left: 2.875em;
	margin-top: -0.438em;
}
.audioplayer-novolume .audioplayer-bar
{
    right: 4.375em;
}
.audioplayer-bar div
{
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.audioplayer-bar-loaded
{
    z-index: 1;
}
.audioplayer-bar-played
{
    z-index: 2;
}


/* volume button */

.audioplayer-volume
{
	width: 3.846em; /*50px; */
    height: 4px;
	cursor: pointer;
	z-index: 2;
    bottom: 0;
	right: 0;
}

/* volume dropdown */

.audioplayer-volume-adjust
{
    height: 100%;
    width: 100%;
    position: absolute;
}

.audioplayer-volume-adjust > div
{
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.audioplayer-volume-adjust div div
{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.audioplayer-novolume .audioplayer-volume
{
    display: none;
}


/******************
    COMPACT MODE
*******************/


.audio-compact .player-container:hover .audioplayer-time-duration{
    display: none;
}

.audio-compact .audioplayer-time-duration{
    right: 0;
}
.audio-compact .audioplayer-title{
    right: 4em;
}

.audio-compact .audioplayer-volume{
    width: 3em;
}
.audio-compact .audioplayer-bar{
    right: 4em;
}

.audio-compact .player-tools .delete{
    display: none;
}