/* Generated by tools/build-site-css.cjs. Edit the source stylesheets, then rebuild. */

/* Source: index.css */
@media screen {
#search-box
{
	bottom: 26px;
}
}

/* Source: sprite1.css */
@media screen {
.sprite { background: url('https://www.radioonline.fm/images/other/sprite1.png') no-repeat top left; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite1.webp?v=1acc1c2f92c5') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite1.png') type('image/png')); width: 96px; height: 66px;  }
.sprite.sprite-3fm_1 { background-position: 0 0; } 

.sprite.sprite-40UP { background-position: -98px 0; } 

.sprite.sprite-53l8 { background-position: -196px 0; } 

.sprite.sprite-100nl_3 { background-position: -294px 0; } 

.sprite.sprite-100ProcentNL-Carnaval { background-position: -392px 0; } 

.sprite.sprite-100ProcentNL-Dance { background-position: -490px 0; } 

.sprite.sprite-100ProcentNL-Feest_3 { background-position: -588px 0; } 

.sprite.sprite-100ProcentNL-Liefde_2 { background-position: -686px 0; } 

.sprite.sprite-538-Festival-Radio { background-position: -784px 0; } 

.sprite.sprite-538-Global-Dance-Chart { background-position: -882px 0; } 

.sprite.sprite-538hitzone { background-position: -980px 0; } 

.sprite.sprite-538-Ibiza { background-position: -1078px 0; } 

.sprite.sprite-538-Party { background-position: -1176px 0; } 

.sprite.sprite-538-Top-50 { background-position: -1274px 0; } 

.sprite.sprite-538-Verruckten-Stunden { background-position: -1372px 0; } 

.sprite.sprite-arrow_1 { background-position: -1470px 0; } 

.sprite.sprite-Baars-Classic-Rock { background-position: -1568px 0; } 

.sprite.sprite-bnn { background-position: -1666px 0; } 

.sprite.sprite-bnr { background-position: -1764px 0; } 

.sprite.sprite-Bright-FM { background-position: -1862px 0; } 

.sprite.sprite-candlelight_1 { background-position: -1960px 0; } 

.sprite.sprite-Carnaval-Radio { background-position: -2058px 0; } 

.sprite.sprite-caz_1 { background-position: -2156px 0; } 

.sprite.sprite-Christmas-FM { background-position: -2254px 0; } 

.sprite.sprite-Christmas-Hits-Radio { background-position: -2352px 0; } 

.sprite.sprite-Christmas-Songs-Radio { background-position: -2450px 0; } 

.sprite.sprite-classic-fm { background-position: -2548px 0; } 

.sprite.sprite-Deep-Radio { background-position: -2646px 0; } 

.sprite.sprite-disco-classics-radio { background-position: -2744px 0; } 

.sprite.sprite-Dolfijn-FM { background-position: -2842px 0; } 

.sprite.sprite-Dutch-Beats-Radio { background-position: -2940px 0; } 

.sprite.sprite-Freeminded-FM_1 { background-position: -3038px 0; } 

.sprite.sprite-Fresh-FM { background-position: -3136px 0; } 

.sprite.sprite-Fresh-FM-90s-Dancel { background-position: -3234px 0; } 

.sprite.sprite-Fresh-FM-Hardstyle { background-position: -3332px 0; } 

.sprite.sprite-Fresh-FM-Hits { background-position: -3430px 0; } 

.sprite.sprite-funx_1 { background-position: -3528px 0; } 

.sprite.sprite-funx-dance { background-position: -3626px 0; } 

.sprite.sprite-funx-latin { background-position: -3724px 0; } 

.sprite.sprite-Gooisch-Music { background-position: -3822px 0; } 

.sprite.sprite-Grandprix-Radio_1 { background-position: -3920px 0; } 

.sprite.sprite-Groot-Nieuws-Radio { background-position: -4018px 0; } 

.sprite.sprite-hardcore-radio { background-position: -4116px 0; } 

.sprite.sprite-Havenstad-Radio { background-position: -4214px 0; } 

.sprite.sprite-Havenstad-Radio_1 { background-position: -4312px 0; } 

.sprite.sprite-Hi-On-Line-Radio { background-position: -4410px 0; } 

.sprite.sprite-hitradioveronica { background-position: -4508px 0; } 

.sprite.sprite-Intense-Radio_1 { background-position: -4606px 0; } 

.sprite.sprite-Joe { background-position: -4704px 0; } 

.sprite.sprite-Jouw-FM { background-position: -4802px 0; } 

.sprite.sprite-Kerst-Hitradio { background-position: -4900px 0; } 

.sprite.sprite-Kerst-Hitradio-1 { background-position: -4998px 0; } 

.sprite.sprite-Kerstmis-Radio { background-position: -5096px 0; } 

.sprite.sprite-kerst-radio { background-position: -5194px 0; } 

.sprite.sprite-kinderradio { background-position: -5292px 0; } 

.sprite.sprite-KINK { background-position: -5390px 0; } 

.sprite.sprite-L1 { background-position: -5488px 0; } 

.sprite.sprite-L-FM { background-position: -5586px 0; } 

.sprite.sprite-nashvillefm_1 { background-position: -5684px 0; } 

.sprite.sprite-nporadio1 { background-position: -5782px 0; } 

.sprite.sprite-nporadio2 { background-position: -5880px 0; } 

.sprite.sprite-nporadio4 { background-position: -5978px 0; } 

.sprite.sprite-nporadio5 { background-position: -6076px 0; } 

.sprite.sprite-omroep-brabant { background-position: -6174px 0; } 

.sprite.sprite-omroep-flevoland { background-position: -6272px 0; } 

.sprite.sprite-omroep-fryslan { background-position: -6370px 0; } 

.sprite.sprite-omroep-gelderland_1 { background-position: -6468px 0; } 

.sprite.sprite-omroep-limburg { background-position: -6566px 0; } 

.sprite.sprite-omroep-zeeland { background-position: -6664px 0; } 

.sprite.sprite-Paradise-FM { background-position: -6762px 0; } 

.sprite.sprite-pinguin-radio_1 { background-position: -6860px 0; } 

.sprite.sprite-Puur-NL { background-position: -6958px 0; } 

.sprite.sprite-q-dance { background-position: -7056px 0; } 

.sprite.sprite-Qmusic-Christmas { background-position: -7154px 0; } 

.sprite.sprite-Qmusic-Classics { background-position: -7252px 0; } 

.sprite.sprite-Q-Music-Het-Foute-Uur { background-position: -7350px 0; } 

.sprite.sprite-q-music-nl_2 { background-position: -7448px 0; } 

.sprite.sprite-Q-Music-Non-Stop_1 { background-position: -7546px 0; } 

.sprite.sprite-Qmusic-Top-40 { background-position: -7644px 0; } 

.sprite.sprite-qs-radio { background-position: -7742px 0; } 

.sprite.sprite-QXRadio { background-position: -7840px 0; } 

.sprite.sprite-radio1_1 { background-position: -7938px 0; } 

.sprite.sprite-radio2_1 { background-position: -8036px 0; } 

.sprite.sprite-radio4_1 { background-position: -8134px 0; } 

.sprite.sprite-radio5_1 { background-position: -8232px 0; } 

.sprite.sprite-radio-5-nostalgia { background-position: -8330px 0; } 

.sprite.sprite-radio6_1 { background-position: -8428px 0; } 

.sprite.sprite-Radio-10_2 { background-position: -8526px 0; } 

.sprite.sprite-Radio-10-60s-70s_1 { background-position: -8624px 0; } 

.sprite.sprite-Radio-10-80s_2 { background-position: -8722px 0; } 

.sprite.sprite-Radio-10-90s_2 { background-position: -8820px 0; } 

.sprite.sprite-Radio-10-Disco-Classics_1 { background-position: -8918px 0; } 

.sprite.sprite-Radio-10-Kerst-Hits { background-position: -9016px 0; } 

.sprite.sprite-Radio-10-Love-Songs { background-position: -9114px 0; } 

.sprite.sprite-Radio-10-Number-1 { background-position: -9212px 0; } 

.sprite.sprite-Radio-10-Zomer-Hits { background-position: -9310px 0; } 

