body {font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display:block;}
form {padding:0;margin:0;}
select, input[type=text], input[type=password], textarea {border:1px solid gray;font-size:12px;margin:1px;vertical-align:middle;}
input[type=submit], input[type=button] {font-size:16px;padding:4px 12px;display:inline-block;margin-left:10px;}
input[type=radio] {vertical-align:bottom;}
div, section {padding:1px;}
section#scoring {padding-left:10px;}
td {font-size:12px;}
h2 {color:black;margin:0 0 10px 0;padding:5px;background:gainsboro;font-size:14px;}
.long   {width:240px;}
.medium {width:120px;}
.short  {width:40px;height:18px;}
.input-caption {font-weight:bold;font-size:12px;}
header, .header {background-color:firebrick;font-size:14px;color:white;padding:5px;font-weight:bold;}
footer, .footer {background-color:firebrick;font-size:14px;}
.error-message {color:firebrick;font-weight:bold;background-color:beige;padding:10px;}
.user-message {color:darkgreen;font-weight:bold;background-color:beige;padding:10px;}
.debug-message {color:dimgray;}
.hint {font-size:12px;}
.leaderboard th, .leaderboard td {padding:1px 2px 1px 2px;text-align:center;}
.leaderboard th {font-weight:normal;background-color:firebrick;color:white;}
aside {padding-top:10px;font-size:12px;}
tr.inactive {background-color:gainsboro;}
div.qrcodes, div.qrcodes td {font-size:18pt;font-weight:bold;}
div.qrcodes table {border-collapse:collapse;}
div.qrcodes tr {border-bottom:1px solid black;}
div.qrcodes td {padding:10px 0 10px 0;}
div.qrcodes h1 {font-size:18pt;text-align:center;background:none;margin:auto;padding:0;}
div.qrcodes h2 {font-size:18pt;text-align:center;background:none;margin:auto;padding:0;}
@media print {
    div.qrcodes img {width:5cm;}
    div.qrcodes, div.qrcodes td {font-size:12pt;font-weight:bold;}
    div.qrcodes h1 {font-size:14pt;}
    div.qrcodes h2 {font-size:14pt;}
}