body {
  color: black;
  background-color: white;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 71%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 8.5pt;
}

pre {
  font-size: 8.5pt;  /* Enables font size scaling in MSIE */
  font-family: verdana, helvetica, arial, sans-serif;
}

/**********************
Course Navigation Table
**********************/

table.courseNavigation {
  margin         : 12px 0px 4px 0px;
  vertical-align : middle;
  width          : 100%;
  padding        : 0px;
}

.courseNavigation .left {
  text-align : left;
  font-size  : 115%;
  width      : 25%;
}

.courseNavigation .middle {
  text-align       : center;
  font-size        : 160%;
  font-weight      : bold;
  color            : black;
  background-color : white;
  width            : 50%;
}

.courseNavigation .right {
  text-align : right;
  font-size  : 115%;
  width      : 25%;
}

/******************
Course Matrix Table
******************/

table.courseMatrix {
  width  : 100%;
  margin : 0px 0px 18px 0px;
}

.courseMatrix .courseTitle  {
  text-align       : center;
  font-size        : 155%;
  font-weight      : bold;
  color            : black;
  background-color : white;
  padding          : 0px 0px 12px 0px;
}

.courseMatrix th, td {
  text-align : center;
  padding    : 5px;
  width      : 14%; /* 7 days in a week */
}

.courseMatrix th {
  color            : white;
  background-color : rgb(0,113,105);
}

.courseMatrix td {
  background-color : rgb(140,210,188);
  vertical-align   : middle;
  padding          : 4px 0px 2px 0px;
}

/*******************
Course Details Table
*******************/

table.courseDetails {
  margin : 1px 0px 2px 0px;
}

.courseDetails th {
  color            : black;
  text-align       : center;
  vertical-align   : middle;
  padding          : 1px 1px 2px 1px;
  background-color : transparent;
  /* Make sure course titles boxes are same height */
  height           : 3em; 
}

.courseDetails td {
  text-align       : center;
  padding          : 1px 1px 2px 1px;
  background-color : transparent;
  line-height: 10px;
}

td.registerButton {
  padding          : 10px 5px 10px 5px;
}

.courseDetails a {
  color            : black;
  text-decoration  : none;
  text-align       : center;
  font-weight      : bold;
  padding          : 3px 6px 4px 6px;
  width            : 75px;
  background-color : rgb(52,173,160);
  border           : solid 1px black;
}

.courseDetails span {
  color            : black;
  text-decoration  : none;
  text-align       : center;
  color            : rgb(215,215,215);
  padding          : 3px 6px 4px 6px;
  width            : 75px;
  background-color : rgb(52,173,160);
  border           : solid 1px black;
}

.courseDetails a:hover {
  color            : white;
  background-color : rgb(0,113,105); /* rollover effect */
  text-decoration  : none;
}

/************************
Course Full Details Table
************************/

table.courseFullDetails {
  width  : 370px;
  margin : 20px 0px 6px 0px;
}

.courseFullDetails th {
  color            : white;
  background-color : rgb(0,113,105);
  padding          : 4px;
}

.courseFullDetails .label {
  text-align       : right;
  background-color : rgb(140,210,188);
  font-weight      : bold;
  vertical-align   : top;
  padding          : 4px 6px 4px 4px;
  width            : 25%;
}

.courseFullDetails .label_note {
  text-align       : right;
  background-color : rgb(140,210,188);
  font-weight      : bold;
  vertical-align   : top;
  padding          : 4px 6px 4px 4px;
  width            : 25%;
  color            : red;
}

.courseFullDetails .field {
  text-align       : left;
  background-color : rgb(140,210,188);
  vertical-align   : top;
  padding          : 4px 4px 4px 5px;
  width            : 75%;
}

/****************
Email Entry Table
****************/

table.emailEntry {
  margin : 10px;
  border: 0px;
}

.emailEntry .label {
  text-align       : left;
  background-color : white;
  vertical-align   : top;
  padding          : 10px 3px 8px 3px;
}

.emailEntry .indent {
  width : 2%;
}

.emailEntry .field {
  text-align       : left;
  background-color : white;
  vertical-align   : top;
  width            : 98%;
  padding          : 3px 3px 8px 3px;  
}

/****************
Registration and Payment
****************/

table.registration {
  width  : 600px;
  margin : 2px 0px 4px 0px;
}

.registration .label {
  text-align       : left;
  background-color : white;
  vertical-align   : top;
  padding          : 10px 3px 8px 3px;
}

.registration .indent {
  width : 2%;
}

.registration .field {
  text-align       : left;
  background-color : white;
  vertical-align   : top;
  width            : 98%;
  padding          : 3px 3px 8px 3px;  
}

.heading {
  color: white;
  font-size: 125%;
  font-weight: bold;
  margin: 3em 0 1em 0;
  padding: 0 0 0 0;
}

/****************
Thank You
****************/

table.thankyou {
  width  : 600px;
  margin : 2px 0px 4px 0px;
}

.thankyou .entry {
  text-align       : left;
  background-color : white;
  vertical-align   : top;
}

/****************
Mailing List Table
****************/

table.emailEntry {
  width  : 600px;
  margin : 2px 0px 4px 0px;
}

.emailEntry .label {
  text-align       : left;
  background-color : white;
  vertical-align   : top;
  padding          : 10px 3px 8px 3px;
}

.emailEntry .indent {
  width : 2%;
}

.emailEntry .field {
  text-align       : left;
  background-color : white;
  vertical-align   : top;
  width            : 98%;
  padding          : 3px 3px 8px 3px;  
}