﻿@charset "UTF-8";
/* CSS Document */

.formcol10  {width: 10%;  }
.formcol20  {width: 20%;  }
.formcol25  {width: 25%;  }
.formcol33  {width: 33.3%;}
.formcol40  {width: 40%;  }
.formcol50  {width: 50%;  }
.formcol60  {width: 60%;  }
.formcol66  {width: 66.6%;}
.formcol75  {width: 75%;  }
.formcol80  {width: 80%;  }
.formcol100 {width: 100%; }


input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="date"], input[type="number"], textarea, select {
	width: 18em;
	
	
}

input[type="checkbox"], input[type="radio"] {
font-size: 1.2em;
margin: 4px 0px 4px 0px !important;
}

label.disabled { color: #aaa; }
	
.textcontent {
	text-align:left;
	}

.numbercontent {
	text-align: right;}

.formlayout fieldset {
	display:table-cell;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background-color: none;
	}
.formlayout fieldset > legend {
	margin-left: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
}
.formlayout fieldset > ol {
	list-style: none;
	margin-right: 18px;
}
.formlayout fieldset > ol li {
	float: left;
	clear: left;
	padding-bottom: 0.5em;
	position: relative;
}


.formlayout li > input {
	
	}



.formlayout fieldset li > label {
	float: left;
	width: 11em; /* Make sure this is edited to reflect max label size target */ 
	
margin-right: 4px;
	text-align: left;/* To right-align labels text-align:right; */  
}


.formlayout li.required > label{
	margin-left: -7px;
	padding-right: 7px;	
	overflow: visible;
	
	
	} 
	
.formlayout li.required > label:before{
	content:"*";
	color: #c60000;	 
	
	
	} 	
	
	
.formlayout li.error > input {
	/*background:url(../images/forms/error_star_red.png) 100% 20% no-repeat;*/
	border: 2px solid #d20000;
	}


.formlayout li.disabled> label{
	color: #999;
	
	} 
	
.formlayout li.disabled > input {
	}
	
	
	


/* Nested elements */

.formlayout fieldset fieldset {
	border-style: none;
	background: none;
	padding-bottom: -2em;
	margin-bottom: -1em;	
}
.formlayout fieldset fieldset > legend {
	margin-left: 0;
	font-weight: normal;
}
.formlayout fieldset fieldset > ol {
	position: relative;
	top: -1.2em;
	margin: 0 0 0 10.4em;
	padding: 0;
}
.formlayout fieldset fieldset > label {
	float: none;
	width: auto;
	margin-right: auto;
}




/* Form Feedback elements */


.groupbox.formfeedback {
border-top: 1px solid #d20000;
border-bottom: 1px solid #d20000;
border-left: 1px solid #d20000;
border-right: 1px solid #d20000;
padding: 4px 8px 8px 8px;
margin: 0px 12px 4px 12px;	
	
	}
	
.groupbox.formfeedback legend {
	padding: 4px;
	font-weight:bold;
	
	}
	
.groupbox.formfeedback ul{
	margin: 0px 4px 4px 4px;
	list-style:  inside ;	
	}

