/*--- FORM ---*/

FORM {
margin: 0px; 
padding: 0px; }

input[type=text], input[type=password] {
width: 175px;
height: 16px;
background-color: #FFFFFF;
border: solid 1px #444444; }

.form {
height: 20px;
background-color: #FFFFFF;
border: solid 1px #444444; }

.home {
width: 100px; }

.voorletters, .postcode {
width: 68px; }

.naam {
width: 122px; }

.straat {
width: 186px; }

.nummer {
width: 50px; }

.plaats {
width: 138px; }

.url {
width: 229px; }

.select {
width: 325px; }

.text {
width: 400px; 
height: 100px; }

.login {
width: 150px; }

.wachtwoord {
width: 70px; }

.tekst {
height: 50px; }

.ruim {
margin-bottom: 4px; }

.datum {
width: 70px; }

.euro {
width: 249px;
padding-left: 17px;
background-image: url('/images/euro.gif');
background-repeat: no-repeat;
background-position: 2px 2px; }

.file { 
width: 269px;
height: 20px; }

.dropdown {
width: 328px;
height: 29px; }

.disabled {
border: solid 1px #939598;
background-color: #DDDDDD; }

TEXTAREA {
font-family: arial, helvetica, tahoma, serif;
font-size: 0.9em; 
width: 175px;
height: 100px;
background-color: #FFFFFF;
border: solid 1px #444444; }

.verplicht {
color: #FA8C3C; }

.error {
color: #EB2A2E; 
border: solid 1px #EB2A2E; }

.errormessage {
color: #EB2A2E; 
background-image: url('/images/pijl-gr-r.gif');
background-repeat: no-repeat;
background-position: left 9px;
padding: 5px 5px 10px 10px; }


/* --- validatie ---*/
input.disabled {
border: 1px solid #F2F2F2;
background-color: #F2F2F2;
}

input.required, textarea.required {
}

select.validation-failed, input.validation-failed, textarea.validation-failed {
border: 1px solid #FA8C3C!important;
}

input.validation-passed, textarea.validation-passed {
color : #000;
}

div.validation-advice {
margin: -1px 0 4px 0px;
height: 17px;
padding: 0px; 
color: #FA8C3C;
width: 100%;
}

.validation-advice p {
background-image: url(/Files/System/images/form-error.gif);
background-repeat: no-repeat;
background-position: 4px 0px;
padding: 4px 3px 2px 3px; 
color: #FA8C3C;
margin: 0px;
font-size: 9pt;
}

div.custom-advice {
color : #FA8C3C;
}

.popCal {
top: -50px;
visibility: hidden; 
width: 148px !important;
position: absolute; 
background: #FFFFFF;
z-index: 100; }

#calender { 
background: #F4FBFF;
background: #fff url(/Files/System/Images/calenderbg.gif);
background-repeat: no-repeat;
background-position: top left; }

#calender td { 
padding: 2px;
text-align: center; }

#calender a, #calender a:hover { 
color: #36529A;
border-bottom: none; }

#calender a:hover { 
color: #003156; }

.cpOtherMonthDate a { 
color: #B1DBEB; }

.cpCurrentMonthDate {
background: #E5F2F8; }