.sprite.sprite-radio538 { background-position: -9408px 0; } 

.sprite.sprite-Radio-538-Dance-Department { background-position: -9506px 0; } 

.sprite.sprite-radio-538-juize { background-position: -9604px 0; } 

.sprite.sprite-Radio-538-Non-Stop-40 { background-position: -9702px 0; } 

.sprite.sprite-Radio-Caramba { background-position: -9800px 0; } 

.sprite.sprite-radio-continu { background-position: -9898px 0; } 

.sprite.sprite-radio-decibel { background-position: -9996px 0; } 

.sprite.sprite-Radio-Dolfijntjes { background-position: -10094px 0; } 

.sprite.sprite-radiohollandonline { background-position: -10192px 0; } 

.sprite.sprite-Radio-M-Utrecht { background-position: -10290px 0; } 

.sprite.sprite-radionl_1 { background-position: -10388px 0; } 

.sprite.sprite-Radio-Noord { background-position: -10486px 0; } 

.sprite.sprite-radio-noord-holland_1 { background-position: -10584px 0; } 

.sprite.sprite-Radio-Oost { background-position: -10682px 0; } 

.sprite.sprite-RadioOranjeNationaal { background-position: -10780px 0; } 

.sprite.sprite-Radio-Rijnmond { background-position: -10878px 0; } 

.sprite.sprite-Radio-West { background-position: -10976px 0; } 

.sprite.sprite-RHR_1 { background-position: -11074px 0; } 

.sprite.sprite-RTL-Lounge_1 { background-position: -11172px 0; } 

.sprite.sprite-rtv-drenthe { background-position: -11270px 0; } 

.sprite.sprite-rtv-drenthe_1 { background-position: -11368px 0; } 

.sprite.sprite-Simone-FM { background-position: -11466px 0; } 

.sprite.sprite-sinterklaas-fm { background-position: -11564px 0; } 

.sprite.sprite-Sinterklaas-Radio-1 { background-position: -11662px 0; } 

.sprite.sprite-skyradio { background-position: -11760px 0; } 

.sprite.sprite-sky-radio-christmas { background-position: -11858px 0; } 

.sprite.sprite-skyradiolove { background-position: -11956px 0; } 

.sprite.sprite-skyradio-nl { background-position: -12054px 0; } 

.sprite.sprite-Sky-Radio-Smooth-Hits { background-position: -12152px 0; } 

.sprite.sprite-skyradio-summerhits-radio_1 { background-position: -12250px 0; } 

.sprite.sprite-slam_1 { background-position: -12348px 0; } 

.sprite.sprite-SlamFM-Hardstyle_1 { background-position: -12446px 0; } 

.sprite.sprite-Slam-Housuh-in-de-Pauzuh { background-position: -12544px 0; } 

.sprite.sprite-Slam-Juize_1 { background-position: -12642px 0; } 

.sprite.sprite-Slam-MixMarathon { background-position: -12740px 0; } 

.sprite.sprite-Slam-Nonstop_1 { background-position: -12838px 0; } 

.sprite.sprite-SLAM-The-Boom-Room { background-position: -12936px 0; } 

.sprite.sprite-soul-radio { background-position: -13034px 0; } 

.sprite.sprite-soul-radio_1 { background-position: -13132px 0; } 

.sprite.sprite-SterrenNL { background-position: -13230px 0; } 

.sprite.sprite-Sublime { background-position: -13328px 0; } 

.sprite.sprite-Sublime-FM { background-position: -13426px 0; } 

.sprite.sprite-Sublime-FM_1 { background-position: -13524px 0; } 

.sprite.sprite-Sublime-FM-Christmas { background-position: -13622px 0; } 

.sprite.sprite-Traffic-Radio { background-position: -13720px 0; } 

.sprite.sprite-veronicafm_1 { background-position: -13818px 0; } 

.sprite.sprite-veronica-rock-radio { background-position: -13916px 0; } 

.sprite.sprite-veronica-top1000-allertijden-radio { background-position: -14014px 0; } 

.sprite.sprite-wildfm_1 { background-position: -14112px 0; } 

.sprite.sprite-ZAP-FM { background-position: -14210px 0; }
/* Het bestaande logo-adres blijft bruikbaar voor website en apps. */
.sprite.sprite-veronica-top1000-allertijden-radio { background-image: url('/images/veronica-top1000-allertijden-radio.png?v=top3000-20261019'); background-image: image-set(url('/images/veronica-top1000-allertijden-radio.webp?v=bbd31c392dd4') type('image/webp'), url('/images/veronica-top1000-allertijden-radio.png?v=top3000-20261019') type('image/png')); background-position: center; background-size: contain; background-repeat: no-repeat; }

.sprite.sprite-4EVER49-Radio-20261020 { background-image: url('/images/4EVER49-Radio-20261020.png'); background-position: center; background-size: contain; background-repeat: no-repeat; }

.sprite.sprite-JOE-Non-Stop-20261020 { background-image: url('/images/JOE-Non-Stop-20261020.png'); background-position: center; background-size: contain; background-repeat: no-repeat; }

.sprite.sprite-Radio-Noordzee-20261020 { background-image: url('/images/Radio-Noordzee-20261020.png'); background-position: center; background-size: contain; background-repeat: no-repeat; }

.sprite.sprite-NPO-BLEND-20261020 { background-image: url('/images/NPO-BLEND-20261020.png'); background-position: center; background-size: contain; background-repeat: no-repeat; }

.sprite.sprite-NPO-Klassiek-20261020 { background-image: url('/images/NPO-Klassiek-20261020.png'); background-position: center; background-size: contain; background-repeat: no-repeat; }
}

/* Source: global.css */
@media screen {
input:focus {outline: none; }

#search-box
{
	position:absolute;
	bottom: 16px;
	right: 10px;
	height:16px;
	width: 150px;
}

.radio_station_options a {
	cursor: pointer;
}

fieldset {
	border: medium none !important;
	margin: 0 0 5px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}
.input-field
{
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 0px;
	padding:5px;
}

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

#footer_note li {
    list-style-type: none;
	display:inline-block;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	color:#900;
}

h1 {
	font-size:13px;
	font-style:inherit;
	margin:0px;
	color:#EEE;
}

h2 {
	font-size:13px;
	margin:2px;
}

h3 {
	font-size:13px;
	margin:2px;
	font-weight: normal;
}

/* header style */
#header {
	min-width:840px;
	width:100%;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #cccccc;
	border-bottom: 2px solid #999;
	background: #336699; /* Old browsers */
	background: -moz-linear-gradient(top,  #336699 35%, #003366 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#336699), color-stop(99%,#003366)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #336699 35%,#003366 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #336699 35%,#003366 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #336699 35%,#003366 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #336699 35%,#003366 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#003366',GradientType=0 ); /* IE6-9 */
}

#header_wrapper {
	width:840px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#header_app {
	position:absolute;
	top:40px;
	right:70px;
}

#header_social {
	position:absolute;
	top:15px;
	right:5px;
}

#header_cast_ready {
	position:absolute;
	left:30px;
	top:90px;
}

#header_cast {
	position:absolute;
	top:127px;
	right:165px;
}

#header_plusone {
	position:absolute;
	top:90px;
	right:10px;
}

#header_table {
	width:840px;
	margin-left: auto;
	margin-right: auto;
	/*background:#009;*/
}

#header_logo {
	position:relative;
	text-align:left;
}

#header_logo img {
	width:331px;
	height:50px;
}

#header_logo_text {
	position:absolute;
	left:0px;
	top:50px;
	
	font-size:11px;
	font-style:inherit;
	margin:0px;
	color:#EEE;
}

#header_advertise {
	text-align:right;
}

#header_player_container {
	position:relative;
	width:410px;
	height:70px;
	margin-top: 10px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border:2px solid #FFF;
	background: #d8d8d8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d8d8d8 0%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d8d8d8 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d8d8d8 0%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d8d8d8 0%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d8d8d8 0%,#aaaaaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-8 */
}

#header_player_logo {
	position:absolute;
	top:5px;
	left:10px;
	width:96px;
	height:66px;
	border: 1px solid #036;
	/*background:#096;*/
}

