body {
  padding: 0.5em;
  font-family: "Times New Roman", Times, serif;
}

.header {
  height: 32px;
  background-image: url("../images/header.png");
  background-repeat: no-repeat;
  background-position: center;
}

.footer {
  clear:both;
  padding: 0.5em;
  border: 1px solid #ccaa00;
  background-color: #ffffaa;
}

.footer p {
  margin: 0;
  padding: 0;
}

h1 {
  text-align: center;
  font-size: 36pt;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

h2, h3 {
  text-align: center;
}

a:link, a:visited {
  color: blue;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border-style: none;
}

.equation {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 24pt;
  margin-bottom: 1em;
}

.textfield {
  border: 1px solid #000000;
  padding: 0.125em;
  font-size: 16pt;
}

.buttonBlock {
  text-align: center;
  margin-bottom: 0.5em;
}

.buttonBlock input {
  width: 15em;
}

.messages {
  text-align: center;
}

.messages .equation {
    font-size: 16pt;
    font-weight: normal;
}

.quizResults {
  font-size: 1.25em;
  text-decoration: underline;
}

.equation .userMath {
  font-style: italic;
  border: 1px solid #000000;
  padding: 0px 4px;
  margin: 2px;
  background-color: #ddddff;
}

.correctAnswer .equation, .wrongAnswer .equation {
  width: 20em;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
}

.correctAnswer .equation {
  background-color: #ddffdd;
  border-top: 1px solid #228822;
  border-bottom: 1px solid #228822;
}

.wrongAnswer .equation {
  background-color: #ffdddd;
  border-top: 1px solid #882222;
  border-bottom: 1px solid #882222;
}

.textfield:focus {
  /* blue background on focus */
  background-color: #ddddff;
}

.linkblock {
   text-align:center;
   margin-top: 16px;
   margin-bottom: 16px;   
}

.returnLink {
    background: url("../images/back-arrow.png") center left no-repeat;
/*    display:block; float:left; */
    padding-left: 36px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.helpLink {
    background: url("../images/help.png") center left no-repeat;
/*    display:block; float:right;                   */
    margin-left: 64px; 
    padding-left: 36px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.ClassicLink {
    background: url("../images/cocacola.png") center left no-repeat;
/*    display:block; float:right;                   */
    margin-left: 64px; 
    padding-left: 36px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.quizlist h2 {
    font-size: 1.25em;
    text-align: center;
}

.quizlist .equation {
    font-size: 18pt;
}

.quizlist .textfield {
    font-size: 14pt;
}

.quizlist li {
    border-bottom: 1px dashed #000000;
}

.quiztable {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
}

.quiztable tr {
  border-bottom: 1px dashed #000000;
}

.quiztable td {
  padding: 0.5em;
}

.quiztable .equation {
  font-size: 16pt;
}

.quiztable .correctAnswer .equation, .wrongAnswer .equation {
  padding: 4px;
  width: auto;
}

.gather {
  text-align: center;
}