html{
	font-family:sans-serif;
}
body{
margin:0;
padding:0;
color:#000000;
background-color:#EEE;
}
h1{
margin:0;
padding:0.1em .2rem;
color:#EEE;
background:#636;
font-size:1.5em;
font-style:italic;
line-height:1.4em;	
}
table {
	border-collapse: collapse;
	margin: .3rem;
	table-layout: fixed;
}
table td {
	border: 1px solid #666;
	padding: .2rem;
	height: 3.2rem;
	width: 20%;
}
table td.exedone, table td.blank {
	background: #CFC;
	color: #600;
}

.links{
margin:0.2em 0;
padding: 0;
list-style:none;
}
.links li{
padding:0;
margin:0.2rem;
display: inline-block;
}
.links li a, .links li button {
	font-size: 1rem;
	display: block;
	background: #FFF;
	text-decoration: none;
	width: 5.9em;
	border: 1px solid #CCC;
	border-radius: .3em;
	line-height: 1.6em;
	height: 1.6em;
	box-sizing: content-box;
	text-align: center;
	color: #464;
	font-weight: bold;
	font-variant: all-small-caps;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}
.links li a:hover, .links li button:hover{
	background:#FEE;
}
.result {
	border: 0;
	margin: 0.2rem 0;
	padding: 0.2rem;
	background: #FEE;
	color: #066;
	font-size: 1.3em;
	font-weight: bold;
}

.done {
	padding:0 .2rem;
	margin: .5rem 0 .2rem 0;
	list-style: none;
}
.done li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.text {
	padding: .5em;
}
#msg {
	background: #622;
	font-weight: bold;
	color: #fff;
	line-height: 1.4em;
	padding: 0 .5em;
}
#footer{
	border-top:1px solid #444;
	padding:0.2rem;
	color:#444;
	font-size:.7rem;
	text-align:right;
}

@media print {
	.links, #footer { 
		display: none;
	}
	body {
		background: #FFF;
	}
	h1 {
		color: #333;
		background: #EEF;
	}
}