﻿body
{
	font-family: Helvetica, Tahoma, Corbel, Veranda, Arial, Courier, Courier New, Lucida Console, System, MS Sans Serif;
    font-size: 9pt;
}
h1
{
	font-size: 18pt;
	font-weight: bold;	
}
h2
{
	font-size: 14pt;
	font-weight: bold;
	display:block;
}
.header {
	width: 850px;
	background-color: #035c67;
	padding-left: 20px;
	height: 60px;
	vertical-align: middle;
	padding-top: 30px;
	color:#3effc0;
}
	.header .logo 
	{
		/*display:inline-block;*/
		vertical-align:middle;
	}
	.header .title {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		width: 50%;
		font-size: 18pt;
		font-weight: bold;
		vertical-align: middle;
	}
	.header .accountInfo {
		text-align:right;
		padding-right:20px;
		vertical-align:middle;
		float:right;
	}
.pageHeader
{
	padding-bottom:10px;
}
.content {
	/*padding-top: 20px;*/
	min-height: 500px;
	width: 850px;
	padding-left:5px;
}
.contentContainer
{
	padding-top:10px;
}
.field
{
	display:block;
	padding-bottom:5px;
}
.field-lbl 
{
	/*float:left;*/
	width:150px;
	font-weight: bold;
}
.field-lbl.long
{
	width:225px;
}
.field-lbl.short
{
	width:100px;
}
.field-txt
{
	width:200px;
}
.field-txt.zipCode
{
	width:75px;
}
.field-txt.date
{
	width:75px;
}
.field-txt.phone
{
	width:150px;
}
.field-txt.medium
{
	width:150px;
}
.field-txt.long
{
	width:450px;
}
.field-txt.multiline.short
{
	width:495px;
	height:100px;
}
.field-txt.multiline
{
	width:570px;
	height:100px;
}
.field-txt.multiline.long
{
	width:725px;
	height:100px;
}
.validation
{
	padding-left:-5px;
	font-weight:bold;
	color:Red;	
}
.instruction
{
	font-size:10pt;
	font-weight:bold;
}
fieldset 
{
	padding-top:10px;
	padding-bottom:10px;
	width:750px;
	border:1px solid gray;
}
.fieldsetContainer
{
	padding:10px 5px 5px 5px;	
}
legend
{
	font-size:11pt;
	font-weight:bold;
	color:Navy;
	padding: 0 10px 0 10px;
}
td.column1
{
	width:350px;
	vertical-align:text-top;
}
td.column2
{
	padding-left:20px;
	vertical-align:text-top;
}

/*GridView*/
.mGrid {
	/*width: 75%;   */
	background-color: #fff;
	margin: 5px 0 10px 0;
	border: solid 1px black;
	border-collapse: collapse;
}
	.mGrid td {
		padding: 2px 5px;
		border: solid 1px black;
		color: #000;
	}
	.mGrid th {
		padding: 4px 5px;
		color: #000;
		/*background: #424242 url(/references/images/grd_head.png) repeat-x top;*/
		background-color: #3effc0;
		border-left: solid 1px black;
		font-size: 0.9em;
		text-align: center;
	}
	.mGrid .alt {
		background: #f4f4f4;
	}
	.mGrid .pgr {
		background: #3effc0;
	}
	.mGrid .pgr table { margin: 5px 0; }
	.mGrid .pgr td {
		border-width: 0;
		padding: 0 6px;
		border-left: solid 1px black;
		font-weight: bold;
		color: gray;
		line-height: 12px;
	}
	.mGrid .pgr a {
		color: #035c67;
		text-decoration: none;
	}
		.mGrid .pgr a:hover { color: black; text-decoration-line:underline; font-weight:700; }   
/*End GridView*/

/*Menu*/
.menuList {
	text-align: center;
	font-size: 14px !important;
	font-family: nbakademie, sans-serif;
	font-weight: 500;
	height:35px;
	/*border: 1px solid #3effc0;*/
}
.menuItem {
	/*border: solid 1px #999;*/

	width: 148px;
	height: 35px;
	color: #000;
	/*background: #424242 url(/references/images/grd_head.png) repeat-x top;*/
	background-color: #3effc0;
	margin-left:-4px;
}
.menuItemSelected {
	border: solid 1px #3effc0;
	width: 148px;
	height: 35px;
	color: #000;
	/*background: #fcfcfc url(/references/images/grd_alt.png) repeat-x top;*/
	background-color: white;
	/*margin-left: -4px;*/
}
.menuSubList {
	font-size:14px;
	width: 148px;
	/*background: #424242 url(/references/images/grd_head.png) repeat-x top;*/
	background-color: #3effc0;
}
.menuSubListItem {
	border: solid 1px #3effc0;
	/*border-top: none;*/
	width: 148px;
	color: #000;
	height: 35px;
	/*background: #424242 url(/references/images/grd_head.png) repeat-x top;*/
	background-color: #3effc0;
	padding-left: 3px;
}
.menuSubListSelectedItem {
	border: solid 1px #3effc0;
	/*border-top: none;*/
	width: 148px;
	color: #000;
	/*height: 25px;*/
	/*background: #fcfcfc url(/references/images/grd_alt.png) repeat-x top;*/
	background-color: white;
	/*padding-left: 3px;*/
}
/*End Menu*/
/*footer */
.uxFooter_div {
	width: 850px;
	text-align: center;
	padding-left: 10px;
	padding-top: 10px;
}

.footer {
	margin: 0 auto;
	background-color: #002f32;
	display: inline-block;
	color: #3effc0;
	justify-content: center;
	text-align: center;
	height: 80px;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}

	.footer .line {
		width: calc(100% - 64px);
		height: 1px;
		margin-bottom: 8px;
		opacity: .5;
		background-color: #3effc0;
		justify-content: center;
		margin: 0 16px 10px 32px;
	}




	.footer .logo2 {
		display: inline-block;
		width: 850px;
		text-align: left;
		padding-left: 300px;
	}

	.footer .copyright {
		width: 850px;
		display: inline-block;
		vertical-align: bottom;
		text-align: center;
		height: 63px;
		text-align: center;
	}

.footerContent a:hover {
	text-decoration: underline;
}

.footerhyper {
	color: #3effc0;
	text-decoration: none;
	font-weight: bolder;
}


.footerContent {
	display: inline-block;
	width: 850px;
	text-align: left;
	justify-content: center;
	text-align: center;
	color: #3effc0;
}

.defTxtbxBorder {
	border-style: solid;
	border-width: 1px;
}

.footer-terms {
	color: #3effc0;
}
/*button Control*/
input [type="button"], input[type="submit"] {
	background-color: #077785;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	cursor: pointer;
	padding: 5px 10px;
	/* border-radius: var(--theme-button-border-radius, .5rem); */
	font: var(--theme-button-font, "Gotham SSM", Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif);
	font-weight: var(--theme-button-font-weight, 400);
	transition: var(--theme-button-transition, background-color .2s .1s ease-in-out);
	border: var(--theme-button-primary-border, none);
}

	input[type="button"]:hover,
	input[type="submit"]:hover {
		background-color: #002f32;
	}

input[type="radio"]:checked {
	accent-color: #002f32;
}

input[type="checkbox"]:checked {
	accent-color: #002f32;
}

/*End of input control*/

.field-lbl {
	float: left;
	width: 150px;
	font-weight: bold;
}

