.typography form{padding: 1em 0;}
	.typography fieldset{}
		.typography div.field {}

	.typography label {}
	.typography li label, .typography p label {font-size: 0.8em;}
		.typography label.FormHeading{display: block; font-weight: bold; margin-bottom: 1em;}
		.typography label.left{display: block;}
			.typography .dropdown label.left{padding-bottom: 0.8em;}
			.typography .optionset label.left, .typography .checkboxset label.left{border: 0;}
			
	.typography h1.FormHeading {color: #099; margin-bottom: 1em;}

	.typography .field{width: 100%; padding-bottom: 0.8em;}
		.typography .middleColumn, .typography .Actions, .typography p.ForgotPassword, .typography p.checkbox {display: block;}
			.typography .middleColumn input, .typography .middleColumn textarea, .typography .middleColumn select{border: 1px solid #ccc; width: 370px; padding: 3px; font-family: Arial, Verdana, sans-serif;}
			.typography .middleColumn textarea{}
			.typography .middleColumn ul{margin-left: 0!important; padding-left: 0!important; margin-top: 0px; padding-top: 0px;}
			.typography .middleColumn li{list-style: none!important; margin-top: 0px; padding-top: 0px;}
				.typography .middleColumn input:hover, .typography .middleColumn textarea:hover, .typography .middleColumn select:hover{border: 1px solid #ed1b23;}
				.typography .middleColumn input:focus, .typography .middleColumn textarea:focus, .typography .middleColumn select:focus{border: 1px solid #323232;}

		.typography .middleColumn .radio, .typography .middleColumn .checkbox,
		.typography .middleColumn .radio:hover, .typography .middleColumn .checkbox:hover,
		.typography .middleColumn .radio:focus, .typography .middleColumn .checkbox:focus{border: 0;}

		.typography .Actions{}

		.typography .message{font-weight: bold; clear: both; color: #323232; background-color: #ffd22f; display: block;padding: 2px 4px 7px 4px; text-align: center; border: 1px dashed #323232; }
		.typography .good {background-color: #9f6;}
		.typography .bad {background-color: #f33;}
		.typography .required {}
		.typography .middleColumn .message{width: 368px; }
			.typography .field span.message {width: 370px;}
			.typography .field .middleColumn .message {margin-left: 0px; width: 370px; }

.typography label.required {display: block; color: #82274B; font-size: 0.8em;}

/* exceptions */
.typography .radio, .typography .checkbox{width: auto!important;}
.typography .checkbox  label.right {display: block; margin-left: 0px; width: 350px; font-size: 1em; text-align: left;}
.typography .checkbox  input {float: left;}

.typography .confirmedpassword .middleColumn {margin-left: 0px;}
.typography .confirmedpassword .middleColumn .middleColumn {margin-left: 120px;}
.typography .fieldgroup .middleColumn {margin-left: 0px;}

.typography label.right {display: block; margin-left: 270px; width: 370px; font-size: 0.8em}

/* BUTTON */
.typography .Actions {width	400px;}
.typography .Actions input {
	color:#fff; background:#099; border:0px solid transparent; /*text-shadow: 1px 1px 1px #888;*/ box-shadow:2px 2px 5px #000000; -moz-box-shadow:2px 2px 5px #000000; -webkit-box-shadow:2px 2px 5px #000000; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; padding:5px 10px; cursor:pointer; font-weight: bold; text-transform: uppercase; float: right; margin-right: 20px;
}
.typography .Actions input:hover{
	cursor:pointer; position:relative; top: 1px; margin-left: 301px; background:#17b7b5; /*text-shadow: 1px 1px 1px #888;*/ border:0px solid transparent;
}

.typography .Actions input > span {}