body
	{
		font-family: helvetica, verdana, serif;
		font-size: 14pt;
		color: #E3E3E3;
		cursor: default;
		background-color: #111;
		padding: .5em;
		margin: 0 0 4em 0;
		color: lightgrey;
	}

h1, h2, h3
	{
		color: white;
		font-size: 1.6em;
		margin: 0 0 .6em 0;
		padding: 0;
	}
h2
	{
		font-size: 1.4em;
	}
h3
	{
		font-size: 1.2em;
	}


div#header
	{
		margin-bottom: 2em;
		text-align: center;
		user-select: none;
		border-radius: .25em;
	}
div#header div
	{
		text-align: center;
	}
div#header h1
	{
		font-size: 2.4em;
		margin: .2em 0 0 0;
		text-shadow: 0 .2em .6em white;
		animation: glowy 5s linear infinite;
	}
div#header h2
	{
		font-size: 1.3em;
		margin: .4em 0 0 0;
		font-style: italic;
		color: lightgrey;
		text-shadow: 0 0 .2em darkgreen;
	}
div#header h3
	{
		font-size: 1.1em;
		margin: .4em 0 0 0;
		font-weight: normal;
		color: goldenrod;
	}
div#main
	{
		min-width: 330px;
		max-width: 95%;
		width: auto !important;

		width: 95%;

		margin: 0 auto;
		text-align: center;
	}
div#main > div
	{
		max-width: 1280px;
		text-align: left;
		margin: 0 auto;
	}
div#footer
	{
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 1em;
		background: #333;
		user-select: none;
	}

div#info
	{
		position: fixed;
		min-width: 300px;
		max-width: 500px;
		width: 500px;
		min-height: 160px;
		max-height: 300px;
		height: auto !important;
		height: 300px;

		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99;
		margin: auto;
		background-color: #404E59;
		border: 2px solid #A2A2A2;
		visibility: hidden;

		border-radius: .1em;
	}
div#info div#ihead
	{
		color: #555;
		font-size: 16px;
		background-color: #CCC;
		padding: 4px 8px;
	}
div#info div#ic
	{
		padding: 8px 12px;
		font-size: 12pt;
		font-weight: normal;
	}
div#info span#iclose
	{
		color: #555;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 15px;
		padding: 0 10px;
		background-color: #A2A2A2;
		cursor: pointer;
		height: 28px;
		line-height: 28px;
	}
div#info span#iclose:hover
	{
		color: #EEE;
		background-color: #222;
	}

div#fsbg
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 90;
		background-color: #555;
		visibility: hidden;
	}

a
	{
		text-decoration: none;
		color: darkgrey;
	}
a[target="_self"]
{
	text-decoration: underline dashed;
}
a:hover
	{
		color: grey;
	}

#footer
	{
		display: flex;
		gap: .2em;
		align-content: center;
	}
#footer a
	{
		text-decoration: none;
		color: white;
		padding: .4em .6em;
		border-radius: .1em;
		background: #777;
	}
#footer a:hover
	{
		color: #111;
		background: #ADADAD;
	}
	
font.info,
span.info
	{
		font-size: .8em;
		color: grey;
	}
	

span.emofc:before
	{
		content: "@";
	}
span.emofc:after
	{
		content: ".";
	}

@keyframes glowy {
	0%{
		text-shadow: 0 0 .1em darkgreen;
	}
	50%{
		text-shadow: 0 0 .5em lime;
	}
	100%{
		text-shadow: 0 0 .1em darkgreen;
	}
}




table.intable
	{
		display: table;
		width: 100%;
		border-radius: .3em;
		overflow: hidden;
		background: #9A9A9A;
    border-collapse: collapse;
	}
table.intable th
	{
		font-size: 1.2em;
		color: white;
		font-weight: bold;
		background: #444;
		padding: .4em;
		border-right: 1px solid #808080;
		text-align: center;
		width: 50%;
	}
table.intable th:last-of-type
	{
		border-right: none;
	}
table.intable th.h
	{
		text-align: left;
		font-size: 1.3em;
		color: black;
		background: #808080;
	}
table.intable th.hh
	{
		font-weight: normal;
		font-size: 1em;
	}

table.intable td
	{
		padding: .4em;
		color: #111;
		border-right: 1px solid #111;
	}
table.intable td:last-of-type
	{
		border-right: none;
	}

table.intable tr > td
	{
		border-bottom: 1px solid #111;
	}
table.intable tr:last-of-type > td
	{
		border-bottom: none;
	}

table.intable td.nodata
	{
		padding: .6em;
		font-style: italic;
		text-align: center;
	}
table.intable td a
	{
		color: #111;
	}
table.td a:hover
	{
		color: #000;
	}
	
font.infofont
	{
		font-size: .8em;
		color: grey;
	}
font.hl
	{
		font-style: italic;
	}
font.b
	{
		font-weight: bold;
	}