
#main_wrapper h1, .three_col_form h3 {
	color:#000;
	}
#main_wrapper p, 
#main_wrapper li, 
#main_wrapper label, 
#main_wrapper input, 
#main_wrapper textarea {
	color:#777;
	}
.three_col_form fieldset {
	border-color:#777;
	}
.three_col_form legend {	
	color:#069;
	font-weight:bold;
	padding-right:3px;	
	}
.three_col_form legend span {
	font-weight:normal;	
	}
.three_col_form div.formsection {
	border-bottom:1px solid #9CF;
	}
.three_col_form div.formsection input,
.three_col_form div.formsection textarea {
	
	font-size:1em;
	}
.three_col_form div.formsection select {
	font-size:1em;	
	color:#777;
	}
.three_col_form div.formsection a {
	color:#777;
	font-size:.8em;
	}
.three_col_form div.formsection a:hover {
	color:#C63;
	text-decoration:none;
	}
.three_col_form div.formsection div.notes p {
	font-size:.8em;
	}
.three_col_form div.formsection div.notes p a {
	}
	/* END COLORS */
	
/* -- a form with all form elements -- */
.three_col_form * { /* zeros margins and padding within the layout  */
	margin:0;
	padding:0;
	}
.three_col_form h3 {margin-top:.0em;}

.three_col_form p {
	margin:6px 0;
	font-size:.9em;
	}
.three_col_form p a {
	margin:6px 0;
	font-size:1em;
	}
.three_col_form form {
	margin:20px 0 0 40px;
	float:left;
	width:30em; 
	padding:1em .75em .5em;*/
	}
.three_col_form fieldset {
	padding:5px 0;
	border-width:2px 0 0 0;
	width:100%;
	}
.three_col_form div.formsection {
	float:left; /* enclose the form control and label */
	width:100%; /* makes the floated element full width */
	padding-bottom:.4em;
	}
.three_col_form div.formsection input {
	margin-top:.5em;
	float:left;
	}
.three_col_form div.formsection textarea {
	margin-top:.5em;
	float:left;
	}
.three_col_form div.formsection label {
	float:left;
	width:120px;
	display:block;
	clear:both;
	font-size:85%; 
	font-weight:bold; 
	margin:.5em 0 0 5px;
	padding-bottom:.5em;
	}
.three_col_form div.formsection select {
	float:left;
	margin-right:12px;
	}
.three_col_form div.formsection img { /* small icons next to fields e.g. calendar next to date field */
	margin:.65em 0 0 5px;
	}
.three_col_form div.formsection div.notes { /* the third column */
	float:left;
	width:110px;
	margin:.5em 10px 0 10px;
	padding-bottom:.5em;
	float:right;
	}
div.three_col_form div.formsection div.notes p {
	color:#FF6633;
	}
.three_col_form div.formsection select {
	float:left;
	margin-top:.5em;
	font-size:.9em;
}
.three_col_form div input[type="submit"] {  /*IDWIMIE 6, so the button is on the left in IE6 */
	float:right;
	margin:.5em .3em 0em 0;
	font-size:.9em;
	}
.three_col_form div.submit_area {
	clear:both;
	width:250px;
	float:left;
	}
.three_col_form div.submit_area p { 
	margin:0;
	padding:3px 0 0 8px;
	}
.three_col_form div.submit_area a { 
	margin:0.3em 0em 0;
	font-size:.9em;
	display:block;
	}
/* styles for the checkbox and radio button sets */
.three_col_form div.formsection .buttongroup {
	float:left; /* wraps contents */
	}
.three_col_form div.formsection .buttongroup input {
	float:left;
	clear:both; /* reset the inherited value */
	}
.three_col_form div.formsection .buttongroup label {
	float:left;
	width:200px;
	position:relative; /* allows top positioning to work */
	top:-16px; /* move label up next to radio/checkbox control */
	margin:0 0 0 1.6em; /* 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 */

.three_col_form div.formsection div.error {
	font-size:.85em;
	width:140px;
	float:right;
	margin-top:.5em;
	}
.three_col_form div.formsection div.error {
	color:#FF6633;
}


