body 
{
   font-family: arial; font-size: 10pt; 
   text-align: center; 

}

div.mainwrapper {
	position:relative;
	margin:0 auto;
	text-align:left;
	width:768px;
}

div.mainwrapper h1 {
	text-align: left;
	/* font-size: 13pt; */
}

div.navBar
{
	margin-bottom: 5px; 
}

div.header { width: 100%; text-align: left; }
.left { text-align: left; }
.bold { font-weight: bold; }

/*	The dark green headers with the large text at the top of the pages. 
	These are gradients in the design mock-ups. Do these need to be gradients? */
.pageHeader { background-color: #50AE26; padding: 5px 10px; }
.pageHeaderText { color: white; font-weight: bold; font-size: 18pt; }

/*	The dark green headers at the to of the panels. 
	These are gradients in the design mock-ups. Do these need to be gradients? */
.panelHeader { background-color: #50AE26; padding: 5px 10px; }
.panelHeaderText { color: white; font-weight: bold; font-size: 10pt; }

/*	The lighter green color with controls in it. */
.controlHeader { background-color: #AAD472; padding: 5px 10px; }

.headerText { color: white; padding: 4px; font-weight: bold; }

.grayHeader { background-color: #9DB4C6; color: white; height: 29px; }
.headerPadding { padding: 4px; }
.grayHeaderText { color: black; }

.blueHeader { background-color: #3163A5; height: 29px; padding: 4px; }
.blueHeaderText { color: black; }

.whiteHeader { height: 29px; padding: 4px; }
.whiteHeaderText { color: black; }

.lightGreenHeader { background-color: #AAD472; color: #35691F; padding: 4px; border-color: #999999; border-style: solid; border-width: 1px; font-size: larger; }
.darkGreenHeader { background-color: #50AE26; color: white; padding: 4px; border-color: #999999; border-style: solid; border-width: 1px; font-size: larger; }

/* Instructions on the top of a page */
div.instructionalText {font-weight: 700; color: black; font-size: small; margin: 6px; margin-left: 10px;}

div.verticalspacer { margin-top: 10px; margin-bottom: 10px; }

.bordered { border-style: solid; border-width: 1px; border-color: black; }
.borderedcontent { border-style: solid; border-width: 1px; padding: 4px; }

.standardbackground { background-color: white; }

.toplessborder { border-color: black; border-width: 0px 1px 1px 1px; border-style: solid; }
.bottomlessborder { border-color: black; border-width: 1px 1px 0px 1px; border-style: solid; }
        
.leftpadding { padding-left: 6px }
.toppadding { padding-top: 6px }
.leftmargin { margin-left: 4px; }
.bottommargin { margin-bottom: 4px; }

.dialoghidden { display: none; }
.dialogvisible { display: block; background-color: #ECE9D8; z-index: 1; position: absolute;  }

.grayborder {border-style: solid; border-width: 0px 0px 0px 1px; border-color: #C8CCCF;}

div.note { margin: 12px 0px 12px 0px; }