#header_span {
	position:absolute;
	top:15px;
	left:0px;
}

#header_player {
	position:absolute;
	top:8px;
	right:10px;
	/*background:#63C;*/
}

.header_mediaplayer {
	width:300px;
	height:62px;
}

#volumeSlider {
	position:absolute;
	left: 130px;
	top:25px;
	height:10px;
	width:150px;
}

#playPause {
	cursor: pointer;
}

#border {
	height:40px;
	min-width:840px;
	width:100%;
	margin:0px;
	text-align:center;
	padding-top:5px;
	
	background: #003366; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzM2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #003366 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003366), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #003366 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #003366 0%,#d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #003366 0%,#d8d8d8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #003366 0%,#d8d8d8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-8 */
}
	
#content {
	min-width:840px;
	text-align:center;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	/*border-bottom: 1px solid #cccccc;*/
	/*background:#C09;*/
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top,  #d8d8d8 0%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d8d8d8 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d8d8d8 0%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d8d8d8 0%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d8d8d8 0%,#aaaaaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}

#content_stations {
	position:relative;
	text-align:center;
	width:900px;
	margin-left: auto;
	margin-right: auto;
	/*background:#0CF;*/
}

#content2 {
	min-width:840px;
	text-align:center;
	margin:0px;
	/*padding-top:5px;*/
	padding-bottom:5px;
	background:#aaaaaa;
	display:none;
}

#buttonMore {
	/*display:inline-block;*/
	position:relative;
	margin:4px;
	line-height: 30px;
	text-align: center;
	display:none;
}

.buttonMore {
	position:relative;
	/*background-color:#333;*/
	width:840px;
	height:30px;
	/*margin:2px;*/
	overflow:hidden;
	
	
	border: 2px solid #FFF;
	
	float:left;
	
	background: #606060; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #606060 1%, #515151 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#606060), color-stop(100%,#515151)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #606060 1%,#515151 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #606060 1%,#515151 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #606060 1%,#515151 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #606060 1%,#515151 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#515151',GradientType=0 ); /* IE6-8 */
}

#buttonMore a, #buttonMore a:hover, #buttonMore a:focus {
	font-size: 14px;
	font-weight: bold;
	color:#ffffff;
}

.radio_station {
	display:inline-block;
	width:113px;
	height:79px;
	position:relative;
	margin:4px;
}

.radio_station_favorite {
	position:absolute;
	top:-4px;
	right:-6px;
	width:18px;
	height:18px;
	background:url(https://www.radioonline.fm/images/other/link_favorite_hover.png);
	display:none;
}

.radio_station_options {
	
	position:absolute;
	bottom:-3px;
	left:2px;
	
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
	
	width:111px;
	height:22px;
	/*background:#777;*/
	
	margin:0px;
	padding-left:2px;
	display:none;
	text-align:center;
	
	-moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
	
	background: #336699; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDMzNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #336699 0%, #003366 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336699), color-stop(100%,#003366)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #336699 0%,#003366 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #336699 0%,#003366 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #336699 0%,#003366 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #336699 0%,#003366 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#003366',GradientType=0 ); /* IE6-8 */
}

.station {
	position:relative;
	/*background-color:#333;*/
	width:113px;
	height:79px;
	/*margin:2px;*/
	overflow:hidden;
	
	border: 2px solid #FFF;
	
	float:left;
	
	background: #606060; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #606060 1%, #515151 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#606060), color-stop(100%,#515151)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #606060 1%,#515151 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #606060 1%,#515151 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #606060 1%,#515151 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #606060 1%,#515151 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#515151',GradientType=0 ); /* IE6-8 */
}

.station_active {
	position:relative;
	/*background-color:#333;*/
	width:113px;
	height:79px;
	/*margin:2px;*/
	overflow:hidden;
	
	border: 2px solid #FFF;
	
	float:left;
	
	background: #ff3019; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
}

.station:hover, .buttonMore:hover {
	background: #336699; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDMzNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #336699 0%, #003366 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336699), color-stop(100%,#003366)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #336699 0%,#003366 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #336699 0%,#003366 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #336699 0%,#003366 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #336699 0%,#003366 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#003366',GradientType=0 ); /* IE6-8 */
}

.zender_logo {
	width:96px;
	height:66px;;
	border: 1px solid #CCC;
	
	margin:5px;
}

.rounded-corners {
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

/* Advertise style */
#advertise_right {
	/*background-color:#666;*/
	position:absolute;
	width:160px;
	height:600px;
	
	top:30px;
	right:-150px;
}

#advertise_top {
	min-height: 285px !important;
	width:100%;
	min-width:840px;
	text-align:center;
	padding-top:5px;
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top,  #d8d8d8 0%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d8d8d8 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d8d8d8 0%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d8d8d8 0%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d8d8d8 0%,#aaaaaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}

@media screen and (min-width: 40em) {
	#advertise_top {
		min-height: 285px;
	}
}


#advertise_center {
		
	
	/*width:340px;*/
	
	width:355px;
	height:315px;
	
	margin:4px;
	padding-top:29px;

	border:2px solid #FFF;
	float:left;
	
	margin-left:30px;
	margin-right:-26px;
	
	background: #606060; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #606060 1%, #515151 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#606060), color-stop(100%,#515151)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #606060 1%,#515151 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #606060 1%,#515151 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #606060 1%,#515151 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #606060 1%,#515151 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#515151',GradientType=0 ); /* IE6-8 */
}

#temp_header {
	padding-top:3px;
	text-align:center;
	font-weight: bold;
	
	position:absolute;
	top:20px;
	left:-101px;
	
	width:100px;
	height:15px;
	
	border: 2px solid #CCC;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* Social network style */
.temp {
	text-align:center;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:auto;
	padding-right:3px;
	
	position:absolute;
	width:131px;
	
	top:30px;
	left:-118px;
	
	border: 2px solid #CCC;
	
	background: #336699; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDMzNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #336699 0%, #003366 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336699), color-stop(100%,#003366)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #336699 0%,#003366 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #336699 0%,#003366 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #336699 0%,#003366 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #336699 0%,#003366 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#003366',GradientType=0 ); /* IE6-8 */
}

/* Footer style */
#footer {
	border-top: 1px solid #cccccc;
	min-width:840px;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

#footer_wrapper {
	/*background-color:#999;*/
	width:840px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	position:relative;
	font-size:13px;
}

#footer_note {
	width:840px;
	font-size:13px;
	padding-bottom: 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#footer_toolbox {
	position:absolute;
	top:5px;
	right:2px;
}

#footer_text {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top:10px;
	padding-bottom:10px;
	width: 840px;
	border: 2px solid #FFF;
	
	color: #ffffff;
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	
	background: #606060; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #606060 1%, #515151 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#606060), color-stop(100%,#515151)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #606060 1%,#515151 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #606060 1%,#515151 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #606060 1%,#515151 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #606060 1%,#515151 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#515151',GradientType=0 ); /* IE6-8 */
}

#station_info {
	font-size:13px;
	
	margin-top: 5px;
	margin-bottom: 5px;
	width: 840px;
	border: 2px solid #FFF;
	
	color: #000;
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	
	background: #fafafa; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fafafa 1%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fafafa), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 1%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 1%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 1%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fafafa 1%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

#div_header{
	font-size:15px;
	font-weight: bold;
}

#div_text{
	font-size:13px;
}

/* links.php style */
#header_links {
	width:100%;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #cccccc;
	border-bottom: 2px solid #999;
	background: #336699; /* Old browsers */
	background: -moz-linear-gradient(top,  #336699 35%, #003366 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#336699), color-stop(99%,#003366)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #336699 35%,#003366 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #336699 35%,#003366 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #336699 35%,#003366 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #336699 35%,#003366 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#003366',GradientType=0 ); /* IE6-9 */
}

#content_links {
	padding:10px;
}

/* contact.php style */
#header_contact {
	width:100%;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #cccccc;
	border-bottom: 2px solid #999;
	background: #336699; /* Old browsers */
	background: -moz-linear-gradient(top,  #336699 35%, #003366 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#336699), color-stop(99%,#003366)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #336699 35%,#003366 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #336699 35%,#003366 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #336699 35%,#003366 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #336699 35%,#003366 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#003366',GradientType=0 ); /* IE6-9 */
}

