body {
	margin:0px;
	padding:0px;
	font:11px/20px verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:white;
	}
h1 {
	margin:5px 0px 5px 0px;
	padding:10px 0px 0px 0px;
	
	text-align:center;
	font-size:18px;
	line-height:18px;
	font-weight:900;
	color:#888;
	border-style:solid;
	border-color:#888;
	border-width:1px 0px 0px 0px;
	}
	
h2 {
	margin:0px 0px 5px 0px;
	padding:0px;
	text-align:center;
	font-size:14px;
	line-height:14px;
	font-weight:900;
	color:#333;
}
	
td, center {
	font:11px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 1px 0px 0px;
	padding:0px;
	padding-left:2px;
	padding-right:5px;
	}

p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
	
a {
	color:#05f;
	font-size:14px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:hover {background-color:#aaa;}
	
.header-menu {
	position:relative;
	top:0px;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	height:20px;
	width:99%;
	border-style:solid;
	border-color:#aaa;
	border-width:1px 1px 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:12px;
	background-color:#ddd;
}


.summary {
	position:absolute;
  	margin-left: -5px;
  	margin-top: 0px;
	text-align:center;
	padding:0px 0px 0px 0px;
	height:100px;
	width:90%;
	border-style:solid;
	border-color:#aaa;
	border-width:1px 1px 1px 1px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:14px;
	background-color:#eee;
}

#bar {
	color:#333;
}
	
.grey-box {
	background-color: #ddd;
}

@media (prefers-color-scheme: light) {
  body {
  		color: #333;
  		background-color: #fff;
  	}
  	.grey-box {
  		background-color: #ddd;
  	}
  	.flot-x-axis .tickLabel { color: #444 }
  	.flot-y-axis .tickLabel { color: #444 }
}

@media (prefers-color-scheme: dark) {
	body {
  		color: #eee;
  		background-color: #333;
  		
  	}
  	.grey-box {
  		background-color: #555;
  	}
  	.flot-x-axis .tickLabel { color: #bbb }
  	.flot-y-axis .tickLabel { color: #bbb }
  	
  	.header-menu {
  		background-color: #555;
  		border-color:#777;
  	}
  	a {
  		color:#38f;
  	}
  	.summary {
  		background-color:#555;
  	}
  	#bar {
  		color:#eee;
  	}
}