#exgf-player {
    background-color: #000;
    /* background-image: url(/wp-content/themes/blank/js/exgfplayer/img/wireframe.png); */
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 48px;
    overflow: hidden;
}

#exgf-player-hide {
    background: transparent;
    position: relative;
    float: left;
    height: 100%;
    width: 1%;
}

#exgf-player-hide-button {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}

#exgf-player-controls-primary-previous {
    position: relative;
    height: 100%;
    width: 30%;
    max-width: 25px;
    float: left;
    background: url('../img/prevButton.png') no-repeat transparent;
    background-size: contain;
    background-position: center center;
}

#exgf-player-controls-primary {
    position: relative;
    width: 10%;
    height: 100%;
    float: left;
    opacity: .8;
    z-index: 100;
}
#exgf-player-controls-secondary {
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
}
#exgf-player button {
    border: none;
}

#exgf-player-box {
    width: 100%;
    height: 100%;
    color: #999;
}

#exgf-player-controls-primary-play {
    height: 100%;
    width: 30%;
    max-width: 25px;
    position: relative;
    float: left;
}
.exgf-player-controls-primary-play {
    background: url('../img/playButton.png') no-repeat transparent;
    background-size: contain;
    background-position: center center;
}

.exgf-player-controls-primary-pause {
    background: url('../img/pauseButton.png') no-repeat transparent;
    background-size: contain;
    background-position: center center;
}

#exgf-player-controls-primary-skip {
    position: relative;
    width: 30%;
    max-width: 25px;
    height: 100%;
    background: url('../img/nextButton.png') transparent no-repeat;
    background-size: contain;
    background-position: center center;
    float: left;
}

#exgf-player-controls-primary button {
    cursor: pointer;
}

#exgf-player-controls-track {
    /* left: 0; */
    position: relative;
    height: 100%;
    width: 70%;
    height: 100%;
    float: left;
    font-weight: bold;
}

#exgf-player-controls-track-progressbar {
    width: 75%;
    height: 7px;
    position: relative;
    top: 10px;
    background: #303030;
    left: 12%;
}

#exgf-player-controls-track-songinfo {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 12px;
    height: 15px;
    top: 0px;
}

#exgf-player-controls-track-songinfo-artwork {
    position: relative;
    width: 32px;
    height: 32px;
    display: none;
}

#exgf-player-controls-track-songinfo-title {
    height: 100% !important;
    position: absolute !important;
    margin-top: 0px !important;
    width: 100% !important;
    left: 0px !important;
    display: block !important;
    text-align: center;
    line-height: 1em;
    top: 4px;
    z-index: 10;
}
#exgf-player-controls-sc-credit {
    height: 100% !important;
    position: absolute !important;
    margin-top: 0px !important;
    width: 100% !important;
    left: 0px !important;
    display: block !important;
    text-align: center;
    line-height: 1em;
    top: 35px;
    font-weight: normal;
    z-index: 10;
    font-size: 7px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#exgf-player-controls-sc-credit a {
    color:#777;
}
#exgf-player-controls-sc-credit a:hover {
    color:#CCC;
}
#exgf-player-controls-track-songinfo-title:after {}

#exgf-player-controls-track-songinfo-artist {
    position: relative !important;
    /* width: 27%; */
    /* left: 40px; */
    /* top: 19px; */
    display: table-cell;
}

#exgf-player-controls-track-share {
    width: 30%;
    position: absolute;
    left: 35%;
    height: 17px;
    top: 44px;
    text-align: center;
    display: none;
    font-size: 13px;
}

#exgf-player-controls-track-share a {
    text-decoration: none;
}

#exgf-player-controls-track-shuffle {
    position: relative;
    width: 20%;
    top: 5px;
    height: 100%;
    /* margin-left: 10%; */
    margin-left: 0px !important;
    float: left;
}

