/* GENERIC FORM STYLING */
.typography form {
	width:378px;
}
	.typography form fieldset {
		border:0;
		padding:12px;
	}
		.typography .message {
			color:red;
			background:#ddd;
			border:1px solid #ccc;
			padding:5px;
			margin:5px;
		}
		.typography span.message {
			width: 300px;
		}
		.typography form div {
			margin-top:10px;
			width:100%;
		}
		.typography form label {
			font-size:1.1em;
			color:#333;
		}
			.typography form label.left {
				float:left;
				width:12em;
			}
			.typography form label.FormHeading {
				font-size:1.3em;
				color:#ff7200;
				font-weight:bold;
			}
		.typography form input.text,
		.typography form textarea,
		.typography form select {
			width:200px;
			color:#000;
			background:#f8f8f8;
			border:1px solid #aaa;
			padding:3px;
		}
		
		.typography form input.numeric {
			width:20px;
			background:#f0f0f0;
			border:1px solid #aaa;
			padding:3px;
			color:#000;
			margin-right:4px;
		}
		.typography form input.year {
			width:35px;
		}
		.typography form p.Actions {
			text-align:right;
			padding:0 22px 15px 0;
		}
			.typography form p.Actions input {
				padding:2px;
			}



/* user forms */

ul.optionset {
	list-style-type: none;
}
ul.optionset li label {
	list-style-type: none;
	font-size: 90%;
}

div.optionset label.left, div.checkboxset label.left {
	float: none;
	display:block;
}
p.checkbox label {
	font-size: 90%;
}
.FormHeading {
	margin-top:15px;
	border-bottom: 2px solid black;
}
.typography form label.required {
	color:red;
	display: block;
}
.typography form div.field {
	clear:both;
}