body {
			background-color: #ffffff;
			height:100%;
			position:relative;
			height:450px;
		}
		
		.station-list {
			background-color:#eeeeed;
			width:100%;
			padding:7px 7px;
			margin-top:0px;
		}
		
		.station-list>li {
			width:172px;
			vertical-align: middle;
			margin: 0px 6px;
		}
		
		.stations {
			position:absolute;
			margin:0;
			padding:0;
			bottom:0px;
			left:0px;
			width:100%;
		}
		
		.station {
			border-radius: 0 !important;
			padding:16px 15px;
			background-color: #fff;
			border:none;
			font-size:18px;
			text-align: center;
			color:#ef4034;
			text-transform:uppercase;
			text-decoration: underline;
			opacity:0.7 !important;
		}
		
		.station:hover, .station.is-selected {
			border:none !important;
			opacity:1 !important;
		}
		
		.station.classic-fm {
			padding-top: 6px;
			padding-bottom: 6px;
		}
		
		.stations  p {
			color: #5d5d5d !important;
			font-size:18px;
			margin-left:18px;
			margin-bottom:6px;
		}
		
		.stream-player .controls {
			background:#eeeeed;
			color:black !important;
			margin-bottom:0px !important;
			height: auto !important;
			padding:5px;
			width:100%;
		}
		
		.stream-player .cue-point {
			padding:15px;
			line-height:1.2em;
			width:444px;
			float:left;
		}
		
		.preroll_container {
			width:100%;
			height:100%;
			position:absolute;
			top:62px;
			left:0;
			z-index:9999;
		}
		
		.preroll_video {
			position:relative;
			margin: 6px auto;
			width: 640px;
			height: 480px;
		}
		
		.preroll_background {
			background-color:black;
			position:absolute;
			width:100%;
			height:100%;
			top:0px;
		}
		
		.intern .player {
			margin:0px !important;
			width:100%;
			height:320px;
		}
		
		[class*="-stream-playback-control"].is-playing {
			/* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="stop-stopIco" style="enable-background:new 0 0 36 36" xml:space="preserve" viewBox="0 0 36 36" version="1.1" y="0px" x="0px" width="36" height="36"><path fill="#ef4034" class="st0" d="m30 7v22c0 0.3-0.1 0.5-0.3 0.7s-0.4 0.3-0.7 0.3h-22c-0.3 0-0.5-0.1-0.7-0.3s-0.3-0.4-0.3-0.7v-22c0-0.3 0.1-0.5 0.3-0.7s0.4-0.3 0.7-0.3h22c0.3 0 0.5 0.1 0.7 0.3s0.3 0.4 0.3 0.7z"/></svg>'); */
			background-image: url('../images/icon-stop.svg');
		}
		
		[class*="-stream-playback-control"].is-stopped {
			/* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="play-playIco" style="enable-background:new 0 0 36 36" xml:space="preserve" viewBox="0 0 36 36" version="1.1" y="0px" x="0px" width="36" height="36"><path fill="#ef4034" class="st0" d="m27.7 18.5l-18.9 11.4c-0.2 0.1-0.4 0.1-0.6 0-0.1-0.1-0.2-0.3-0.2-0.5v-22.8c0-0.3 0.1-0.5 0.2-0.6 0.2 0 0.4 0 0.6 0.1l18.9 11.4c0.2 0.1 0.3 0.3 0.3 0.5s-0.1 0.3-0.3 0.5z"/></svg>'); */
			background-image: url('../images/icon-play.svg');
		}
		
		.artist {
			margin-right:5px;
		}
		
		.artist:after {
			content:",";
		}
		.artist:last-child:after {
			content:""
		}
		
		.volume {
			/* margin-right:506px !important; */
		}

		.volume .volume-slider {
			padding-top:4px;	
		}
		
		.volume .volume-icon.mute {
			background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="300" viewBox="0 0 1792 1792" fill="#aaa" height="300"><path d="m1280 352v1088q0 26-19 45t-45 19-45-19l-333-333h-262q-26 0-45-19t-19-45v-384q0-26 19-45t45-19h262l333-333q19-19 45-19t45 19 19 45z"/></svg>');
		}
		
		.volume .volume-icon.loud {
			background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="300" viewBox="0 0 1792 1792" fill="#aaa" height="300"><path d="m832 352v1088q0 26-19 45t-45 19-45-19l-333-333h-262q-26 0-45-19t-19-45v-384q0-26 19-45t45-19h262l333-333q19-19 45-19t45 19 19 45zm384 544q0 76-42.5 141.5t-112.5 93.5q-10 5-25 5-26 0-45-18.5t-19-45.5q0-21 12-35.5t29-25 34-23 29-35.5 12-57-12-57-29-35.5-34-23-29-25-12-35.5q0-27 19-45.5t45-18.5q15 0 25 5 70 27 112.5 93t42.5 142zm256 0q0 153-85 282.5t-225 188.5q-13 5-25 5-27 0-46-19t-19-45q0-39 39-59 56-29 76-44 74-54 115.5-135.5t41.5-173.5-41.5-173.5-115.5-135.5q-20-15-76-44-39-20-39-59 0-26 19-45t45-19q13 0 26 5 140 59 225 188.5t85 282.5zm256 0q0 230-127 422.5t-338 283.5q-13 5-26 5-26 0-45-19t-19-45q0-36 39-59 7-4 22.5-10.5t22.5-10.5q46-25 82-51 123-91 192-227t69-289-69-289-192-227q-36-26-82-51-7-4-22.5-10.5t-22.5-10.5q-39-23-39-59 0-26 19-45t45-19q13 0 26 5 211 91 338 283.5t127 422.5z"/></svg>');
		}
		
		#now_playing .track {
			font-family: "Bariol Bold","Arial",sans-serif;
			font-weight:bold;
		}
		
		#next_playing strong {
			font-family: "Bariol Bold","Arial",sans-serif;
			font-weight:bold;
		}
		
		.navbar {
			border-bottom:none;
		}
		
		.popupad {
			float:right;
			width:300px;
			height:250px;
			margin:5px;
			text-align:center;
		}

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

	body.intern {
		height:100%;
		overflow:visible;
	}

	.volume {
		margin-right:auto;
	}

	.popupad {
		float:none;
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}

	.stream-player .cue-point {	
		width:100%;
		font-size:14px;
		float:none;
	}
	
	.stations {
		position:relative;
	}
	
	.intern .player {
		height:auto !important;
		padding-bottom:15px;
		overflow:visible;
	}
	
	.station-list li {
		display:block;
		width:100%;
		margin:0px 0px 2px 0px;
	}

	.station-list img {
		width:50%;
	}
		
	.station-list:after {
		clear:both;
	}
	
	a.station {
		font-size:18px;
		font-weight:bold;
		text-decoration:none;
		white-space: nowrap;
	}
			
	#next_playing br:nth-of-type(2):after {		
	}
}