div.mabplayerui{
background: transparent;
padding: 3px;
padding-top:4px;
width: 220px;
color: white;
height:40px;
}
div.mabplayerui .play, div.mabplayerui{
cursor: pointer;
}
div.mabplayerui div.volume{
display: inline-block;
height: 18px;
overflow: hidden;
}
div.mabplayerui div.volume div{
float: left;
width: 5px;
height: 100%;
line-height: 100%;
margin-right: 2px;
border: 1px solid black;
background: white;
cursor: pointer;
-moz-box-shadow: inset 1px 1px 2px gray;
}
div.mabplayerui div.volume div.on{
background: red;
}
input[type=button]{
-moz-transition: all 0.3s ease-in-out;
 background:#f6dca3;
 color:black;
 border:double;
 border-radius:0.5em;
 box-shadow:0 0.2em 0.5em black;
}
input[type=button]:focus{
border-color: darkred;
background:#f5ca6e;
}
.dif {
margin-right:5px;
position:relative;
top:5px;
}