#content_contact {
	padding:10px;
}

/* error.php style */
#content_error {
	text-align:center;
	padding:10px;
}

.asean, .afghanistan, .african-union, .albania, .algeria, 
.american-samoa, .andorra, .angola, .anguilla, .antarctica, 
.antigua-barbuda, .arab-league, .argentina, .armenia, .aruba, 
.australia, .austria, .azerbaijan, .bahamas, .bahrain, 
.bangladesh, .barbados, .belarus, .belgium, .belize, 
.benin, .bermuda, .bhutan, .bolivia, .bosnia-herzegovina, 
.botswana, .brazil, .brunei, .bulgaria, .burkina-faso, 
.burundi, .caricom, .cis, .cambodja, .cameroon, 
.canada, .cape-verde, .cayman-islands, .central-african-republic, .chad, 
.chile, .china, .colombia, .commonwealth, .comoros, 
.congo-brazzaville, .congo-kinshasa-zaire, .cook-islands, .costa-rica, .cote-divoire, 
.croatia, .cuba, .cyprus, .czech-republic, .denmark, 
.djibouti, .dominica, .dominican-republic, .east-timor, .ecuador, 
.egypt, .el-salvador, .england, .equatorial-guinea, .eritrea, 
.estonia, .ethiopia, .european-union, .faroes, .fiji, 
.finland, .france, .gabon, .gambia, .georgia, 
.germany, .ghana, .gibraltar, .greece, .grenada, 
.guam, .guatemala, .guinea, .guinea-bissau, .guyana, 
.haiti, .honduras, .hong-kong, .hungary, .iceland, 
.india, .indonezia, .iran, .iraq, .ireland, 
.islamic-conference, .israel, .italy, .jamaica, .japan, 
.jersey, .jordan, .kazakhstan, .kenya, .kiribati, 
.kuwait, .kyrgyzstan, .laos, .latvia, .lebanon, 
.lesotho, .liberia, .libya, .liechtenshein, .lithuania, 
.luxembourg, .macao, .macedonia, .madagascar, .malawi, 
.malaysia, .maldives, .mali, .malta, .marshall-islands, 
.mauritania, .mauritius, .mexico, .micronesia, .moldova, 
.monaco, .mongolia, .montenegro, .montserrat, .morocco, 
.mozambique, .myanmar-burma, .nato, .namibia, .nauru, 
.nepal, .netherlands, .netherlands-antilles, .new-zealand, .nicaragua, 
.niger, .nigeria, .north-korea, .northern-cyprus, .northern-ireland, 
.norway, .opec, .olimpic-movement, .oman, .pakistan, 
.palau, .palestine, .panama, .papua-new-guinea, .paraguay, 
.peru, .philippines, .poland, .portugal, .puerto-rico, 
.qatar, .red-cross, .romania, .russian-federation, .rwanda, 
.saint-lucia, .samoa, .san-marino, .sao-tome-principe, .saudi-arabia, 
.scotland, .senegal, .serbia-yugoslavia, .seychelles, .sierra-leone, 
.singapore, .slovakia, .slovenia, .solomon-islands, .somalia, 
.somaliland, .south-africa, .south-korea, .spain, .sri-lanka, 
.st-kitts-nevis, .st-vincent-the-grenadines, .sudan, .suriname, .swaziland, 
.sweden, .switzerland, .syria, .tahiti-french-polinesia, .taiwan, 
.tajikistan, .tanzania, .thailand, .timor-leste, .togo, 
.tonga, .trinidad-tobago, .tunisia, .turkey, .turkmenistan, 
.turks-and-caicos-islands, .tuvalu, .uganda, .ukraine, .united-arab-emirates, 
.united-kingdom-great-britain, .united-nations, .united-states-of-america-usa, .uruguay, .uzbekistan, 
.vanutau, .vatican-city, .venezuela, .viet-nam, .virgin-islands-british, 
.virgin-islands-us, .wales, .western-sahara, .yemen, .zambia, 
.zimbabwe
{ display: inline-block; background: url('https://www.radioonline.fm/images/other/sprite-flags.png') no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-flags.webp?v=cb349c3db5fb') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-flags.png') type('image/png')); overflow: hidden; text-indent: -9999px; text-align: left; }
 
