/* Form CSS */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #222222;
	margin: 0px;
}

.page_break
{
	page-break-after: always;
}

.applicationForm label.fieldlabel
{
	float: left;
	display: block;
	width: 15em;
}
.applicationForm label
{
	vertical-align: middle;
}

.applicationForm input.text
{
	width: 20em;
}

.applicationForm input
{
	margin-left: 1em;
	padding-left: 0px;
}

.applicationForm select
{
	margin-left: 1em;
	padding-left: 0px;
}

.applicationForm textarea
{
	margin-left: 1em;
	padding-left: 0px;
	height: 5em;
	font-size: 1em;
	width: 20em;
}

.applicationFormAlt1 textarea
{
	margin-left: 0em;
	padding-left: 0px;
}

.applicationFormAlt1 input
{
	margin-left: 0em;
	padding-left: 0px;
}

.applicationFormAlt1 select
{
	margin-left: 1em;
	padding-left: 0px;
}

.applicationFormAlt1 label.fieldlabel
{
	vertical-align: top;
	width: 5em;
	float: left;
}

.applicationFormAlt2 textarea
{
	padding-left: 0px;
	height: 5em;
	font-size: 1em;
	width: 12em;
}

.applicationFormAlt2 input
{
	margin-left: 0em;
	padding-left: 0px;
}

.applicationFormAlt2 label.fieldlabel
{
	vertical-align: top;
	width: 6em;
	float: left;
}

.clearforrmfield
{
	clear: both;
	margin-bottom:1em;
}

#prevEmp textarea
{
	width: 130px;
}

#prevEmp input
{
	width: 70px;
}

.error
{
	color: Red;
	font-weight: bold;
}

.success
{
	color: green;
	font-weight: bold;
}

.rdFirstRow
{
	width:9em;
	display: block;
	float: left;
}

.rdSecondRow
{
	margin-left: 2em;
	display: block;
	float: left;
}

.rdFirstRowHeader
{
	clear:both;
	padding-left: 16em; /* IE 6 doesn't seem to render this correctly if margin-left is used! why? */
	float: left;
	display: block;
	width: 9em;
	font-weight: bold;
	text-indent: 0.3em;
}

.rdSecondRowHeader
{
	margin-left: 2em;
	float: left;
	display: block;
	font-weight: bold;
	text-indent: 0.3em;
}

table#prevEmpManagement
{
	 
}
#prevEmpManagement td
{
	margin-left: 0px;
	width: 9em;
	height: 10em;
	padding: 0px;
}

#prevEmpManagement td.verythinLongtext
{
	height: 10em;
	width: 3em;
}

#prevEmpManagement td.thinLongtext
{
	height: 10em;
	width: 4.5em;
}

#prevEmpManagement textarea
{
	height: inherit;
	width: inherit;
	overflow: auto;
	margin-left: auto;
	font-size: 1em;
	width: 9em;
	height: 10em;
}

#prevEmpManagement td.verythinLongtext textarea
{
		width: 3em;
}

#prevEmpManagement td.thinLongtext textarea
{
		width: 4.5em;
}

#prevEmpManagement th
{
	font-size: 0.9em;
	padding: 0px;
}

.hiddenOverflow
{
	overflow: hidden;
}

.twocolumntextarea1
{
	float: left;
	width: 48% !important;
	margin-left: 0px !important;
}

.twocolumntextarea2
{
	float: left;
	width: 48% !important;
}

.smallTwoColumnTextbox1
{
	display: block !important;
	float: left !important;
	width: 20% !important;
	margin-left: 1em !important;
}

.smallTwoColumnTextbox2
{
	display: block !important;
	float: left !important;
	width: 20% !important;
	margin-left: 1em !important;
}

.checkboxes
{
	display: block;
	float: left;
	margin-left: 1em;
}

.checkboxes label
{
	clear:left !important;
	float: left !important;
	display: block;
	width: 14em;
}

.checkboxes input
{
	margin-left: 0px !important;
	display: block;
	float: left;
	width: 10em;  /* IE seems to need this width */
}

.indentedCheckboxes
{
	margin-left: 20px;
	display: block;
	font-size: 0.9em;
}

.indentedCheckboxes label
{
	clear:left !important;
	float: left !important;
	display: block;
	width: 28em;

}

.indentedCheckboxes input
{
	margin-left: 0px !important;
	display: block;
	float: left;
	width: 10em;  /* IE seems to need this width */
	
}

div.referees label
{
	float: left;
	display: block;
	width: 6em;
}

div.referees input
{
	float: left;
	display: block;
}

div.referees input.areatel
{
	width: 3em;
}

div.referees input.telno
{
	width: 7em;
	margin-left: 10px !important;
}

div.referees textarea
{
	font-size: 1em !important;
	width: 12em !important;
}

div.referees strong
{
	display: block;
}


.fieldsetPrintable
{
	padding: 1em;
	border: none;
}

.legendPrintable
{
	color: #000;
	padding: 0.2em 0.5em;
	font-weight: bold; 
}