#station-chart-list {
	float: left;
	display: block;
	width: 100%;
	font-size: 4vmin;
	
	
}

#station-chart-list ul, #station-chart-list ol{
	float: left;
	display: block;
	width: 100%;
	 padding-inline-start: 0px; 
	margin: auto;
	
}

#station-chart-list ul li{
	float: left;
	display: block;
	width: 100%;
	background-color: #c7ead1;
	margin-top: 5px;
	transition:.2s all; 
	 transform:scale(1);
}

#station-chart-list ul:hover li{
  filter:blur(2px);
  opacity:.8;
 
  
}
#station-chart-list ul:hover li:hover{
  transform:scale(1.02);
  filter:blur(0px);
  opacity:1;
  
}

#station-chart-list ol li {
	float: left;
	display: block;
	width: 100%;
	background-color: #dbdbdb;
	margin-top: 5px;
	transform:scale(1);

}

#station-chart-list ul li .song-image, #station-chart-list ol li .song-image {
	float: left;
	display: block;
	max-width: 100px;
	max-width:20vmin;
	margin: 9px;
	margin-right: 20px;

}

#station-chart-list ul li a, #station-chart-list ol li a {
	display: block;
	width: 70%;
	margin-top: 0.3em;
	text-align: left;
	font-weight: bold;
text-decoration: none;
}


#station-chart-list ol li a:hover{
	color: #d65050;
  
}


#station-chart-list ul li a .vote-now{
    position: absolute; 
    right: 6%; 
    text-align: right;
	margin-top: 0.8em;
	border-left: 2px solid #ffffff;
	padding-left: 15px;


}

@media only screen and (max-width: 400px) {

	#station-chart-list ul li a .vote-now{
 		font-size: 1rem;
	}

}



#station-chart-list ul li .song-excerpt, #station-chart-list ol li .song-excerpt {
	display: block;
	width: 70%;
	text-align: left;
	font-weight: bold;
}

#station-chart-list ol {

	list-style: none; 
	counter-reset: li
	
}
#station-chart-list ol li {

	counter-increment: step-counter;
}

#station-chart-list ol li::before {

	content: counter(step-counter); 
	display: inline-block; 
	position: absolute; 
	right: 3%; 
	margin-top: 0.4em;
    border-left: 2px solid #ffffff;
    padding-left: 15px;
   	font-weight: bold;
	text-align: right; 
	direction: rtl;	
	font-size: 4rem;
	color: #d65050;
}


.thumbs-rating-container{
	font-size: 2rem;
	padding:1em 0;
	display: block;
}

.thumbs-rating-container span{
	
	cursor: pointer;
}

.thumbs-rating-container span:before{
	
	content: attr(data-text);
}

.thumbs-rating-container span:hover{
	
	color: #dddddd;
}

.thumbs-rating-container .thumbs-rating-up, .thumbs-rating-container .thumbs-rating-down{
	
	padding: 0.5em;
	color: white;
} 

.thumbs-rating-container .thumbs-rating-up{
		
	background: #a4c346;
}


.thumbs-rating-container .thumbs-rating-down{
	
	background: #c84848;
}

.thumbs-rating-container .thumbs-rating-voted{
	
	background: #6b6b6b;
}


.thumbs-rating-container .thumbs-rating-already-voted{
	
	padding-top: 1em;
	font-size: 0.9em;
	display: none;
	
	-webkit-transition: (all 0.3s);
    transition: (all 0.3s);
}

.thumbs-rating-container .thumbs-rating-already-voted:before{
	
	content: attr(data-text);
}