/*
<header>
	<title>form.css</title>
	<author>Miriama Mahuika</author>
	<description>Styles for forms</description>
	<notes>
		Use the following to display a form field containing a label and control:
		<div class="formfield">
			<label for="test">Test Field</label>
			<div class="control">
				<input type="text" name="test" />
			</div>
		</div>
		Styles include displaying a * for required fields and can show ticks/crosses next to the controls e.g.:
		<div class="formfield required">
			<label for="test">Test Field</label>
			<div class="control tick">
				<input type="text" name="test" />
			</div>
		</div>
	</notes>
	<history>
		<version number="0.1" date="2007-11-16">Created the file</version>
	</history>
</header>
*/
div.formfield {	
	clear				: both;
	line-height			: 1.4em;
	padding				: 5px;
	padding-bottom:1em;
}
label {
	text-align			: left;
	float				: left;
	width				: 170px;
	overflow			: hidden;
	font-weight			: bold;
	padding-left		: 1em;
}
.control {
	padding-left		: 5px;
	width				: 320px;
	float				: left;
}
div.formnote			{ clear: left; }
div.formfield textarea, div.formfield input	{ width: 300px; }
div.formfield input.checkbox	{ width: auto; }
.tick					{ background: url('../css/images/form_tick.gif') right no-repeat; }
.cross 					{ background: url('../css/images/form_cross.gif') right no-repeat; }
.required				{ background: url('../css/images/form_required.gif') left bottom no-repeat; }
.requiredUK				{ background: url('../css/images/form_required_uk.gif') left bottom no-repeat; }
formError				{ color: red; }
div.formfield .button	{ width: auto; }