.musicplayer {
    background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align: center;
}

.screen {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,6199c7+50,3a84c3+51,419ad6+59,4bb8f0+71,3a8bc2+84,26558b+100;Blue+Gloss */
    background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align: center;
    border-radius:5px;
    width:80%;
    display: inline-block;
    vertical-align: middle;
    border:1px solid rgb(166, 224, 255);
}

.screen p{
    font-size:8px;
    color:white;
}

.playbtn {
    background:url("../img/musicplayer/buttons/play.png"); 
    background-size:100% auto;
    cursor:pointer;
    border:none;
    width:32px;
    height:32px;
}

.playbtn:hover {
    background:url("../img/musicplayer/buttons/playHover.png"); 
    background-size:100% auto;
    cursor:pointer;
    border:none;
    width:32px;
    height:32px;
}

.playbtn:active {
    background:url("../img/musicplayer/buttons/playClick.png"); 
    background-size:100% auto;
    cursor:pointer;
    border:none;
    width:32px;
    height:32px;
}

.playbtn:disabled {
    background:url("../img/musicplayer/buttons/playOff.png"); 
    background-size:100% auto;
    cursor:pointer;
    border:none;
    width:32px;
    height:32px;
}


.pausebtn {
    background:url("../img/musicplayer/buttons/pause.png"); 
    background-size:100% auto;
    cursor:pointer;
    border:none;
    width:32px;
    height:32px;
}

.pausebtn:hover {
    background:url("../img/musicplayer/buttons/pauseHover.png"); 
    background-size:100% auto;
    cursor:pointer;
    border:none;
    width:32px;
    height:32px;
}

.pausebtn:active {
    background:url("../img/musicplayer/buttons/pauseClick.png"); 
    background-size:100% auto;
    cursor:pointer;
    border:none;
    width:32px;
    height:32px;
}

.pausebtn:disabled {
    background:url("../img/musicplayer/buttons/pauseOff.png"); 
    background-size:100% auto;
    cursor:pointer;
    border:none;
    width:32px;
    height:32px;
}