/* ----------------------------------------------------------------------

FORMS

 */
form {
	margin: 0px;
	padding: 0px;
	clear:all;
	overflow:hidden;
}

.fmstyle fieldset {
	margin: 12px 0;
	border: none;
	border-top: 1px solid #ccc;
	overflow: visible;
}

.fmstyle legend {
	margin: 8px 0;
	padding: 0 .5em;
	/*color: #0030B7;*/
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
}

.fmstyle label {
	float: left;
	width: 130px;
	padding: 5px 0px 0px 0px;
	text-align: right;
	margin:0px;
	color:#777777;
}
.fmstyle .fm-over label {
	float:none;
	width:auto;
	text-align:left;
	display:block;
}

.fmstyle div {
	margin-bottom: 5px;
	padding: 0px;
	display: block;
	overflow:visible;
}

.fmstyle div input, .fmstyle div textarea {
	width: 150px;
	border-top: 2px solid #c0c0c0;
	border-left: 2px solid #c0c0c0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 4px 2px;
	color: #333;
	float:left;
	margin:1px 0px 1px 10px;
	border-radius: 3px;
}
.fmstyle .fm-submit input {color:white;}

.fmstyle div.frame {
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	height: 150px;
	overflow-y: scroll;
}

.fmstyle .fm-over div input, .fmstyle .fm-over div textarea {
	margin:1px 0px;
}

.fmstyle .radioregion {
	float:left;
	overflow:visible;
	}
.fmstyle .radio, .fmstyle .checkbox {
	float:none;
	width:auto;
	border:none;
	margin-right: 5px;
	display:inline;
}

.fmstyle div select {
	padding: 1px;
	margin-left: 10px;
	float:left;
}
.fmstyle div.fm-over select {
	margin-left: 0px;
}

.fmstyle div.fm-multi div {
	margin: 5px 0;
}

.fmstyle div.fm-multi input {
	width: 1em;
}

.fmstyle div.fm-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

.fmstyle div.fm-line {
	clear:both;
	overflow:hidden;
	padding-top:10px;
	margin-bottom:0px;
	border:1px transparent solid; /* corrects IE7 spacing because Microsoft is severely retarded */
}
.fmstyle div.fm-over {
	clear:both;
	overflow:hidden;
	margin-bottom:0px;
	border:1px transparent solid; /* corrects IE7 spacing because Microsoft is severely retarded */
}
.fmstyle div.fm-shortspace {padding-top:2px;}
.fmstyle div.fm-help {
	font-weight:normal;
	color:#666666;
	float:left;
	padding:3px 5px;
	max-width:150px;
}
.fmstyle .fm-line .fm-submit {
	clear: both;
	padding-top: 10px;
	padding-left:132px;
	overflow:hidden;
	color:white;
}
.fmstyle .fm-over .fm-submit {
	clear: both;
	padding-top: 10px;
	overflow:hidden;
}
.fmstyle .fm-submit input,.fmstyle .fm-submit button {
	padding:2px 6px;
	margin-left:140px;
	width:auto;
	/*color:white;*/
	/*background-color:#666;*/
}
.fmstyle .fm-line .fm-fieldtext {
	padding-left:142px;
}

.fmstyle div.fm-text {
	padding: 3px 5px 0px 163px;
}

.fmstyle input:focus, .fmstyle textarea:focus {
	background: #efefef;
	color: #000;
}

.fmstyle .datefield {width:100px;}
.fmstyle .currency {width:100px;}
.fmstyle .zipcode {width:50px;}
.fmstyle .integer {width:30px;}
.fmstyle .widetext {width:300px;}

.fmstyle div.fm-req label {
	font-weight: bold;
}

.fmstyle div.multifield {
	margin-left:10px;
	float:left;
	margin-top:3px;
}
.fmstyle div.multifield .checkbox {
	margin-left:5px;
}
.fmstyle div.multifield input,.fmstyle div.multifield textarea,.fmstyle div.multifield select {
	float:none;
	margin-left:0px;
}
.fmstyle div.multifield textarea {
	width:auto;
	margin-left:0px;
}
.fmstyle div.multifield label {
	float: none;
	width: auto;
	padding: auto;
	text-align: left;
	margin:auto;
	color:auto;
}
.fmstyle div.multifield .indent {
	padding-left:30px;
	padding-top:4px;
}

