html{
	margin:0;
	padding:0;
		
}
body{
	
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	width:100%;
font-size:12px;
	}

.form{
width:90%;
padding:0;
margin:auto;

}
	
.hide {display: none;}

input {
-moz-box-shadow: inset 1px 2px 6px -3px rgba(0,0,0,0.2); 
-webkit-box-shadow: inset 2px 4px 6px -3px rgba(0, 0, 0, 0.2); 
box-shadow: inset 1px 2px 6px -3px rgba(0,0,0,0.2);
}

textarea {
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

input[type=submit], input[type=button] {
 -webkit-appearance: none;
 -moz-appearance: none;
 display: block;
 margin: 1.5em 0;
 padding: 1px 6px;
 font-size: 12px;
 /* line-height: 28px; */
 text-align: center;
 color: #333;
 font-weight: bold;
 height: 30px;
 width: 100px;
 background: #fdfdfd;
 background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe));
 background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%);
 background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%);
 background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%);
 background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}


label{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

input[type=radio] {

}


textarea, input[type=text],input[type=number],input[type=tel],input[type=email]{
  -webkit-appearance: none; -moz-appearance: none;
display: inline-block; 
  margin: 0;
width:200px;
height: 28px;
  line-height: 18px;
  border: 1px solid #bbb;
margin-bottom:10px;
padding-left:5px;
font-size: 12px;
}

.spacing {
padding-bottom:5px;
}
.callout{
	background-color:#FFFFFF;
	border:#4f7f73 solid 1px;
	text-align:center;
	padding:5px;
	color:#4f7f73;
	width:95%;
	margin: 0 auto;
	font-size:11px;
	text-align:left;
}

h3 {
color:#558276 !important;
	font-size:18px !important;
	line-height:22px !important;
	font-weight:300 !important;
font-family:Arial, Helvetica, sans-serif;
}

h4 {
color:#558276 !important;
	font-size:16px !important;
	line-height:16px !important;
	font-weight:300 !important;
padding-bottom:0px !important;
margin-bottom:0px !important;
font-family:Arial, Helvetica, sans-serif;
}

h5 {
padding-bottom:0px !important;
margin-bottom:2px !important;
font-family:Arial, Helvetica, sans-serif;
}
input[type=textarea]{
padding-bottom: 30px;
}

.savings-transfer{
float: left;

}



input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 3px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
//textarea {overflow: auto;height: 90px;min-width: 200px;width: 70%;}
//a.button { display:inline-block;}


/* ==================== webform post form styles ====================
   ================================================== */

.webform {width: 100%;}
.fieldgroup { clear: both; margin: 10px 0; padding: 5px; }
.fieldgroup_label {font-size: 1.2em;font-weight: bold;font-style: italic;width: 98%;display: block;color: #333;padding: 5px;margin: 5px 0;border-bottom: 1px solid #aaa;}
.fieldgroup_desc, .field_desc { font-style: italic; color: #999; line-height: 1.4em; padding: 0 3px; font-size: 0.87em; margin-bottom: 10px; clear: both; }
.group_nogroup_label, .group_nogroup_desc   {display:none;}
.fieldrow {padding: 4px 0;text-align: left;display: block;}
.fieldrow .fieldlabel sup { color: red; margin-left: 5px; }
.fieldrow.iframe { overflow-y: scroll;height: 80px;}

.fieldrow .fieldval textarea {width: 80%;min-height: 90px;padding: 5px;font-size: .9em;}
.fieldrow .fieldval select {width: 81%;padding: 7px 5px;margin-bottom: 10px;}
.fieldrow .fieldval input {width: 80%;}
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button{width: 100px;}
.fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] { width:auto;}
.fieldrow .fieldval, .fieldrow .fieldlabel {display: inline-block;vertical-align: top;width: 38%;margin: 0;text-align: left;}
.fieldrow .fieldval {width: 40%;}
.fieldrow .fieldval input[type=number], .fieldrow .fieldval input[type=text],.fieldrow .fieldval textarea, .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email],.fieldrow .fieldval input[type=password],.fieldrow .fieldval input[type=password] {width: 80%;background: #f9f9f9;}
.fieldrow .fieldval input[type=file] { background:none; border:0;}
.fieldgroup.callout{ margin:0 auto;}
.fieldrow#loan_amount{ display:none;}
@media all and (min-width: 0px) and (max-width: 640px) {
.fieldrow .fieldval, .fieldrow .fieldlabel {width: 48%;}
.fieldrow .fieldval input[type=number], .fieldrow .fieldval input[type=text],.fieldrow .fieldval textarea, .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email],.fieldrow .fieldval input[type=password],.fieldrow .fieldval input[type=password] {width: 96%;}
.fieldrow .fieldval select {width: 98%;}
}


@media all and (min-width: 0px) and (max-width: 480px) {
.fieldrow {text-align: center;} 
.fieldrow .fieldval, .fieldrow .fieldlabel {  width: 80%;margin: 0;text-align: left;}	
}

@media all and (min-width: 0px) and (max-width: 320px) {
.fieldrow {text-align: center;} 
.fieldrow .fieldval, .fieldrow .fieldlabel {  width: 100%;margin: 0;text-align: left;}	
}