body{ 
		overflow-x:visible;
		overflow-y:visible; 
		border: 0px;
		padding: 0px;
		margin: 0px;
	}
@media(min-width: 610px) {
    .container{
        max-width: 610px;

    }
}select, label {
		display: block;
	}
img.hImg{
		border-radius:10px;
	}
div.time{
		-ms-flex: 0 0 130px;
		flex: 0 0 130px;
	}
#bRate{
		height:30px;
		line-height:20px;
		font-size:20px;
		border-radius:7px;
	}
/*	img.imgLink:hover{
		cursor: grab;
	} */
img.artist:hover{
		cursor:grab;
		border: 3px solid red;
		
	}
img.artist{
		cursor:grab;
		border: 3px solid transparent;
		
	}
.crImg {
		position: relative;
/*		width: 610px;
		height: 146px;*/
		float: left;
		margin-left:0px;
	}
.sBox {
		position: absolute;
		bottom:0px;
		right:0px;
	}
/*	.lPlay{
		margin-left: 5px;
		padding-left: 5px:
	}*/
.sButton {
		float: right;
	}
div._fDefault{
/*		width:605px; */
		height:350px;
		overflow: auto;
	}

div.lPos {
		float: left;
		margin-right: 10px;
	}
p.tTable{
		color: #FFFF00;
		font-family: "Monotype Corsiva";
		font-strech: ultra-expanded;
		background-color: #5882FA;
		font-size: 50px;
		font-weight: bold;
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}
div.pCont{
		background-color: #f2f2f2;
		width: 835px;
	}
p.onair{
		font-size:20px;
		font-weight: 600;
		color: blue;
		background-color: yellow;
		text-align: center;
		vertical-align: top;
	}
/*	div.lPlay {
		width: 610px;
		border: 0px;
		padding: 0px;
		margin: 0px;
	}*/
div.hContLeft{
		width:610px;
	}
div.pInfo{
		width: 400px;
	}
div.pTitle{
		vertical-align: middle;
	}
div.mlHeader {
		overflow: hidden;
		font-size: 17px;
		background-color: #f2f2f2;
	} 
/*	div._Player{
		height: 150px;
	}
	div.pImage{
		width:200px;
		height: 150px;
		padding: 0px;
		border: 0px;
		margin: 0px;
	}*/
div.mlHeader1 {
		height: 0px;
	}
div.hCont {
		overflow: hidden;
		font-size: 17px;
		background-color: #f2f2f2;
		width: 835px;
	} 
div.mlContent {
		overflow: auto;
		height: 500px;
		width: 100%;
		resize: both;
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}
div.tx_mairlist {
		table-layout: fixed;
		border-collapse: separate;
		border-spacing:  0px  1px;
		border-top-color: white;
		border-bottom-color: white;
/*		border-collapse: collapse; */
		table-layout: auto;
		width: 100%;
	}
div.sSearch {
		table-layout: fixed;
		border-collapse: separate;
		border-spacing:  0px  1px;
		border-top-color: white;
		border-bottom-color: white;
/*		border-collapse: collapse; */
		table-layout: auto;
		width: 100%;
	}
div.future {
		background-color: lightblue;
	}
div.default {
/*		border-spacing: 5px; */
/*		margin: 50px; */
/*		padding: 5px 5px 5px 5px; */
		background-color: #f2f2f2;
	}
div.time {
		vertical-align: top;
		}
div.play1{
			vertical-align: bottom;
		}
div.cover {
		width: 50px;
		vertical-align: top;
		white-space: nowrap;
		padding: 0px 5px 0px 5px;
	}
div.title {
		padding-top:5px;
		vertical-align: top;
		white-space: nowrap;
	}
p.ptime {
		font-size: 70%;
	}
p.dur {
		font-size: 70%;
		text-align: right;
		vertical-align: text-bottom;
		padding: 0px;
		margin: 0px;
	}
p.Info{
		line-height:1;
	}
span.title {
		font-size: 100%;
		font-weight: 600;
	}
span.artist {
		font-size: 90%;
	}
span.album {
		font-size: 90%;
	}
span.year {
		font-size: 90%;
	}
p.space {
		font-size: 0px;
	}
/***** input type: range *****/

input[type="range"] {
		padding-top: 2px;
		-webkit-appearance: none;
		width: 100%;
		background:#404040;
		height:100%
	}
	
/*Chrome*/
input[type='range']::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 1px solid #000000;
		height: 15px;
		width: 15px;
		border-radius: 50%;
		background: #ffffff;
		margin-top: -5px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
	}