.fmstyle div.fm-overlabel label {
	float:none;
	display:block;
	width:480px;
	text-align: left;
	margin-left:30px;
}
.fmstyle div.fm-overlabel textarea {
	float:none;
	display:block;
	width:480px;
	margin-left:30px;
}

.fmstyle div.fm-trick {display:none;}

.fmstyle input[type='checkbox'],.fmstyle input[type='radio'] {
	width:auto;
	border:none;
}

.fmstyle .multibg {
	background-color:#e9e9e9;
	overflow:hidden;
	border:1px #999 solid;
	padding:4px;
	width:400px;
}

.fmstyle .fm-name {display:none;}


/*generic styles*/
.clear {
	clear:both;
	height:1px;
	line-height:1px;
}
input#formFirstname,.formFirstname, .fmstyle .formFirstname {
	display: none;}

/* ----------------------------------------------------------------------

END .fmstyle FORMS

 */



/*======================================================
** 			|     form.simple styles       |  		  **
======================================================== */
label.sr-only { position: absolute; left: -9999px; }
form.simple { overflow: visible; }
.simple label {
	display: block;
	clear: both;
	float: left;
	padding: 0 0 0 .1rem;
	color: #444;
}

form.simple .block, form.simple .fm-line {
	margin: 0 0 1.2rem;
	display: block;
	clear: both;
	float: none;
}
.simple input:not([type="submit"]), .simple textarea, .simple select {
	background: #fff;
	border-radius: 3px;
	border: 1px solid #999;
	padding: 7px;
	color: #444;
	width: 100%;
	min-height: 35px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simple select {
	background: url('https://www.tspark.com/jackjill/down_arrow_select.jpg') no-repeat right center #fff;
}
.simple select[multiple] {
	background-image: none;
}
.simple textarea {
	min-height: 130px;
	resize: vertical;
}


/*submit btns*/
.simple input[type="image"] {
	width: auto;
	height: auto;
	min-height: 0;
	border: 0;
	padding: 0;
}
.simple input[type="submit"] {
	width: auto;
}


/*fieldset, legend stuff*/
.simple fieldset {
	margin: 1rem 0  1rem 2rem;
	border: 0;
}
.simple legend {
	margin: 1rem 0  1rem -2rem;
	border-bottom: 4px solid #1CC6E5;
	padding: 0 2rem .3em;
	font-size: 1.4rem;
	font-weight: 700;
}

/*validation and required fields*/
.simple .required {
	float: right;
	color: #990000;
}
.simple .invalid input, .simple .invalid select, .simple .invalid textarea {
	border-color: #A01B1B;
}
.simple .valid input, .simple .valid select, .simple .valid textarea {
	border-color: #137F14;
}
.simple .fm-help .alert {
	margin: .1em 0;
}
.inline .fm-help .alert {
	text-align: center;
}
/*inline styles - when the input shows next to the label, instead of underneath*/
.simple .inline {
	display: inline-block;
	vertical-align: middle;
}
.simple .block .block, .simple .fm-line .fm-line { margin: 0; }
.simple .inline input, .simple .inline select,
.simple .inline label,
.simple .inline .required, .fm-radio .required {
	width: auto;
	clear: none;
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.fm-radio .required { padding-left: 5px; }

.simple .fm-radio input,
.simple .fm-radio select,
.simple .fm-radio label,
.simple .fm-checkbox input,
.simple .fm-checkbox select,
.simple .fm-checkbox label,
.simple input[type="radio"],
.simple input[type="checkbox"] {
	vertical-align: middle;
	display: inline-block;
	float: none;
	clear: none;
	min-height: 0;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
}

/*special form control types*/
.simple input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	width: auto;
	border: none;
}
.simple input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	width: auto;
	border: none;
}
.simple .multifield label {
	float: none;
	width: auto;
	padding: auto;
	text-align: left;
	margin:auto;
	color:auto;
	display:inline;
}
/*error messages*/
.simple .alert { padding: 0 .4em; }
.simple .alert.alert-danger { background: none; color: #A01B1B; }