/* PLAYER */

.audioplayer{height:4.5em;color:#fff;text-shadow:1px 1px 0 #000;position:relative;z-index:1;background:#000000}
/* mini mode (fallback) */
.audioplayer-mini{width:2.5em;margin:0 auto}
.audioplayer > div{position:absolute}
/* play/pause button */
.audioplayer-playpause{width:4.5em;height:100%;ext-align:left;cursor:pointer;z-index:2;top:0;left:0}
.audioplayer-mini .audioplayer-playpause{width:100%}
.audioplayer-playpause a{display:block}
.audioplayer-stopped .audioplayer-playpause a,.audioplayer-playing .audioplayer-playpause a{width:55px;height:55px;content:'';position:relative;top:3px;left:6px}
.audioplayer-stopped .audioplayer-playpause a::after{content:"";display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;background:url('/img/play5.png') no-repeat;background-size:contain}
.audioplayer-stopped .audioplayer-playpause a:hover::after{background-image:url('/img/play6.png')}
.audioplayer-playing .audioplayer-playpause a::after{content:"";display:inline-block;width:100%;height:100%;position:absolute;background-image:url('/img/pause2.png');background-size:contain}
/* timers */
.audioplayer-time{width:4.375em;height:100%;line-height:4.375em;text-align:center;z-index:2;top:0}
.audioplayer-time-current{left:4.5em}
.audioplayer-time-duration{right:4.5em;display:none}
.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0}
/* progress bar of loaded/played */
.audioplayer-bar{height:0.475em;background-color:#999999;cursor:pointer;z-index:1;top:50%;right:8.875em;left:8.875em;margin-top:-0.238em;border-radius:2px}
.audioplayer-novolume .audioplayer-bar{right:4.375em}
.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}
.audioplayer-bar-loaded{background-color:#333;z-index:1}
.audioplayer-bar-played{background:#FFFFFF;z-index:2}
/* volume button */
.audioplayer-volume{width:4.5em;height:100%;text-align:left;cursor:pointer;z-index:2;top:0;right:0}
.audioplayer-volume-button{width:100%;height:100%}
.audioplayer-volume-button a{width:100%;height:100%;display:block;position:relative;z-index:1;top:0;left:0}
.audioplayer-volume-button a::after{content:"";display:inline-block;width:30px;height:30px;position:absolute;top:16px;left:16px;background:url('/img/volume2-muted.png') no-repeat;background-size:contain}
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after{content:"";background:url('/img/volume2.png') no-repeat;background-size:contain}
/* volume dropdown */
.audioplayer-volume-adjust{height:6.25em;cursor:default;position:absolute;left:0;right:-1px;top:-9999px;background:#333}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}
.audioplayer-volume:hover .audioplayer-volume-adjust{top:auto;bottom:100%}
.audioplayer-volume-adjust > div{width:20%;height:80%;background-color:#999999;cursor:pointer;position:relative;z-index:1;margin:30% auto 0}
.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#FFFFFF}
.audioplayer-novolume .audioplayer-volume{display:none}
/* CSS3 decorations */
.audioplayer-volume-adjust{-webkit-box-shadow:-2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );-moz-box-shadow:-2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );box-shadow:-2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 )}
.audioplayer-volume-adjust > div{-webkit-box-shadow:-1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );-moz-box-shadow:-1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );box-shadow:-1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 )}
.audioplayer-volume-adjust div div,.audioplayer-bar.active .audioplayer-bar-played{-webkit-box-shadow:inset 0 0 5px rgba( 255, 255, 255, .5 );-moz-box-shadow:inset 0 0 5px rgba( 255, 255, 255, .5 );box-shadow:inset 0 0 5px rgba( 255, 255, 255, .5 )}
.audioplayer,.audioplayer-volume-adjust{background:#000000}
.audioplayer-bar .audioplayer-bar-played{background:#333333}
.audioplayer-bar.active .audioplayer-bar-played{background:-webkit-gradient( linear, left top, right top, from( #FFFFFF ), to( #C600FF ) );background:-webkit-linear-gradient( left, #FFFFFF, #C600FF );background:-moz-linear-gradient( left, #FFFFFF, #C600FF );background:-ms-radial-gradient( left, #FFFFFF, #C600FF );background:-o-linear-gradient( left, #FFFFFF, #C600FF );background:linear-gradient( to right, #FFFFFF, #C600FF )}
.audioplayer-volume-adjust div div{background:-webkit-gradient( linear, left bottom, left top, from( #FFFFFF ), to( #C600FF ) );background:-webkit-linear-gradient( bottom, #FFFFFF, #C600FF );background:-moz-linear-gradient( bottom, #FFFFFF, #C600FF );background:-ms-radial-gradient( bottom, #FFFFFF, #C600FF );background:-o-linear-gradient( bottom, #FFFFFF, #C600FF );background:linear-gradient( to top, #FFFFFF, #C600FF )}
.audioplayer-volume-adjust div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.audioplayer{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.audioplayer-volume-adjust{-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px}
.audioplayer *,.audioplayer *:before,.audioplayer *:after{-webkit-transition:color .25s ease, background-color .25s ease, opacity .5s ease;-moz-transition:color .25s ease, background-color .25s ease, opacity .5s ease;-ms-transition:color .25s ease, background-color .25s ease, opacity .5s ease;-o-transition:color .25s ease, background-color .25s ease, opacity .5s ease;transition:color .25s ease, background-color .25s ease, opacity .5s ease}