/* CSS for the customized DID radio player
This should be only the generic CSS that applies to any embedding of the player anywhere in the site.
*/
#radioPlayStop {
  margin-left: 8px;
  margin-top: 5px;
  width: 38px;
  height: 38px;
  float:left;
  cursor: pointer;
  background: url('/sites/default/themes/didone/img/player-buttons.png') no-repeat top left;
}
#radio-player-block:hover #radioPlayStop {
    background-position: -55px 0;
}
#radio-player-block:hover #radioPlayStop.offline {
    background-position: 0 0;
}

#radioPlayStop.playing {
  background-position: 0 -38px;
}
#radio-player-block:hover #radioPlayStop.playing {
  background-position: -56px -38px;
}  
#radioPlayStop.loading {
  background-color:blue;
  background: url('/sites/default/themes/isuma4/img/loadingsm.gif') no-repeat 50% 50%;
}
#radioplayer_wrapper {
  position:absolute!important;
  top:0;
  left:0;
}
#radio-wrap {
  position: relative;
}
#listenlive {
  padding-top: 26px;
  padding-bottom: 24px;
  font-size: 150%;
  text-indent: 10px;
  letter-spacing: 1px;
}
#radio-error {
  color:red;
  margin-bottom: 10px;
  display: none;
}
p.radio-info {
  margin-bottom: 28px;
}

#radio-wrap.did-msie {
  position: absolute;
  top: 103px;
  left: -9px;
}

#radioPlayStop.offline {
  cursor: not-allowed;
}
#second-area #radio-player-block.offline {
  cursor: auto;
}