body {
 height:100%;
 position: relative;
 background: #d0d0d0;
}

.head {
 margin:15px;
}

.radio {

    background: #9a9ab0;
    border-radius: 10px;
    box-shadow: inset rgba(255,255,255,0.2) 8px  8px 18px 5px,
                inset rgba(0,0,0,0.5)      -8px -8px 18px 5px;
    height: 110px;
    width: 340px;
    text-align:center;
    position:relative;
}

.radio-title {
    background: #f6f1f1;
    width:90%;
    color:white;
    text-shadow: 2px 3px 3px #000;
    height: 26px;
    padding-top: 14px;
    display: inline-block;
    border-radius: 4px;
    font-weight:bold;
    font-family:Times New Roman,Serif;
    font-size:18px;
    box-shadow: inset 0 0 100px hsla(0,0%,0%,.2), inset 0px 1px 5px #999, inset 0px 2px 0px #888, inset 0px 3px 0px #777, inset 0px 4px 0px #666, inset 0px 5px 0px #555, inset 0px 6px 0px #444, inset 0px 7px 0px #333, inset 0px 8px 7px #001135;
}

.radio-title.paused {
 color:gray;
 text-shadow: none;
}


.radio-button-play, .radio-button-pause {
  cursor:pointer;
  height:56px;
  width:56px;
  display:inline-block;
  text-align:left;
  margin:5px;
}

.radio-button-pause {
  background: transparent url("../images/radio-controls.png") 0px;
}

.radio-button-play {
  background: transparent url("../images/radio-controls.png") 178px;
}

.radio-controls {
/* position:absolute;*/
 text-align:left;
 
}


.radio-volume-mute {
  width:18px;
  height:18px;
  position:relative;
  top:-22px;
  cursor:pointer;
}

.radio-volume {
 top:-20px;
 position:relative;
 width:190px;
 margin:0px;
 padding:0px;
}


.radio-volume-max {
  width:18px;
  height:18px;
  cursor:pointer;
  position:relative;
  top:-22px;

}

.volume-all {
 opacity: 0.4;
}

.radio-volume input {
 cursor:pointer;
}

// Firefox Overrides
::-moz-range-track {
    background: #d7dcdf;
    border: 0;
    outline:0;
}


input::-moz-focus-inner,
input::-moz-focus-outer { 
  border: 0; 
  outline:0;
}