/*---------FORM-----------------*/
form {
    padding: 0;
    margin: 0;
}

form div {
	width: 405px;
}

form label {
	clear: right; 
}

form input, form textarea {
	font-family: Trebuchet MS, Arial, Helvetica, Verdana; 
	font-size: 0.8em;
	padding: 0px 3px;
	border: 1px solid #666;
}

form input, form input[type=text], form textarea, form select {
	width: 400px;
	background: #fff;
	border: 1px solid #666;
	margin: 0;
}

form textarea {
  	height: 100px;
}

form select { 
	font-family: Trebuchet MS, Arial, Helvetica, Verdana; 
	font-size: 0.8em;
    width: 407px; 
	padding: 0px 3px;
	height: 22px;
}

form input.button {
    width: 50px;
}

/* --- validatie ---*/

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

input.required, textarea.required {
}

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

input.validation-passed, textarea.validation-passed {
}

.validation-advice {
	background-image: url('../images/icons/error.png');
	background-repeat: no-repeat;
	font-size: 9pt;
	padding-left: 20px;
	color: #AECD4C;
}

.custom-advice {
	color: #AECD4C;
}

/* --- form ---*/

form div.small {
	float: left; 
	width: 204px; 
}

form input.small {
	width: 195px; 
}

form input.date {
	width: 105px; 
}

form div.smaller {
	float: left; 
	width: 104px; 
}

form input.smaller {
	width: 95px; 
}

form div.smallest {
	float: left;
	width: 45px; 
}

form div.wider {
	float: left; 
	width: 304px; 
}

form input.wider {
	width: 295px; 
}

/* --- calender ---*/

.popCal {
visibility: hidden; 
width: 150px !important;
position: absolute; 
background-color: #ff0000;
z-index: 100; }

#calender { 
color: #000000 !important;
background-color: #fff; }

#calender td { 
border: none  !important;
text-align: center; }

.popCal a, #calender a, #calender a:hover { 
padding: 0px !important;
color: #000000 !important;
border-bottom: none; }

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

.cpOtherMonthDate a { 
color: #C3C3EA; }

.cpCurrentMonthDate {
background: #EAEAF8; }

/*.cpMonthNavigation {
margin-right: 0px;
width: 70px; }

.cpYearNavigation {
width: 55px; }*/