@import url('https://fonts.googleapis.com/css?family=Lato:900|Roboto:400,700|Roboto+Condensed:400,700|Roboto+Mono:400,700&subset=latin-ext');		
		body {font-size:1vw; color: rgba(64,64,64,1); box-sizing: border-box; background-color:rgba(240,240,240,1); width:100%; margin:auto; font-family: 'Roboto Condensed', sans-serif; background-position:top center; background-image: url('pics/bg.png'); background-size:10%; background-repeat:repeat; overflow-x:hidden; text-sh adow: 0 0 0.5px;}
		body * {box-sizing: border-box;}
		header { margin:0 0 0.5em 0; background-color:rgba(64,64,64,1); color:rgba(255,255,255,1); font-family: 'Lato', sans-serif; padding:0.25em 0.5em; font-weight:700;} 
		header img {height:2em; float:left; margin:0.25em -5em -0.25em 0.5em; }
		label {vertical-align:bottom; line-height:1;}
		input, option, select { box-sizing: border-box; color: rgba(92,92,92,1); font-family: 'Roboto Mono', sans-serif; padding:0 0.5em; height:1.5em !important; border:0.1em solid white; font-size:100%; line-height:1; font-weight:700; box-shadow:inset 0.1em 0.1em 0.2em rgba(0,0,0,0.1); text-shadow:0.1em 0.1em 0.1em rgba(0,0,0,0.1); }
		option {font-size:0.75em; }
		input[type='checkbox'] {min-width:1.5em; width:1.5em; margin:0; }
		button { background-color: rgba(192,192,192,1); min-width:0; border-radius: 0.33em; padding:0 0.5em; height:1.5em; border-width:1px; font-family: 'Lato', sans-serif; cursor:pointer; line-height:1.5; font-size:100%; font-weight:700; box-shadow:inset 0.1em 0.1em 0.2em rgba(255,255,255,1), inset -0.1em -0.1em 0.2em rgba(0,0,0,1); }
		textarea {color:rgba(0,0,0,1); padding:0.125em 0.25em; width:100%; font-family: 'Source Sans Pro', sans-serif; font-size:100%;font-weight:700; margin:0; box-shadow:inset 0 0.1em 0.2em rgba(0,0,0,0.1); border-radius: 0.33em; border-width:1px;}
		table {margin:auto; width:100%; border-spacing: 0;}
		th {font-size:67%; padding:0 0.25em;}
		td {vertical-align:top; padding:0 0.25em 0.25em 0.25em;}
		td span {vertical-align:baseline;}
		a, a.link, a.visited, a.active {text-decoration:none; color:rgba(200,0,0,1);}
		a:hover {text-shadow;}
		header a { color:rgba(255,255,255,1); }
		.max {width:100%;}
		.center {text-align:center;}
		.right {text-align:right;}
		.left {text-align:left;}
		.big {font-size:150%;}
		.huge {font-size:300%;}
		.small {font-size:80%;}
		.red {color:rgba(200,0,0,1);}
		.vote { color:rgba(0,0,0,1); background-color:rgba(250,250,255,1); padding: 0 0.25em; box-shadow:0.1em 0.1em 0.3em rgba(0,0,0,0.5);}
		.bold, b {font-weight:700; font-family:'Roboto';}
		.lato {font-family: 'Lato', sans-serif;}
		footer {font-size:0.75em; margin:0; background-color:rgba(64,64,64,1); color:rgba(255,255,255,1); text-align:right; font-family: 'Lato', sans-serif; padding:0.5em; line-height:0.8; text-transform:uppercase; letter-spacing:1px;}
		footer a {color:white;} footer a:hover {color:red;} 
	nav {margin:0;text-align:center;font-size:1em; width:100%; }	
	#li nki {display:inline; margin:0; font-family: 'Lato', sans-serif; letter-spacing:0.2em; }
	nav div {margin:0.5em;font-weight:700;padding:0.5em;text-align:center;transition-duration:0.25s;border-radius:0.25em;}
	nav img { display:block; height:2em; margin:0.25em 0; }	
	nav input { display:block; height:1em; margin:0.125em auto; min-width:4.5em; font-size:200%; border-radius: 0.16em; text-transform: uppercase;}	
	nav a, nav span { display:inline; color: rgba(92,92,92,1); text-decoration:none; width:100%; margin:0 0 0 0; line-height:0.8;}
	header ~ nav div:hover * { color: rgba(200,0,0,1); text-decoration:none; }		
		