#exgf-player-controls-track-shuffle-button {
    height: 100%;
    opacity: .5;
    line-height: 1.8em;
    font-size: 1.4em;
    cursor: pointer;
}
#exgf-player-controls-track-shuffle-button.active {
    opacity: 1;
    color: #00a498;
}
#exgf-player-controls-track-shuffle-button:hover {
    opacity: 0.8;
}
#exgf-player button {
    cursor: pointer;
}

#exgf-player-controls-track-progressclock {
    position: absolute;
    top: -5px;
    left: 111%;
    font-size: 9px;
    color: #999;
    /* margin-left: 14%; */
}

#exgf-player-controls-track-volume {
    position: relative;
    height: 100%;
    top: 0%;
    right: 0%;
    float: left;
    width: 60%;
}

#exgf-player-controls-track-volume-level {
    background: #303030;
    height: 20%;
    width: 70%;
    position: absolute;
    top: 18px;
    left: 0px;
    cursor: pointer;
}

#exgf-player-controls-track-volume-icon {
    left: 120px;
    height: 100%;
    opacity: .5;
    line-height: 1em;
    font-size: 1.4em;
    position: absolute;
    top: 11px;
}

#exgf-player-servicedata {
    position: absolute;
    right: 0px;
    height: 52px;
    width: 100px;
    top: 8px;
    display: none;
}
#exgf-player-controls-track-songinfo-artwork img {
    max-height: 100%;
}

#exgf-player-controls-track-progress {
    background: #fff;
    position: absolute;
    height: 100%;
    width: 0%;
}

#exgf-player-controls-track-buffered {
    background: #393939;
    position: absolute;
    height: 100%;
    width: 0%;
    cursor: pointer;
}

.exgf-player-styletext-link-white {
    color: #fff;
}

#exgf-player button {
    outline: none;
}

#exgf-player-controls-track-volume-level-current {
    background: #fff;
    height: 100%;
}
#exgf-player-controls-track-songinfo-title a {
    color: #fff;
    height: 100%;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 16px;
}

#exgf-player-controls-bottom {
    position: absolute;
    width: 100%;
    top: 13px;
    height: auto;
    z-index: 9;
}

#exgf-player-controls-track-progressclock-elapsed {
    position: absolute;
    top: -3px;
    width: 10%;
    left: 0;
    text-align: right;
    font-size: 12px;
}

#exgf-player-controls-track-progressclock-timespan {
    width: 8%;
    position: absolute;
    top: -4px;
    right: 4%;
    font-size: 12px;
}

#exgf-player-controls-primary button {/* position: absolute; */}


@media (min-width:300px) and (max-width: 767px) {
    #exgf-player-controls-track-songinfo {
        width: 100%;
        top: 0;
    }
    #exgf-player-antenna {
        margin-left: 5px;

    }
  #exgf-player-controls-primary {
      position: relative;
      width: 25%;
      height: 100%;
      float: left;
      opacity: .8;
      z-index: 100;
  }
  #exgf-player-controls-track {
      /* left: 0; */
      position: relative;
      height: 100%;
      width: 70%;
      height: 100%;
      float: left;
  }
  #exgf-player-controls-track-progressclock-timespan {
      width: 8%;
      position: absolute;
      top: -4px;
      left: 85%;
      font-size: 12px;
  }
  #exgf-player-controls-track-progressbar {
      width: 65%;
      height: 7px;
      position: relative;
      top: 10px;
      background: #303030;
      left: 18%;
  }
  #exgf-player-controls-track-songinfo-title a{
      line-height: 9px;
      font-size: 9px;
      vertical-align:middle;
      top:5px;
  }
  #exgf-player-controls-track-songinfo-title {
      height: 100% !important;
      position: absolute !important;
      margin-top: 0px !important;
      width: 100% !important;
      left: 0% !important;
      display: block !important;
      text-align: center;
      text-transform:uppercase;
  }
}

@media (min-width:768px) {
    #exgf-player-controls-primary {
        position: relative;
        width: 10%;
        height: 100%;
        float: left;
        opacity: .8;
        z-index: 100;
        left: 4%;
    }
}