input[type='range']:hover::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 1px solid #000000;
		height: 15px;
		width: 15px;
		border-radius: 50%;
		background: #1E90FF;
		margin-top: -5px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
	}
input[type=range]::-webkit-slider-runnable-track {
		  width: 100%;
		  height: 4px;
		  cursor: pointer;
		  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
		  background: #1E90FF;
		  border-radius: 2px;
		  border: 0.2px solid #010101;
}
input[type=range]:focus::-webkit-slider-runnable-track {
		background: #367ebd;
	}
#slider1, #sLoud1{
		margin-top: -2px;
	}
	/*********** Player ******************/
div.table1{
    display:table;
    margin:5px;    
    vertical-align: top;
}
div.tRow1{
	display:table-raw;
    vertical-align: top;
}
div.tCell{
	display:table-cell;
    vertical-align: middle;
    padding:5px;    
	text-align:left;
}
#progBar, #progBar1{
	  background-color: #404040;
	  height:30px;
	  width:100%;
	  margin-left:0px;
	}
div.pRow{
		height:40px;
		width:100%;
	}
div#pStart, div#pStart1{
		height:100%; 
		width:8%;
		display:inline-block;
		white-space:nowrap;
	}
div#pBar, div#pBar1{
		height: 100%; 
		width:37%;
		display:inline-block;
		white-space:nowrap;
	}
input[type=range]::-moz-range-track {
    background: transparent;
}
input[type=range] {
    background: transparent ;
}
div#pTime, div#pTime1{
		height: 100%; 
		width:20%;
		text-align:center;
		color:white;
		display:inline-block;
		font-size:100%;
		font-stretch:normal;
		font-family:Arial;
		white-space:nowrap;
		vertical-align:middle;
		padding-top:3px;
	}
div#pSpeak, div#pSpeak1{
		height:100%; 
		width:8%;
/*		float:right; */
		display:inline-block;
		white-space:nowrap;
	}
div#pLoud, div#pLoud1{
		height:100%; 
		width:20%;
		display:inline-block;
		float:right;
	}
/***** End Player *********/

/* IE*/
input[type="range"]::-ms-fill-lower {
		background-color: #1E90FF; 
		border-radius:2px; 
		height:4px;
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	}
input[type=range]:focus::-ms-fill-lower {
		  background: #1E90FF;
	}
input[type="range"]::-ms-fill-upper {  
		background-color: lightgrey;
		border-radius:2px; 
		height:4px;
		box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	}
input[type=range]:focus::-ms-fill-upper {
		background: #6495ED;
	}
input[type=range]::-ms-thumb {
		  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
		  height:15px;
		  width:15px;
		  border-radius: 50%;
		  margin-top:0px;
		  background: #ffffff;
	}
input[type=range]:hover::-ms-thumb {
		  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
		  height:15px;
		  width:15px;
		  border-radius: 50%;
		  margin-top:0px;
		  background: #1E90FF;
	}
	/* FF */
input[type="range"]::-moz-range-track{
		width:100%;
		height:100%;
		background:#404040;
		background-color: lightgrey;
		height:4px;
		border:none;
		border-radius:2px; 
	}
input[type="range"]::-moz-range-progress{
		background-color:#1E90FF;
		height:4px;
		border-radius:2px; 
	}
input[type="range"]::-moz-range-thumb{
		border:none;
		width: 15px;
		height: 15px;
		background-color:white;
		border-radius: 50%; 
	}
input[type="range"]:hover::-moz-range-thumb{
		border:none;
		width: 15px;
		height: 15px;
		background-color:#1E90FF;
		border-radius: 50%; 
	}
input[type=range]:-moz-focusring{
		outline: 1px solid white;
		outline-offset: -1px;
	}
input[type=range]:focus::-moz-range-track {
		background: #ccc;
	}
	/***** end of input range *****/
	
.middle{
		vertical-align:middle;
	}
#iStart1{
	margin-left:3px;
	height:80%;
/*	float: left; */
}
#iSpeaker1{
	height:80%;
}
#speaker_off:hover{
		filter: invert(61%) sepia(53%) saturate(7499%) hue-rotate(195deg) brightness(106%) contrast(101%);
		cursor:pointer;
	}
#pStart:hover, #pStart1:hover{
		filter: invert(61%) sepia(53%) saturate(7499%) hue-rotate(195deg) brightness(106%) contrast(101%);
		cursor:pointer;
	}