/* form default style ######################################################################## */
.component_form_element {
	float: left; 
	width: 100%;
}

.component_form_element .form_row,
.component_form_element .button_container {
	margin: 0px;
	padding-bottom: 10px;
}
.component_form_element label {
	display: block;
	width: auto;
}
.component_form_element textarea {
	width: 400px;
}
.component_form_element input,
.component_form_element textarea,
.component_form_element select {
	padding: 4px;
	float: left;
	border-left-width: 5px;
}



.component_form_element .invalid,
.component_form_element .input_checkbox ul,
.component_form_element .valid {
	border-color: #ccc;
}
.component_form_element .valid,
.component_form_element .input_checkbox ul.valid {
	border-left-color: #55a327;
}
.component_form_element .invalid,
.component_form_element .input_checkbox ul.invalid {
	border-left-color: #a32a15;
}
.component_form_element button.invalid,
.component_form_element button.valid {
	border-left-color: #ccc;
}
.component_form_element ul {
	float: left;
	list-style: none;
	width: 200px;
	border-left: 5px solid #ccc;
	padding-left: 5px;
}
.component_form_element ul li {
	float: left;
	width: 100%;
	line-height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.component_form_element .input_radio > label,
.component_form_element .input_checkbox > label {
	margin-bottom: 5px;
}

.component_form_element input[type=radio],
.component_form_element input[type=checkbox] {
	border: none;
	padding: 0px;
	width: auto;
	margin-right: 3px;
	position: relative;
	top: 3px;
	float: left;
}

.component_form_element select,
.component_form_element select.valid,
.component_form_element select.invalid {
	border-left-width: 1px;
	border-left-color: #ccc;
	padding: 0px;
}

.component_form_element select.valid {
	border-left: 5px solid #55a327;
}
.component_form_element select.invalid {
	border-left: 5px solid #a32a15;
}
 
/* date input field */
.component_form_element input.date {
	width: 70px;
	margin-right: 5px;
}
.component_form_element img.icon_calendar {
	cursor: pointer;
}

/* captcha */
.component_form_element .captcha input {
	width: 80px;
	margin-right: 10px;
}
.component_form_element .captcha .captcha_text {
	float: left;
	padding-top: 3px;
}