/*
HTML 5 Audio Button Player
Thomas Weibel Multi & Media
www.thomasweibel.ch
*/

#buttonPlayer {
        position: absolute;
        top: 14%;
        left: 5%;
        margin: -25px 0 0 -25px;
}

.base {
        position: absolute;
        height: 60px;
        width: 60px;
        border: 0;
        border-radius: 35px;
        cursor: pointer;
        -webkit-transition: -webkit-transform 0s linear;
        transition: transform 0s linear;
}

.color {
        background: #eb8 url('../media/time.png');
        background-size: 100%;
}

.play {
        top: 10px;
        left: 10px;
        height: 40px;
        width: 40px;
        border: 0;
        border-radius: 25px;
        background: transparent url('../media/play.png');
        background-size: 100%;
}

.blink {
        top: 10px;
        left: 10px;
        height: 40px;
        width: 40px;
        border: 0;
        border-radius: 25px;
        background: transparent;
}

.pause {
        top: 10px;
        left: 10px;
        height: 40px;
        width: 40px;
        border: 0;
        border-radius: 25px;
        background: transparent url('../media/pause.png');
        background-size: 100%;
}

.line {
        top: 10px;
        left: 10px;
        height: 40px;
        width: 40px;
        border: 0;
        border-radius: 25px;
        background: url('../media/time.png');
        background-size: 100%;
}