/* form elements */

/*custom form and anchor buttons are styled in content.css*/

fieldset, div.fieldset, div.form-fields {
	width: 95%;
	margin: 1em 0;
	border: none;	
}
div.form-fields {overflow: hidden;}

fieldset .left, fieldset .label {
	float: left;
	width: 32%;
	padding: 0 2% 0 0;
}

div.form-fields .left, div.form-fields .label {display: inline-block; 	width: 32%;	padding: 0 2% 0 0;}

fieldset .right, fieldset .input {
	float: left !important;
	width: 66%;
}
div.form-fields .right, div.form-fields .input {display: inline-block;	width: 66%;}

fieldset div.submit, div.form-fields div.submit {
	border-top: solid 1px #ddd;
	padding: 0.7em 0;
	margin: 1em 0 0 0;
	float: right;
	width: 66%;
}
div.form-fields div.submit {width: 100%; float: none;}

fieldset .button.submit, div.form-fields .button.submit {
	width: auto;
	float: right;
}
fieldset.rule, div.form-fields.rule {/*login form fieldset exception for horizontal line*/
	border-bottom: solid 1px #BAC7C6 !important;
	padding: 0;
	margin: 0 0 4px 0;
}
input[type=text], input[type=tel], input[type=password], input[type=email], textarea {
	width: 100%;
}
label, .section_title {
	font-weight: 700;
}

@media screen and (max-width:640px) {
form {
	margin: auto;
}
fieldset, div.form-fields  {
	width: 96%;
	margin: 1em 0;
	border: none;
}
fieldset .left, div.form-fields .left, fieldset .label, div.form-fields .label, div.form-fields .left, fieldset .right, div.form-fields .right, fieldset .input, div.form-fields .input {
	float: none;
	width: 100%;
	clear: both;
}
}
form {
	margin: 0;
	padding: 0;
}
label {
	display: block;
	font-weight: 700;
}
/*labels within radio or checkbox groups*/
div.input label {
	display: inline-block;
	margin: 0 10px;
}
input {
	font-weight: normal;
	padding: 3px;
	margin: 0;
}
textarea {
	height: 60px;
	width: 100%;
}
input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select {
	padding: 0.5em 3%;
	border: solid 1px #ccc;
	max-width: 100%;
	font-family: Avenir W01, Arial, Helvetica, sans-serif;
}
input[type=button] {
	float: right;
	margin: 10px;
}
input[type=text]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus {
	box-shadow: inset 1px 1px 5px #ccc;
	-moz-box-shadow: inset 1px 1px 5px #ccc;
	-webkit-box-shadow: inset 1px 1px 5px #ccc;
}
select {
	font-weight: normal;
}
input.formkey {
	width: inherit;
}
input.error, textarea.error, select.error, input.errormsg, textarea.errormsg, select.errormsg {
	border: solid 1px #d13836 !important;
}
.errormsg {
	color: #d13836;
	padding: 1px 0 10px 0;
	font-size: 0.8em;
	text-align: left;
}
.form_label_req {
	color: #006990;
}
input.field, textarea {
	font-size: 1em;
}
input.upload {
	font-size: 11px;
	width: 99%;
}
input.short, textarea.short {
	width: 33%;
}
input.wide, textarea.wide {
	width: 90%;
}
input.small, textarea.small {
	font-size: .9em;
}
input.large, textarea.large {
	font-size: 1em;
}
input.tiny {
	height: 12px;
	font-size: .8em;
	font-weight: bold;
}
select.select {
}
select.wide {
	width: 99%;
}
select.short {
	width: 33%;
}
select.small {
	font-size: .9em;
}
select.large {
	font-size: 1.3em;
}
select.multiple {
	width: 50%;
	height: 100px;
	overflow: auto;
}
select.multiple_wide {
	width: 99%;
	height: 100px;
	overflow: auto;
}
.aid {
	color: #999;
	font-size: 12px;
	line-height: 14px;
}
.aid ul {
	margin: 0 0 0 20px;
	padding: 0px;
}
div.fields ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.fields ul li {
	height: 80px;
}
fieldset div.error_message, div.error, div.form-fields div.error_message {
	color: #c34d52 !important;
	font-size: .8em;
	margin: 0 0 3px 0;
	font-weight: normal !important;
}
.status label {
	font-weight: normal;
	text-transform: none;
	color: #3a3a3a;
	display: inline;
	font-size: 14px;
}
/*use font awesome for check boxes and radio buttons*/
/*input[type="radio"],
input[type="checkbox"] {
  display:none;
}

input[type="radio"] + span:before,
input[type="checkbox"] + span:before {
  font-family: 'FontAwesome';
  font-size: 20px;
  width:27px;
  display:inline-block;
}

input[type="radio"] + span:before {
  content: "\f10c"; 
}

input[type="radio"]:checked + span:before {
  content: "\f111"; 
}

input[type="checkbox"] + span:before {
  content: "\f096"; 
}

input[type="checkbox"]:checked + span:before {
  content: "\f046"; 
}*/