.asean { background-position: -1px -0px; width: 20px; height: 20px; }
.afghanistan { background-position: -22px -0px; width: 20px; height: 20px; }
.african-union { background-position: -43px -0px; width: 20px; height: 20px; }
.albania { background-position: -64px -0px; width: 20px; height: 20px; }
.algeria { background-position: -85px -0px; width: 20px; height: 20px; }
.american-samoa { background-position: -106px -0px; width: 20px; height: 20px; }
.andorra { background-position: -127px -0px; width: 20px; height: 20px; }
.angola { background-position: -148px -0px; width: 20px; height: 20px; }
.anguilla { background-position: -169px -0px; width: 20px; height: 20px; }
.antarctica { background-position: -190px -0px; width: 20px; height: 20px; }
.antigua-barbuda { background-position: -211px -0px; width: 20px; height: 20px; }
.arab-league { background-position: -232px -0px; width: 20px; height: 20px; }
.argentina { background-position: -253px -0px; width: 20px; height: 20px; }
.armenia { background-position: -274px -0px; width: 20px; height: 20px; }
.aruba { background-position: -295px -0px; width: 20px; height: 20px; }
.australia { background-position: -1px -21px; width: 20px; height: 20px; }
.austria { background-position: -22px -21px; width: 20px; height: 20px; }
.azerbaijan { background-position: -43px -21px; width: 20px; height: 20px; }
.bahamas { background-position: -64px -21px; width: 20px; height: 20px; }
.bahrain { background-position: -85px -21px; width: 20px; height: 20px; }
.bangladesh { background-position: -106px -21px; width: 20px; height: 20px; }
.barbados { background-position: -127px -21px; width: 20px; height: 20px; }
.belarus { background-position: -148px -21px; width: 20px; height: 20px; }
.belgium { background-position: -169px -21px; width: 20px; height: 20px; }
.belize { background-position: -190px -21px; width: 20px; height: 20px; }
.benin { background-position: -211px -21px; width: 20px; height: 20px; }
.bermuda { background-position: -232px -21px; width: 20px; height: 20px; }
.bhutan { background-position: -253px -21px; width: 20px; height: 20px; }
.bolivia { background-position: -274px -21px; width: 20px; height: 20px; }
.bosnia-herzegovina { background-position: -295px -21px; width: 20px; height: 20px; }
.botswana { background-position: -1px -42px; width: 20px; height: 20px; }
.brazil { background-position: -22px -42px; width: 20px; height: 20px; }
.brunei { background-position: -43px -42px; width: 20px; height: 20px; }
.bulgaria { background-position: -64px -42px; width: 20px; height: 20px; }
.burkina-faso { background-position: -85px -42px; width: 20px; height: 20px; }
.burundi { background-position: -106px -42px; width: 20px; height: 20px; }
.caricom { background-position: -127px -42px; width: 20px; height: 20px; }
.cis { background-position: -148px -42px; width: 20px; height: 20px; }
.cambodja { background-position: -169px -42px; width: 20px; height: 20px; }
.cameroon { background-position: -190px -42px; width: 20px; height: 20px; }
.canada { background-position: -211px -42px; width: 20px; height: 20px; }
.cape-verde { background-position: -232px -42px; width: 20px; height: 20px; }
.cayman-islands { background-position: -253px -42px; width: 20px; height: 20px; }
.central-african-republic { background-position: -274px -42px; width: 20px; height: 20px; }
.chad { background-position: -295px -42px; width: 20px; height: 20px; }
.chile { background-position: -1px -63px; width: 20px; height: 20px; }
.china { background-position: -22px -63px; width: 20px; height: 20px; }
.colombia { background-position: -43px -63px; width: 20px; height: 20px; }
.commonwealth { background-position: -64px -63px; width: 20px; height: 20px; }
.comoros { background-position: -85px -63px; width: 20px; height: 20px; }
.congo-brazzaville { background-position: -106px -63px; width: 20px; height: 20px; }
.congo-kinshasa-zaire { background-position: -127px -63px; width: 20px; height: 20px; }
.cook-islands { background-position: -148px -63px; width: 20px; height: 20px; }
.costa-rica { background-position: -169px -63px; width: 20px; height: 20px; }
.cote-divoire { background-position: -190px -63px; width: 20px; height: 20px; }
.croatia { background-position: -211px -63px; width: 20px; height: 20px; }
.cuba { background-position: -232px -63px; width: 20px; height: 20px; }
.cyprus { background-position: -253px -63px; width: 20px; height: 20px; }
.czech-republic { background-position: -274px -63px; width: 20px; height: 20px; }
.denmark { background-position: -295px -63px; width: 20px; height: 20px; }
.djibouti { background-position: -1px -84px; width: 20px; height: 20px; }
.dominica { background-position: -22px -84px; width: 20px; height: 20px; }
.dominican-republic { background-position: -43px -84px; width: 20px; height: 20px; }
.east-timor { background-position: -64px -84px; width: 20px; height: 20px; }
.ecuador { background-position: -85px -84px; width: 20px; height: 20px; }
.egypt { background-position: -106px -84px; width: 20px; height: 20px; }
.el-salvador { background-position: -127px -84px; width: 20px; height: 20px; }
.england { background-position: -148px -84px; width: 20px; height: 20px; }
.equatorial-guinea { background-position: -169px -84px; width: 20px; height: 20px; }
.eritrea { background-position: -190px -84px; width: 20px; height: 20px; }
.estonia { background-position: -211px -84px; width: 20px; height: 20px; }
.ethiopia { background-position: -232px -84px; width: 20px; height: 20px; }
.european-union { background-position: -253px -84px; width: 20px; height: 20px; }
.faroes { background-position: -274px -84px; width: 20px; height: 20px; }
.fiji { background-position: -295px -84px; width: 20px; height: 20px; }
.finland { background-position: -1px -105px; width: 20px; height: 20px; }
.france { background-position: -22px -105px; width: 20px; height: 20px; }
.gabon { background-position: -43px -105px; width: 20px; height: 20px; }
.gambia { background-position: -64px -105px; width: 20px; height: 20px; }
.georgia { background-position: -85px -105px; width: 20px; height: 20px; }
.germany { background-position: -106px -105px; width: 20px; height: 20px; }
.ghana { background-position: -127px -105px; width: 20px; height: 20px; }
.gibraltar { background-position: -148px -105px; width: 20px; height: 20px; }
.greece { background-position: -169px -105px; width: 20px; height: 20px; }
.grenada { background-position: -190px -105px; width: 20px; height: 20px; }
.guam { background-position: -211px -105px; width: 20px; height: 20px; }
.guatemala { background-position: -232px -105px; width: 20px; height: 20px; }
.guinea { background-position: -253px -105px; width: 20px; height: 20px; }
.guinea-bissau { background-position: -274px -105px; width: 20px; height: 20px; }
.guyana { background-position: -295px -105px; width: 20px; height: 20px; }
.haiti { background-position: -1px -126px; width: 20px; height: 20px; }
.honduras { background-position: -22px -126px; width: 20px; height: 20px; }
.hong-kong { background-position: -43px -126px; width: 20px; height: 20px; }
.hungary { background-position: -64px -126px; width: 20px; height: 20px; }
.iceland { background-position: -85px -126px; width: 20px; height: 20px; }
.india { background-position: -106px -126px; width: 20px; height: 20px; }
.indonezia { background-position: -127px -126px; width: 20px; height: 20px; }
.iran { background-position: -148px -126px; width: 20px; height: 20px; }
.iraq { background-position: -169px -126px; width: 20px; height: 20px; }
.ireland { background-position: -190px -126px; width: 20px; height: 20px; }
.islamic-conference { background-position: -211px -126px; width: 20px; height: 20px; }
.israel { background-position: -232px -126px; width: 20px; height: 20px; }
.italy { background-position: -253px -126px; width: 20px; height: 20px; }
.jamaica { background-position: -274px -126px; width: 20px; height: 20px; }
.japan { background-position: -295px -126px; width: 20px; height: 20px; }
.jersey { background-position: -1px -147px; width: 20px; height: 20px; }
.jordan { background-position: -22px -147px; width: 20px; height: 20px; }
.kazakhstan { background-position: -43px -147px; width: 20px; height: 20px; }
.kenya { background-position: -64px -147px; width: 20px; height: 20px; }
.kiribati { background-position: -85px -147px; width: 20px; height: 20px; }
.kuwait { background-position: -106px -147px; width: 20px; height: 20px; }
.kyrgyzstan { background-position: -127px -147px; width: 20px; height: 20px; }
.laos { background-position: -148px -147px; width: 20px; height: 20px; }
.latvia { background-position: -169px -147px; width: 20px; height: 20px; }
.lebanon { background-position: -190px -147px; width: 20px; height: 20px; }
.lesotho { background-position: -211px -147px; width: 20px; height: 20px; }
.liberia { background-position: -232px -147px; width: 20px; height: 20px; }
.libya { background-position: -253px -147px; width: 20px; height: 20px; }
.liechtenshein { background-position: -274px -147px; width: 20px; height: 20px; }
.lithuania { background-position: -295px -147px; width: 20px; height: 20px; }
.luxembourg { background-position: -1px -168px; width: 20px; height: 20px; }
.macao { background-position: -22px -168px; width: 20px; height: 20px; }
.macedonia { background-position: -43px -168px; width: 20px; height: 20px; }
.madagascar { background-position: -64px -168px; width: 20px; height: 20px; }
.malawi { background-position: -85px -168px; width: 20px; height: 20px; }
.malaysia { background-position: -106px -168px; width: 20px; height: 20px; }
.maldives { background-position: -127px -168px; width: 20px; height: 20px; }
.mali { background-position: -148px -168px; width: 20px; height: 20px; }
.malta { background-position: -169px -168px; width: 20px; height: 20px; }
.marshall-islands { background-position: -190px -168px; width: 20px; height: 20px; }
.mauritania { background-position: -211px -168px; width: 20px; height: 20px; }
.mauritius { background-position: -232px -168px; width: 20px; height: 20px; }
.mexico { background-position: -253px -168px; width: 20px; height: 20px; }
.micronesia { background-position: -274px -168px; width: 20px; height: 20px; }
.moldova { background-position: -295px -168px; width: 20px; height: 20px; }
.monaco { background-position: -1px -189px; width: 20px; height: 20px; }
.mongolia { background-position: -22px -189px; width: 20px; height: 20px; }
.montenegro { background-position: -43px -189px; width: 20px; height: 20px; }
.montserrat { background-position: -64px -189px; width: 20px; height: 20px; }
.morocco { background-position: -85px -189px; width: 20px; height: 20px; }
.mozambique { background-position: -106px -189px; width: 20px; height: 20px; }
.myanmar-burma { background-position: -127px -189px; width: 20px; height: 20px; }
.nato { background-position: -148px -189px; width: 20px; height: 20px; }
.namibia { background-position: -169px -189px; width: 20px; height: 20px; }
.nauru { background-position: -190px -189px; width: 20px; height: 20px; }
.nepal { background-position: -211px -189px; width: 20px; height: 20px; }
.netherlands { background-position: -232px -189px; width: 20px; height: 20px; }
.netherlands-antilles { background-position: -253px -189px; width: 20px; height: 20px; }
.new-zealand { background-position: -274px -189px; width: 20px; height: 20px; }
.nicaragua { background-position: -295px -189px; width: 20px; height: 20px; }
.niger { background-position: -1px -210px; width: 20px; height: 20px; }
.nigeria { background-position: -22px -210px; width: 20px; height: 20px; }
.north-korea { background-position: -43px -210px; width: 20px; height: 20px; }
.northern-cyprus { background-position: -64px -210px; width: 20px; height: 20px; }
.northern-ireland { background-position: -85px -210px; width: 20px; height: 20px; }
.norway { background-position: -106px -210px; width: 20px; height: 20px; }
.opec { background-position: -127px -210px; width: 20px; height: 20px; }
.olimpic-movement { background-position: -148px -210px; width: 20px; height: 20px; }
.oman { background-position: -169px -210px; width: 20px; height: 20px; }
.pakistan { background-position: -190px -210px; width: 20px; height: 20px; }
.palau { background-position: -211px -210px; width: 20px; height: 20px; }
.palestine { background-position: -232px -210px; width: 20px; height: 20px; }
.panama { background-position: -253px -210px; width: 20px; height: 20px; }
.papua-new-guinea { background-position: -274px -210px; width: 20px; height: 20px; }
.paraguay { background-position: -295px -210px; width: 20px; height: 20px; }
.peru { background-position: -1px -231px; width: 20px; height: 20px; }
.philippines { background-position: -22px -231px; width: 20px; height: 20px; }
.poland { background-position: -43px -231px; width: 20px; height: 20px; }
.portugal { background-position: -64px -231px; width: 20px; height: 20px; }
.puerto-rico { background-position: -85px -231px; width: 20px; height: 20px; }
.qatar { background-position: -106px -231px; width: 20px; height: 20px; }
.red-cross { background-position: -127px -231px; width: 20px; height: 20px; }
.romania { background-position: -148px -231px; width: 20px; height: 20px; }
.russian-federation { background-position: -169px -231px; width: 20px; height: 20px; }
.rwanda { background-position: -190px -231px; width: 20px; height: 20px; }
.saint-lucia { background-position: -211px -231px; width: 20px; height: 20px; }
.samoa { background-position: -232px -231px; width: 20px; height: 20px; }
.san-marino { background-position: -253px -231px; width: 20px; height: 20px; }
.sao-tome-principe { background-position: -274px -231px; width: 20px; height: 20px; }
.saudi-arabia { background-position: -295px -231px; width: 20px; height: 20px; }
.scotland { background-position: -1px -252px; width: 20px; height: 20px; }
.senegal { background-position: -22px -252px; width: 20px; height: 20px; }
.serbia-yugoslavia { background-position: -43px -252px; width: 20px; height: 20px; }
.seychelles { background-position: -64px -252px; width: 20px; height: 20px; }
.sierra-leone { background-position: -85px -252px; width: 20px; height: 20px; }
.singapore { background-position: -106px -252px; width: 20px; height: 20px; }
.slovakia { background-position: -127px -252px; width: 20px; height: 20px; }
.slovenia { background-position: -148px -252px; width: 20px; height: 20px; }
.solomon-islands { background-position: -169px -252px; width: 20px; height: 20px; }
.somalia { background-position: -190px -252px; width: 20px; height: 20px; }
.somaliland { background-position: -211px -252px; width: 20px; height: 20px; }
.south-africa { background-position: -232px -252px; width: 20px; height: 20px; }
.south-korea { background-position: -253px -252px; width: 20px; height: 20px; }
.spain { background-position: -274px -252px; width: 20px; height: 20px; }
.sri-lanka { background-position: -295px -252px; width: 20px; height: 20px; }
.st-kitts-nevis { background-position: -1px -273px; width: 20px; height: 20px; }
.st-vincent-the-grenadines { background-position: -22px -273px; width: 20px; height: 20px; }
.sudan { background-position: -43px -273px; width: 20px; height: 20px; }
.suriname { background-position: -64px -273px; width: 20px; height: 20px; }
.swaziland { background-position: -85px -273px; width: 20px; height: 20px; }
.sweden { background-position: -106px -273px; width: 20px; height: 20px; }
.switzerland { background-position: -127px -273px; width: 20px; height: 20px; }
.syria { background-position: -148px -273px; width: 20px; height: 20px; }
.tahiti-french-polinesia { background-position: -169px -273px; width: 20px; height: 20px; }
.taiwan { background-position: -190px -273px; width: 20px; height: 20px; }
.tajikistan { background-position: -211px -273px; width: 20px; height: 20px; }
.tanzania { background-position: -232px -273px; width: 20px; height: 20px; }
.thailand { background-position: -253px -273px; width: 20px; height: 20px; }
.timor-leste { background-position: -274px -273px; width: 20px; height: 20px; }
.togo { background-position: -295px -273px; width: 20px; height: 20px; }
.tonga { background-position: -1px -294px; width: 20px; height: 20px; }
.trinidad-tobago { background-position: -22px -294px; width: 20px; height: 20px; }
.tunisia { background-position: -43px -294px; width: 20px; height: 20px; }
.turkey { background-position: -64px -294px; width: 20px; height: 20px; }
.turkmenistan { background-position: -85px -294px; width: 20px; height: 20px; }
.turks-and-caicos-islands { background-position: -106px -294px; width: 20px; height: 20px; }
.tuvalu { background-position: -127px -294px; width: 20px; height: 20px; }
.uganda { background-position: -148px -294px; width: 20px; height: 20px; }
.ukraine { background-position: -169px -294px; width: 20px; height: 20px; }
.united-arab-emirates { background-position: -190px -294px; width: 20px; height: 20px; }
.united-kingdom-great-britain { background-position: -211px -294px; width: 20px; height: 20px; }
.united-nations { background-position: -232px -294px; width: 20px; height: 20px; }
.united-states-of-america-usa { background-position: -253px -294px; width: 20px; height: 20px; }
.uruguay { background-position: -274px -294px; width: 20px; height: 20px; }
.uzbekistan { background-position: -295px -294px; width: 20px; height: 20px; }
.vanutau { background-position: -1px -315px; width: 20px; height: 20px; }
.vatican-city { background-position: -22px -315px; width: 20px; height: 20px; }
.venezuela { background-position: -43px -315px; width: 20px; height: 20px; }
.viet-nam { background-position: -64px -315px; width: 20px; height: 20px; }
.virgin-islands-british { background-position: -85px -315px; width: 20px; height: 20px; }
.virgin-islands-us { background-position: -106px -315px; width: 20px; height: 20px; }
.wales { background-position: -127px -315px; width: 20px; height: 20px; }
.western-sahara { background-position: -148px -315px; width: 20px; height: 20px; }
.yemen { background-position: -169px -315px; width: 20px; height: 20px; }
.zambia { background-position: -190px -315px; width: 20px; height: 20px; }
.zimbabwe { background-position: -211px -315px; width: 20px; height: 20px; }

