#AudioPlayer_Container
{
    font-family:Verdana,Arial,Helvetica;
    font-size:10px;
    color:#FFFFFF;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*position:fixed;*/
    position:relative;
    top:0px;
    width:100%;
    max-width: 400px;
    height:60px;
    /* background-color:rgba(100,100,100,0.1); */
    /* background-color:rgba(100,100,100,0); */
    z-index:1;
    /*visibility:hidden;*/
}

/*
#AudioPlayer_Controls_Container
{
    width:100%; 
    height:20px;
}
*/

#AudioPlayer_Controls_Container
{
    position:absolute;
    width:inherit;
    top:20px;
    height:20px;
    /* background-color:rgba(100,100,100,1); */
    /* background-color:rgba(100,100,100,0.1); */
    background-color:rgba(100,100,100,0);
    z-index:1;
    transition:.5s;
    -webkit-transition:.5s;
}

#AudioPlayer_Controls_UIContainer
{
    position:relative;
    top:0px;
    width:inherit;
}

#AudioPlayer_Controls_PlayPauseButton
{
    position:relative;
    padding-left:10px;
    padding-right:10px;
    width:20px;
    height:20px;
    float:left;
    text-align:left;
    cursor:pointer;
}

#AudioPlayer_Controls_SeekBar
{
    position:relative;
    top:7px;
    left:0px;
    /* width: 814px; */
    /* height:20px; */
    width: 160px;
    height:6px;
    float:left;
    background-color:rgba(50,50,50,1);
    /* cursor:pointer; */
}

@keyframes pulsingCurrentTimeBar {
    0% { background-color:rgba(255,105,185,1); }
    100% { background-color:rgba(70,230,250,1); }
}

#AudioPlayer_Controls_CurrentTimeBar
{
    position:relative;
    left:0px;
    top:0px;
    width:0%;
    /* height:20px; */
    height:6px;
    float:left;
    text-align:center;
    background-color:rgba(255,105,185,1);
    /*background-color:rgba(70,230,250,1); */
    animation: pulsingCurrentTimeBar 30s ease-in-out infinite alternate;
    /* cursor:pointer; */
}


#AudioPlayer_Controls_TrackName_Container
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:20px;
    float:left;
    text-align:center;
    overflow:clip;
    /* background-color: rgba(136, 25, 158, 0.25); */
}


@keyframes bouncing-text {
    0% { transform: translateX(120%); }
    100% { transform: translateX(0%); }
}

#AudioPlayer_Controls_TrackName
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    /* height:12px; */
    font-size:12px;
    /* text-wrap: nowrap; */
    /* text-align:left; */
    padding-left: 0%;
    /* animation: marquee 15s linear infinite; */
    animation: bouncing-text 6s ease-in-out;
    /* background-color: rgba(136, 25, 158, 0.25); */
}

/* #AudioPlayer_Controls_TrackName
{
    position:absolute;
    left:5px;
    top:3px;
    width:100%;
    height:20px;
    text-align:left;
} */

#AudioPlayer_Text_LiveStatus {
    position:relative;
    left:0px;
    top:40px;
    width:100%;
    height:20px;
    font-size:12px;
    float:left;
    text-align:center;
    /* background-color: rgba(136, 25, 158, 0.25); */
    overflow:clip;
}

#AudioPlayer_Controls_VolumeAndTime_Container {
    position: absolute;
    
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 225px;
    /* width: 400px; */
    height: 20px;
    text-wrap: nowrap;
}

#AudioPlayer_Controls_VolumeButton
{
    position:relative;
    left:0px;
    top:0px;
    padding-left:10px;
    padding-right:0px;
    width:20px;
    height:20px;
    float:left;
    text-align:left;
    cursor:pointer;
}

.volumebutton
{
    opacity:0.5;
    transition:.5s;
    -webkit-transition:.5s;
}

/* .volumebutton:hover
{
    opacity:1;
    transition:.25s;
    -webkit-transition:.25s;
} */

#AudioPlayer_Controls_Time
{
    position:relative;
    margin: 0px 10px 0px 10px;
    top: 4px;
    left: 0px;
    width: 100px;
    font-size: 9.5px;
    float: left;
    /* text-align:center; */
    text-align: left;
    /* overflow: clip; */
    visibility: visible;
}

#AudioPlayer_Controls_VolumeSlider
{
    position:absolute;
    margin: 0px 10px 0px 10px;
    top: 7px;
    left: 30px;
    width: 100px;
    height: 6px;
    float: left;
    background-color: rgba(50,50,50,1);
    cursor: pointer;
    visibility: hidden;
}

#AudioPlayer_Controls_VolumeSlider_Value
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 6px;
    float: left;
    text-align: center;
    background-color: rgba(255,105,185,1);
    /*background-color:rgba(70,230,250,1); */
    animation: pulsingCurrentTimeBar 30s ease-in-out infinite alternate;
    cursor: pointer;
    visibility: hidden;
}

#AudioPlayer_Controls_VolumeSlider_Handle
{
    position: absolute;
    left: 84px;
    top: -3px;
    width: 16px;
    height: 8px;
    border: 2px solid rgba(255,255,255,.5);
    /* border-color: rgba(255,255,255,1); */
    border-radius: 2px;
    float: left;
    text-align: center;
    background-color: rgba(255,105,185,1);
    /*background-color:rgba(70,230,250,1); */
    animation: pulsingCurrentTimeBar 30s ease-in-out infinite alternate;
    cursor: pointer;
    visibility: hidden;
}

#AudioPlayer_Controls_VolumeSlider_Handle:hover
{
    border: 2px solid rgba(255,255,255,1.0);
}

.playpausebutton
{
    opacity:0.5;
    transition:.5s;
    -webkit-transition:.5s;
}

.playpausebutton:hover
{
    opacity:1;
    transition:.25s;
    -webkit-transition:.25s;
}

#Audioplayer_Text_Album {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    max-width: 400px;
    height:20px;
    float:left;
    text-align:left;
}

#Audioplayer_Text_ArtistTitle {
    position:absolute;
    left:0px;
    top:15px;
    width:100%;
    max-width: 400px;
    height:20px;
    float:left;
    text-align:left;
}