/*---------------------------------------------	
	FORM - TWO COLUMNS USING CSS
	1) Clear to the left the <p>'s in the form
	since we're floating the labels within them.
	
	2) Float the labels left and give them width
	to make the inputs sit to their right.
-------------------------------------------- */

table { 	vertical-align: top; margin: 0; padding: 0; }
table td { 	vertical-align: top; padding: 5px; }
table td.signup-left { width: 450px; }
table td.signup-right { padding-top: 20px;}

form { padding: 0; margin: 0; }


#frmSignup p {
	clear: left;
	margin: 0;
	padding: 2px;
}
#frmSignup p label {
	float: left;
	width: 30%;
	padding-left: 5px;
}
/*---------------------------------------------	
	END 2 COLUMN FORM CONFIGURATION
-------------------------------------------- */

/* --- FORM ASTHETICS --- */
#frmSignup {
	padding: 0;
}

#frmSignup p input, 
#frmSignup p textarea {
	width: 65%;
}

#frmSignup p #zip,
#frmSignup p #state {
	width: 5em;
}
#frmSignup fieldset {
	border: 1px solid #c8e8b4;
}
#frmSignup input.checkbox {
	width: 1.5em;
}

fieldset {
	margin: 0 0 15px 0;
	padding: 15px 10px;
}

legend { font-size: 20px; color: #377313; }
p.pButtons{
	text-align: center;
}

p.pButtons input {
	text-align: center;
	width: 30px;
}

/*---------------------------------------------	
	FORM ERRORS
-------------------------------------------- */
/* Page-top section alerting subscriber to errors below */
#frmSignup .errSummary {
	margin-bottom: 15px;
	background-color: pink;
	border: 1px solid crimson;
	
	font-size: .9em;
	font-style: italic;
	color: crimson;
}

/* Section enclosing the erroneous input. */
#frmSignup .errSection {
	margin-bottom: 15px;
	background-color: pink;
	border: 1px solid crimson;
}

/* Text description of error */
#frmSignup .errText {
	font-size: .9em;
	font-style: italic;
	color: crimson;
}
/*---------------------------------------------	
	END FORM ERRORS
-------------------------------------------- */