@import url('https://fonts.googleapis.com/css2?family=Wallpoet&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html,
body {
	margin:0px;
	padding:0px;
	font-family: 'Roboto',"Segoe UI", Tahoma, Geneva, sans-serif;
	line-height: 1.42857;
	background-color:#333;
	color:#FFF;
}
h1#title {
	background-repeat: no-repeat;
	background-position: top left;
	background-color:transparent;
	text-indent:120px;
	font-size:80px;
	height:100px;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:0px;
}
h1#title a:link,
h1#title a:visited,
h1#title a:active {
	font-family: 'Wallpoet', "Segoe UI", Tahoma, Geneva, sans-serif;
	text-decoration:none;
	color:#FFF;
    font-weight: 400;
}
span#extras {
	background-color:#CCC;
	color:#000;
	font-size:12px;
	border-radius: 20px 0 0 20px;
	padding:4px 6px;
	float:right;
	margin-top:5px;
}
span#extras img {
	vertical-align: middle;
}
span#extras a:link {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
span.nobreak {
	white-space: nowrap;
}
div#footer {
	font-size:10px;
	text-align:center;
}
div#wrapper {
	padding:20px;
	padding-top:5px;
	padding-bottom:0px;
}
div#wrapper div.box {
	float:left;
	border:3px solid #0099cc;
	margin:4px;
	padding:0px;
	background-color:#666;
	font-size:1.1em;
	overflow:hidden;
}
@media (max-height: 800px) {
	div#wrapper div.box {
		font-size:0.8em;
	}
}
div#wrapper div.box div.title {
	margin:0px;
	padding:5px 0px;
	background-color:#0099cc;
	color:#EEE;
	text-align:center;
	font-weight:bold;
	border:0px;
	font-size:1.2em;
}
div#wrapper div.box table {
	margin:0px;
	width:100%;
}
div#wrapper div.box table input[type=text],
div#wrapper div.box table select,
div#wrapper div.box table textarea {
	margin:0px;
	font-size:85%;
	width:90%;
	padding:0px;
}
div#wrapper div.box table input[type=button],
div#wrapper div.box table input[type=submit] {
	margin:0 4px;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	border:2px solid #000;
	background-color:#444;
	color: #FFF;
}
div#wrapper div.box table th {
	font-weight:bold;
	background-color:#0099cc;
	padding:2px;
	white-space:nowrap;
}
table tr:nth-child(even) {
	background: #777;
}
table tr:nth-child(odd) {
	background: #666;
}
div#wrapper div.box table td {
	border:1px dotted #0099cc;
	padding:2px;
}
div#wrapper div.box table.small {
	font-size:70%;
}
span#number {
	font-family:Courier,monospace;
}
div.loadingWrapper {
	text-align:center;
	margin-top:30px;
}
div.loadingWrapper img {
	width:128px;
	height:128px;
}
div.iconWrapper {
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
}
div.iconWrapper img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}