body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}


#topsection{
/*background: #EAEAEA;*/
height: 70px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -100%;
/*background: #C8FC98;*/
}


/* forms */
.formLabel,.formInput {
	display: block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
}
.loginInput{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
.formSelect {
	display: block;
	width: 254px;
	float: left;
	margin-bottom: 10px;
}
.formRadio {
	display: block;
	float: left;
	margin-bottom: 10px;
}
.formLabel {
	font-weight: bold;
	text-align: right;
	width: 130px;
	padding-right: 20px;
}

.formBr {
	clear: left;
}

.loginLabel,.loginInput {
	display: block;
	width: 125px;
	float: left;
	margin-bottom: 10px;
}

.loginLabel {
	font-weight: bold;
	text-align: left;
	width: 50px;
	padding-right: 20px;
}

.loginForm{
	margin-top: 10px;
	margin-bottom: 10px;
}

.formBr {
	clear: left;
}
.formContainer{
	text-align: center;
	
	background: #F6F6F6; 
	border: 1px solid #DCDCDC;
}

.formWrapper{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 450px; 
	text-align: left;
}
/* tables */
div.tableContainer {
	
}

table {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	background-color: #f7f7f7;
}
	
thead td, thead th {
	text-align: center;
	font-size: 14px; 
	/*background-color: oldlace;*/
	color: steelblue;
	font-weight: bold;
	border: solid 1px #d8d8d8;
}	
	
td	{
	color: #000;
	padding-right: 2px;
	font-size: 12px;
	text-align: right;
	border: solid 1px #d8d8d8;
}
	
tfoot td	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	/*background-color: papayawhip;*/
	color: steelblue;
	border: solid 1px slategray;
}
.foot{
	width: 97%;
	margin:5px;		
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: papayawhip;
	color: steelblue;
	border: solid 1px slategray;
}
.pointer{
  cursor: pointer;
}
.error{
	color: red;
}
.msg{
	
	border: 1px dashed black;
	background: #FEFFB0;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 10px;
}
.checkLabel{
	font-weight: bold;
	text-align: left;
	width: 40px;
	padding-right: 10px;
}
.check{
	text-align: left;
	width: 50px;
}
.checkAnswer{
	text-align: left;
	width: 350px;
}
/* the following styles define the hover styles in the admin tables */
.select {
	background-color: #def;
	color: black;
}
.hover {
	background-color: #fdf5e6;
	color: black;
}
/* style for the floating status window */
#status{
	position: absolute;
	top: 10px;
	right: 10px;
	border: 2px solid black;
	padding: 5px;
	background-color: #c0c0c0;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	width: 175px;
	color: #000080;
}
#warn{
	color: red;
	font-style: italic;
	display: none;
	font-size: 12px;
}
.clear{
	clear: both;
}