#player {
    background:#222;
    background: -webkit-linear-gradient(top, #383838, #383838 15%, #1f1f1f 90%, #1f1f1f);
    background: -moz-linear-gradient(top, #383838, #383838 15%, #1f1f1f 90%, #1f1f1f);
    background: -o-linear-gradient(top, #383838, #383838 15%, #1f1f1f 90%, #1f1f1f);
    background: -ms-linear-gradient(top, #383838, #383838 15%, #1f1f1f 90%, #1f1f1f);
    background: linear-gradient(top, #383838, #383838 15%, #1f1f1f 90%, #1f1f1f);
    border-top:1px solid #505050;
    bottom:0;
    color:#fff;
    cursor:default;
    font-size:11px;
    font-weight:700;
    padding:0 0 10px;
    position:relative;
    z-index:1000;
    -webkit-box-shadow: 0 -1px 0 #000;
    -moz-box-shadow: 0 -1px 0 #000;
    box-shadow: 0 -1px 0 #000;
}
#player    button {
        background:transparent url('../img/icons.png') no-repeat;
        border:0;
        height:40px;
        width:40px;
        text-indent:-9999em;
    }
#player    button[disabled="disabled"] {
        /*opacity:0.2;*/
    }
 #player   #play-pause {
        background-position:-68px -1px;
        height:48px;
        width:48px;
    }
#player    #play-pause:active {
        background-position:-68px -88px;
    }
 #player   #play-pause.playing {
        background-position:-213px -1px;
    }
#player   #play-pause.playing:active {
        background-position:-213px -88px;
    }
 #player   #prev {
        background-position:0 -5px;
        margin-right:-2px;
    }
#player    #prev:active {
        background-position:0 -92px;
    }
 #player   #next {
        background-position:-148px -5px;
        margin-left:-2px;
    }
#player    #next:active {
        background-position:-148px -92px;
    }
#player    #repeat, #shuffle {
        background:transparent url('../img/icons.png') no-repeat;
        display:inline-block;
        height:24px;
        margin:0 0 0 5px;
        padding:0;
        width:24px;
    }
 #player   #repeat {
        background-position:3px -189px;
 }
  #player   #repeat.enabled {
            background-position:3px -164px
        }
  
 #player   #shuffle {
        background-position:-35px -189px;
 }
 #player.enabled {
            background-position:-35px -164px
        }
   
.track-actions-container {
    margin-top: 0px;
}

#player-volume-label {
    background:url('../img/icons.png') no-repeat -160px -197px;
    display:inline-block;
    float:left;
    height:16px;
    margin:17px 0 0 20px;
    width:16px;

    overflow: hidden;
    text-indent:100%;
    white-space: nowrap;
}
#player-volume {
    margin:20px 15px 0 5px;
    text-align:center;
    width:100px;
}
#player-time {
    margin-top:18px;
    text-align:center;
    width:80px;
}
#seekbar {
    margin:0 75px 0 365px;
    padding:0 15px;
    position: relative;
    text-align:center;
    top:19px;
}
#player-buttons-2 {
    float:right;
    margin:12px 10px 0 0;
}


#player-song {
    border-bottom:1px solid #000;
    margin-bottom:8px;
    padding:5px 0 5px;
    text-shadow:0 2px 0 rgba(0,0,0, 0.5);
    -webkit-box-shadow:0 1px 0 #434343;
    -moz-box-shadow:0 1px 0 #434343;
    box-shadow:0 1px 0 #434343;

    .label {
        color:#999;
    }
}
#player-song, #player-controls {
    padding-left:10px;
    padding-right:10px;
}
#player-controls {
    height:48px;
    vertical-align: middle;
}
    #player-buttons, #player-volume, #player-time {
        float:left;
    }

    
    
/*
Player on page
*/
.player.playing .play-pause.pause{
    display: block!important;
    visibility: visible!important;
}
.player.playing .play-pause.play{
    display: none!important;
    visibility: visible!important;
}
.player .cover_art{
    height: 190px;
    overflow: hidden;
    border:solid 2px #ccc;
}
.player .cover_art img{
    width:100%;
    height:100%;

}
.player .song-meta{
    border-top: solid 1px #AAAAAA;  
}

.track_detail {
margin: 10px 0px;
}

a.play-pause {
    position: absolute;
    top: 0;
    /* left: 60px; */
    font-size: 40px;
    color: rgb(169, 255, 146);
    width: 100%;
    height: 100%;
    background: rgba(17, 15, 19, 0.59);
    text-align: center;
    vertical-align: middle;
}

.play-pause i{
    padding-top:50px;
}

.track-actions-container {
padding: 10px 0 0 0px;
}
.track-stats {
float: right;
padding-top: 10px;
}
.track-buttons-container {
font-size: 12px;
float: left;
padding-top: 5px;
}
a.menu-button {
float: left;
text-decoration: none;
color: #c6c6c6;
margin: 0 15px 0 5px;
padding: 19px 0 16px 0;
text-transform: uppercase;
}
a.menu-button:hover {
color: #fff;
border-bottom: 3px solid #fe4646;
padding-bottom: 15px;
}
a.menu-button-active {
color: #fff;
border-bottom: 3px solid #fe4646;
padding-bottom: 15px;
}
.topbar-song-name {
font-size: 10px;
margin-left: 140px;
position: absolute;
top: 5px;
}
.track-stats a{
    text-decoration:none;
    color:#ccc;
}