/*    Structure    */

* { padding: 0; margin: 0; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 background: url(faux-2-2-col.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 902px;
 padding: 10px;
 height: 90px;
 margin: 0px 0px 5px 0px;
 text-align:center;
 
}
#navigation {
 color: #333;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: #ABBEBE;
}
#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: right;
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 683px;
 display: inline;
 position: relative;
 min-height:400px;
}
#footer { 
 width: 902px;
 clear: both;
 color: #333;
 background: #ABBEBE;
 margin: 0px 0px 10px 0px;
 height:18px;
 padding: 10px;
}
.clear { clear: both; background: none; }

/************************************************************* Design  *********************************************/









/************************************************************* Form  **********************************************/

form {
	vertical-align:middle;
}

fieldset {
	margin:0px;
	PADDING: 5px; 
	COLOR: #003366;
	margin-bottom:10px;
	border: Black 1px solid;
	
	/* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px;
}
legend {
	border: #2A3F00 1px solid;
	BORDER-RIGHT: Black 1px solid; BORDER-TOP: Black 1px solid; BORDER-LEFT: Black 1px solid; BORDER-BOTTOM: Black 1px solid;
	MARGIN: 0px ;
	margin-left:4px; 
	PADDING: 3px;
	FONT-SIZE: 12px; 
	background-color: #B8C9DD;
	vertical-align: middle;
	text-align:center; 
	Width: auto; display:inline;
	CURSOR: pointer; 
	COLOR: Black;
	azimuth:center;	
	overflow:visible;
	
	/* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px; 
	-webkit-border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px; 
	-webkit-border-bottom-right-radius: 3px;
}
label {
	FLOAT: left; 
	VERTICAL-ALIGN:middle; 
	WIDTH: 120px; 
	COLOR: #003366; 
	TEXT-ALIGN:right;
	padding-top:5px;
	padding-right:5px;
}

label.error {
	float: none; 
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
	font-size: 16px;
}

.errormessage {
	float: none; 
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
	font-size: 16px;
}

em { font-weight: bold; padding-right: 1em; vertical-align: top; }

select {
	margin-bottom:5px;
	BORDER-TOP: #003366 1px dashed; PADDING-TOP: 3px; 
	BORDER-RIGHT: #003366 1px dashed; PADDING-RIGHT: 3px; 
	BORDER-BOTTOM: #003366 1px dashed; PADDING-BOTTOM: 3px;
	BORDER-LEFT: #003366 1px dashed; PADDING-LEFT: 3px; 
	BACKGROUND-COLOR: White; BACKGROUND-IMAGE: none; 
	FONT-SIZE: 11px; 
	COLOR: Black; 
}

select:focus, select:hover {
	BORDER-TOP: #003366 1px solid; 
	BORDER-RIGHT: #003366 1px solid;  
	BORDER-BOTTOM: #003366 1px solid; 
	BORDER-LEFT: #003366 1px solid; 
	BACKGROUND-COLOR: #FFF2D9;
}

select:invalid {
	BORDER-TOP: Red 1px solid; 
	BORDER-RIGHT: #Red 1px solid;  
	BORDER-BOTTOM: Red 1px solid; 
	BORDER-LEFT: Red 1px solid; 
	BACKGROUND-COLOR: Yellow;
	color:Grey;
}

input, textarea {
	margin-bottom:5px;
	padding: 3px;
	BORDER-TOP: #003366 1px dashed; PADDING-TOP: 3px; 
	BORDER-RIGHT: #003366 1px dashed; PADDING-RIGHT: 3px; 
	BORDER-BOTTOM: #003366 1px dashed; PADDING-BOTTOM: 3px;
	BORDER-LEFT: #003366 1px dashed; PADDING-LEFT: 3px; 
	BACKGROUND-COLOR: White; BACKGROUND-IMAGE: none; 
	FONT-SIZE: 11px; 
	COLOR: Black; 
}

input:focus, input:hover, textarea:hover {
	BORDER-TOP: #003366 1px solid; 
	BORDER-RIGHT: #003366 1px solid;  
	BORDER-BOTTOM: #003366 1px solid; 
	BORDER-LEFT: #003366 1px solid; 
	BACKGROUND-COLOR: #FFF2D9;
}

input:invalid {
	BORDER-TOP: Red 1px solid; 
	BORDER-RIGHT: Red 1px solid;  
	BORDER-BOTTOM: Red 1px solid; 
	BORDER-LEFT: Red 1px solid; 
	BACKGROUND-COLOR: Yellow;
	color:Grey;
}

input[type=checkbox] {
	width:16px;
	padding:0px;
	BORDER-TOP: #FFFF94 1px solid;
	BORDER-RIGHT: #FFFF94 1px solid;
	BORDER-BOTTOM: #FFFF94 1px solid; 
	BORDER-LEFT: #FFFF94 1px solid; 
	BACKGROUND-COLOR: #FFFF94;
	FONT-SIZE: 16px; 
	vertical-align: middle;
}

input[type=radio] {
	width:16px;
	padding: 0px;
	BORDER-TOP: #FFFF94 1px solid;
	BORDER-RIGHT: #FFFF94 1px solid;
	BORDER-BOTTOM: #FFFF94 1px solid;
	BORDER-LEFT: #FFFF94 1px solid;
	BACKGROUND-COLOR: #FFFF94;
	FONT-SIZE: 16px; 
	margin:3px;
	vertical-align: middle;
}

input.fixedtext, input.fixedtext:hover, input.fixedtext:focus {
	margin-bottom:5px;
	BORDER-TOP: 0px; PADDING-TOP: 4px; 
	BORDER-RIGHT: 0px; PADDING-RIGHT: 4px; 
	BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px;
	BORDER-LEFT: 0px; PADDING-LEFT: 4px; 
	BACKGROUND-COLOR: #FFF2D9; BACKGROUND-IMAGE: none; 
	FONT-SIZE: 12px; 
	COLOR: Maroon; 
	font-weight:bold;
}


.formradiogroup {
	width:540px;
	display:inline;	
}

.formcheckboxgroup {
	width:540px;
	display:inline;	
}



.fbtn { 	/***** No Change on Focus ******/
	border: Black 1px solid;
	BORDER-RIGHT: Black 1px solid; BORDER-TOP: Black 1px solid; BORDER-LEFT: Black 1px solid; BORDER-BOTTOM: Black 1px solid;
	MARGIN: 0px ;
	margin-left:4px; 
	PADDING: 3px;
	FONT-SIZE: 11px; 
	background-color: #B8C9DD;
	vertical-align: top;
	text-align:center; 
	Width: auto; display:inline;
	CURSOR: pointer; 
	COLOR: Black;
	azimuth:center;	
	overflow:visible;

	/* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px; 
	-webkit-border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px; 
	-webkit-border-bottom-right-radius: 3px;
} 

.fbtn:hover, .fbtn:focus {
	color: Black;
	background-colour: #FFF2D9;
	cursor:pointer;
}

.required {
	BORDER-TOP: #003366 1px solid; 
	BORDER-RIGHT: #003366 1px solid;  
	BORDER-BOTTOM: #003366 1px solid; 
	BORDER-LEFT: #003366 1px solid; 
}

.preview {
	font-size:11px;
	line-height:110%;
}