/* CSS Document */
body {font:0.8em/1.0em Arial, Helvetica, sans-serif; background-color:#FDD10E; }
p { color:#666; font: bold 0.9em/1.1em Arial, Helvetica, sans-serif; }
h1 { color:#555; font: bold 2.1em/1.1em Arial, Helvetica, sans-serif; text-align: center; }
a:focus { -moz-outline-style: none; }
.clear { clear:both; }
#cont { width:430px !important; margin:30px auto 0px; display:block; }
/* button */
a {
	background:url(../img/btn_bg.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:21px;
	line-height:20px;
	margin:5px auto;
	text-decoration:none;
	width:91px;
}
a:hover{
	background:url(../img/btn_bg_a.gif);
	color:#0066CC;
}
a:focus.button{
	-moz-outline-style: none;
}
/* wait signals */
.Waitcont {
	background-image:url('../img/waitcont.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#FEF4C7;
	z-index:1000;
}
/* validation requirements */
input.notrequired {
    border: 1px solid #A5ACB2;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
    width: 380px; /*wijziging*/
	margin: 1px auto;
	padding: 2px;
	background-color: #FFCFD1;/* FFBFBF #FF3300;*/
	color : #7F070C;/*#4F0A0C  #FF3300*/;
	font-weight: bold;
	clear:both;
	/*width: 170px; /* need different way */ /*wijziging*/
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
/* standard form styling */
form { z-index:100; width:100%; padding:2px; margin:0px auto; border:1px solid #666; display: table; background-color:#FDC000; } 
form a img { border: 0 !important; }
fieldset { border: none; }
fieldset.submit { width: 400px; border: 2px solid #666; border-width: 2px 0px 0px 0px; padding:4px 4px; margin:0px auto; text-align:center; }
div.fieldset {  width: 400px; border: 2px solid #666; border-width: 2px 0px 0px 0px; padding:2px 4px; margin:0px auto; }
legend { width:auto; padding:2px 3px; margin:2px 5px; color:#666; border:2px solid #FFDA2F; font: bold 1em/1.1em Arial, Helvetica, sans-serif; -moz-border-radius:10px; }
label { clear:left; display:block; float:left; width:150px !important; text-align:right; padding-right:5px; color: #2F383F; margin:11px 0 4px 0; cursor:pointer; font-weight:bold;}
input { cursor:pointer; margin-top:7px; height:19px;}
select { cursor:pointer; }
.input_text, .input_password, textarea { float:left; clear:right; padding: 2px; font-size: 1em; border: 1px solid #C5C5C5; border-color: #C5C5C5 #EDEDED #EDEDED #C5C5C5; 
	color: #333; background: #fff url(../img/input_shadow.gif) repeat-x 0 0; overflow: auto; cursor:pointer; width: 230px;	}
/* .input_text:focus, .input_password:focus, textarea:focus { border: 1px solid #e00 !important; } */
.input_radio {}
.input_check {}
input.submit { 
	border: 3px double #999999;
	border-top-color: #FED30B; /* #CCCCCC */
	border-top-style:double;
	border-top-width:3px;
	border-bottom-color: #2F2703;
	border-bottom-style:double;
	border-bottom-width:3px;
	border-left-color: #FED30B; /* #CCCCCC */
	border-left-style:double;
	border-left-width:3px;
	border-right-color: #2F2703;
	border-right-style:double;
	border-right-width:3px;
	padding: 0.25em;
	background-color: #FDFF4F; /* #FEFF8F #FFFFFF */
	color: #333333;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	height :auto;
}
input.submit:active {
	border: 3px double #CCCCCC;
	border-top-color: #2F2703; /* #999 */
	border-bottom-color: #FED30B;
	border-left-color: #2F2703; /* #999 */
	border-right-color: #FED30B;
}
/* autocomplete */
div.autocomplete {
      position:absolute;
      width:235px;
      background-color:white;
      color: black;
      border:1px solid #888;
	  margin:0px;
	  margin-left: 155px;
	  margin-bottom: 7px;
      padding:0px;
	  clear: both;
}
div.autocomplete ul {
      list-style-type:none;
      margin: 2px 0px 0px 0px;
      padding:0px 2px 0px 0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li:hover { color: #666;}
div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:22px;
      cursor:pointer;
}
/*response */
#response {
  width: 100%;
  font-size: 1.4em;
  line-height: 1.3em;
  font-weight: bold;
  position: absolute;
}
#response  div {
  background: #9BFFA3;
  text-align: center;
  border-left: 1px solid #23571D;
  border-right: 1px solid #23571D;
  border-top: 1px solid #23571D;
  border-bottom: 1px solid #23571D;  
  margin: 0px;
  padding: 5px 3px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  position:absolute;
  top:0px;
  vertical-align:text-bottom;
}
#response  div, #response  p, #response  span  {
  color: #23571D;
}