body {
	background-color: #070032;
	margin: 0;
	padding: 0;
}
.OUTER {
	width: 720px;
	margin: 0 auto;
	background-color: #fff; 
}
.HEADERAREA {
	width: 720px;
	height: 180px;
	background:#FFF url(Images/Header.gif) top CENTER no-repeat;
	text-align: center;
	margin: 0 auto;
}
.SUBHEADERAREA {
	margin: 0 auto;
	padding: 0 15px;
}
.SUBHEADERAREA h2 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	margin: 0px;
} 
.SUBHEADERAREA p {
	text-align: left;
	padding: 0 5px 10px 5px;
	margin: 0px;
}
.SUBHEADERAREA ul {
	text-align: left;
	padding: 0 20px 10px 50px;
	margin: 0px;
}
.LOADING,
.PROCESSING {
	text-align: center;	
}
.BODYAREA {
	background-color: #fff; 
	width: 716px;
}
.VALIDATION {
	color: #CC0000;
	font-weight:bold;
	font-style:italic;
	font-size:80%;
}
div.VALIDATION {
    padding-left: 250px;
    margin: 3px 0px 3px 0px;
}
.BUTTONS {
	text-align:center;
}
ul.BUTTONS {
        list-style:none;
}
fieldset {
	width: 640px;
	margin: 0 20px;
	padding: 5px 20px;
	text-align:left;
	-moz-border-radius: 5px; /* give rounded corners to the fieldset line in Mozzila browsers */
}
fieldset legend {
	color:#0066CC;
	font-weight:bold;
	font-size: 80%;
	padding: 5px 10px;
	text-transform: uppercase;
}
.FOOTERAREA {
	width: 720px;
	height: 60px;
	background:#FFF url(Images/Footer.gif) top CENTER no-repeat;
	text-align: center;
	margin: 0 auto;
}


div.PANEL {
    clear: left;
}
div.INPUT {
    margin-bottom: 3px;
}
div.INPUT label {
    clear: right;
    display: block;
    float: left;
    width: 245px; /* increase or decrease line-height depending on font-size set in 'div.field .input' trial and error needed to get it right */
    padding-right: 6px;
    text-align: right;
}



/* START CHECKBOXES STYLING */
/* This section must stay after -div.INPUT label- because it overrides its properties */
ul.CHECKBOXLIST {
	list-style:none;
}
ul.CHECKBOXLIST li {
	overflow: auto; /* alternative: float:left; can be used, but need to make the parent floats to left as well*/
	display: block;
	margin-left: 140px;
	width: 400px;
}
ul.CHECKBOXLIST li label {
	padding-left: 6px;
	text-align: left;
	display: block;
	width: 350px;
	float: left;
	clear: none;
}
ul.RADIOBUTTONLIST {
	list-style:none;
}

ul.RADIOBUTTONLIST li {
	overflow: auto;  /*alternative: float:left; can be used, but need to make the parent floats to left as well*/
	display: block;
	margin-left: 205px;
	width: 350px;
}
ul.RADIOBUTTONLIST label {
	padding-left: 6px;
	text-align: left;
	display: block;
	width: 300px;
	float: left;
	clear: none;
}
input[type="checkbox"] {
	float: left;
	border: 1px solid #2b4161;
}
input[type="radio"] {
	float: left;
	border: 1px solid #2b4161;
}
/* END CHECKBOXES STYLING */



div.INPUT label.textlabel {
    line-height: normal;
}
div.INPUT div.blocktext {
 	margin-left: 245px; /* 'div.field label' width + padding */
    zoom: 1; /* trigger hasLayout in IE6 */
}
div.INPUT input.TEXTBOX {
    width: 9em;
}
div.INPUT input.TEXTBOXLONG, div.INPUT textarea.TEXTBOX {
    width: 420px;
}
div.INPUT input.TEXTBOXSHORT {
    width: 4em;
}
div.INPUT input.TEXTBOXTIME {
    width: 3em;
}
div.INPUT input.TEXTBOXDATE {
    width: 5.5em;
}
div.INPUT textarea.TEXTBOX {
    height: 10em;
    padding: 2px;
    overflow: auto;
}