a.country_link {
	opacity: .8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

a.country_link:hover {
	opacity: 1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.img_app {
	border:0;
}

a.social_button{
	border:0;
	margin-right: 5px;
	opacity: .8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

a.social_button:hover {
	opacity: 1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#nowplaying {
	text-align:center;
}

input[type='range'] {
	-webkit-appearance: none;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #333;
	background-color: #999;
	height: 10px;
	vertical-align: middle;
}
input[type='range']::-moz-range-track {
	-moz-appearance: none;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #333;
	background-color: #999;
	height: 10px;
}
input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	border-radius: 20px;
	background-color: #FFF;
	box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
	border: 1px solid #999;
	height: 20px;
	width: 20px;
}
input[type='range']::-moz-range-thumb {
	-moz-appearance: none;
	border-radius: 20px;
	background-color: #FFF;
	box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
	border: 1px solid #999;
	height: 20px;
	width: 20px;
}

#cast_stop_button {
	position:absolute;
	left:10px;
	top:20px;
}

#cast_volume {
	position:absolute;
	left:50px;
	top:28px;
}

.chromecast-ready
{
	border:0;
	border-radius:4px;
}

.android-app-on-google-play, .chromecast-ready, .pause-button-hover, .pause-button, .play-button-hover, 
.play-button, .fb, .googleplus, .instagram, .twitter, 
.youtube, .link-favorite, .link-favorite-hover, .link-delete, .link-delete-hover, 
.transparant
{ display: inline-block; background: url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') type('image/png')); overflow: hidden; text-indent: -9999px; text-align: left; }
 
.android-app-on-google-play { background-position: -1px -0px; width: 153px; height: 46px; }
.chromecast-ready { background-position: -1px -47px; width: 130px; height: 45px; }
.pause-button-hover { background-position: -1px -93px; width: 60px; height: 60px; }
.pause-button { background-position: -62px -93px; width: 60px; height: 60px; }
.play-button-hover { background-position: -1px -154px; width: 60px; height: 60px; }
.play-button { background-position: -62px -154px; width: 60px; height: 60px; }
.fb { background-position: -1px -215px; width: 40px; height: 40px; }
.googleplus { background-position: -42px -215px; width: 40px; height: 40px; }
.instagram { background-position: -83px -215px; width: 40px; height: 40px; }
.twitter { background-position: -1px -256px; width: 40px; height: 40px; }
.youtube { background-position: -42px -256px; width: 40px; height: 40px; }
.link-favorite { background-position: -132px -47px; width: 20px; height: 19px; }
.link-favorite-hover { background-position: -132px -67px; width: 20px; height: 19px; }
.link-delete { background-position: -132px -87px; width: 18px; height: 18px; }
.link-delete-hover { background-position: -123px -106px; width: 18px; height: 18px; }
.transparant { background-position: -151px -87px; width: 1px; height: 1px; }

.img_favorite {
	display: inline-block;
	vertical-align: top;
	background: url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') -132px -47px no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') type('image/png'));
	border:0;
	height: 18px;
    width: 18px;
}

