#audio-player{
    width: 300px;
    height:80px;
    clear:both;
    text-align: left;
}
.player{
    position: absolute;
    background-repeat: no-repeat;
}
.volume-icon{
    margin-left: 7px;
    margin-top: 30px;
    background-image:url(../images/player/vol_symbol.png);
    width: 14px;
    height: 19px;
}
.play-icon{
    margin-left: 151px;
    margin-top: 31px;
    background-image:url(../images/player/play_symbol.png);
    width: 14px;
    height: 19px;
}
.pause-icon{
    margin-left: 149px;
    margin-top: 32px;
    background-image:url(../images/player/pause_symbol.png);
    width: 14px;
    height: 19px;
}
.play-background{
    margin-left: 132px;
    margin-top: 17px;
    background-image:url(../images/player/play_background.png);
    width: 47px;
    height: 47px;
}
.progress-text{
    text-shadow:black 1px 1px 4px; font-size:3em; color:black;
    font-size: xx-small;
    color: #FFFFFF;
    font-family: Arial;
    margin-left: 190px;
    margin-top: 32px;
}
.player.title{
    height: 16px;
    width: 300px;
    margin-top: 64px;
    overflow: hidden;
    white-space : nowrap;
}
.player.title-text{
    text-shadow:black 1px 1px 4px; font-size:3em; color:black;
    font-size: x-small;
    color: #FFFFFF;
    font-family: Arial;
    margin-left: 4px;
}
.player.background{
    background-image:url(../images/player/background_complete.png);
    width: 300px; height:80px;
}
.player.progress.load{
    width: 0px;
    background-image:url(../images/player/load_foreground.png);
}
.player.progress{
    margin-left:4px;
    margin-top:4px;
    width: 292px;
    height:12px;
}
.player.progress.background{
    background-image:url(../images/player/progress_background.png)    
}
.player.progress.foreground{
    width: 0px;
    background-image:url(../images/player/progress_foreground.png)    
}
.player.volume{
    margin-left:24px;
    margin-top:35px;
    background-repeat: no-repeat;
    width: 96px;
    height:10px;
}
.player.volume.background{
    background-image:url(../images/player/volume_background.png);
}
.player.volume.foreground{
    background-image:url(../images/player/volume_foreground.png);
}
.player.peak{
    margin-left:236px;
    background-repeat: no-repeat;
    width: 60px;
    height:16px;  
}
.player.peak.background{
    background-image:url(../images/player/peak_background.png);
}
.player.peak.foreground{
    width: 0px;
    background-image:url(../images/player/peak_foreground.png);
}
.player.peak.l{
    margin-top:18px;
}
.player.peak.r{
    margin-top:38px;
}