html { 
/*    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#aaa;*/
}
a {
	color: white;
}
a:visited {
	color: white;
}
a:active {
	color: white;
}
a:hover {
	color: white;
}
body{
    height: auto; 
    display: block;
    color:white;
}
.upstyle{
    color:#00BFFF;
    font-size:1.2em;
   // background-color: #00000009;
}
.auto-style2 {
	font-size:0.9em;
}
.auto-style3 {
    color: white !important;
    padding-left:15px;
    font-size:1.5em;
    text-align:left;
	background-color: transparent;
}
.auto-style4 {
	white-space: nowrap;
}
.auto-style5 {
	background-color: transparent;
}
.auto-style6 {
	white-space: nowrap;
//	background-color: #2b4e6a;
}
.auto-style7 {
 	border: 2px solid #808080;
 	color:white;
}
.white{
    color: white !important;
}
.songhead{
    color: white !important;
    border-radius: 4px;
    font-size:1em;
}
.comingup{
    color: white !important;
    border-radius: 4px;
    font-size:1em;
    margin-top:10px;
    margin-bottom: 5px;
}
.LeftOver{
     font-size:.6em;
     color:white;
     text-align:left;
}
.comingup, .songhead, .progress-bar-fill{
    background-image: linear-gradient(to bottom, #2846da, #2542c5, #233eb1, #223a9d, #223589, #0f3379, #012f69, #002b58, #002544, #001e2f, #00151c, #010607);
    padding-bottom:13px;

}
.topten{
    position: absolute;
    top:173px;
    right:23px;

    
    
}
.Duration{
    font-size:.6em;
    color:white;
    text-align:right;
}

/* Table Layout Styling */
.player-table {
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}
.time-cell {
    width: 45px;
    font-size: 1.2em;
    color: #00BFFF;
    font-weight:bold;
    white-space: nowrap;
}
.left-align { text-align: left; padding-right: 10px; }
.right-align { text-align: right; padding-left: 10px; }

/* Custom Progress Bar Wrapper styling */
.progress-container {
    width: 100%;
    //background-color: #e0e0e0;
    background-image: linear-gradient(to bottom, #eee737, #edd42f, #eac12a, #e5ae29, #de9c29, #c68f22, #af811b, #997415, #73650d, #51550b, #33430c, #1b310a);
    border-radius: 4px;
    overflow: hidden;
    height: 15px;
    position: relative;
}
/* Inner Fill Line tracking progress */
.progress-bar-fill {
    height: 100%;
    width: 0%; /* Initialized at 0% */
    background-color: #785121; 
    transition: width 0.25s linear; /* Ensures smooth movement */
}