/* ================= FORMS TOOL OUTPUT =================*/
.formerrors {
	color: #B22222;
	padding: 0px 0px 0px 10px;
	text-align: left;
}
.form_err_msg_area {
	color: #B22222;
	padding: 0.5em 0;
	font-size: 1em;
}
/* Generated Form styles */

ul#form_elements, ul#form_elements li {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
div.section_title {
	font-size: 1.2em;
}
input[type=radio], input[type=checkbox] {
	display: inline-block;
	vertical-align: middle;
}
select {
	min-width: 50%;
	max-width: 100%;
}
fieldset.consent label, div.form-fields.consent label {
	display: inline-block;
	font-size: 0.7em;
	line-height: normal;
}
fieldset.consent input[type=checkbox], div.form-fields.consent input[type=checkbox] {
	display: inline-block;
	float: right;
	margin: 0 10px 0 0;
}
.ui-sortable-placeholder {
	display: none !important;
}
fieldset div.label label, div.form-fields div.label label {
	word-wrap: break-word;
	width: auto;
}
#form_div {
	width: 100%;
}
#form_div h2, wrapper-survey h2 {
	border-bottom: solid 1px #DDDFE0;
}
ul.radio-list, ul.check-list {
	margin: 0;
	padding: 4px 0;
	list-style: none;
}
ul.radio-list li, ul.check-list li {
	display: block;
	float: left;
	padding: 2px 8px;
}
input.med {
	width: 60%;
}
/*disabled poll button*/
input[disabled="disabled"] {
	background-color: #DDDFE0 !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
}
input[disabled="disabled"]:hover {
	color: #fff;
	background-color: #DDDFE0 !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	cursor: default;
}
#form_elements_panel #form_elements, .form-panel .fieldsets {
}
#form_elements_panel ul#form_elements, #form_elements_panel ul#form_elements li {
	list-style: none;
	margin: 0;
	padding: 0;
}
/*
#form_elements_panel ul#form_elements { }
*/

.JQcaptcha {
	width: 30% !important;
	margin: 0 1em 0 0;
	float: left;
}
ul.l9-list-style-none {
	margin: 0;
	padding: 0;
}
ul.l9-list-style-none li div.input ol, ul.l9-list-style-none li div.input ul {
	margin: 0;
	padding: 0;
}
ul.l9-list-style-none li, ul.l9-list-style-none li div.input ol li, ul.l9-list-style-none li div.input ul li {
	list-style-type: none;
}
ul.l9-list-style-none li ol li, ul.l9-list-style-none li ul li {
	list-style-type: inherit;
}
.l9Form_message_area {
	padding: 1em;
	border: solid 1px #77942b;
	color: #007c88;
    font-weight: bold;
}

div.seminar_wrapper div.form-fields div.event_label {color: #212528; font-weight: 700; font-size: 16px;}
