﻿/* form container */
ul.SignUp {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 420px;
}
/* set of fields under a heading */
ul.SignUp li {
	clear: both;
	display: block;
	margin: 0;
}
ul.SignUp li.checkbox {
	margin: 10px 0 15px 0;
}
ul.SignUp li.checkbox label {
	color: #374B79;
}
ul.SignUp li.note {
	margin: 0 0 15px 0;
}
/* label value pair */
ul.SignUp li span {
}
ul.SignUp li span.float {
	float: left;
}
/* inputs */
ul.SignUp li span input.text,
ul.SignUp li span textarea.text
 {
	border: 1px #CCCCCC solid;
	background-color: #F9F9F9;
	color: #374B79;
	font-weight: bold;
	padding: 5px;
}
/* validation error */
ul.SignUp li span input.validation_error,
ul.SignUp li span textarea.validation_error {
	border: 2px #FF0000 solid;
}
/* red hightlight for invalid entry */
ul.SignUp li span.required input {
	color: #fff !important;
	background-color: red !important;
}
/* red hightlight for invalid entry */
ul.SignUp li span.required label {
	color: red !important;
}
/* field set heading about fields */
ul.SignUp label.desc {
	border: medium none;
	color: #374B79;
	display: block;
	font-size: 95%;
	font-weight: bold;
	line-height: 150%;
	margin: 10xp 0 0 0;
	padding: 0 0 0 0;
}
/* description under block label */
ul.SignUp p {
	color: #928C5A;
	font-size: 9pt;
	margin: 0 0 3px 0;
}
/* label/field */
ul.SignUp li span {
	color: #444444;
	margin: 0 0.3em 0 0;
	padding: 0;
}
/* label - this makes the label go under the inputs */
ul.SignUp li span label {
	clear: both;
	color: #844C1D;
	display: block; /* this makes the label go under the input */;
	font-size: 85%;
	line-height: 100%;
	margin: 0 0 0 2px;
	padding: 3px 0 13px 0; /* left/right has no effect */
}
/* label - this makes the label go under the inputs */
ul.SignUp .check {
	display: inline;
}
ul.SignUp .check label {
	display: inline;
	font-size: 1.00em;
	font-weight: bold;
	
}
/* full width label/value */
ul.SignUp .full {
	width: 100%;
}
/* half width - align left  */
ul.SignUp .left {
	float: left;
	width: 47%;
}
/* half width - align right  */
ul.SignUp .right {
	float: right;
	width: 47%;
}