/* CSS to replace tables */

/* The div with class tbl-out centres correctly in standards compliant browsers (as left anfd right margin set to auto). IE doesn't recognise auto. Div (centrefix) fixes this as IE incorrectly centres an element with text-align:center; */
.centrefix {text-align:center;} 

/* Width and margin set on a containing table wrapper (tbl-out) and not inner table div (tbl-in) to fix the IE width bug */
.tbl-out {
	width: 400px; 
	margin: 0px auto;
	text-align: left;
}

.tbl-in {
	border: 1px solid #333333;
	padding: 5px;
	background-color: #CCCCCC;
}

div.row {
  clear: both;
  margin: 0px;
  border: 0px;
  padding: 0px;
}
/* Standards compliant browsers don't add their own spacing so need top padding */
html>body div.row {padding: 2px 0px 0px 0px;}

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
}

/* Class fld (field) defines data input fields */
div.row span.fld {
  float: right;
  width: 260px;
  text-align: left;
  margin-right: 2px;	/* Required to stop right side touching the fieldset border in IE */
}

/* Classes to define 2 field columns (left and right) */
div.row span.fld-coll {
  float: left;
  width: 127px;
  text-align: center;
}
div.row span.fld-colr {
  float: right;
  width: 127px;
  text-align: center;
}

/* The spacer is user to ensure the table-div clears the last field. Note not required if fields are enclosed in a fieldset tag */
div.spacer {
  clear: both;
}

/* Class full (full width) ensures fields fill their containing element */
.full {width: 100%;}

.bld {font-weight: bold;}  /* Set bold text in selects */

fieldset {
	border:1px solid #990000;
	padding: 0px 8px 10px 5px;	/* Can't add padding to top as IE incorrectly puts this outside the fieldset so have added a bottom margin on the legend */
}

legend {
	border:1px solid #990000;
	padding: 2px 5px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
}

/* Style for the input boxes */
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-size: 1em;
	color: #222222;
	margin: 0px; padding: 0px;
}

form {border: 0px; margin: 0px; padding: 0px;}	/* Stops IE adding space around a form */