
.two_col_form form {
	margin:0px 0 0 0px; /* moves form from T/L corner of page */
	float:left;
	}
	
/* end temp styles */

/* -- a form with all form elements -- */
.two_col_form * { /* zeros margins and padding within the layout  */
	margin:0;
	padding:0;
	}
.two_col_form h3 {margin-top:.0em;}
.two_col_form form {
	float:left;
	width:28em;
	padding:0em .75em .5em;
	border:0px solid #AAA;
	}
.two_col_form form p {
	color:#555;
	font-size:.8em;
	margin:0 20px .5em 0px;
	}
.two_col_form div.formsection {
	float:left; /* enclose the form control and label */
	width:100%; /* makes the floated element full width */
	border-bottom:1px solid #AAA;
	padding-bottom:.4em;
	}
.two_col_form div.formsection input {
	margin-top:.5em;
	float:left;
	}
.two_col_form div.formsection textarea {
	margin-top:.5em;
	float:left;
	}
.two_col_form div.formsection label {
	float:left;
	width:252px;
	display:block;
	clear:both;
	font-size:.75em; 
	color:#555;
	font-weight:normal;
	margin:.5em 3px 0 5px;
	padding-bottom:.5em;
	}
.two_col_form div.formsection select {
	float:left;
	margin-top:.5em;
}
.two_col_form div input[type="submit"] {  /*IDWIMIE 6, so the button is on the left in IE6 */
	float:right;
	margin:.5em 1.8em .5em 0;
	}
/* styles for the checkbox and radio button sets */
.two_col_form div.formsection .buttongroup {
	float:left; /* wraps contents */
	}
.two_col_form div.formsection .buttongroup input {
	float:left;
	clear:both; /* reset the inherited value */
	}
.two_col_form div.formsection .buttongroup label {
	float:left;
	width:200px;
	position:relative; /* allows top positioning to work */
	top:-15px; /* move label up next to radio/checkbox control */
	margin:0 0 0 1.2em; /* positions each radio or checkbox by its label */
	display:inline; /* fixes margin-double on IE6 floats */
	font-weight:normal; /* reset the inherited value */
	margin-bottom:-24px;
	}
/* styles for the msgs/errors list */
.two_col_form div.formsection  ul { /* add 'message' class to div to see this list */
	display:none;  
	font-size:.8em;
	padding:1em 2em;
	}
.two_col_form div.formsection  ul.message {display:block;} /* add 'message' class to ul to see this list */
.two_col_form div.formsection ul.error {color:red;}
.two_col_form div.formsection ul.message li {
	padding: .3em 0;
	list-style-type:none;
	}
/*  styles for the msgs/errors list - div.error is added automatically by validation code */
.two_col_form div.formsection div.error {
	font-size:.75em;
	width:120px;
	float:right;
	margin:.5em 5px	0 5px;
	color:#CC3333;
	}
.two_col_form div.formsection div.error {
	color:#FF6633;
}