/*  body */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* prevent form element from added extra line when before a table, at least in later browsers */
form {
	margin: 0px;
	padding: 0px;
}

li {
	margin-bottom : 0.5em;
}
/* highlight button color */
input.highlight {
	background-color: #FDCD10;
}

.darkBg {
	background : #000000;
	background-color: #000000;
}
/* cell coloring in tables */
/* use on table, tr, td */
.cellBorder { background-color: #40495A; }
.cellTabOn {background-color: #40495A; }
.cellTabOff { background-color: #252B34; }
/* .cellHead { background-color: #40495A; } */
.cellHead { background-color: #A5B1BF; }
.cellSubHead {
	background-color: #D8D9F5;
	margin-left: 5px;
	text-indent: 5px;
}
.cellTotal { background-color: #D8D9F5; }
.cell0 {background-color: #ffffff}
.cell1 {background-color: #efefef; }

/*  text and links */
/* use on div */
.large {font-size: 105%;}
.pageTitle {
	font-size:105%;
	font-weight: bold;
	margin-bottom: .2 em;
	color: white;
}
.pageTitleDark {font-size:105%;font-weight: bold;margin-bottom: .2 em}
h1 {font-size:105%;font-weight: bold;margin-bottom: .1 em; color: black;}
.heading {
	font-size: 90%;
	font-weight: bold;
	margin-top: .2 em;
	margin-bottom: .2 em;
	color: White;
}
h2 {font-size:100%;font-weight: bold; margin-top: .2 em; margin-bottom: .1 em}
.listBar { font-size: 90%; color: white;}
.heading2 {
	font-size: 90%;
	font-weight: bold;
	margin-top: .5 em;
	margin-bottom: .5 em;
	color: White;
}
div { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif;} /* default */
h3  { font-size: 90%; font-weight: bold; margin-top: .2 em; margin-bottom: .1 em}
h4  { font-size: 80%; font-weight: bold; margin-top: .2 em; margin-bottom: .1 em}
.fieldLabel {font-size: 75%; font-weight:bold; white-space:nowrap; }
.fieldRequiredLabel {font-size: 75%; font-weight:bold; white-space:nowrap; }
.fieldRequiredStar {font-size: 95%; font-weight:bold; color: red; white-space:nowrap; }
.inlineHelp {
	font-size: 85%;
	color: gray;
	text-align: left;
} /* only use as span */
.devNote {font-size: 85%; color: Magenta;} /* only use as span */
.tiny {font-size: 60%;}
.tinyDim {font-size: 60%; color:gray;}
.pageHelp {font-size: 75%; color: White;}
.small {font-size: 80%;}
.smallDim {font-size: 80%; color:gray;}
.smallBold {font-size: 80%; font-weight: bold;}
.smallLabel {white-space:nowrap; font-size: 80%;color: Fushsia;}
.smallWhite {font-size: 80%; color: White;}
.columnLabel {font-size: 70%; color: White; font-weight:bold;}
.tabOffLabel { white-space : nowrap; font-size: 90%; color: white;}
.tabOnLabel { white-space : nowrap; font-size: 90%; font-weight: bold; color: white;}
.locatorItem { white-space : nowrap; font-size: 70%;color: white;}
.locatorItemBlack { white-space : nowrap; font-size: 70%;color: black;}
.instructionBar {
	white-space : nowrap;
	font-size: 70%;
	font-weight: bold;
	color: black;
	background-color:#A5B1BF;
	text-align: left;
	vertical-align: middle;
}

/* status text and links; 1=best, 2=good, 3=normal, 4=caution, 5=warning */
/* use on spans */
.status1 { color:#008600; font-weight : bold; }
.status2 { color:#008600; }
.status3 {color:black;}
.status4 {color:#CEA200;}
.status5 {color:#EF1010;font-weight : bold;}
/* to be deleted: */
.warning {color: Fuchsia;}

/* to be organized...*/

.navCommand {
	white-space : nowrap;
	margin-left : .5em;
	font-size: 90%;
}
.command {
	white-space : nowrap;
	margin-left : .5em;
}







.directions {
	color: #336600;
}
.dialogMessage {
	font-size: 90%;
	color:red;
	margin-bottom: 1em;
}

/*  styles used in lesson plans section */
.lessonDuration {
		font-size : 90%;
		margin-bottom: .5 em;
}
.lessonOverview {
		font-size : 90%;
		margin-bottom: .5 em;
}
.lessonNote {
		font-size : 90%;
		font-style : italic;
		margin-bottom: .5 em;
}
.lessonHandoutItem {
	font-size : 70%;
	margin-bottom: .5 em;
}

.glossaryTerm {
	font-weight: bold;
	padding-top: .5em;
}
.glossaryDef {
	font-size: 85%;
	padding-left: 3em;
	padding-top: 0.5em;
}
.cellQuarterSummary {
background-color: #D8D9F5;
}