body {
  background: #fff;
}


/* Page Layout Styling */

#page {
  font: normal 14px sans-serif;
  background: transparent;
  width: 80%;
  margin:auto;
}
#content {
  background: #fff;
  padding: 12px;
}
#header {
  border-bottom: 1px dashed #888;
  text-align: left;
}
#header h2 {
  font:  italic 20px sans-serif;
}
#footer {
  border-top: 1px dashed #888;
  text-align: right;
}
#savedBox {
  width: 20em;
  padding: 1em;
  border: 1px solid #CCC;
  float:right;
  background: #EEE;
  font-size: .8em;
}


/* Link Styling */

a:link, a:visited, a:active {
  color: #777;
}

a:hover {
  color: #AAA;
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
  color: #000;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}


/* Table Styling */

td.center {
  text-align:center;
}
.section:nth-child(even) {
  background: #DDDDDD;
}
.none {
  background: #fff;
}
.class {
  /* background: #99FF99; */
  background: #70a97c;
}


/* Input Formatting */

.defaultText { 
  width: 300px;
}
.defaultTextActive { 
  color: #a1a1a1; 
  font-style: italic; 
}
.error {
  color: #F00; /* For validation errors */
} 
.error p {
  padding: 0;
  margin: 0;
  font-size: .7em;
}
#classage {
  float:left;
}
.paddingtop {
  padding: .5em;
  padding-top: 1.5em;
}
.tdInput {
  background: #fff;
}
.addClassRow {
  padding: 2px;
  width: 30em;
}
.gray {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #999;
  text-align: center!important;
  background: #CCC!important;
  cursor:default;
}
.gray:hover {
  background: #DDD!important;
}


/* General Classes */

.clear {
  clear: all;
}
.noborder {
  border: none;
}