@import url(https://fonts.googleapis.com/css?family=Open+Sans|Oswald);

#amazingaudioplayer-1
{
    box-sizing: content-box;
}

#amazingaudioplayer-1 div
{
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

#amazingaudioplayer-1 .amazingaudioplayer-image
{
    position: relative;

    display: block;
    float: left;
    overflow: hidden;

    margin: 4px;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}



#amazingaudioplayer-1 .amazingaudioplayer-text
{
    position: relative;

    display: block;
    overflow: hidden;

    height: 100px;
    padding: 4px 12px;
}

#amazingaudioplayer-1 .amazingaudioplayer-text-clear
{
    clear: both;

    height: 8px;
}

#amazingaudioplayer-1 .amazingaudioplayer-title
{
    font-family: 'Oswald',Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;

    display: block;

    color: #333;
}



#amazingaudioplayer-1 .amazingaudioplayer-info
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: italic;

    display: block;
    display: block;

    color: #666;
}



#amazingaudioplayer-1 .amazingaudioplayer-bar
{
    margin: 4px;

    border: 1px solid #222;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    background-color: #333;
    background-image:     -ms-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image:    -moz-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image:      -o-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3cd6f3), color-stop(1, #0c6aaa));
    background-image: -webkit-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image:         linear-gradient(to bottom, #3cd6f3 0%, #0c6aaa 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 3px rgba( 0, 0, 0, .5 );
       -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 3px rgba( 0, 0, 0, .5 );
            box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 3px rgba( 0, 0, 0, .5 );
}

#amazingaudioplayer-1 .amazingaudioplayer-bar-buttons-clear
{
    clear: both;
}



#amazingaudioplayer-1 .amazingaudioplayer-bar-title
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 24px;

    position: relative;

    float: left;

    margin: 0 8px;

    color: #eee;
}

#amazingaudioplayer-1 .amazingaudioplayer-playpause
{
    position: relative;

    float: left;
}

#amazingaudioplayer-1 .amazingaudioplayer-play
{
    position: relative;
}

#amazingaudioplayer-1 .amazingaudioplayer-pause
{
    position: relative;
}

#amazingaudioplayer-1 .amazingaudioplayer-stop
{
    position: relative;

    float: left;
}

#amazingaudioplayer-1 .amazingaudioplayer-prev
{
    position: relative;

    float: left;
}

#amazingaudioplayer-1 .amazingaudioplayer-next
{
    position: relative;

    float: left;
}

#amazingaudioplayer-1 .amazingaudioplayer-loop
{
    position: relative;

    float: left;

    margin: 0 2px;
}

#amazingaudioplayer-1 .amazingaudioplayer-progress
{
    position: relative;

    margin: 8px 4px;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #222;
    -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 );
}

#amazingaudioplayer-1 .amazingaudioplayer-progress-loaded
{
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #444;
}

#amazingaudioplayer-1 .amazingaudioplayer-progress-played
{
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #fcc500;
    background-image:     -ms-linear-gradient(top, #fede00 0%, #fcc500 100%);
    background-image:    -moz-linear-gradient(top, #fede00 0%, #fcc500 100%);
    background-image:      -o-linear-gradient(top, #fede00 0%, #fcc500 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fede00), color-stop(1, #fcc500));
    background-image: -webkit-linear-gradient(top, #fede00 0%, #fcc500 100%);
    background-image:         linear-gradient(to bottom, #fede00 0%, #fcc500 100%);
}

#amazingaudioplayer-1 .amazingaudioplayer-time
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 24px;

    position: relative;

    float: right;

    margin: 0 4px;

    color: #fff;
    text-shadow: 1px 1px 0 #000;
}

#amazingaudioplayer-1 .amazingaudioplayer-volume
{
    position: relative;

    float: right;
}

#amazingaudioplayer-1 .amazingaudioplayer-volume-bar
{
    border: 1px solid #222;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #333;
    background-image:     -ms-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image:    -moz-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image:      -o-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3cd6f3), color-stop(1, #0c6aaa));
    background-image: -webkit-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image:         linear-gradient(to bottom, #3cd6f3 0%, #0c6aaa 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 3px rgba( 0, 0, 0, .5 );
       -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 3px rgba( 0, 0, 0, .5 );
            box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 3px rgba( 0, 0, 0, .5 );
}

#amazingaudioplayer-1 .amazingaudioplayer-volume-bar-adjust
{
    background-color: #222;
    -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 );
}

#amazingaudioplayer-1 .amazingaudioplayer-volume-bar-adjust-active
{
    background-color: #fcc500;
    -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 );
}

#amazingaudioplayer-1 .amazingaudioplayer-tracklist
{
    position: relative;

    display: block;
}

#amazingaudioplayer-1 .amazingaudioplayer-tracklist-container
{
    position: relative;

    display: block;

    margin: 4px;
    padding: 12px 12px 16px;

    border: 1px solid #222;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    background-color: #333;
    background-image:     -ms-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image:    -moz-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image:      -o-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3cd6f3), color-stop(1, #0c6aaa));
    background-image: -webkit-linear-gradient(top, #3cd6f3 0%, #0c6aaa 100%);
    background-image:         linear-gradient(to bottom, #3cd6f3 0%, #0c6aaa 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 3px rgba( 0, 0, 0, .5 );
       -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 3px rgba( 0, 0, 0, .5 );
            box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 3px rgba( 0, 0, 0, .5 );
}

#amazingaudioplayer-1 .amazingaudioplayer-tracks-wrapper
{
    position: relative;
}

#amazingaudioplayer-1 .amazingaudioplayer-tracks
{
    position: relative;

    margin: 0;
    padding: 0;

    list-style-type: none;
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item
{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    line-height: 22px;

    position: relative;

    margin: 0;
    padding: 0;

    cursor: pointer;
    text-align: left;

    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item-active
{
    cursor: pointer;

    color: #ff5700;
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item a
{
    text-decoration: none;

    color: #fff;
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item-active a
{
    text-decoration: none;

    color: #fff;
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item-duration
{
    position: absolute;
    top: 0;
    right: 0;
}

#amazingaudioplayer-1 .amazingaudioplayer-tracklist-arrow-prev
{
    position: absolute;
    bottom: 2px;
    left: 50%;

    margin-left: -64px;
}

#amazingaudioplayer-1 .amazingaudioplayer-tracklist-arrow-next
{
    position: absolute;
    bottom: 2px;
    left: 50%;

    margin-left: 16px;
}

#amazingaudioplayer-1 .amazingaudioplayer-tracklist-clear
{
    clear: both;
}