form.form {
	font-size: {{form_font_size}} !important;
	margin: 0 0 10px 0;
	float:left;
	overflow:hidden;
	background: {{form_bg_url}};

	label.cb3 {
		input {
			position:relative;
			top: 0.5 * ({{form_input_height}} - {{form.checkbox.height}});
		}
	}
	div.sb7left {
		background: {{form.sendbutton.url}} !important;
		float:left !important;
		span {
			float: left !important;
		}
		input.sb7{
			float:left !important;
			left: -{{form.sendbutton.width}}px !important;
		}
	}
	div.sb7 {
		float: left!important;
	}
	div.sb7left,
	div.sb7,
	div.sb7right {
		float: right;
		width: 2 * {{form.sendbutton.width}}px;
		height:{{form.sendbutton.height}}px;
		background: {{form.sendbutton.url}};
		span {
			float: right;
			position:relative;
			right:{{form.sendbutton.width}}px;
			width:{{form.sendbutton.width}}px;
			height:{{form.sendbutton.height}}px;
			line-height:{{form.sendbutton.height}}px;
			color: {{form.sendbutton.color}};
			text-align: center;
			font-weight: bold;
			font-size: {{form.sendbutton.font-size}}px;
		}
		input.sb7{
			float:right;
			background:transparent;
			position:relative;
			width:{{form.sendbutton.width}}px !important;
			height:{{form.sendbutton.height}}px;
		}
	}
	div.sb7left {
		span {
			right:0!important;
		}
	}
	div.sb7 {
		position:relative;
		left: {{form.sendbutton.width}}px;
	}
	.str_tab_bricks ul {
		list-style-type:none;
		margin:0;
		padding:0;
		 li a span.w10 {
		 	float:left;
		 	width:100%;
		 	background: {{TABs li a span.warning-bg_url}};
		 	color: {{TABs li a span.warning-color}};
		}
	}
	div.fc5 {
		padding: 0;
}
	fieldset,
	div.fc5 {
		float: left;
		padding:0;
		margin:0;
	}
.contentbar fieldset.top {
		div.i01 {
			div.sb7 {
				left:0 !important;
			}
		}
	}
	fieldset {
		margin: 10px 0 0 0;
		border: {{fieldset border-width}} {{fieldset border-style}};
		border-color: {{fieldset border-color}};
		background: {{fieldset bg_url}};
		div.fs8 {
			float:left;
			padding:0;
			margin:0;
			.left {
				float:left;
			}
			div.i01,
			div.i02,
			div.i03,
			div.i04 {
				label {
					line-height: {{form_input_height}};
					clear:both;
					float:left;
					color:{{form_label_color}};
					span.w10 {
						line-height: {{form_comment_font_size}};
						font-size: {{form_comment_font_size}};
						display: block;
						float:left;
						clear:both;
						width: 100%;
						color:{{form_label_warning_color}};
						font-weight: bold;
					}
				}
				.cc11 {
					float:left;
					color: {{form_comment_color}};
				}
				.cf12 {
					float:left;
					font-size: {{form_comment_font_size}};
				}
				div.ci13 {
					float:left;
					margin: 10px 0;
				}
				img.ci13 {
					float:left;
					border: {{form.captchaimg.border-color}} {{form.captchaimg.border-width}} {{form.captchaimg.border-style}};
					margin:0 10px 0 0;
				}
			}
		}

		legend {
			margin: 0 1em;
			padding: 3px 1em;
			color: {{form.fieldset.legend-color}};
			background: {{form.fieldset.legend-bg}};
			border : {{form.legend.border-width}} {{form.legend.border-style}};
			border-color: {{form.legend.border-color}};
			font-weight: bold;
		}

		.ct14 {
			clear:both;
			float:left;
/*
			border: {{form.fieldset.comment.border-width}} {{form.fieldset.comment.border-style}};
			border-color: {{form.fieldset.comment.border-color}};
*/
			background: {{form.fieldset.comment.bg}};
			color: {{form.fieldset.comment.color}};
			margin: 2em 0 1em;
			p {
				display:block;
			}
		}


		div.i01,
		div.i02,
		div.i03,
		div.i04 {
			float: left;
			margin: 0 0 10px;
			optgroup {
				margin: 10px 0 0 0;
			}
			/* Checklists */

			ul.s_cl6 {
				float:left;
				width:auto;
				margin:0px;
				padding:0px;
				list-style: none;

				outline:none;

				li:focus {
 					outline:none;
				}
				li label.w10 {
					background: {{form.input.warning.bg.url}};
					border: 1px solid {{form.input.warning.border-color}};
					color: {{form_input_warning_color}};
				}
				li label:hover,li label.w10:hover,
				li label.hover {
					background: {{form.checklist.label.bg}};
					color: {{form.checklist.label.color}};
				}
			}
			p {
				font-size:13px;
				line-height:16px;
			}
			p.ct14 {
				float:left;
				font-size:8px;
				line-height:12px;
			}
			label.rq4 {
				font-weight:bold;
				color:{{form.checklist.label.required.color}} !important;
			}
			.ct14 {
				clear:both;
				float:left;
				border: {{form.fieldset.comment.border-width}} {{form.fieldset.comment.border-style}};
				border-color: {{form.fieldset.comment.border-color}};
				background: {{form.fieldset.comment.bg}};
				color: {{form.fieldset.comment.color}};
				margin: 0 0 5px;
				p {
					padding:10px;
					display:block;
				}
			}
			input,
			select {
				height: {{form_input_height}};
			}
			select {
				optgroup {
					option {
						line-height: {{form_input_height}};
					}
				}
			}

			textarea {
				float:left;
			}
			input {
				line-height: {{form_input_height}};
			}
			select {
        margin: 20px;
				padding: 0;
				height: {{form_input_height}};
				line-height: {{form_input_height}};
			}
			textarea {
				float:left;
			}
			select,
			textarea,
			input[type="password"],
      input[type="text"] {
				color: {{form.input.color}};
				border: {{form.input.border-width}} {{form.input.border-style}};
				border-color: {{form.input.border-color}};
				background: {{form.input.bg_url}};
				margin: 0;
				padding: 0;
			}
			input[type="checkbox"] {
        height: {{form_input_height}};
				margin: 0 10px 0 0px;
				vertical-align:middle;
			}
      input[type="text"] {
        height:{{form_input_height}}	;
			}
			input[type="radio"] {
				margin: 0 5px;
			}
			input.w10,
			select.w10,
			textarea.w10 {
				background: {{form.input.warning.bg.url}};
				border-color: {{form.input.warning.border-color}};
				color: {{form_input_warning_color}};
			}
			select {
				float:left;
			}
			div.ro16right {
				float:left;
				display:block;
				width: 100%;

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

				input.ro16 {
					position:relative;
					bottom:0;
				}
			}
			.lx15 {
				float:left;
				margin: 10px 0;
			}
		}
		div.i01 {
			.browserbutton {
				float: right;
				padding: 0 5px;
				margin: 0 10px;
			}
		}
		div.i02 {
			width:47%;
			margin-right:2%;
		}
		div.i03 {
			width:30.33%;
			margin-right:2%;
		}
		div.i04 {
			width:22%;
			margin-right:2%;
		}

		div.rq4marking {
			background:{{div.requiredmarking.bg}};
		}
	}

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

		.ct14 {
			display:none;
		}
	}
	input.im1 {
		position: absolute;
		left: -9999px;
		top: -9999px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		display: inline;
	}
}

input, select, textarea {
   padding: 2px 0 !important;
}
input[type="text"] {
	height: 25px !important;
	line-height: 25px !important;
}

input[type="button"],
input[type="submit"] {
   padding: 2px;
}

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

