/* This stylesheet is for the forms throughout the page, as well as any pages that may include forms (contact, etc) */
/* HTMLgraphic Designs */

form {margin: 0px; padding: 0px;}
#form{width:550px; margin:0px auto;}
#form form fieldset {clear: both; font-size: 100%; border-color: #ccc; border-width: 1px 0 0 0; border-style: solid none none none; padding: 10px; margin:0px;}
#form form fieldset legend {font-size: 150%; font-weight: normal; color: #666666; margin: 10px; padding: 0 5px;}
/* Sub fieldset for checkboxes */
#form form div fieldset {clear: none; border-width: 1px; border-style: solid; border-color: #CCCCCC; margin: 0 0 0 1px; padding: 0 5px 5px 5px; width: 197px;}
#form form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {margin: 0 0 5px 0; width: 170px;}

/* IMPORTANT */
form div label {display: block; float: left; width: 220px; padding: 3px; margin: 0px; text-align: left; } /* For most form fields */
form div.wide label {float: none; display: block; width:450px;}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {width: 300px; margin: 0px;}
#form form div fieldset legend {font-size: 100%; padding: 0 3px 0 9px;}
#form form div span img{border:none;}

input, select, textarea {font-family: Tahoma, Arial, sans-serif; font-size: 100%; color: #000000;}
textarea {overflow: auto;}

/* IMPORTANT */
form div {display: block; width: 480px;  margin: 0px auto; padding: 3px;}
form div.required fieldset legend {font-weight: bold;}


/* form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
} */




/* form feilds elements - START */
#form form div input.REQUIRED, 
#form form div input.REQUIRED:focus,
#form form div input.FIELD,
#form form div input.FIELD:focus, 
#form form div input.ERROR,  
#form form div input.ERROR:focus, 
#form form div input.REQUIRED_s:focus, 
#form form div input.ERROR_s:focus, 
#form form div input.FIELD_s:focus,
#form form div input.focus, 
#form form div input.txt_focus 
#form form div input.FIELD_S, 
#form form div input.off, 
#form form div input.txt_off{ 
width: 211px;}
/* form feilds elements - END */

div.optional label:before {content: '';}
div.required label:before {content: '';}
div.required, div.optional{border-color:#CCCCCC; border-width: 1px 1px 0 1px; border-style: solid solid none solid; clear:left;}

.FIELD, .FIELD_S, .off, .txt_off, .REQUIRED, .ERROR, .REQUIRED_S, .ERROR_S{ font: normal 12px Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #999; border-right: 1px solid #ccc; border-left: 1px solid #ccc;border-bottom: 1px solid #DBDBDB; color: #333; background:#EFEFEF; padding: 3px 8px 3px 5px; }

.REQUIRED, .ERROR, .REQUIRED_S, .ERROR_S {border-right: 2px solid #f00; padding: 3px 6px 3px 6px;}
	.REQUIRED { background: #eaeaea url("/images/bg_inputrequired.gif") right top no-repeat; }
	.ERROR {background: #ffffcb url("/images/bg_inputerror.gif") right top no-repeat;}

.REQUIRED:focus, .ERROR:focus, .FIELD:focus, 
.REQUIRED_s:focus, .ERROR_s:focus, .FIELD_s:focus,
.focus, .txt_focus  {font: normal 12px Verdana, Arial, Helvetica, sans-serif; background: #fff; border-top: 1px solid #6AB94B; border-right: 1px solid #94DA78; border-left: 1px solid #94DA78; border-bottom: 1px solid #AEDF9A; padding: 3px 8px 3px 5px;}

.submit, .submit_s{color: #2b333c;border-right: #acb5b5 3px double; cursor: pointer; border-top: #c4cccc 3px double; background: url("/images/bg_btn.gif") #fefefe repeat-x; border-left: #acb5b5 3px double; border-bottom: #6f7777 3px double;}
	.submit_s { font-size: 10px}
	
.submit-disabled {border-right: #acb5b5 3px double;border-top: #c4cccc 3px double;background: url("/images/bg_btn.gif") #fefefe repeat-x;border-left: #acb5b5 3px double;border-bottom: #6f7777 3px double;}
.submit:hover, .submit_s:hover {border-right: #FFB08A 3px double;border-top: #FFCFB9 3px double;border-left: #FFB08A 3px double;border-bottom: #FF5706 3px double;}

.Status_SUCCESS {border: 1px solid #00CC00;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #00CC00;width: 400px;padding: 3px;}
.Status_FAILURE {border: 1px solid #FF0000;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #FF0000;width: 400px;padding: 3px;}

a.submit  { font: normal 10px Verdana, Arial, Helvetica, sans-serif; display: block; padding: 2px 5px; text-decoration: none;}

#st {display:block;}

select.FIELD_S { font-size: 10px; }


/* Error elements */

		td.errors { padding: 0px;  }
		table.error_cont { font: normal 12px arial; color:#F00; padding: 0px; margin: 5px 0px;}
		#center .error_cont ul {padding-left: 25px!important; padding-left: 5px;}
		#center .error_cont ul li { padding: 3px 0px; margin: 0px;}
		
		.error { color: #CC0000; background: #FFFFCB; padding:10px;}
		.error ul{margin-bottom:0px;}
		.error a { color: #ff0000; border: 0px;}
		.error a:hover {border: 0px;}
		.error_formtitle, .error_formtitle a, .error_formtitle a:hover { font-weight: bold; color: #cc0000; text-decoration: none; border: 0px;}
		
		div.success   { color: #009900; padding: 5px 0px; font-weight: bold; padding-bottom:200px;}
		
		/* Error for FLASH player */
		.btm {margin-bottom: -50px }

		.flashalert { width: 100%;border-bottom: 1px solid #999; background: #FFFFE1;  }
		.flashalert a { color: #0000FF; }
		.flashalert .inner { height: 40px; margin: 0px auto; width: 800px; font: normal 11px arial; }
		.flashalert img {position: absolute; margin-left: -17px!important; margin-left: -47px;}
		.flashalert .txt {margin-left: 30px; padding-top: 5px;}



label {cursor: pointer; padding:3px;}
label:hover {background-color: #FFFFCC; border: 1px solid #EDEDED; padding:2px;}