.img_favorite:hover {
	background: url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') -132px -67px no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') type('image/png'));
}

.img_delete {
	display: inline-block;
	vertical-align: top;
	background: url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') -132px -87px no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') type('image/png'));
	border:0;
	height: 18px;
    width: 18px;
	margin-left:15px;
}

.img_delete:hover {
	background: url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') -123px -106px no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') type('image/png'));
}

.jp-pause{
	position:absolute;
	left: 60px;
	top:2px;
	background: url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') -62px -93px no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') type('image/png'));
	height:60px;
	width:60px;
}

.jp-play{
	position:absolute;
	left: 60px;
	top:2px;
	background: url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') -62px -154px no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') type('image/png'));
	height:60px;
	width:60px;
}

.jp-play:hover{
	background: url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') -1px -154px no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') type('image/png'));
}

.jp-pause:hover{
	background: url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') -1px -93px no-repeat; background-image: image-set(url('https://www.radioonline.fm/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('https://www.radioonline.fm/images/other/sprite-other.png?v=1') type('image/png'));
}

#ads_links{
	margin-top:5px;
}

#footer_links{
	margin-top: 10px;
}
}

/* Source: player.css */
#header_player .radio-media {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.radio-toggle {
    position: absolute;
    left: 60px;
    top: 2px;
    width: 60px;
    height: 60px;
    padding: 0;
    border: 0;
    background: transparent url('/images/other/sprite-other.png') -62px -154px no-repeat; background-image: image-set(url('/images/other/sprite-other.webp?v=93a17ddde589') type('image/webp'), url('/images/other/sprite-other.png') type('image/png'));
    cursor: pointer;
}
.radio-toggle.is-playing { background-position: -62px -93px; }
.radio-toggle:hover { background-position: -1px -154px; }
.radio-toggle.is-playing:hover { background-position: -1px -93px; }
.radio-toggle:focus-visible { outline: 3px solid #036; outline-offset: 2px; border-radius: 50%; }
.radio-toggle:disabled { opacity: .5; cursor: default; }
#header_player .radio-toggle.is-error {
    left: 0;
    top: 0;
    width: 100%;
    height: 36px;
    border-radius: 8px;
    background: #174e7d;
    color: #fff;
    font: bold 13px Arial, sans-serif;
}
#header_player .radio-toggle.is-error:hover { background: #103958; }
#header_player[data-player-state="error"] .radio-volume { display: none; }
#header_player[data-player-state="error"] .radio-status { left: 0; width: 100%; }
#header_player .radio-volume {
    --volume: 80%;
    position: absolute;
    left: 130px;
    top: 14px;
    width: 150px;
    height: 30px;
    margin: 0;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    border-radius: 16px;
}
#header_player .radio-volume::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(to right, #397dc3 0%, #397dc3 var(--volume), #e1e7ee var(--volume), #e1e7ee 100%);
    box-shadow: inset 0 1px 2px rgb(15 40 65 / 16%);
}
#header_player .radio-volume::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: #e1e7ee;
    box-shadow: inset 0 1px 2px rgb(15 40 65 / 16%);
}
#header_player .radio-volume::-moz-range-progress {
    height: 6px;
    border-radius: 999px;
    background: #397dc3;
}
#header_player .radio-volume::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    margin-top: -6px;
    border: 3px solid #397dc3;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgb(15 40 65 / 25%);
    transition: transform .15s ease, box-shadow .15s ease;
}
#header_player .radio-volume::-moz-range-thumb {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 3px solid #397dc3;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgb(15 40 65 / 25%);
    transition: transform .15s ease, box-shadow .15s ease;
}
#header_player .radio-volume:hover::-webkit-slider-thumb,
#header_player .radio-volume:active::-webkit-slider-thumb { transform: scale(1.1); box-shadow: 0 0 0 4px rgb(57 125 195 / 15%); }
#header_player .radio-volume:hover::-moz-range-thumb,
#header_player .radio-volume:active::-moz-range-thumb { transform: scale(1.1); box-shadow: 0 0 0 4px rgb(57 125 195 / 15%); }
#header_player .radio-volume:focus-visible { outline: 2px solid #397dc3; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
    #header_player .radio-volume::-webkit-slider-thumb { transition: none; }
    #header_player .radio-volume::-moz-range-thumb { transition: none; }
}
.radio-status {
    position: absolute;
    left: 130px;
    top: 41px;
    width: 170px;
    color: #17354f;
    font-size: 11px;
    line-height: 13px;
}
.radio-popup-link { position: absolute; left: 130px; top: 0; font-size: 12px; }

/* Source: responsive.css */
/* Dutch website only. Shared country styles stay in global.css. */
[hidden] { display: none !important; }
#favorites-section { max-width: 900px; margin: 0 auto 18px; }
#favorites-heading { margin: 0 0 10px; font-size: 16px; line-height: 1.5; }
#favorites-empty { margin: 0; padding: 12px; border-radius: 8px; background: #ffffff80; font-size: 13px; line-height: 1.6; }
#favorite_stations .radio_station { height: 128px; }
#favorite_stations .radio_station_options { display: flex; height: 44px; }
#favorite_stations .radio_station_options button { width: 44px; height: 44px; }
.radio_station_options .favorite-toggle { color: #fff; font-size: 24px; line-height: 1; }
.radio_station_options .favorite-toggle[aria-pressed="true"] { color: #ffe080; }
#station-search-feedback {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 900px;
    margin: 0 auto 12px;
    font-size: 14px;
}
#station-search-status { margin: 0; line-height: 1.5; }
#station-search-reset {
    min-height: 44px;
    padding: 8px 14px;
    border: 1px solid #397dc3;
    border-radius: 6px;
    background: #fff;
    color: #124674;
    font: inherit;
    cursor: pointer;
}
#station-search-reset:focus-visible { outline: 3px solid #397dc3; outline-offset: 2px; }
.station-searching #advertise_center,
.station-searching #advertise_right,
.station-searching #buttonMore,
.station-searching #station_info,
.station-searching #temp_header { display: none !important; }
html { scroll-padding-top: 230px; }
body { min-width: 0; }
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
#header, #content, #content2, #footer, #advertise_top { min-width: 0; }
#header { z-index: 30; padding: 10px 0 6px; }
#header_wrapper, #footer_wrapper, #footer_note, #footer_text, #station_info {
    width: calc(100% - 24px);
    max-width: 900px;
    box-sizing: border-box;
}
#header_wrapper { display: grid; gap: 8px; }
.header-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-width: 0; }
#header_logo { min-width: 0; }
#header_logo img { display: block; max-width: 100%; height: auto; }
#header_logo_text { position: static; margin-top: 2px; }
#header_social { position: static; display: flex; align-items: center; flex-shrink: 0; }
.header-main {
    display: grid;
    grid-template-columns: 130px minmax(0, 434px) 32px minmax(140px, 1fr);
    align-items: center;
    gap: 10px;
}
#header_cast_ready, #header_cast, #search-box { position: static; }
#header_cast { width: 32px; min-height: 32px; }
#header_cast a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 44px; }
#header_cast img { max-width: 100%; }
#search-box { width: auto; height: auto; min-width: 0; }
#search-box .input-field { box-sizing: border-box; width: 100%; min-height: 44px; border-radius: 8px; padding: 10px 12px; font-size: 16px; }
#search-box .input-field:focus-visible { outline: 3px solid #9dc7f1; outline-offset: 2px; }
#nowplaying { height: auto; min-width: 0; }
#nowplaying h1 { line-height: 1.4; overflow-wrap: anywhere; }
.ui-autocomplete { z-index: 40; max-height: 40vh; overflow-y: auto; overflow-x: hidden; }
.ui-menu .ui-menu-item-wrapper { padding: 10px 12px; }

