/*

Customize the FormBuilder CSS - crappy markup and style hooks printed by plugin, gotta work with this though...
Author: David Gowrie, www.webmodia.com
Version: 2009.12.29

*/

/* Generic FormBuilder Display Configuration */
#formBuilderSignupWrap {
	margin:20px 0 10px; width:340px; padding:9px 15px 3px;
	background:#fafafb;
	border:1px solid #dcdee2;
	}
#formbuilder-page-1 {width:340px; overflow:hidden;}

/* divs around form field groups */
.formBuilderForm .formBuilderField {margin:10px 0; width:100%; overflow:hidden;}
#formBuilderFieldZIP_Code {float:left; width:65%;}

/* Generic Label Controls */
.formBuilderForm .formBuilderLabelRequired,
.formBuilderForm .formBuilderLabel {
	float:left;
	margin-right:8px; width:6.5em;
	line-height:2; text-align:right;
	}

/* Generic form input */
.formBuilderForm .formBuilderInput input {
	float:left;
	padding:7px 2px 6px;
	background:#fff;
	border:1px solid #d2d5d9;
	}
	
/* individual inputs */
#fieldformBuilderFieldEmail	{width:232px;}
#fieldformBuilderFieldZIP_Code {width:100px;}
#formBuilderFieldsignupSubmit {float:right; width:100px;}
#formBuilderFieldsignupSubmit .formBuilderSubmit {text-align:right;}


/* feedback - error */
div.formBuilderFailure {
	padding:5px 5px 0;
	border:1px solid red;
	background-color:#FFEBEB;
}
div.formBuilderFailure h4,
div.formBuilderFailure ul {display:none;} /* hide it b/c the plugin markup and content is unworkable */


/* feedback - success */
div.formBuilderSuccess {
	padding:10px 0;
}