/*
  $Id: form.css 612 2009-08-26 19:56:49Z ed $

  Copyright (c) 2008 Select Database Limited

*/

/* colours 
	#2e6ab1 light blue 
	#eee 	light grey
	#ddd	mid grey
	#525252 very dark grey
	#ff0000 bright red 
*/

/* font sizes 
	10px	77%
	11		85%
	12		93% 	
	13		100%
	16		123.1%
*/

/* Form styles */
div.form-container p.legend { margin-bottom: 1em; }
div.form-container p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note,
div.form-container form span.note,
div.form-container form a { 
	font-size: 100%; color: #525252; 
}
	
div.form-container form fieldset div { padding: 0.2em 0; } 
div.form-container label, 
div.form-container span.label { 
	margin-right: 10px; 
	padding-right: 10px; 
	width: 150px; 
	display: block; 
	float: left; 
	text-align: right; 
	position: relative; 
	color:  #525252; 
}

div.form-container input.text {	width:  12em; vertical-align: top;}
div.form-container div.autocomplete { 
	padding: 0; 
	margin: 0 0 0 170px;
}

div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { 
	position: absolute; 
	right: 0; 
	font-size: 123.1%; 
	font-style: normal; 
	color: #C00; 
}
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container form p, 
div.form-container p {
	margin-bottom: 10px;
} 

div.form-container p.input-requirement { 
	text-align: right;
}

div.form-container span.input-requirement,
div.form-container p.input-requirement { 
	font-size: 85%; 
	color: #ff0000; 
	margin: 0px;
	padding: 0;
}