/* ===== DEFAULTS ===== */

	form *					{ position: relative; }
	#main-content form p	{ margin: 1px 0 1px 0; padding: 0; height: 1%; }
	form br					{ clear: both; line-height: 0.001em; font-size: 0.001em; height: 0px; }

	.inline,
	.inline .main,
	.inline .sub			{ display: block; }

	input,
	textarea,
	select					{ vertical-align: middle; }

	.instructions			{ display: block; }
	.form-control			{ clear: both; }
	.form-control input		{ display: block; margin: 0; vertical-align: middle; overflow: visible; }

	.radio,
	.checkbox				{ padding: 0; vertical-align: middle; }

	* + html .radio,
	* + html .checkbox		{ margin: 0; width: 13px; height: 13px; overflow: hidden; }

	* html .radio,
	* html .checkbox		{ margin: 0; width: 13px; height: 13px; overflow: hidden; }

	.check-radio			{ display: block; }
	.check-radio .col		{ display: block; text-align: left; }
	.check-radio .row		{ display: block; float: none; }

	/* Common field types */
	.email				{ }
	.postcode			{ }
	.phone				{ }
	.state-short		{ }



	/* == Responses == */

	.wfr				{ display: none; }
	.wfr.on				{ display: block; float: none; background-position: 0px 50%; background-repeat: no-repeat; line-height: 1.3em; font-weight: normal; vertical-align: middle; font-size: .9em; }

	.error,
	.warning,
	.ok 				{  }

	.wfr.error			{ color: #ff0000; background-image: url(/wd_global/images/icons/error.png); }
	.wfr.warning		{ color: #6f6600; background-image: url(/wd_global/images/icons/alert.png); }
	.wfr.ok				{ color: #3b9f06; background-image: url(/wd_global/images/icons/accept.png); }

	.error-hl			{ background-color: #fee2e2; }
	.warning-hl			{ background-color: #fffde7; }
	.ok-hl				{ background-color: #f1ffeb; }

	/* Alert box */
	.w-alert			{ display: none; }
	.w-alert.on			{ display: block; }
	.w-alert .wfr		{ font-size: 1em; color: #fff; }

	.w-error-hl			{ background-color: #d90707; }
	.w-warning-hl		{ background-color: #ffaa00; }
	.w-ok-hl			{ background-color: #05af05; }



/* ===== POSITIONING ===== */

	/* == Lable left of field == */

	#main-content .lable-left p,  .lable-left .inline .main, .lable-left .inline .sub	{ clear: left; text-align: left; }
	.lable-left .inline .main, .lable-left .inline .sub									{ float: left; clear: none; }
	.lable-left label, .lable-left .lable												{ float: left; text-align: right; }
	.lable-left .instructions															{ text-align: left; }
	.lable-left .form-control															{ clear: left; text-align: left; }
	.lable-left .form-control input														{ float: left; }
	.lable-left .check-radio .col, .lable-top .check-radio .col							{ float: left; }

	/* == Lable above field == */

	#main-content .lable-top p, .lable-top .inline .main, .lable-top .inline .sub	{ clear: both; text-align: left; }
	.lable-top .inline .main, .lable-top .inline .sub								{ float: left; clear: none; }
	.lable-top label, .lable-top .lable												{ display: block; float: none; width: auto; text-align: left; }
	.lable-top .inline label, .lable-top .inline .lable								{ display: block; float: none; width: auto; text-align: left; }
	.lable-top .instructions														{ text-align: left; }
	.lable-top .form-control														{ clear: both; text-align: left; }
	.lable-top .form-control input													{ float: none; }



/* ===== Radios & Checkboxes ===== */

	.check-radio label										{ float: none; display: inline; font-weight: normal; }
	.check-radio .row .checkbox, .check-radio .row .radio	{ float: none; }


	/* ===== hacks ===== */

		* html .wfr.error			{ color: #ff0000; background-image: url(/wd_global/images/icons/error_png_8.png); }