/* skin Satin */

img {border: none}

html {
    background-color: trasparent;
    
}

body {
    margin: 0px;
}

.CuboPlayer {
    position: relative;
    width: 413px;
    height: 300px;
    text-align: center;
    background-image: url('background.jpg');
    background-repeat: no-repeat;
    font-weight: 100;
    width: 413px;
    height: 300px;
    overflow: hidden;
}

.volume {
    background-image: url('slider_bg.png');
    position: absolute;
    top:273px;
    left: 50px;
    width: 148px;
    height: 18px;  
    overflow: hidden;
}

.slider {
    position: absolute;
    top:0px;
    left: 0px;
    width: 148px;
    height: 18px;  
    background-image: url('slider.png');
    background-repeat: no-repeat;
}

.volume  .slider  .handle{

    width: 13px;
    height:13px;
    background: url('cursor.png') no-repeat;
    position: absolute;
    right: 0px;
    top: 1px;
    cursor: pointer;
    outline: none;
}

.title {
  position: absolute;
  top:208px;
  width: 240px;
  height:18px;
  overflow: hidden;
  left: 5px;
  color: #0b0c0a;
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: 100;
  font-stretch: expanded;
  text-transform: uppercase;
}

.subtitle {
  position: absolute;
  top:226px;
  width:240px;
  height:32px;
  overflow: hidden;
  left: 5px;
  color: #0b0c0a;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: 100;
}

.volume-button {
    position: absolute;
    top: 44px;
    width: 48px;
    height: 35px;
    padding-top: 13px;
    color: #888;
}

.power-button {
    background-image: url('power_off.png');
    position: absolute;
    left: 26px;
    top: 271px;
    width: 15px;
    height: 19px;
}

.power-button.on {
    background-image: url('power_on.png');
    position: absolute;
    left: 26px;
    top: 271px;
    width: 15px;
    height: 19px;
}


.volume-button,.power-button,.mute-button {
   
}


.mute-button {
    background-image: url('mute_off.png');
    position: absolute;
    left: 208px;
    top: 270px;
    width: 28px;
    height: 22px;
}

.mute-button.on {
    background-image: url('mute_on.png');
    position: absolute;
    left: 208px;
    top: 270px;
    width: 28px;
    height: 22px;
}

.cover {
    background-position: right bottom;
    background-image: url(radiologo.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 54px;
    top: 54px;
    width: 150px;
    height: 150px;;
}

.facebook-button {
    background-image: url('facebook.png');
    position: absolute;
    left: 305px;
    top: 266px;
    width: 30px;
    height: 30px;
}

.facebook-button:hover {
    background-image: url('facebook_hover.png');
    position: absolute;
    left: 305px;
    top: 266px;
    width: 30px;
    height: 30px;
}

.twitter-button {
    background-image: url('twitter.png');
    position: absolute;
    left: 345px;
    top: 266px;
    width: 30px;
    height: 30px;
}

.twitter-button:hover {
    background-image: url('twitter_hover.png');
    position: absolute;
    left: 345px;
    top: 266px;
    width: 30px;
    height: 30px;
}

.radioitalia {
    background-image: url('radioitalia_on.png');
    position: absolute;
    left: 275px;
    top: 82px;
  width: 108px;
    height: 36px;
}

.radiohits {
    background-image: url('radiohits.png');
    position: absolute;
    left: 275px;
    top: 184px;
   width: 108px;
    height: 36px;
}

.radiosoft {
    background-image: url('radiosoft.png');
    position: absolute;
    left: 275px;
    top: 116px;
   width: 108px;
    height: 36px;
}

.radiohappy {
    background-image: url('radiohappy.png');
    position: absolute;
    left: 275px;
    top: 48px;
  width: 108px;
    height: 36px;
}

.radiodance {
    background-image: url('radiodance.png');
    position: absolute;
    left: 275px;
    top: 150px;
    width: 108px;
    height: 36px;
}

.radiooldies {
    background-image: url('radiooldies.png');
    position: absolute;
    left: 275px;
    top: 218px;
    width: 108px;
    height: 36px;
}

.switch {
  position: absolute;
  top: 16px;
  width: 112px;
  height: 26px;
  overflow: hidden;
  left: 275px;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  color: #4e4f4d;
}

.radio-logo {
  visibility: hidden;
  background-image: url(radiologo.jpg);
}