/*forms css. Used to define form rows and table display info*/

/*the table containing the form*/
.formtable{
	border-right: #cccccc thin solid;
	table-layout: auto;
	padding-right: 5px;
	border-top: #cccccc thin solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #cccccc thin solid;
	padding-top: 5px;
	border-bottom: #cccccc thin solid;
	position: static;
	border-collapse: collapse;
	vertical-align:middle
}
/*complete rows contained within the table */
.formrow{
	background-color: #cccccc;	
}
/*used in the td containing the a form control label*/
.form_labels {
    font-size: 9pt;
    font-weight:700;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}	

.formSubmitButton
{
	font-size: 10pt;
	/**background-color: whitesmoke;**/
	font-family: Verdana
}	
.formresetbutton{
	font-size: 10pt;
	/**background-color: whitesmoke;**/
	font-family: Verdana
}	
.required{
	FONT-WEIGHT:bold; 
	COLOR:red;
}


/**---------------------------------------------FORMS STYLES--------------------------------------------**/



/** formatting for form without tables
for each line in form wrap it in a div e.g

<form id="onlineform">
<div>
<p>A label</p><input name="Applicant_FirstNames" type="text" id="Applicant_FirstNames" size="45" />
</div>
<div>
<p>A label</p><input name="Applicant_LastNames" type="text" id="Applicant_LastNames" size="45" />
</div>
</form>
everything should be formatted nicely - see Scott if problems arise**/

#onlineform {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#ecdcdc;
padding:1em;

}

#onlineform p {
 font-size:1em;!important
}
#onlineform fieldset {

clear:both;
padding:1em;
background-color:#eeeeee;
display:block;
z-index:1;
position:relative;
margin-bottom:2.5em;
margin-top:3.5em;
padding-right:3em;
padding-left:3em;
}

#onlineform fieldset fieldset {
padding:1em;
margin-top:3.5em;
margin-right:5em;
background-color:#dddddd;
z-index:2;
margin-left:0em;
}
#onlineform fieldset legend{
background-color:#ffffff;
padding:.5em; 
border-width:1px; 
border-color:#bbbbbb; 
border:inset;
z-index:4;
position:relative; 
font-weight:800; 
color:#990033; 
}

#onlineform fieldset fieldset legend {
background-color:#ffffff;padding:.5em; border-width:1px; border-color:#bbbbbb; border:inset;
z-index:4;position:relative;  margin-top:-2em;margin-bottom:2em; font-weight:500; font-style:italic; color:#990033; 
}


#onlineform div {
display:block; padding:1em; clear:both;
}
#onlineform div p {
display:inline; font-size:1em; 
}
#onlineform div li p {
margin-right:100px;
}


#onlineform input {font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 1.1em;!important}
#onlineform textarea {font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;display:block;clear:right;!important}
#onlineform select{font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:1.1em;!important}
#onlineform option {font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;!important}

#onlineform div input {
display:block;margin-left:3em;
}
#onlineform div textarea {
display:block;margin-left:2.5em;
}
#onlineform div select {
display:block;margin-left:3em;
}
#onlineform div select option {
padding:.3em;
}
#onlineform div ul {
 float:left; padding-right:2%;
}
#onlineform div ul li {
list-style-type:none;
list-style-image:none;
line-height:200%;
margin:0;
padding:0;
width:100%;
clear:both;
float:left;
}

#onlineform input{margin-top:1em; display:block;margin-top:0;padding-top:0;}
#onlineform textarea{clear:both; margin-bottom:1em;width:100%;height:auto;}
#onlineform select{display:block;margin-bottom:1em;}

label{padding-top:1.1em;padding-bottom:1.1em;display:block; margin-top:0.8em;}

input:focus, textarea:focus{background-color:#FFFFCC;}


@media print{
#onlineform {background-color:#ffffff;}
#onlineform fieldset {background-color:#ffffff;border:none;padding:0;margin-left:1em;}
#onlineform fieldset fieldset {background-color:#ffffff;border:none;padding:0;margin-left:1em;}
#onlineform fieldset legend {margin-left:0;padding:0;border:none;}
#onlineform fieldset fieldset legend {margin-left:0;padding:0;border:none;}
input, textarea, select{color:#003399;}
.print-hide {display:none; visibility:hidden;}
/**textarea{width:auto;height:auto;overflow:visible;margin-left:0;}**/
textarea{width:auto;height:auto;overflow:visible;margin:0;padding:0;width:100%}
}