body{
 padding:0;
    margin:0;
	   scrollbar-base-color:#E9E9E9;
	   scrollbar-3d-light-color:#E9E9E9;
        scrollbar-arrow-color:#128FCD;
        scrollbar-dark-shadow-color:#E9E9E9;
scrollbar-face-color:#128FCD;
scrollbar-highlight-color:#E9E9E9; 
scrollbar-shadow-color:#E9E9E9; 
scrollbar-track-color:#FFF;
background-color: #5E5E5E; 
font-size: 12px;
font-family: Verdana, Geneva, sans-serif;
color: #fff;

  }


.track{
border-top: 2px solid #f1f1f1;
padding-bottom: 1px ;
 float: left; 
 width: 100%;
}


.time{	
float: left;
text-align:center;
line-height: 50px;
width: 70px;
height: 50px;
clear: both;
font-size: 1.2em;


}

.img_def{	
float: left;
background-position: center;
background-repeat: no-repeat;
border-radius: 4px;
margin:4px;
border-color: #e5ebf1;
background-color:#e5ebf1;
background-image: url(https://i.deep1.ru/playingnow/info/def_logo.png);
height: 40px;
 width: 40px;
}

.img_spot{	
float: left;
background-position: center;
background-repeat: no-repeat;
border-radius: 4px;
margin:4px;
border-color: #e5ebf1;
background-color:#e5ebf1;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='800' width='1200' viewBox='-33.4974 -55.829 290.3108 334.974'%3e%3cpath d='M177.707 98.987c-35.992-21.375-95.36-23.34-129.719-12.912-5.519 1.674-11.353-1.44-13.024-6.958-1.672-5.521 1.439-11.352 6.96-13.029 39.443-11.972 105.008-9.66 146.443 14.936 4.964 2.947 6.59 9.356 3.649 14.31-2.944 4.963-9.359 6.6-14.31 3.653m-1.178 31.658c-2.525 4.098-7.883 5.383-11.975 2.867-30.005-18.444-75.762-23.788-111.262-13.012-4.603 1.39-9.466-1.204-10.864-5.8a8.717 8.717 0 015.805-10.856c40.553-12.307 90.968-6.347 125.432 14.833 4.092 2.52 5.38 7.88 2.864 11.968m-13.663 30.404a6.954 6.954 0 01-9.569 2.316c-26.22-16.025-59.223-19.644-98.09-10.766a6.955 6.955 0 01-8.331-5.232 6.95 6.95 0 015.233-8.334c42.533-9.722 79.017-5.538 108.448 12.446a6.96 6.96 0 012.31 9.57M111.656 0C49.992 0 0 49.99 0 111.656c0 61.672 49.992 111.66 111.657 111.66 61.668 0 111.659-49.988 111.659-111.66C223.316 49.991 173.326 0 111.657 0' fill='%23191414'/%3e%3c/svg%3e");
height: 40px;
width: 40px;
}

.img{	
float: left;
background-position: center;
background-repeat: no-repeat;
border-radius: 4px;
margin:4px;
border-color: #e5ebf1;
background-color:#e5ebf1;
background-size: cover; 
height: 40px;
 width: 40px;

}



.track_name{
text-align:left;
padding:7px 0px 0px 10px;
float: left; 
}

.song{
display:inline-block;
width: 100%;
font-size: 1.2em;
 color: #fff;
}

.artist{
	text-transform: uppercase;
display:inline-block;
 width: 100%;
 font-size: 1.2em;
 color: #fff;
}


.name_down {
 background: url("../img/his_down.png") no-repeat; 
  height: 15px; 
  width: 15px; 
float: left; 

}
.name_down:hover {
  background: url("../img/his_a_down.png") no-repeat;
   height: 15px; 
  width: 15px;
float: left; 
}
	


	


.tab_container {  
border-radius: 0 5px 0 5px;
  

	  float: left; 
  padding:0px 0px 4px 0px;

	overflow: auto;	
	height: 634px;
	clear: both;
}


  .bdate{
	  background-color:#000;
    border-radius:5px;
	text-align: center;
    vertical-align: middle;
	padding: 10px 0px;
	font-weight:bold;
	width: 134px; 
	float: left;
	cursor: pointer; 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12;
	color: #fff;
	margin: 10px;
	
            }
		
  .bdate_active{
	background-color: #8c8c8c;
  color: #fff;
            }
		
.bdate:hover {
    background-color: #8c8c8c; /* Green */
  color: #fff;
}
.bdate:focus {
    background-color: #8c8c8c; /* Green */
 
	}