h2 {display:block; width:100%; border-bottom:2px solid; text-indent:1em; font-family:'Roboto'; font-size:1vw;}		
img.left {float:left; margin:0 0 0 0; padding:0 0.5em; width:33%; vertical-align:top; clear:left;}
img.right {float:right; margin:0 0 0 0; padding:0 0.5em; width:33%; vertical-align:top; clear:right;}
img.small {max-width:10em;}
p {text-tr ansform: uppercase; text-align:justify; text-indent:1em; margin:0.5em; }	
	
	
body { display: flex; flex-flow: column wrap; justify-content: space-around; height:100vh;}
header { flex: 0 auto; max-height:3em; letter-spacing:1px; text-shadow: none;}
nav { flex: auto auto; display: flex; flex-flow: row nowrap; text-s hadow: none; letter-spacing:1px;}
nav div { flex: 1 auto; }
nav div:first-of-type { margin-left:0; }
nav div:last-of-type { flex: 0 20em; margin-right:0; min-width:11em; }
main { flex: 100 1em; overflow-y:auto;}
footer { flex: 0 1em; }
svg {margin:0; padding:0; display:inline; height:auto;}

.zoom { transition-duration:0.25s; cursor:pointer;}
.zoom:hover { transform: scale(1.2, 1.2); color: rgba(255, 0, 0, 1); cursor:pointer;}
a.zoom:hover { transform: scale(1.2, 1.2); color: rgba(255, 0, 0, 1); cursor:pointer;}
.hov:hover {color:rgba(200,0,0,1); cursor:default; background-color:rgba(255,255,255,1);}
.hov2 td {cursor:default; border-bottom:solid thin transparent; border-top:solid thin transparent; vertical-align:top; padding-top:1px;}
.hov2:hover td {cursor:default; border-bottom:solid thin white; border-top:solid thin white; }
ol { margin:0; padding:0 1em 0 2em; list-style-position: outside; }
ul { margin:0; padding:0 0; list-style-position: inside; }
ol li { margin:0.25em 0; padding:0; text-align:justify; }
ul li { list-style-type:none; margin:0.125em 0; padding:0 0em 0 1em; text-align:justify; display:inline-block; width:100%;}
ul li::before {content: "●"; display: inline-block; f ont-weight:700; width: 1em; margin-left: -1em}
@keyframes blink { 0% { opacity:1; } 33% { opacity:1; } 34% { opacity:0.33; }  100% { opacity:1; }}
.blink { animation: blink 0.5s linear infinite; }
@keyframes dslide {	from {transform: translate(0, 150%);} to {transform: translate(0, 0);}}
.dslide {animation: dslide 1.4s ease-out 1; }
@keyframes uslide {	from {transform: translate(0, -150%);} to {transform: translate(0, 0);}}
.uslide {animation: uslide 1.4s ease-out 1; }
@keyframes lslide {	from {transform: translate(150%, 0);} to {transform: translate(0, 0);}}
.lslide {animation: rslide 1.4s ease-out 1; }
@keyframes rslide {	from {transform: translate(-150%, 0);} to {transform: translate(0, 0);}}
.rslide {animation: lslide 1.4s ease-out 1; }
@keyframes fadein {	from {opacity:0;} to {opacity:1;};}
.fadein {animation: fadein 0.5s ease-in 1; }
@keyframes zoomin {	from {transform:scale(0);} to {transform:scale(1);};}
.zoomin {animation: zoomin 0.25s ease-in 1; }
@keyframes zoomout {	from {transform:scale(1);} to {transform:scale(0);};}
.zoomout {animation: zoomout 0.25s ease-in 1; }
main  {animation: fadein 0.5s ease-in 1; }
.warning {background-color:rgba(255,255,0,1);}
.error {background-color:rgba(255,255,0,1); }
.mo no {font-family:'Orbitron', monospace; letter-spacing:1px;}
.mono, .mono * {font-family:'Roboto Mono', monospace; letter-spacing:-0.075em; margin:0 0.05em;}

thead {}
thead th {position: sticky; top: 0; background-color:rgba(255,255,255,1); color:rgba(0,0,0,1)}

@keyframes slider {	0% {transform:translate(-800%,0);} 20% {transform:translate(-800%,0);}  25% {transform:translate(-600%,0);} 45% {transform:translate(-600%,0);} 50% {transform:translate(-400%,0);} 70% {transform:translate(-400%,0);}  75% {transform:translate(-200%,0);} 95% {transform:translate(-200%,0);}  100% {transform:translate(0%,0);} }
.slide {animation: slider 60s ease-in-out 1; }

