body {
  color:#444444;
  background-color:#ddeeff;
  font-family:arial,verdana,sans-serif;
  max-width:42em;
  min-width:device-width;
  margin: 0 auto;
}
h1 {
  color:#000000;
  font-size: 2em;
}
p {
  color:#009900;
  font-size: 1em;
}
table {
  color:#000000;
  background-color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-color:#ffffff;
  font-size: 1em;
}
table.score {
  color:#000000;
  background-color:#ffffff;
  border-style:none;
  border-width:0px;
  border-color:#ffffff;
}
td, th {
  padding:4px;
  background-color:#ffffbb;
  border-style:solid;
  border-width:1px;
  border-color:#ffffff;
}
select {
  font-size: 0.67em;
}
select:focus {
  outline:#000 dotted 1px; 
} 
input {
  border-style:solid;
  border-width:1px;
  font-size: 0.67em;
}
input.output {
  font-family:times,serif;
  font-weight:bold;
  border-style:none;
  border-color:#ffffff;
  background-color:#ddeeff;
}
input:focus {
  outline:#000 dotted 1px; 
}    
legend {
  font-size: 1em;
}
legend.output-legend {
  font-size:1.33em;
}

.alert {
  font-size: 1em;
  color: #ff0000;
}
center.alert {
  font-size: 1em;
  color: #ff0000;
}