.HeaderTD, .Header {
	background-color: #036;
	color: White;
	font-weight: bold;
	height: 25px;
	padding: 8px 5px 0 5px;
	display: flex;
}
			
.Header { margin-top: 3px }
.Header td { padding-left: 0; }

#errorbox {border: thin black solid; padding: 4px;}
#pagetitle {flex: auto;flex-grow: 20}

div #buttons {margin: 0;padding: 0;}
#buttons ul {margin: 0;padding: 0;list-style: none;}
#buttons li {display: inline;list-style: none;}
.highlight {color: #cc0000;font-weight: bold;}
a.hbarlink {color:#ffcc00;font-size:11px;vertical-align:top;display:inline-block;margin:3px 5px 0 0;}


div.gms {margin-top:0;padding-top:0;}
.gms table {font-family: verdana;clear: left;}
.gms td {padding-left:5px;}
.gms hr {background-color:#dfdfdf;color:#dfdfdf;height:1px;border:1px;}
.gms form, #mainform {margin-top:0;padding-top:0;}

th {
	font-weight: bold;
	background-color: #dfdfdf;
	font-size: 11px;
	padding-left: 5px;
}
.darker td, .darker th{background-color: #bbbbbb;border-bottom: 1px #666666 solid;}
.darkest td, .darkest th {background-color: #036;color:white;border-bottom: 1px #036 solid;}


div.columnheadings {font-weight: bold;background-color: #dfdfdf; font-size:11px;padding-left: 5px; height: 20px;margin: 0 2px 0 2px;}
caption {
	text-align: left;
	background-color: #bbbbbb;
	font-weight: bold;
	font-size: 11px;
	padding-left: 5px;
	border-bottom: 1px #666666 solid;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

	caption.main {
		background-color: #036;
		border-bottom:#036;
		color:white;
	}

.small td, .small li {
	font-size: 11px;
}
p.small{font-size: 11px;}


.control td, .controls td {padding-left:0;}


.gms td.rowlabel, .gms th.rowlabel{padding-left:5px;text-align:left;}


td:nth-child(1) {text-align:left;}

.TitleGMS td {white-space: nowrap;font-weight:bold; color:#ffffff; background-color:#003366;padding-left: 5px}
.center {text-align: center;}
.center td {padding-left:1px;padding-right:1px;}
.right {text-align: right;}
.left {text-align: left;}
.bottom td, .bottom th {vertical-align: bottom;}
.top td, .top th {vertical-align: top;}
.wrap td{white-space: normal;}
.nowrap td{white-space:nowrap;}
.unbold td{font-weight: normal;}
th {text-align: inherit;} /* IE 8+ needs this - th does not auto-inherit */


.HeaderTable { background-color:#003366; color:white;}			
.gms hr.graybar {background-color:#DFDFDF;height:18px;}
			
div.sitename {padding: 5px 0 4px 5px}
div.subhead {display: inline-block;width:100%;}
div.period {float:right;width:auto;padding: 5px 0 4px 5px;color:#003366;font-size:11px}
			
.leftmenubutton {width: 140px; height: 20px;border-width: 0;}
.dataentry input {width: 100%;}
.footnotes li {font-size:.8em;}

.InnerContents{	width: 100%;height:0;}
				
.instructions	{background-color:#FAFAD2;border:thin #F0E68C solid;font-size:11px;font-weight: normal;}	
.instructions td {font-size:11px;background-color:#FAFAD2;border:thin #F0E68C solid;padding:5px;}


.gms a:hover { text-decoration: underline; color: #003366; outline: none; background-color:#9BBACC;}
td a.fullcell {width: 295px; height: 100%; display: inline-block; padding:10px 5px 10px 5px;margin:0;}

/*  this is for JQuery datapicker */
.ui-datepicker {width: 17em; padding: .2em .2em 0; font-size: 13px !important;} 
.ui-datepicker-trigger {position:relative; top:3px;vertical-align:top;cursor: pointer;} 

/* replaces inline style for input in xslt2 */
td input, td textarea {width:100%; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}

td input.int {width:auto; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
    
input[type="button"], input[type="radio"], input[type="checkbox"] {width:auto;}
td input.text, input.int {text-align:left;font-size:11px;}
td input.float, input.numeric {text-align:right;font-size:11px;}
td textarea {width:100%;text-align:left;font-size:11px;height:75px;}

.pad {padding-left:5px;}
span.pad {display: block;padding-left:5px;}


/*validation messages */
#complete {color:#CCFFCC;background-color:green;font-size:14px;padding:5px;width:auto;}
#validation_whattolookfor {border-left:#CC0000 3px solid;padding:5px;width:auto;background-color: #FAFAD2;font-size:11px;}
#still_incomplete {color:rgb(204,0,0);font-size:14px;padding:5px;border-left:   3px rgb(204,0,0) solid;}

.print-only {visibility: hidden;}

.filelink {
margin-right:5px;}

div.textarea {
	padding-left: 5px;
	white-space: pre-line;
}


.wait, .wait *{
    cursor: wait !important;   
}


th:first-child:nth-last-child(1),
th:first-child:nth-last-child(1) ~ th {
    text-align: left;
}


/* these replace thirds, fiftyfifty, etc. */
th:first-child:nth-last-child(2),
th:first-child:nth-last-child(2) ~ th {
    width: 50%;
}

th:first-child:nth-last-child(3),
th:first-child:nth-last-child(3) ~ th {
    width: 33.3333%;
}

th:first-child:nth-last-child(4),
th:first-child:nth-last-child(4) ~ th {
    width: 25%;
}

th:first-child:nth-last-child(5),
th:first-child:nth-last-child(5) ~ th {
    width: 20%;
}

th:first-child:nth-last-child(6),
th:first-child:nth-last-child(6) ~ th {
    width: 16.67%;
}

th:first-child:nth-last-child(8),
th:first-child:nth-last-child(8) ~ th {
    width: 12.5%;
}



[data-invalid] {
	border-left:3px #CC0000 solid;
}

[data-req] {
	border-left: 3px #CC0000 solid;
}