/**
* Common Player CSS
* in addition to player-desktop and player-mobile
*/

/* --- Channels Block --- */

div#player div.Channels, div#player div.Channels > div {
    height: 58px !important;
}

div#player div.Channels span{
    display: inline-block;
    min-width:220px;
}

div#player span#Channelname {
    font-size: 1.5em;
    margin-top:6px;
}

div#player div.Channels a#left {
    display: block; 
    float: left; 
    padding: 8px 0 8px 27px;
}

div#player div.Channels a#right {
    display: block; 
    float: right; 
    padding: 8px 27px 8px 0;
}

/* --- Controls Block --- */

div#player div#controls a {
    background-size:47px 47px;
    background-position: center center;
    background-repeat: no-repeat;
}

div#player div#controls a.volumeminus {
    background-image: url("../img/player2014/volume-minus-inaktiv.png");
}

div#player div#controls a.volumeminus:hover {
    background-image: url("../img/player2014/volume-minus-aktiv.png");
}

div#player div#controls a.volumeminus:active {
    background-image: url("../img/player2014/volume-minus-inaktiv.png") !important;
}

div#player div#controls a.volumeplus {
    background-image: url("../img/player2014/volume-plus-inaktiv.png");
}

div#player div#controls a.volumeplus:hover {
    background-image: url("../img/player2014/volume-plus-aktiv.png");
}

div#player div#controls a.volumeplus:active {
    background-image: url("../img/player2014/volume-plus-inaktiv.png") !important;
}

div#player a.clickbereich > * {
    vertical-align: middle;
    text-align:center;
}

div#player div.playerkomponente a.play span {
    display: inline-block;
    width: 85px;
    height: 85px;
    background-image: url("../img/player2014/play-inactive.png");
    background-repeat: no-repeat;
    background-size:85px 85px;
    background-position: center center;
}

div#player.playing div.playerkomponente a.play span {
    background-image: url("../img/player2014/pause-active.png") !important;
}

/*
div#player div.playerkomponente a.play span:hover {
    background-image: url("../img/player2014/play-inactive.png") !important;
}

div#player.playing div.playerkomponente a.play span:hover {
    background-image: url("../img/player2014/pause-active.png") !important;
}
*/


/* ---------------------------------------- Sharebuy ----------------------------------------------- */
.share-buy {
  display: block;
  width: 320px;
  height: 23px;
  line-height:23px;
  /* text-align: right; with itunes */
  text-align: left;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
}

.share-buy a, .share-buy div {
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 0;
}

.share-buy .share {
  height: 23px;
  background: url("../img/player2014/player_web_heart_icon.png") no-repeat;
  background-size: 24px 23px; 
  background-position: left top;
  margin-left: 10px;
  padding-left: 26px;
  padding-top: 3px;
  margin-right: 3px; /* abstand zu den buy icons */
  
  width: 185px;
  position: relative;
  float: left;
}   

.share-buy .share #player-like {
    
    position:absolute;
    left: 0;
}

.share-buy .share .fb-like {
  height: 20px !important;
  overflow: hidden !important;
  
  width: 85px !important;
  display: inline-block;

  position: absolute;
  top: 0;
  left: 26px;
}

/* Fixed the facebook offset problem */
div.fb-like span:first-child { vertical-align: text-bottom !important; }

.share-buy .share a.twitter {
  background-image: url("../img/player2014/loungefm_gui.png");
  background-repeat: no-repeat;
  width: 68px;
  height: 23px;
  background-position: -322px -40px;
  overflow: hidden;
  text-indent: 70px;
  white-space: nowrap;
  
  position: absolute;
  left: 110px;
  top: 3;
}
.share-buy .share a.twitter:active {
  position: relative;
  top: 1px;
}

.share-buy .buy {
    height: 23px;
  float: left;
  background: url("../img/player2014/player_web_cart_icon.png") no-repeat;
  background-size: 26px 23px;
  
  padding-top: 3px;
  padding-left: 29px;
  display: inline-block;
}
.share-buy .buy a {
  width: 57px;
  height: 20px;
  overflow: hidden;
  text-indent: 60px;
  white-space: nowrap;
  background-image: url("../img/player2014/loungefm_gui.png");
  background-repeat: no-repeat;
}
.share-buy .buy a:active {
  position: relative;
  top: 1px;
}
.share-buy .buy .itunes {
  background-position: -322px 0;
}
.share-buy .buy .amazon {
  background-position: -322px -20px;
}

.radioplayername{
	font-size: 1.5em;
    margin-top: 6px;
    color: #ffffff;
}

.radioplayername a{
    color: #ffffff;
}