/* Loaded from : uk/co/aimltd/resources/styles/screen/forms.css */
/*
 * Formats a form so that it is styled  in aligned columns.
 *
 *
 */
 
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0px;
  padding: 0px;
 /*min-width: 40em;
  max-width: 90%;
  width: 90%;*/
}


/*
 *	The fieldset within a form
 *  (We also define a fieldset within a dataEntry div, as this is how the mapping page uses a fieldset.
 *   This is because the mapping page makes use of multiple forms all defined within the fieldset.)
 *
 */
form fieldset, 
div.dataEntry fieldset
	{
  	/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  	border-color: #000;
  	border-width: 1px;
  	border-style: solid;
  	padding: 10px;        /* padding in fieldset support spotty in IE */
  	margin: 0px;
  	margin-bottom:10px;
	}


/*
 *	LEGEND for a FORM
 *
 *	- There is a DIV class that the skin places into the page.
 *
 */
form fieldset legend, 
form fieldset div.legend
{
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

/* 

	div.labelPadding - Used when there is no label ie. submit buttons 
		- The width may be altered by the container.css
*/
form fieldset div label ,
form fieldset div div.labelPadding 
{ 
	/* block float the labels to left column, set a width */
	display: block;  
	float: left; 
	width: 150px; 
	padding: 0px; 
	/* set top margin same as form input - textarea etc. elements */
	margin: 5px 0 0; 
	text-align: right; 
}
form fieldset div label 
	{
	cursor:pointer;
	}
	
/* em is used in this context for the accesskey */
form fieldset div label em
{
	text-decoration:underline;
	font-style:normal;
	font-weight:normal;
	color:black;
}


form fieldset div input, 
form fieldset div textarea,
form fieldset div select 
	{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0px 0px 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	}

/* 
	Set all labels and input elements to have the same top margin 
	When set in em ff & ie differ.
*/
form fieldset div input, 
form fieldset div textarea,
form fieldset div label
form fieldset div select
{
	margin-top:5px;
}


form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form textarea { overflow: auto; }



/*
   Form Help
 */
form fieldset div div.help
	{
	clear:none;
	display: inline; 
	float: left; 
	font-weight:normal;
	
	/* Changing the font size will change the width */
	font-size: 0.8em;
	width:26em;
	
	margin-left: 13px; /* Same as the legend Input width plus padding */ 
	padding: 0.25em 0 0 0 ; /* No padding except a bit at the top */
}


/*
 * Form Notes
 *
 */
form fieldset div.notes {
  float: right;
  width: 10em;
  height: auto;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  font-size: 70%;
}

form fieldset div.notes h4 {
  background-image: url('/servlet/scripts?name=uk/co/aimltd/resources/styles/screen/../../images/icon_info.gif');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0px 0px 3px 27px;
  margin-bottom:0.25em;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  font-size: 110%;
  margin-top:2px;
}

form fieldset div.notes p {
  margin: 0em 0em 0 0em;
  color: #666666;
}


form fieldset div.required,
form fieldset div.required label em
	{
	font-weight:bolder;
	}
form fieldset div.optional
	{
	}

/*
 Ensure that the left align ment of items is cleared 
 */
form fieldset div,
form fieldset br ,
form fieldset div div.labelPadding 
	{
	clear:left;
	}



form div input.inputText, 
form div select.inputText, 
form div textarea.inputText
{
  width: 25em;
}

/* Used to suround a set of options on a form */
/*
TODO:DEL
form fieldset div fieldset.options legend 
	{
	margin-top:0px;
	font-size:80%;
	}
*/

form fieldset div label.labelCheckbox,
form fieldset div .options label
{
	background:none;
	vertical-align: middle ;
	display: inline;  /* block float the labels to left column, set a width */

	margin-left:0.5em;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0.5em;
	float: left; 
	width: auto; 
	text-align:left;
	
	padding-bottom:0px;
}

/*
TODO:DEL
form fieldset div fieldset.options
	{
	margin-left:100px;
	padding-top:2px;
	width:19.5em;
	}
*/

/* Ensure the check box is not inset */
form fieldset div label.labelCheckbox
{
margin-left:0px;
}

/*
	Ensure all radio buttons and check boxes are transparent 
*/
input.inputRadio,
input.inputCheckbox
{
	background:transparent;
}

/* 
	Set style and padding
 */
form fieldset div .options label input.inputRadio
{
	margin-top:0px;
	margin-left:0px;
	padding:0px;
}

form fieldset div label.inputRadioWide
{
	float: none; 
	width:20em;
	text-align: left; 
	margin-top:1px;
	margin-bottom:1px;
}

form fieldset div label.inputRadioWide input.inputRadio
	{
	margin-right:0.5em;
	}



/* 
 * Appears on the Paged Location list.
 *
 *	Ensures the control and the text all appear to be correctly indented and don't wrap.
 *	Gives a table like layout
 */
div.LocationList
	{
	}
	
div.LocationList div.locationListItem
	{
	clear:both;
	}

div.LocationList label.inputRadioWide 
	{
	padding-top:0px;
	}
	
div.LocationList div.locationListItem label.inputRadioWide input
	{
	margin-top:0px;
	}
	


div.LocationList div.locationListItem span.control
	{
	vertical-align: top;
	margin-top:0px;
	width:5%;	
	display:inline;
	padding-right:0.5em;
	}

div.LocationList div.locationListItem span.text
	{
	text-transform: capitalize ;
	padding-top:0px;
	display:inline;
	width:90%;
	}

div.LocationList div.locationListItem span.text em 
	{
	display:block;		/* Newline */
	font-style:normal;
	font-weight:bolder;
	text-decoration:none;
	font-size:80%;
	text-transform: lowercase ; /* all into small letters */
	}


div.LocationList div.locationListItem label.inputRadioWide
	{
	width:auto;
	}

/*
 *	Helds define the style of elements defined using form:pagedList jsp tag.
 *
 */
	form fieldset div.pagedList div.listItem
		{
		clear:left;
		}
	form fieldset div.pagedList div.listItem input
		{
		float:left;
		}
	form fieldset div.pagedList div.listItem label
		{
		display:inline;
		float:left;
		padding-top:3px;
		width:auto;
		text-align:left;
		}