body {
    width: 80%;
    margin:auto;
    font-family: sans-serif;
  }
	#savedBox {
		width: 15em;
		padding: 1em;
		border: 1px solid #000;
		float:right;
		background: #DDD;
		font-size: .8em;
	}
	#header {
		text-align: left;
		background: rgb(220,220,220); /* IE fallback */
		background: rgba(200,200,200, .3);  
	}
	#footer {
		text-align: right;
		background: rgb(220,220,220); /* IE fallback */
		background: rgba(200,200,200, .3); 
	}
	.defaultText { 
		width: 300px; }
	.defaultTextActive { 
		color: #a1a1a1; 
		font-style: italic; 
	}
	.error {
		color: #F00; /* For validation errors */
	} 
	.error p {
		padding: 0;
		margin: 0;
		font-size: .7em;
	}
	td.center {
		text-align:center;
	}
	.section:nth-child(even) {
		background: #DDDDDD;
	}
	.none {
		background: #fff;
	}
	.class {
		background: #99FF99;
	}
	#classage {
		float:left;
	}
	.paddingtop {
		padding: .5em;
		padding-top: 1.5em;
	}
.tdInput {
  background: #fff;
}

.addClassRow {
  padding: 2px;
  width: 30em;

}
.gray {
  border: 1px dashed #999;
  text-align: center!important;
  background: #BBB!important;
  cursor:default;
}
.gray:hover {
  background: #CCC!important;
}