/* = forms
------------------------------------------------------------------------------------ */

div.input {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;	
}

div.input label {
	float: left;
	padding: 5px 0;	
}

/* = submit */

div.submit {
	margin: 0;	
}

div.right {
	text-align: right !important;
}

div.text input,
div.file input,
div.password input,
div.select select,
div.textarea textarea {
	float: left;
	margin: 0 -5px 0 0;
	border: 1px solid #b2a6b3;
	padding: 4px;
	background: #fdf3fe;
}

/* = textarea */

div.textarea textarea {
	height: 90px
}

div.h-xl textarea {
	height: 360px;
}

div.h-l textarea {
	height: 180px;
}

div.h-m textarea {
	height: 90px;	
}

div.h-s textarea {
	height: 45px;
}

div.h-xs textarea {
	height: 30px;	
}

/* = checkbox */

div.checkbox input,
div.radio input {
	clear: left;
	float: left;
	width: auto;
	margin: 6px 10px 0 0;
}

div.file label {
	width: auto;
}


/* = hints & units 
------------------------------------------------------------------------------------ */

span.hint,
span.unit {
	font-size: 10px;
	line-height: 15px;
}

span.hint {
	float: left;
	width: 100%; 
	color: #666;
}

span.unit {
	float: left;
	width: 15%;
	margin: 5px 10px;
	color: #000;
}

/* = forms, simple
------------------------------------------------------------------------------------ */

form.top div.text label,
form.top div.password label,
form.top div.textarea label,
form.top div.select label {
	width: 100%;	
	text-align: left;
}


form.left div.text label, 
form.left div.file label, 
form.left div.password label, 
form.left div.textarea label, 
form.left div.select label {
	width: 18%;
	margin: 0 2% 0 0;
	padding: 5px 0;	
	text-align: right;
}

form.top div.radio,
form.top div.checkbox,
form.top div.submit {
	margin: 0 0 15px 0;
	width: 100%;
}

form.left div.radio,
form.left div.checkbox,
form.left div.submit {
	margin: 0 0 15px 20%;
	width: 80%;
}

form.left div.submit {
	margin: 0 0 0 20%;
}


/* making .left default */

form div.text label,
form div.password label,
form div.textarea label,
form div.select label {
	width: 18%;
	margin: 0 2% 0 0;
	padding: 5px 0;	
	text-align: right;
}

form div.radio,
form div.checkbox,
form div.submit {
	margin: 0 0 15px 20%;
	width: 80%;	
}

form div.submit {
	margin: 0 0 0 20%;
}

form fieldset.submit {
	padding: 0 10px;	
}

/* = 2col, m-m */

form.m-m fieldset.submit {
	padding: 0 5px !important;	
}

form.m-m div.submit {
	margin: 0 0 0 10%;	
}

div.input span.hint {
	width: 80%; 
	margin: 0 0 0 20%;		
	display: block;
}

/* if label longer than column width */

div.long span.hint {
	width: 80%;	
	margin: 0;
}

/* = text,  textarea width */

div.xl input,
div.xl textarea { 
	width: 98%;	
}

div.l input, 
div.l textarea {
	width: 78%;	
}

div.m input, 
div.m textarea {
	width: 58%;	
}

div.s input, 
div.s textarea {
	width: 38%;	
}

div.xs input,
div.xs textarea {
	width: 18%;	
}

/* = select */

div.xl select { 
	width: 99%;	
}

div.l select {
	width: 79%;	
}

div.m select {
	width: 59%;	
}

div.s select {
	width: 39%;	
}

div.xs select {
	width: 19%;	
}


/* = input errors
------------------------------------------------------------------------------------ */

div.error input,
div.error textarea,
div.error select {
	border: 1px solid #f00;
}

div.error label,
div.error span.unit,
div.error span.hint {
	color: #f00;
}


/* = fieldset
------------------------------------------------------------------------------------ */

#content fieldset.hidden,
#content fieldset.submit {
	border: none;
	margin: 0;
	padding: 0;	
}

#content fieldset.submit {
	padding: 0 15px;	
}

#content form.hidden fieldset.submit {
	padding: 0;	
}

#content fieldset {
	padding: 0;
	margin: 0 0 10px 0;
}

#content legend {
	margin: 0;
	color: #FFF;
	font-weight: bold;
	padding: 0 10px;
}