/***********************
 *
 * common forms functionality
 * common to all forms
 * assumes fields are put in a table and span either one or two columns
 *
 * unfortuntately the IE box model error means the _width hack must be scattered around the HTML
 * to accomendate the padding (0.2em left and right)
*/
.forms {
	color: #4A4A4A;
	clear: left;
}
.forms input {
	color: black;
	font-size: 1.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin: 0;
	border: 1px solid black;
	width: 10em;
}
.forms input.number {
	text-align: right;
}
.forms input.doubleWide {
	width: 21.7em;
}
.forms input.radio, .forms input.checkbox {
	position: relative;
	top: 2px;
	width: 1.3em;
	border: 0;
}
.forms select {
	color: black;
	font-size: 1.1em;
	border: 1px solid black;
	width: 10.6em;
}
.forms select.doubleWide {
	width: 97.5%;  /* untested */
	_width: 95%;  /* untested */
	width: 22.4em;
}
.forms option {
	color: black;
	padding: 0 2em 0 0.5em;
}
.forms textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 1.0em;
	padding: 0.1em;
	color: black;
	border: 1px solid black;
	height: 7em;
	width: 94%;  /* untested */
	_width: 89%;  /* untested */
}
.forms textarea.doubleWide {
	width: 97%;
	_width: 94.5%;
}
.forms table.error {
	margin: 0.5em 5em;
}
.forms table.error td {
	color: #FF0000;
	margin: 0.0em 0.5em 0.0em 0.5em;
}
.forms table.error td.label {
	text-align: right;
	vertical-align: baseline;
	padding-right: 0.5em;
	white-space: nowrap;
}
div.searchMessage {
	text-align: center;
	clear: both;
	margin-top: 3.5em;
	padding-bottom: 3.5em;
	font-size: 1.12em;
	font-weight: bold;
	color: #545454;
}
div.executeMessage {
	text-align: center;
	clear: both;
	margin-top: 1.5em;
	padding-bottom: 1.5em;
	font-size: 1.12em;
	font-weight: bold;
	color: #3380BD;
}
div.signIn table.error {
	width: 175px;
	margin: 0;
}
div.signIn table.error td {
	margin: 0;
}
div.signIn table.error td.label {
	padding: 0;
}
/* This is unfortuntate: we have to put buttons in the different section to get the default button look */
div.formTopButtons,
div.formButtons {
	text-align: right;
}
div.formTopButtons div.formNote,
div.formButtons div.formNote {
	float: left;
	text-align: left;
}
div.pageButtons {
	text-align: center;
}
div.pageButtons input,
div.formTopButtons input,
div.formButtons input {
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	color: #333333;
	padding: 0.1em 0.6em;
	margin: 0.5em 0em 1.5em 1.7em;
}
div.formTopButtons input {
	margin: 1.0em 0em 0em 1.7em;
}
div.pageButtons input {
	margin: 0.5em 1.0em;
}
.forms table.error input.button {
	width: auto;
	color: #333333;
	background-color: #D5CCBB;
	border: thin outset #666666;
}

/* Defines a table used to layout multiple fields in a cell
 * The widths have to be < 100% because of padding added to parent cells
*/
.forms table.internalLayout {
	width: 98%;
	_width: 96%;
	padding: 0;
	margin: 0;
}

/* 2 column data (numbers) - tight
 */
.forms table.columnData {
	width: 98%;
	_width: 96%;
	padding: 0;
	margin: 0;
}
.forms table.columnData td {
	vertical-align: baseline;
	padding: 0em 0.2em;
	margin: 0;
	text-align: right;
	white-space: nowrap;
}
.forms table.columnData td.left {
	text-align: left;
}

/***********************
 *
 * entry Form
 * multiple column data entry form. Cells have e.g. "label<br> widget"
*/
.forms table.entry {
	width: 100%;
	border: 1px solid #D6D3CE;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.forms table.entry th {
	background: #ECF2D9;
	border-bottom: 1px solid #D6D3CE;
	border-right: 1px solid #D6D3CE;
	text-align: left;
	padding: 0.3em 1.0em;
	margin-top: 0;
	margin-bottom: 0;
}
.forms table.entry td {
	vertical-align: top;
	padding: 0.6em 0.4em 0.2em 0.4em;
	margin-top: 0;
	margin-bottom: 0;
}
.forms table.entry td.rules {
	border-left: 1px solid #D6D3CE;
	border-right: 1px solid #D6D3CE;
}
.forms table.entry td.ruleLeft {
	border-left: 1px solid #D6D3CE;
}
.forms table.entry td.ruleRight {
	border-right: 1px solid #D6D3CE;
}
.forms table.entry td.control {
	border: 1px solid #D6D3CE;
	background: #ECF2D9;
}
.forms table.entry td.ruleBottom {
	border-bottom: 1px solid #D6D3CE;
}

/***********************
 *
 * results table
*/
.forms table.results {
	width: 100%;
	border: 1px solid #D6D3CE;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.forms table.results th {
	text-align: center;
	padding: 0.3em 0.5em;
	border-bottom: 1px solid #D6D3CE;
	margin-top: 0;
	margin-bottom: 0;
}
.forms table.results th a:active,
.forms table.results th a:visited {
	color: blue;
}
.forms table.results th.rules {
	border-right: 1px solid #D6D3CE;
	border-left: 1px solid #D6D3CE;
}
.forms table.results th.ruleLeft {
	border-left: 1px solid #D6D3CE;
}
.forms table.results th.ruleRight {
	border-right: 1px solid #D6D3CE;
}
.forms table.results th.line {
	text-align: left;
	padding-left: 1.0em;
}
.forms table.results th.number {
	text-align: right;
	padding-right: 1.0em;
}
.forms table.results th.indent2 {
	padding-left: 3.0em;
}
.forms table.results th.indent3 {
	padding-left: 4.5em;
}
.forms table.results td {
	vertical-align: baseline;
	text-align: center;
	padding: 0.4em 0.5em 0.2em 0.5em;
	border-bottom: 1px solid #D6D3CE;
	margin-top: 0;
	margin-bottom: 0;
}
.forms table.results td.rules {
	border-right: 1px solid #D6D3CE;
	border-left: 1px solid #D6D3CE;
}
.forms table.results td.ruleLeft {
	border-left: 1px solid #D6D3CE;
}
.forms table.results td.ruleRight {
	border-right: 1px solid #D6D3CE;
}
.forms table.results td.line {
	text-align: left;
	padding-left: 1.0em;
}
.forms table.results td.number {
	text-align: right;
	padding-right: 1.0em;
}
.forms table.results td.number input {
	width: 5em;
}
.forms table.results td.indent2 {
	padding-left: 3.0em;
}
.forms table.results td.indent3 {
	padding-left: 4.5em;
}
.forms table.results td.ruleBottom {
	border-bottom: 1px solid #D6D3CE;
}
/* we add different background colors with the tr tag */
.forms table.results tr.header {
	background: #ECF2D9;
}
.forms table.results tr.header2 {
	background: #E6E3EE;
}

/* the wizard is used to equally separate links in the header of the entry form */
.forms table.wizard {
	width: 100%;
	_width: 92%;
}
.forms table.wizard th {
	text-align: center;
	padding: 0.3em 0;
	border: 0;
}