@keyframes qso_lines { 0% { opacity:0; } 10% { opacity:0.9; } 50% { opacity:0.25; } 100% { opacity:0.25; }}
path.b160m {stroke:rgba(200,0,0,1); animation: qso_lines 2s linear forwards;}
path.b80m {stroke:rgba(220,220,0,1); animation: qso_lines 2s linear forwards;}
path.b40m {stroke:rgba(0,255,0,1); animation: qso_lines 2s linear forwards;}
path.b20m {stroke:rgba(0,255,255,1); animation: qso_lines 2s linear forwards;}
path.b15m {stroke:rgba(64,64,255,1); animation: qso_lines 2s linear forwards;}
path.b10m {stroke:rgba(255,0,255,1); animation: qso_lines 2s linear forwards;}
@keyframes qso_sttns { 0% { opacity:0; } 20% { opacity:0.25; } 80% { opacity:0.25; } 100% { opacity:0; }}
#qso_sttns circle, #qso_sttns text {stroke:rgba(0,0,0,1);}
g text {font-family: 'Lato', sans-serif; font-weight:700;}


@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
#busy_msg {
	position:relative;
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
	font-size:200%;
	font-weight:700;
	opacity: 0.75;
}	

#busy {
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
-ms-transition: opacity 0.25s;
transition: opacity 0.25s;
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 160px;
  margin-top: -80px;
  margin-left: -80px;
  border-radius: 50%;
  border: 30px solid rgba(204,204,255,0);
  border-top-color: rgba(200,0,0,0.5);
  border-bottom-color: rgba(255,255,255,0.5);
  animation: spinner 1s linear infinite;
}

tr.green { background-color:rgba(195,255,195,0.5); }
tr.red { background-color:rgba(255,195,195,0.5); }
tr.yellow { background-color:rgba(255,255,195,0.5); }
tr.blue { background-color:rgba(195,195,255,0.5); }
tr.gray { color:rgba(150,150,150,1); }

.ukraine { 
background: rgb(239,255,0);
background: -moz-linear-gradient(0deg, rgba(239,255,0,1) 16%, rgba(0,24,255,1) 42%);
background: -webkit-linear-gradient(0deg, rgba(239,255,0,1) 16%, rgba(0,24,255,1) 42%);
background: linear-gradient(0deg, rgba(239,255,0,1) 16%, rgba(0,24,255,1) 42%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efff00",endColorstr="#0018ff",GradientType=1);
background-clip: text; color: transparent; } 


#STATIONS td {vertical-align:middle;}
#AWARDS td, #AWARDS input {vertical-align:top; padd ing:1em;}
td.GOLD { font-weight:700; text-align:center; bo rder: 0.25em rgba(255,250,0,1) solid; backgr ound-color: rgba(255,250,128,0.5); color:rgba(255,250,0,1); text-shadow:0 0 10px rgba(255,250,0,1), 0 0 5px rgba(0,0,0,1), 0 0 1px rgba(255,250,0,1); box-sha dow: inset 0 0 3px rgba(0,0,0,0.5); letter-spacing:+3px;}
td.SILVER { font-weight:700; text-align:center; bor der: 0.25em rgba(230,230,255,1) solid; ba ckground-color: rgba(255,255,255,0.5); text-shadow:0 0 5px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1); color: rgba(230,230,255,1); box-sh adow: inset 0 0 3px rgba(0,0,0,0.5); letter-spacing:+1px;}
td.BRONZE { text-align:center; bord er: 0.25em rgba(240,210,200,1) solid; back ground-color: rgba(240,210,200,0.5); text-shadow:0 0 5px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1); color: rgba(240,210,200,1); box-sha dow: inset 0 0 3px rgba(0,0,0,0.5);}
td.BASIC { text-align:center; bor der: 0.25em rgba(240,210,200,0) solid; font-weight:700;}

.poof { opacity:0; }
.pointer { cursor:pointer; }
[hidden], .hidden { display:none !important; }

[disabled], .disabled { pointer-events:none; opacity:0.5;}


.flexrow {display: flex; flex-flow: row; width:100%; justify-content: space-around;}
.flexrow.wrap { flex-wrap:wrap; }
.flexrow > * { flex: 1 1 auto;  }
.flexrow > .min { flex: 0 0 auto; m argin:0 0.25em; }

.flexcol {display: flex; flex-flow: column; height:100%; justify-content: space-around;}
.flexcol.wrap { flex-wrap:wrap; }
.flexcol > * { flex: 1 1 auto;  }
.flexcol > .min { flex: 0 0 auto; m argin:0 0.25em; }

.pointer:hover { color:red;}
.bottom { vertical-align:bottom; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.baseline { vertical-align:baseline; }