@charset "utf-8";
/* CSS Document */



#form form{padding:0px; margin:0px; box-sizing:border-box!important;}
#formContainer input[type="text"] {
	height: 45px;
	margin:0;
	border: none;
	border-top: 1px solid #ececec!important;
	padding:0 12px;
	background-color: #f4f4f4!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/css/PIE.htc);
	position: relative;
	color: #585858;
	font-family: 'Source Sans Pro',sans-serif;
	font-weight: 400;
	font-size: 18px;
	cursor:text!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
	width:60%!important;
}

#formContainer select {
	background: transparent;
	height:45px;
	line-height:40px!important;
	width:60%!important;
	border:none;
	font-size:18px!important;
	-webkit-appearance: none;
	padding: 0 0 0 10px;
	background: #f4f4f4 url(/images/site/arrowDownSelect.png) center right 15px no-repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #e9e9e9!important;
}

#formContainer .calSelectDropDown {width:70px!important;}
#formContainer .calSelectDropDown.calSelectYear {width:100px!important;}


#formContainer .calSelectButton {width:24px; height:24px; background:url(/images/site/calendarIcon.png); background-size:24px; float:left;}
#formContainer .calSelectButton img {display:none;}

#formContainer select::-ms-expand {
    display: none;
}


#formContainer textarea {
	background-color: #f4f4f4;
	border: none;
	height: 100px!important;
	resize: none;
	padding: 6px;
	display: inline;
	font-size: 1.125em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Source Sans Pro',sans-serif;
	font-weight: 400;
	line-height: 24px;
	cursor:text!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
	width:60%!important;
}

#formContainer textarea:focus, #formContainer input:focus {
	border:1px solid #ff9c17!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,156,23, .6)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,156,23, .6)!important;
}

#formContainer label {
	font-size: 18px;
	font-family: 'Source Sans Pro',sans-serif;
	font-weight: 400;
	color: #8f8f8f!important;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 8px;
	margin: 0px;
	text-align: left;
	width:30%!important;
	box-sizing:border-box!important;
	padding-right:60px;
}

#formContainer .checkBoxes label, #formContainer .multipleChoice label {
	width:100%!important;
}

#formContainer #formContent {width:100%!important; min-width:100%!important;}
#formContainer .txtBlock p {font-size:18px!important; color:#575757!important; font-weight:500!important;}
#formContainer .txtBlock strong {font-size:18px!important; color:#575757!important; font-weight:500!important;}


/* CHECKBOXES */

#formContainer .checkBoxes .checkBox label, #formContainer .checkBoxes .radioCheckButtonLabel {
	width:auto!important;
}
#formContainer .checkBoxRowWrapper input.radioCheckButtonInput {display:none!important;}

#formContainer .checkBoxRowWrapper input.radioCheckButtonInput + label.radioCheckButtonLabel {
	height: 24px;
	display: inline-block;
	padding: 0 0 0 32px;
	background-image: url('/images/site/customForm/checkBox.png');
	background-repeat: no-repeat;
	background-position: left center;
	margin: 2px 0px;
	color: #444444;
	font-size: 18px!important;
	font-family: 'Source Sans Pro',sans-serif;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	width: 100%!important;
}

#formContainer .checkBoxRowWrapper input.radioCheckButtonInput:checked + label {
	height: 24px;
	display:inline-block;
	padding: 0 0 0 32px;
	margin:2px 0px;
	background-image: url('/images/site/customForm/checkBoxChecked.png');
	background-repeat: no-repeat;
	background-position: left center;
	color: #444444;
	font-size:15px;
	font-family: 'Source Sans Pro',sans-serif;
	font-weight:400;
}

#formContainer .radioButtonRowWrapper input[type="radio"].radioCheckButtonInput + label {
	height: 24px;
	display: inline-block;
	padding: 0 0 0 34px;
	background-image: url('/images/site/customForm/radioButton.png');
	background-repeat: no-repeat;
	background-position: left center;
	margin: 2px 0px 2px 4px;
	font-family: 'Source Sans Pro',sans-serif;
	font-weight: 400;
	font-size: 1.125em;
	line-height: 24px;
	color: #8f8f8f;
	text-align: left;
}

#formContainer .radioButtonRowWrapper input.radioCheckButtonInput:checked + label {
	height: 24px;
	display: inline-block;
	padding: 0 0 0 34px;
	margin: 2px 0px 2px 4px;
	background-image: url('/images/site/customForm/radioButtonChecked.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-family: 'Source Sans Pro',sans-serif;
	font-weight: 400;
	font-size: 1.125em;
	color: #8f8f8f;
}

#form fieldset {border:1px solid transparent;*border:none; padding:0px; margin:0px;}
#form .formButtons{ height:45px; margin:15px 0px 0px 0px; padding:0px;}

#formFooter {
	padding-left: 30%!important;
	margin-bottom:20px;
}

.sendButton { 
	min-height: 32px!important;
	line-height: 32px!important;
	font-size: 21px!important;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	background: #ff9c17 url('/images/site/arrowRight.png') right 12px center no-repeat!important;
	padding: 0 40px 0 28px!important;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(120, 120, 120, 0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(120, 120, 120, 0.75);
	box-shadow: 1px 1px 1px 0px rgba(120, 120, 120, 0.75);
	background: #ff9c17;
	margin-bottom:10px;
}
	
a.sendButton:hover {background-color:#575757!important;}
.resetButton { 
	min-height: 34px!important;
	line-height: 32px!important;
	font-size: 21px!important;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	background: #a2a2a2 url('/images/site/arrowLeft.png') left 12px center no-repeat!important;
	padding: 0 28px 0 35px!important;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(120, 120, 120, 0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(120, 120, 120, 0.75);
	box-shadow: 1px 1px 1px 0px rgba(120, 120, 120, 0.75);
    background:#919191;
}

a.resetButton:hover {background-color:#575757!important;}
/* .sendButton {margin-left: 5px;} */

.mandatorytext {margin-bottom:10px;}

#formContainer .radioCheckElementBlock {
	margin-top:10px;
}

#formContainer .radioCheckButtonOptionRow {margin-bottom:10px;}

#formContainer .radioCheckButtonOptionRow label {
	padding-top:0;
}

@media(max-width:767px){
	#formContainer input, #formContainer textarea, #formContainer label, #formContainer select {width:100%!important;}
	#formContainer input[type="radio"] {width:auto!important;}
	#formFooter {padding-left: 0!important;}
	.formButtonsBlock {text-align:center; display: block !important; height: auto !important;}
    #formContainer input[type="text"] {width:100%!important;}
    
    a.sendButton {display:block;}
    a.resetButton {display:block;}
}

@media(min-width:767px){
    .formButtonsBlock {display: inline-flex !important; flex-flow: row-reverse; height: auto !important;}
    .sendButton {margin-bottom: 0; margin-left: 10px; }
}