@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

*{padding:0; margin:0;}

/*Start Clearfix Styles*/
/* float clearing for IE6 */ 
* html .clearfix{ 
  height: 1%; 
  overflow: visible; 
} 
 
/* float clearing for IE7 */ 
*+html .clearfix{ 
  min-height: 1%; 
} 
 
/* float clearing for everyone else */ 
.clearfix:after{ 
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden; 
  font-size: 0; 
}
/*End clearfix styles*/

html {
	background: transparent;
}

body{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size: 13px;
	background: transparent;
}
	 

h1 {
    display:none;
}

h2 {
	margin-top: 25px;
    font-size:24px;
    color: #777 !important;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px !important;
}

input, select {
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
	width:300px;
	font-size: 16px;
    padding: 8px 10px;
}


#appForm {
	box-sizing: border-box;
	width:calc(100% - 20px);
	margin:10px auto;
	padding-bottom: 5px;
}

#appForm .section>.preamble{}
#appForm div ul{list-style:none;}
#appForm div ul li{float:left;margin-right: 10px;}
#appForm div ul li label{width: auto;float:left;clear:none;}
#appForm div ul li input{float:left;}

#appForm > .section{clear:both; width: 100%; margin-bottom:40px;}



#appForm > .section .preamble{margin:0 0 5px 20px;clear:left;
                              width:95% !important;
                              white-space:normal !important;
}
#appForm > .section .sectionhead
{
	font-weight: bold;
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    color: #c32d2a;    
	/* white-space:nowrap; */
	padding-left:5px;
    text-transform:uppercase;
    letter-spacing: 1px;
}
#appForm .section .fields {
	position: relative;
	padding: 0 0 0 20px;
	padding-bottom: 5px
}

/*
#appForm .section .fields > div {
	min-height: 22px;
	clear: none;
	display: inline-block;
	padding-bottom: 3px;
}
*/

#appForm .section .fields > div {
	min-height: 22px;
	clear: none;
	display: block;
	padding-bottom: 3px;
	float: left;
}

#appForm .section .fields > div.complex {
	min-height: 30px;
}

.buttons {
	box-sizing: border-box;
	width:100%;
	margin-top: 5px;
	padding-left: 20px;
}




.buttons .submitButton {
	width:150px;
	float:left;
	clear:left;
	margin: 5px 5px 0 0;
}

#appForm .fields label {
	padding-right: 10px;
	display: block;
	float:left;
	margin-top: 0px;
}

#appForm .fields input, #appForm .fields select {
  font-family: 'Roboto Condensed', sans-serif;
	float:left;
	margin-right:10px;
}


#appForm .fields span{float:left;margin-left:5px;}
/* #appForm .fields div ul li label{clear:none !important;width: auto !important;} */

#briefDescription{width: 50%;}

#resultsForm{width:100%;margin: 10px auto;background-color: #eee;padding-bottom: 5px}
#resultsForm div h2{clear:left;}

.fieldLabel{font-weight:bold;}




.requiredmarker::after {
	content: " *";
	color: #FF0000;
}




/* field specific adjustments */


div ul li input, div ul li select {
	width: auto;
	text-align: left;
}

#aip {
	padding-left: 20px;
}



input[type=submit] {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
     display: inline-block;
	 cursor: pointer;
	 background: #ac3434;
	 color: #eee;
	 font-size: 16px;
     margin: 0px 0px 0px 0px;
     border: none;
	 -webkit-transition: all 0.2s ease 0s;
	 -moz-transition: all 0.2s ease 0s;
	 transition: all 0.2s ease 0s;
	 
}

input[type=submit]:hover {
	 background: #c67070;
	 color: #000;
}

.FieldContainer {
	position: relative;
}




.required-field-inform {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    height: 1px;
    line-height: 6px;
    margin-top: auto;
    margin-bottom: auto;
    color: #ff0000;
    display: block;
	font-size: 14px;
	z-index: 10px;
}

.legalText {
	display: block;
	float: left;
	width: 100%;
	font-size: 16px;
	clear: both;
	height: auto !important;
	padding-top: 10px;
}


.new-line  { clear: left !important; }

.width-100 {width: 100px;}
.width-200 {width: 200px;}
.width-400 {width: 400px;}
.width-500 {width: 500px;}