div.formContainer
{
	float: left;
}
div.formContainer div.header
{
	position: relative;
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin-bottom: 5px;
}
div.formContainer div.header div.validation
{
	float: left;
	width: 65%;
}
div.formContainer div.header div.controls
{
	float: right;
	width: 25%;
	text-align: right;
}

div.formContainer div.header div.status
{
	color: #e00;
}
div.formContainer div.header div.status p,
div.formContainer div.header div.status ul,
div.formContainer div.header div.status ol
{
	margin: 2px 0;
}



/**
 * Form (table)
 */
table.form
{
	margin: 10px 0;
	border-left: solid 1px #ebebeb;
	border-top: solid 1px #ebebeb;
}
table.form th,
table.form td
{
	vertical-align: top;
	padding: 3px 5px;
	border-right: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
}
table.form td.label
{
	padding-top: 5px;
	padding-right: 10px;
}
table.form label.block,
table.form span.block
{
	display: block;
	float: none;
	margin-bottom: 5px;
}
table.form td.controls,
table.form tr.controls td
{
	padding-top: 10px;
	padding-right: 15px;
	text-align: right;
}
table.form tr.noBorder th,
table.form tr.noBorder td
{
	border: none 0;
}
table.form input.txt,
table.form textarea.txt
{
	width: 350px;
}
table.form select.ddl
{
	width: 356px;
}

table.form input.txt.date
{
	width: 80px;
}
table.form span.chk input
{
	margin-left: 5px;
	vertical-align: -2px;
}
table.form tr.mandatory td.label
{
	font-weight: bold;
}
table.form span.mandatory
{
	padding-left: 2px;
}



/**
 * Form (div)
 */
div.form
{
	position: relative;
}
div.form, div.form input, div.form select, div.form textarea
{
	font: normal normal normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
}
div.form input.txt
{
	padding: 0 3px;
}
div.form span.chk
{
	padding: 2px 0;
}
div.form span.chk input
{
	vertical-align: middle;
}
div.form div.row
{
	padding: 3px 5px;
	border-bottom: 1px solid #ccc;
}
div.form div.row.first
{
	padding-top: 10px;
}
div.form div.row.last
{
	padding-bottom: 10px;
}
div.form div.row.noBorder
{
	border: none 0;
}
div.form div.label
{
	float: left;
	position: relative;
	padding-top: 2px;
	width: 90px;
	color: #999;
}
div.form div.label.tight
{
	padding-top: 0;
}
div.form div.data
{
	margin-left: 100px;
}
div.form div.data .data
{
	color: #222;
}

div.form input.txt
{
	width: 200px;
}
div.form textarea.txt
{
	width: 206px;
}
div.form select
{
	width: 210px;
}
div.form span.multiline
{
	display: block;
	height: 80px;
	overflow: auto;
}


/* CheckBox List formatting */
.form table.cbl td
{
	padding: 0 10px 0 0;
	vertical-align: top;
}
.form table.cbl input
{
	vertical-align: middle;
}
.form table.cbl label
{
	padding-left: 3px;
	vertical-align: -1px;
}



/*
 * DataPager
 */
div.dataPager
{
	position: relative;
	height: 19px;
	padding: 3px 0 2px 0;
	border: 1px solid #ccc;
	background: #f5f5f5;
}
div.dataPager div.navigation,
div.dataPager div.controls
{
	float: left;
	vertical-align: bottom;
}
div.dataPager input.txt.currentPage
{
	border: 1px solid #aaa;
	padding: 0 1px;
	font: normal normal normal 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	text-align: center;
	color: #404040;
	width: 18px;
}
div.dataPager span.label.prefix
{
	padding-right: 5px;
}
div.dataPager span.label.suffix
{
	padding-left: 3px;
}
div.dataPager a.navigate
{
	padding: 0 3px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
div.dataPager a.navigate[disabled],
div.dataPager a.command[disabled]
{
	color: #ccc;
	cursor: default;
}
div.dataPager a.navigate.previous
{
	padding-right: 10px;
}
div.dataPager a.navigate.next
{
	padding-left: 10px;
}
div.dataPager div.controls
{
	padding: 0 0 0 20px;
}
div.dataPager div.controls a.command
{
	padding: 0 5px;
	text-transform: lowercase;
}
div.dataPager.narrow
{
	height: auto;
}
div.dataPager.narrow div.navigation
{
	float: none;
}
div.dataPager.narrow div.controls
{
	float: none;
	padding-left: 34px;
	padding-right: 10px;
	text-align: right;
}



/*
 * Abl.UI.FormManager.js formatting
 */
span.errorIcon
{
	display: inline-block;
	width: 20px;
	height: 18px;
	color: #e00;
	font: normal normal bold 12px/18px cursive;
	text-indent: -9999px;
	background-image: url(img/errorIcon.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
}
input.txt.invalid
{
	border: solid 1px #e00;
}