/* 
    Document   : main
    Created on : Mar 31, 2010, 9:20:07 AM
    Author     : patrick
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


body {
  font-family: sans-serif;
  padding: 10px;
}

#container {
  width: 1000px;
  margin: 0 auto;
}

#header {
  padding-top: 20px;
  padding-bottom: 20px;
}

#left { 
  float: left;
  padding: 20px;
  color: gray;
  background-color: #e7f1f9;
  width: 100px;
}

#left a {
  color: blue;
  text-decoration: none;
}

#left ul {
  padding: 0px;
  font-size: 105%;
  list-style: none;
}

#left ul li ul {
  font-size: 90%;
  list-style: none;
}

#left ul li ul li {
  padding-left: 5px;
}

#left .selected {
  font-weight: bold;
  color: black;
}

#content { 
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 130px;
}

#footer {
  clear: both;
}

h1, h2, h3, h4 {
  color: #000066;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 130%;
}

h3 {
  font-size: 110%;
}

input.goBack {
  float: left;
  margin-left: 200px;
}

input.nextPage, input.showResults {
  float: right;
  margin-right: 200px;
}

.clear {
  clear: both;
}

#quizTable th, #quizTable td {
  padding: 5px;
}

#quizTable .even {
  background-color: white;
}

#quizTable .odd {
  background-color: #ddd;
}

.quizAnswer {
  text-align: center;
}

.error {
  color: red;
}

#resultsdiv div.results {
  background-color: #EEEEFF;
  border: 2px solid #CCCCCC;
  padding: 5px;
  margin-bottom: 10px
}

#resultsdiv div.fuumajor {
  border: 1px dashed black;
  margin: 10px 5px 0px 5px;
  padding: 5px;
  background-color: #ffffcc;
  font-size: 75%;
}

#resultsdiv div.fuumajor h3 {
  margin: 0px;
  padding: 0px;
}

form#interestQuestionForm ul {
  list-style: none;
}

form#interestQuestionForm .question {
  font-weight: bold;
}
form#interestQuestionForm .choices {
  margin-bottom: 1em;
}