body            { font-family: sans-serif; background: #eee; }
a, h1, h2       { color: #227b64; }
h1, h2          { font-family: 'Georgia', serif; margin: 0; margin-top: 0.9em; }
h1              { border-bottom: 2px solid #eee; }
h2              { font-size: 1.2em; }
input           { margin-top: 0.5em; border: 1px solid gray;}

.page           { margin: 2em auto; width: 90%; border: 3px solid #ccc;
                  padding: 0.8em; background: white; }
.index {
  margin-top: 1em;
}

#questions      {
  margin-top: 1em;
}
.question       {
  padding-bottom: 0.5em;
}
.autoformat     {
  border-bottom: 1px solid gray;
}
.warning        {
  font-size: small;
  color: red;
}
.message {
  font-size: large;
  color: red;
  margin-top: 1em;
  margin-bottom: 1em;
}

textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.header {
  text-align: right;
  font-size: small;
}
.footer {
  text-align: left;
  font-size: small;
}

.summary_single {
  list-style-type: disk;
}
.summary_multiple {
  list-style-type: square;
}
.summary_open {
  list-style-type: circle;
  font-style: italic;
}
.thankyou {
  font-size: large;
  margin-top: 1em;
  margin-bottom: 1em;
}

#counts {
  border-collapse: collapse;

}
#counts th, #counts td {
  border: 3px solid #ccc;
  text-align: center;
  padding: 3px;
}