table.tb {
	clear: both;
	margin-top: 1.5ex;
}

table.tb a {
	text-decoration: none;
	font-weight: bold;
	color: #0106E5;
}

table.tb a:hover {
	text-decoration: underline;
}

table.tb a:visited {
	color: #0106E5
}

table.tb td.u {
	padding-left: 0.5ex;
	padding-right: 0.5ex;
	margin-left: 1px;
	margin-right: 1px;
	border: 1px solid #cdcdcd;
}

table.tb td.s {
	background-color: #f8dc79;
}

table.tb .copyright {
	text-align: center;
	border: none;
}

tr.tbbot td {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: #FFD387
}

img {
	border: 0
}

div.h1 {
	font-size: 20pt;
	font-weight: bold;
}

div.h2 {
	font-size: 14pt;
	font-weight: bold;
}

table.stt tr.heading td {
	text-align: left
}

table.stt tr.header {
	background: #1D28FF;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

table.stt tr.header td {
	padding-left: 5px;
	padding-right: 5px
}

table.stt tr {
	text-align: right;
}

table.stt tr.colorrow {
	background: #EAF4E6;
}

table.stt tr.crl {
	text-align: left;
	background: #EAF4E6;
}

table.stt tr.left {
	text-align: left;
}

table.stt tr td.name {
	text-align: left;
}

table.stt tr td.name a {
	font-weight: bold;
	color: #000000;
}

table.stt tr.total {
	font-weight: bold;
}

div.lesson {
	width: 100%;
	max-width: 800px;
}

div.lesson div.note {
	width: 200px;
	float: right;
	border: 1px solid grey;
	padding: 1ex;
	margin: 2ex;
	background: #FAF1F0;
}

div.lesson div.note h4 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 4px;
}

.nav {
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #E5E5E5;
	padding: 3px;
	background: #F2FEEE;
}

.nav img {
	vertical-align: middle;
}

td.numer {
	padding-left: 1ex;
	padding-right: 1ex;
	text-align: center;
}

td.denom {
	padding-left: 1ex;
	padding-right: 1ex;
	text-align: center;
}

td.full {
	vertical-align: middle;
}

h3.titlebar, h1.titlebar {
	background-color: #FFD387;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: center;
	padding: 2px;
	font-size: 1.17em;
}

div.input {
	border: 1px solid #C0C0C0;
	float: left;
	background: #EEEEFF;
	margin-bottom: 2ex;
	min-width: 80ex;;
}

div.output {
	border: 1px solid black;
	float: left;
	min-width: 80ex;
	margin-bottom: 2ex;
	background: #FBFBFF;
}

div.output div.status {
	margin-top: 1px;
	margin-bottom: 0px;
	background: #FFFFFF;
	color: #68686F;
	padding: 3px;
}

div.output div.status a {
	color: #68686F;
}

div.output pre {
	font-size: 12pt;
	margin-top: 1px;
}

div.instr {
	clear: both;
	padding: 1ex;
	width: 75ex;
}

div.instr h3 {
	margin-bottom: 2px;
	text-align: center;
}

div.instr h4 {
	margin-bottom: 2px;
}

div.instr p {
	margin-top: 1px;
}

b.highlight {
	background: #FFFA5D;
}

div.hint {
	text-align: left;
	float: left;
	width: 30ex;
}

span.hint {
	color: #4D4D52;
}

.labels {
	font-weight: bold;
}

.warningsHeader {
	font-weight: bold;
	font-size: 14pt;
	color: D0770B;
}

table.fraction {
	margin-bottom: 0ex;
	display: inline;
}

a:visited {
	color: #28306d;
}

div.input div.errors {
	margin-left: auto;
	margin-right: auto;
}

div.errors {
	clear: both;
	max-width: 80ex;
	background-color: white;
	border: 1px solid #9a0808;
	padding: 1ex;
}

div.errors h4 {
	margin-top: 0px;
}

div.errors img {
	float: left;
	margin-right: 1ex;
}

div.segment {
	width: 100ex;
	background-color: #fbfbfb;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	margin-top: 0.1ex;
	margin-bottom: 0.1ex;
}

div.segment h2 {
	margin-bottom: 2px;
}

div.segment a {
	font-weight: bold;
}
div.MainBody
{
	width:900px;
	margin: auto;
}