/*
 * \Sentra.Designs\Development\plugins\advanced\Sentra-Formular\CSSform\tpl-styles-form.css
 */
.fmfieldset_border_radius(@fs_border_top_radius) when (@fs_border_top_radius > 0) {
	border-radius: 10px 10px 10px 10px;
}
.fmfieldset_border(@fm_fs_border_width) when (@fm_fs_border_width > 0) {
	border: 1px solid #3873AC;
}
.fmlegend_border(@fmlegend_border_width) when (@fmlegend_border_width > 0) {
	border : 1px dotted #3873AC;
}
.fm_borderradius(@fm_border_radius)  when (@fm_border_radius > 0) {
	border-radius: 10px 10px 10px 10px;
}
.fm_shadow(@fm_shadow_color)  when not (@arg = transparent) {
	box-shadow: 0px 0px 0px 0px transparent ;
}
.fm_border(@fm_border_width)  when (@fm_border_width > 0) {
	border: 1px #3873AC solid;
	position: relative;
	left: -1px;
}
.fminpborder(@fm_inp_border_width) when (@fm_inp_border_width > 0) {
	border: {{fm_inp_border_width}}px {{fm_inp_border_style}} {{fm_inp_border_color}};
}
.fmwarninginpborder(@fm_inp_border_width) when (@fm_inp_border_width > 0) {
	border: {{fm_inp_border_width}}px {{fm_inp_border_style}} #FC3434;
}

