html,
body {
  font: 16px Arial, sans-serif;
}

table,
header,
footer {
  margin: .5em;
}

header,
footer {
  background-color: #ecf7f9;
  border: .1em solid #099;
  padding: .7em;
}

footer {
  text-align: center;
}

h1 {
  border-bottom: .2em solid #099;
  color: #099;
  font-size: 1.5em;
}

form, table {
  border: .2em solid #099;
}

table {
  border-collapse: collapse;
}

td,
th {
  border: .1em solid #099;
  padding: .5em;
}

th {
  background: #099;
  color: white;
}

p,
pre {
  margin: 1em;
}

label, legend {
  font-weight: bold;
}

label {
  display: block;
}

fieldset {
  border: .1em solid #099;
  margin: .5em;
  padding: .5em;
}
.note {
  font-size: .85em;
  font-style: italic;
}

.error {
  color: red;
}