/* The same audio controls resize with the page; no second mobile player. */
#header_player_container {
    display: grid;
    grid-template-columns: 98px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 86px;
    margin: 0;
    padding: 8px;
}
#header_player_logo { position: relative; inset: auto; width: 96px; height: 66px; }
#header_player_logo img { display: block; width: 96px; height: 66px; object-fit: contain; }
#header_span { left: 4px; right: 4px; top: 14px; font-size: 12px; }
#header_player { position: relative; inset: auto; min-width: 0; width: 100%; height: 66px; }
#header_player .radio-toggle { left: 0; }
#header_player .radio-volume { left: 72px; width: calc(100% - 72px); }
#header_player .radio-status { left: 72px; width: calc(100% - 72px); }
#header_player .radio-popup-link { left: 72px; }
#header_player #cast_volume { position: absolute; left: 62px; top: 24px; width: calc(100% - 66px) !important; }

#content, #content2 { padding: 10px 12px; }
#content > h2 { max-width: 900px; margin: 0 auto 10px; line-height: 1.5; }
#content .station-grid, #content2 .station-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(106px, 1fr));
    /* Fill holes left when a wide ad starts on a new row. */
    grid-auto-flow: row dense;
    gap: 8px;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
}
.station-grid .radio_station { display: block; width: auto; height: 84px; min-width: 0; margin: 0; }
.station-grid .station, .station-grid .station_active {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    float: none;
    width: 100%;
    height: 84px;
}
.station-grid .zender_logo { flex: 0 0 96px; margin: 0; }
.station:focus-visible, .station_active:focus-visible { outline: 3px solid #397dc3; outline-offset: 1px; }
.radio_station_options { box-sizing: border-box; left: 2px; right: 2px; bottom: 0; width: auto; height: 32px; padding: 0; align-items: center; justify-content: center; gap: 4px; }
.radio_station:hover .radio_station_options, .radio_station:focus-within .radio_station_options { display: flex; }
.radio_station_options button { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 32px; padding: 0; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
.radio_station_options button[aria-pressed="true"] { background: rgb(255 255 255 / 22%); }
.radio_station_options button:focus-visible { outline: 2px solid white; outline-offset: -3px; }
#content2 .station-grid { display: grid; }
#buttonMore { max-width: 900px; margin: 8px auto; }
.buttonMore { box-sizing: border-box; width: 100%; float: none; display: block; }
.temp { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fill, minmax(106px, 1fr)); gap: 8px; position: static; width: auto; padding: 8px; }
#temp_header { position: static; grid-column: 1 / -1; width: auto; padding: 8px; }

/* Existing ad slots remain, but their fixed widths no longer widen the page. */
#advertise_top { box-sizing: border-box; max-width: 100%; }
#advertise_center, #advertise_right {
    grid-column: 1 / -1;
    box-sizing: border-box;
    position: static;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
}
#advertise_center { height: auto; min-height: 280px; padding: 12px 0; }
#advertise_right { height: 280px; }
#advertise_right .adsbygoogle { height: 100%; }
@media (min-width: 640px) {
    #advertise_center, #advertise_right { grid-column: span 3; }
    #advertise_center { grid-row: span 4; }
    #advertise_right { grid-row: span 7; height: 600px; }
}
#footer_wrapper, #footer_note { padding-left: 8px; padding-right: 8px; line-height: 1.7; overflow-wrap: anywhere; }
#footer_wrapper a { display: inline-block; padding: 6px 2px; }
.country-flags {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(38px, 1fr));
    margin: 12px auto;
}
#footer_note .country_link {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0;
    padding: 0;
}
#footer_note .country_link:focus-visible { outline: 2px solid #397dc3; outline-offset: -2px; }
#footer_text, #station_info { padding: 12px; line-height: 1.6; overflow-wrap: anywhere; }
#footer_text { margin: 10px auto 0; }
#station_info { width: 100%; margin: 0 auto 10px; }
.footer-social { display: none; }

@media (max-width: 900px) {
    .header-main { grid-template-columns: minmax(0, 434px) 32px minmax(140px, 1fr); }
    #header_cast_ready { display: none; }
}
@media (max-width: 760px) {
    .country-flags { grid-template-columns: repeat(auto-fit, minmax(44px, 1fr)); }
    html { scroll-padding-top: 260px; }
    #header { padding-top: max(8px, env(safe-area-inset-top)); }
    #header_wrapper { gap: 8px; }
    #header_logo { max-width: calc(100% - 44px); }
    #header_logo img { width: 260px; }
    #header_logo_text, #header_social { display: none; }
    .header-main { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    #header_cast { position: absolute; right: 0; top: 0; }
    #header_cast a { min-width: 44px; }
    #search-box { width: 100%; }
    #nowplaying h1 { font-size: 12px; }
    #advertise_top { display: none !important; min-height: 0 !important; }
    #footer_links { line-height: 1.8; }
    .footer-social { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; padding: 12px; }
    .ui-menu .ui-menu-item-wrapper { min-height: 24px; }
    #gritter-notice-wrapper {
        top: auto;
        bottom: calc(12px + env(safe-area-inset-bottom));
        right: 12px;
        width: calc(100% - 24px);
        max-width: 320px;
        max-height: 40vh;
        overflow-y: auto;
    }
    .gritter-with-image { width: calc(100% - 60px); }
}
@media (max-width: 760px), (hover: none), (pointer: coarse) {
    .station-grid .radio_station { height: 128px; }
    .radio_station_options { display: flex; height: 44px; }
    .radio_station_options button { width: 44px; height: 44px; }
}
@media (max-width: 760px) and (max-height: 500px) {
    html { scroll-padding-top: 175px; }
    #header_logo { display: none; }
    .header-top { display: none; }
    #nowplaying { display: none; }
    .header-main { grid-template-columns: minmax(0, 1fr) 44px; }
    #header_cast { position: static; grid-column: 2; grid-row: 1; }
    #search-box { grid-column: 1 / -1; }
}

/* Listening information follows the station overview on every screen size. */
#listening-guide { box-sizing: border-box; max-width: 900px; margin: 16px auto; padding: 16px; text-align: left; line-height: 1.65; overflow-wrap: anywhere; }
#listening-guide h2 { margin: 0 0 12px; font-size: 20px; line-height: 1.35; }
#listening-guide h3 { margin: 20px 0 8px; font-size: 16px; line-height: 1.4; }
#listening-guide p { margin: 0 0 12px; }
#listening-guide a { text-decoration: underline; }
#listening-guide a:focus-visible { outline: 2px solid #1768a4; outline-offset: 3px; }

/* Keyboard users can skip the header and player without tabbing through them. */
.skip-link {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 10001;
    transform: translateY(-200%);
    padding: 12px 16px;
    border: 2px solid #1768a4;
    border-radius: 6px;
    background: #fff;
    color: #07345e;
    font: bold 16px/1.4 Arial, sans-serif;
}
.skip-link:focus { transform: translateY(0); outline: 2px solid #fff; outline-offset: 2px; }
#main-content:focus { outline: none; }

/* Give navigation links their own target without enlarging links inside sentences. */
#station_info nav a,
#listening-guide > p > a:only-child,
#listening-guide li > a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 24px;
    margin: 2px 0;
    padding: 4px 6px;
}
#station_info nav a:focus-visible { outline: 2px solid #1768a4; outline-offset: 2px; }
@media (max-width: 760px), (pointer: coarse) {
    #station_info nav a,
    #listening-guide > p > a:only-child,
    #listening-guide li > a { min-height: 44px; }
}