form.form {
	font-size: {{fm_font_size}}px !important;
	float:left;
	overflow:hidden;
	background: #C1DDF8 url(./template_images/img-12fmfade16x480.jpg) repeat-x scroll left top;
	.fm_border(1);
	.fm_borderradius(10 + 10);
	.fm_shadow(transparent);
	input {
		color: {{fm_input_color}};
	}
	.uploadmsg {
		float:left;
		font-size: 80%;
		color:#085BAC !important;
	}

	.str_tab_bricks ul {
		list-style-type:none;
		margin:0;
		padding:0;
		 li a span.warning {
		 	float:left;
		 	width:100%;
		 	background: #f3c7b7;
		 	color: #ff0000;
		}
	}
	.fsiconbg {
		padding: 0;
}
	fieldset,
	.fsiconbg {
		float: left;
		padding:0;
		margin:0;
	}
	fieldset.top {
		.input1 {
			.sendbtn {
				left:0 !important;
			}
		}
	}
	fieldset {
		margin: 10px 0 0 0;
		.fmfieldset_border(1);
		.fmfieldset_border_radius(10 + 10);
		background: transparent;
		.fieldsetelements {
			float:left;
			padding:0;
			margin:0;
			.left {
				float:left;
			}
/*
			.input4,
			.input3,
			.input2,
*/
			.input1 {
				label {
					line-height: {{form_input_height}}px;
					clear:both;
					float:left;
					color:{{fm_label_color}};
					span.warning {
						line-height: 12px;
						font-size: 12px;
						display: block;
						float:left;
						clear:both;
						width: 100%;
						color:{{fm_label_warning_color}};
						font-weight: bold;
					}
				}
				.cmntcolor {
					float:left;
					color: {{form_comment_color}};
				}
				.cmntfontsize {
					float:left;
					font-size: 12px;
				}
				.captchaimg {
					float:left;
					margin: 10px 0;
				}
				img.captchaimg {
					border: transparent 0px solid;
					margin:0;
				}
			}/* End .input1 { */

		}

		legend {
			margin: 0 1em;
			padding: 3px 1em;
			color: #3873AC;
			background: transparent;
			.fmlegend_border(1);
			font-weight: bold;
		}
		.comment {
			clear:both;
			float:left;
/*
			border: 1px solid;
			border-color: #888;
*/
			background: transparent;
			color: #3873AC;
			margin: 2em 0 1em;
			p {
				display:block;
			}
		}

/*
		.input4,
		.input3,
		.input2,
**/
		.input1 {
			float: left;
			margin: 0 0 10px;
			optgroup {
				margin: 10px 0 5px 0;
				font-size:floor({{fm_font_size}}px * 1.10);
			}

			/* Checklists,radio buttons */
			ul.s_checklist {
				float:left;
				width:auto;
				margin:0;
				padding:1px 0;/* prevent unwanted scroll bar in FF*/
				list-style: none;
				outline:none;
				overflow-y:auto;
				overflow-x:hidden;

				li {
					float:left;
				}

				li:focus {
 					outline:none;
				}
				li label.warning {
					background: #FCE9DB url(./template_images/img-12fmiwfadei4x32.png) repeat-x scroll left top;
					border: 1px solid #FC3434;
					color: {{fm_input_warning_color}};
				}
				li label:hover,li label.warning:hover,
				li label.hover {
					background: #3873AC;
					color: #FFFFFF;
				}
			}
			p {
				font-size:13px;
				line-height:16px;
			}
			p.comment {
				float:left;
				font-size:8px;
				line-height:12px;
			}
			.captmsg,
			label.required {
				font-weight:bold;
				color:#085BAC !important;
			}
			.comment {
/*
				clear:both;
				float:left;
				border: 1px solid;
				border-color: #888;
				background: transparent;
				color: {{form_comment_color}};
*/
				margin: 0 0 5px;
				p {
					padding:10px;
/*
					display:block;
*/
				}
			}
/*			input,
			select {
				height: {{form_input_height}}px;
			}
*/
			select {
				optgroup {
					option {
						height: {{form_input_height}}px;
						line-height: {{form_input_height}}px;
					}
				}
			}

			textarea {
				float:left;
			}
/*
			input {
				line-height: {{form_input_height}}px;
			}
*/
			select {
        margin: 20px;
				padding: 0;
			}
			textarea {
				float:left;
			}
			select,
			textarea,
			input[type="email"],
			input[type="password"],
      input[type="text"] {
				color: {{fm_input_color}};
				.fminpborder({{fm_inp_border_width}});
				background: #DDEEFF url(./template_images/img-12fmsbfadei4x32.png) repeat-x scroll left top;
				margin: 0;
				padding: 0;
			}
			input[type="file"] {
/*
				height:auto!important;
				width:auto!important;
				line-height: auto!important;
*/
				background:transparent;
/*
				color: transparent;
*/
			}
			input.warning[type="file"] {
				.fmwarninginpborder({{fm_inp_border_width}});
				background:transparent;
			}
			input[type="radio"],
			input[type="checkbox"] {
        height: {{form_checkbox_height}}px;
				margin: 0 10px 0 5px;
				vertical-align:middle;
			}
			input[type="password"],
			input[type="email"],
      input[type="text"] {
        height:{{form_input_height}}px;
			}
/*
			input[type="radio"] {
				margin: 0 5px;
			}
*/
			input.warning,
			select.warning,
			textarea.warning {
				background: #FCE9DB url(./template_images/img-12fmiwfadei4x32.png) repeat-x scroll left top;
				border-color: #FC3434;
/*
				color: {{fm_input_warning_color}};
*/
			}
			select {
				float:left;
			}
			.radioright {
				float:left;
				display:block;
				width: 100%;

				label.confirm {
					width:50%;
					float:right;
				}

				input.radio {
					position:relative;
					bottom:0;
				}
			}
			.legaltext {
				float:left;
				margin: 10px 0;
			}
		}
/*
		.input1 {
			.browserbutton {
				float: right;
				padding: 0 5px;
				margin: 0 10px;
			}
		}

		.input2 {
			width:47%;
			margin-right:2%;
		}
		.input3 {
			width:30.33%;
			margin-right:2%;
		}
		.input4 {
			width:22%;
			margin-right:2%;
		}
*/
		.requiredmarking {
			background:#F5E5E5;
		}
	}

	fieldset.hidden {
		padding: 0;
		border: 0;
		background: transparent;
		display: block;

		.comment {
			display:none;
		}
	}
	input.imail {
		position: absolute;
		left: -9999px;
		top: -9999px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		display: inline;
	}
	input, select, textarea {
	   padding: 2px 0 !important;
	}
/*
	input[type="file"] {
		height: 25px !important;
		line-height: 25px !important;
	}
*/
	input[type="button"],
	input[type="submit"] {
	   padding: 2px;
	}
}



table.form_results {
	border-collapse:collapse;
	border:1px dotted #381501;
	td {
		vertical-align:top;
		padding:2px 5px;
	}
	td.TABhead {
		color:#3f3f3f;
		font-weight:bold;
		font-size: 16px;
	}
	td.fieldsethead {
		color: #5d5d5d;
		font-weight:bold;
		font-size: 14px;
	}
}

