/*CSS document*/

.hidden {
	/* show any descriptive text in a link only in speech browsers, hide in all visual browers.*/
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for the benefit of IE5 Mac */
	left: 665px;
	top: 306px;
}
	/*.hidden {display:none;} */

h1 {font-size: 24px; color: #06143B; margin: 10px; text-align: center;}
h2 {font-size: 22px; color: #06143B; margin:2px; text-align: center;}
h3 {font-size: 18px; color: #06143B; margin:4px 4px 4px 0px;}
h4 {font-size: 14px; color: #06143B; margin:4px 4px 4px 0px;}
h5 {font-size: 12px; margin:4px 4px 4px 0px;}
b{font-weight : bold;}
i{font-style : italic;}


a:link, a:visited {color: #00f; text-decoration: none;}
a:hover, a:active {color: #603; text-decoration: underline;}

.required {color:#BD0000; font-size:13px; font-weight:bold;}
.red {color:#ff0000;}	
.errors {color:#EE0000; font-size:14px; font-weight:bold;}
.readonlytext {border: 1px inset #999; background-color:#ccc; padding-left:3px; font-size: 12px; height: 14px; margin:0px;}
.readonlylabel {font-size: 12px; margin:0px; font-weight:bold;}

.dataEntry {
  display: inline-block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #444444;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.dataEntry:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.dataEntry::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.dataEntry:-ms-input-placeholder {
  color: #999999;
}
.dataEntry::-webkit-input-placeholder {
  color: #999999;
}
.dataEntry[disabled],
.dataEntry[readonly],
fieldset[disabled] .dataEntry {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}

.infoMsg, .infoMsg p{
/*	font-family: Times New Roman;*/
	/*color:#0F0; */
	color:#00F;
	/*color:#7DC76C;*/
	font-size:14px;
	font-weight:bold;
	/* margin-bottom: 15px; */
}
.infoMsg ul{
	list-style-type:none;
	padding:0px;
	margin:5px;
}
.infoMsg li{
	background-image:url(accept.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:20px; 
}
.errors ul{
	list-style-type:none;
	padding:0px;
	margin:5px;
}
.errors li{
	background-image:url(exclamation.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:20px; 
}

.bgcolorgrey {background-color:#cccccc;}
.bgcolorltgrey {background-color:#d9d9d9;}

.dataEntryBorder {
	background-color: #fff;	 
	font-size: 12px;
	border: 5px double #ccc;
	margin: 7px 0px 5px 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:15px;
	padding-right:15px;
}
.bordersingle{border: 1px solid #ccc;}
.borderleft {border-left:1px solid #ccc;}
.borderbottom {border-bottom: 1px solid #666666;}
.bordertop {border-top: 1px solid #ccc;}

.borderbottomdkgrey {border-bottom: 1px solid #666666;}
.bordertopdkgrey {border-top: 1px solid #666666;}

/* ------------------------------------  Form styles -------------------------*/
input, select{ font-size: 12px; color:#000; vertical-align:middle; margin:0px; padding:0px;}
/*label {text-align:right;}*/
legend {color:#000; font-weight:600; }
fieldset {padding: 3px; border:none;}



/*Some systems use the submit class, the button class is the same thing*/
/*--Use this button class with onmouseover and onmouseout & comment other button class out ----*/
input.button{color:#fff;
   font-size:12px;
   font-weight:bold;
   background-color:#06143B;
   border: 2px outset #ccc;
   margin:5px;
   padding:1px 3px;
}

input.button[class]{ /* IE ignores [class] */
   height:auto;
   width:auto; /* cancel margin fix for other browsers*/
}
input.buttonhov[class] { background-color: #ccc; color:#333333;}

input.button{
   height:1px;
   width:1px; /*IE table-cell margin fix*/
   overflow:visible;
}
input.buttonhov{ background-color: #ccc; color:#333333;}

input.buttonbig{
   color:#fff;
   font-size:12px;
   font-weight:bold;
   background-color:#06143B;
   border: 2px outset #ccc;
   margin:5px;
   min-height: 6vh;
   padding:1px 3px;
   white-space: normal;
   width:150px; /*IE table-cell margin fix*/
   overflow:visible;
	text-align: center;
}

input.buttonbig2{
   color:#fff;
   font-size:12px;
   font-weight:bold;
   background-color:#06143B;
   border: 2px outset #ccc;
   margin:5px;
   padding:1px 3px;
   white-space: normal;
   width:140px; /*IE table-cell margin fix*/
   overflow:visible;
}

/*--Use this button class with struts code & comment input.button class out ----*/
.button a:link, .button a:visited {
	background-color: #999;
	font-weight: bold;
	color: #036;
	border: 2px outset #ccc;
	margin: 5px;
	height: auto;
	padding: 1px;
	width: auto;
	text-align: center;
	text-decoration: none;

}
.button a:hover, .button a:active { background-color: #ccc; color:#000; text-decoration: none; } 

.linkAsButton a:link, .linkAsButton a:visited, a:visited a:active{
	color:#fff;
	font-size:12px;
   	font-weight:bold;
   	background-color:#06143B;
   	border: 2px outset #ccc;
   	margin:5px;
   	padding:1px 6px;
	height: auto;
	width: auto;
	text-align: center;
	text-decoration: none; 
	}

.linkAsButton a:hover, .linkAsButton a:active { background-color: #ccc; color:#333; text-decoration: none; }

/* --------  Page Content Layout divs  -----------*/

#header h1 {
	width: 60%;
	float: right;  
	color: #fff; 
	padding-top: 15px; 
}
#headerleft{float:left;
	/*width: 30%;*/
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#headerleft h2{text-align:left; color:#FFFFFF; padding:5px 0px 0px 3px; margin:0; font-size:18px }
#headerright {/*width: 30%;*/
	margin: 0px;
	padding:0px;
	padding-top:15px;
	float: right;
	text-align:left;
	font-size: 10px; color:#fff;
}
#headerright ul {padding: 15px 0px 0px 0px; margin:0px 0px 0px 15px;}
#headerright li {padding: 0px 0px 5px 0px; margin: 0px;}
#headerright li a {padding: 0px 15px 0px 0px; font-size: 12px; color:#fff;}
#headerright a:link, #headerright a:visited{text-decoration: none;}
#headerright  a:hover, #headerright a:active {color: #fff; text-decoration: underline;}


#subhead {clear: both; /*font: normal 12px Arial, Helvetica, sans-serif;*/
	/*background-color: #489BC9;*/
	background-color:#999;
	text-align: left;
	height:30px;
	margin: 0px;
	width: 100%;
	width/* */:/**/100%;
	width: /**/100%;
	padding: 3px;
	
	border-left: 2px solid #333;
	border-right: 2px solid #333;
}
#nav, #nav ul { /* all lists */
	color: #fff; 
	/*font-weight:600; */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-color:#5F9BBC;
}

#nav a {display: block;	margin:3px 0px; /*font-size:14px;*/}

#nav li { /* all list items */
	float: left;
	padding:0px 10px 0px 10px;
	border-right: 2px outset #ccc;
	border-left: 2px outset #ccc;
	border-top: 2px outset #ccc; 
	margin-right: 1px;
	/*width: 10em;  width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	/*background: #489BC9;*/
	border:1px solid #ccc;
	width: 155px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li {background-color:#489BC9; width:155px; border-bottom:1px solid #ccc; border-right: none;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;}

ul#nav a:link, #nav a:visited {color: #fff; text-decoration: none; font-weight:600}
ul#nav a:hover, #nav a:active {color:#333333; text-decoration: none;}

#button-nav {clear:both; text-align:right; margin: 20px 0px 20px 0px; padding-right:20px;}

#content {
	background-color: #fff;
	overflow: visible; 
	vertical-align: top;
	width: 100%;
	width/* */:/**/100%;
	width: /**/100%;
	font-size: 11px;
	text-align: left;
	margin: 0px;
	padding-top: 5px; /*change to 5 if left nav is not used*/
	float: left;
}
#main {
	background-color: #fff;
	overflow: visible;
	width: 849px;
	width/* */:/**/849px;
	width: /**/849px;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	float: right;
	padding-left: 0px;  
}

.min_height_300 {
	min-height: 300px; 
}
	

#footer a:link, #footer a:visited {text-decoration: none; color: #fff;}
#footer a:hover, #footer a:active{text-decoration: underline;}
#addr {/*width: 345px;*/ text-align: left; float: left; margin-top: 15px; /*margin-left: 100px;*/ padding-top: 7px;}
#addr img {float: left;	margin-right: 15px; margin-top: -7px;}
#contact{/*float: left;*/ text-align: left; /*width: 300px;*/ margin-top: 15px; padding-top: 7px;}


#headerReadOnly {border:1px solid #06143B; padding-left: 5px; margin-top:5px; font-size:12px;}

/* pagination */
.pageListDiv {text-align: center; margin: auto; padding: 0 40px 0 40px;}
.currentPage {margin-bottom: 0; display: inline-block;}
.pageList {list-style-type: none; margin-bottom: 0; padding: 0;}

/*----------   End of layout divs   --------*/

/*----------   Table Styles ----------*/

.rowaltcolor {background-color:#f2f2f2;}
.rowsecthead {background-color:#1E3A62; color:#fff; text-align:center; font-size:14px; font-weight:bold; padding:0px;}
.rowsectlabel {background-color:#ccc; color:#000;font-weight:bold;border: 5px single #fff;}
.columnseperator {background-color:#f2f2f2; width:2px; padding:0px}

.searchresults th {background-color:#06143B; color:#fff;}
/*.searchresults tbody{width:96%;}*/
.searchresults {
	background-color: #fff;
	overflow: visible; 
	font-size: 12px;
	/*border: 5px double #CCC; */
	margin: 0px 0px 7px 0px;
	padding: 3px;
}


.fieldLabels {
 text-align: right;
  width: 30%;
  display: block;
  float: left;
  clear: left;
  margin-right: 3px;
  cursor: pointer
}

/*----------   Overwrite Bootstrap ----------*/
.row {
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom:5px;
  margin-top: 5px;
}

.navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 15px;
}

/*Next 3 controls the body and special div container for the footer formatting*/
body{
	
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
								
.wrapper{
	flex:1;
}
				
#footer{
	padding: 15px
					
}

/*new css additions below*/
/*The below two will automatically create table row alternating colors*/
.tblRow {
	background: #fff;
}
.tblRow:nth-child(2n) {
	background: #f2f2f2;
}

form > div.dataEntryBorder > div > div {
	margin-top: auto;
	margin-bottom: auto;
}

/*line up read-only values with labels and match font size*/
form > div.dataEntryBorder > div > div, form > div.dataEntryBorder > div > div > b > label, form > div.dataEntryBorder > div > div > label, form > div.dataEntryBorder > div > ul, form > div.dataEntryBorder > div.d-inline-block > a > ul {
	margin-top: auto;
	margin-bottom: auto;
	font-size: 1rem;
}

form > div.dataEntryBorder > div > p > em > strong {
	margin-top: auto;
	margin-bottom: auto;
	font-size: 1rem;
}

@media screen and (min-width: 768px){
	form > div.dataEntryBorder > div > div > b > label{
		text-align: right;
		margin-bottom: 0;
	}
}

label {
	pointer-events:none;
}

label > a {
	pointer-events:all;
}

/*---------- End Overwrite Bootstrap ----------*/

@media screen and (max-width: 767px) {
 	#header img {
		display: none;	
	}
	
	#header h1 {
		width: 100%;
		float: none;  
	}
 	
 	footer { 
		position: relative; 
		bottom: inherit;
	}
	
	
	#contact {
		float:left;
	}
	
	.pull-right {
  		float: left !important;	
	}
	
	.pull-left {
  		float: right !important;	
	}
	
	.row {
 	 	margin-left: 0px !important;
  		margin-right: 0px !important;
	}

}

/*set minimum width for img container*/
.imgContainer {
	width: 24px;
	display: inline-block;
	text-align: center;
}

/* Ensure table rows can have space between them */
.bordered-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 10px; /* Space between bordered groups */
}

/* Style the tbody to act as the "bordered row" container */
.row-group td {
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	padding: 10px;
}

/* Close the border on the far left and right cells */
.row-group td:first-child {
	border-left: 2px solid #333;
}
.row-group td:last-child {
	border-right: 2px solid #333;
}

/* Optional: Style for the inner records to look like new lines */
.inner-row-last td {
	border-right: none;
	border-top: none;
	border-bottom: 4px dashed #333; /* Subtle separator between inner items */
	padding: 2px;
}

.inner-row td {
	border: none;
	padding: 2px;
}
form > div.dataEntryBorder > div > table {
	margin-top: auto;
	margin-bottom: auto;
	font-size: 1rem;
}