html, body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  
  font-family: arial, helvetica, sans-serif;
  
  /* MSIE hack */
  text-align: center;
  
  height: 100%;
  
  color: #222;
}

body {
  padding: 1em;
  padding-top: 0;
  padding-bottom: 0;

  margin-left: 1em;
  margin-right: 1em;
  
  /* Undo MSIE hack */
  text-align: left;
  
  background: #eee;
}

input, label {
  display: block;
}

label {
  text-transform: lowercase;
  font-variant: small-caps;
  margin-top: 1em;
}

.submit {
  margin-top: 2em;
}

h1 {
  /* Hack: instead of using margin, which pushes body down, use padding. */
  margin-top: 0;
  padding-top: 1em;
  margin-bottom: 1.25em;
  
  color: #2F4F4F;
  text-transform: capitalize;
  letter-spacing: .1em;
  font-weight: normal;
  font-size: 1.5em;
  
  font-family: times, 'Times New Roman', serif;
}

hr {
  height: 1px;
  border: 0;
  background: #ccc;
  color: #ccc;
  margin-top: 2em;
  margin-bottom: 1.25em;
}

#flash {
  color: #600;
  font-style: italic;
}

codeblock {
  background: #fff;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #000;
  padding: .25em;
  padding-top: .5em;
  padding-bottom: .5em;
  font-family: courier, 'Courier New', monospace;
  font-size: .9em;
  margin-top: 1.25em;
  margin-bottom: 1.75em;
}

#scrollable_message {
  height: 8em;
  border: 1px solid #000;
  color: #000;
  background: #fff;
  padding: .5em;
  font-family: courier, 'Courier New', monospace;
  font-size: .9em;
  overflow: scroll;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

textarea {
  height: 6em;
} 

#timeUnitsMessage {
  font-style:italic;
  color: #600;
  margin-bottom: 1.5em;
}

textarea {
  width: 25em;
  height: 15em;
}

table, td, th {
  border-collapse: collapse;
  border: 1px solid #333;
}

table {
  width: 100%;
  margin-bottom: 1.75em;
}

table, td {
  background: #fff;
  color: #000;
}

tr {
  background: #666;
  color: #ddd;
  font-weight: normal;
}

.even {
  background: #B0E0E6;
}

.user_response_even {
  background: #FFC0CB;
}

.debug {
  color: #600;
}

.print {
  display: none;
}

/***********************************************************************
 * Anchors
 **********************************************************************/
a:link, a:visited {
  color: #039;
}

a:hover {
  color: #063;
}

/***********************************************************************
 * Lists
 **********************************************************************/
ul, ol, li {
  margin: 0;
  padding: 0;
}

li {
  margin: 0 1.75em 0 1.75em;
}