/* layout/form.css */

/* ----- content ----

- general rules
+ specified rules
	- formWidget1
	- orderForm
	- contactForm

--- END OF content --- */


/* general rules */
form {
	padding: 10px;	
	font-size: 16px;
	overflow: hidden;
	
}

.formfield {
	clear: both;	
	overflow: hidden;
	margin-bottom: 5px;
}

.formfield label {
	float: right;
	padding: 5px;
	display: block;	
	text-align: right;
}

.formfield.ff_textfield input, .formfield select, .formfield textarea {
	padding: 5px;
	font-size: 16px;
}

.formfield textarea {	
	resize: none;
}

.formfield .requiredSign {
	top: 8px;
	padding: 0 5px;
	position: absolute;
}

.formError p {
	font-weight: bold;
	margin-bottom: 0;
}

/* color rules */
.formError input, .formError select, .formError textarea {
	border: 2px solid #ff0000;
}

.formError p {
	color: #ff0000;
}
/* END OF color rules */
/* END OF general rules */


/* specified rules */
/* formWidget1 */
.formWidget1 .formfield textarea {
	height: 200px;
}

.formWidget1 .ff_submit input {
	width: 200px;
}

.formWidget1 .checkboxWrapper label {	
	float: left;
	width: 180px;
	text-align: left;
}

.formWidget1 .checkboxWrapper input {
	float: left;
	margin: 8px;
}
/* END OF formWidget1 */


/* orderForm */
.orderForm .formfield.ff_textfield input {
	width: 400px;
}

.orderForm .formfield textarea {
	width: 400px;	
}

.orderForm .ff_submit input {
	margin: 5px 0 5px 100px;
}

.contactForm .formfield.ff_textfield input {
	width: 300px;
}

.orderForm .formfield.ff_select.smallInput select {
	width: 93px;
}

.orderForm .formfield.ff_textfield.smallInput input {
	width: 80px;
}
/* END OF orderForm */


/* contactForm */
.contactForm .ff_submit input {
	margin-left: 50px;
}

.contactForm .formfield textarea {
	width: 300px;	
}
/* END OF contactForm */
/* END OF specified rules */