/*============== formulier ==============*/

.cms_form #content form dd,
.vacatures #content form dd{
	background:white;
	padding:0;
}

.cms_form #content table,
.vacatures #content form table{
	width:100%;
	border-collapse:collapse;
}


#content form dd p,
#content form thead td,
#content form th{
	padding:1px 8px;
	white-space:nowrap;
}

#werkgever form thead{
	background:#dddddd;
}

#werkzoekende form thead, #main.ird_actie form thead{
	background:#dddddd;
}

/*---validatie markeringen (rode uitroeptekentjes en groene vinkjes) in formulieren---*/

label.required{
    background: url("images/invalid.png") no-repeat scroll right top transparent;
    padding-right: 18px;
}
div.invalid, select.invalid {
    background: url("images/invalid.png") no-repeat scroll left top transparent;
    padding-left: 18px;
}
div.valid, select.valid {
    background: url("images/valid.png") no-repeat scroll left top transparent;
    padding-left: 18px;
}
table.invalid {
    background: url("images/invalid.png") no-repeat scroll right top transparent;
    padding-left: 18px;
}
table.valid {
    background: url("images/valid.png") no-repeat scroll right top transparent;
    padding-left: 18px;
}
input.valid[type="text"][validator], input.valid[type="password"] {
    background: #fff url("images/valid.png") no-repeat right center;
}
input.invalid[type="text"][validator], input.invalid[type="password"] {
    background: #fff url("images/invalid.png") no-repeat right center;
}


input[type=text],
input[type=password],
input[type=file],
select{
	/*font-family:'Courier New',Monospace;*/
	border:1px solid #c2c2c2;
	margin:2px 4px 2px 0;
/*	padding:1px 2px;*/
	text-decoration:none;
	background:#fff;
	line-height:normal;
}

.vacatures #content form select.selectl{
	width:360px;
}

.cms_form #content form option,
.vacatures #content form option{
	background:#fff;
}


option.level-1{padding-left:4px;}
option.level-2{padding-left:16px;}
option.level-3{padding-left:32px;}
option.level-4{padding-left:48px;}
option.level-5{padding-left:64px;}
option.level-6{padding-left:80px;}
option.level-7{padding-left:96px;}
option.level-8{padding-left:112px;}
option.level-9{padding-left:128px;}
option.level-10{padding-left:144px;}

input.b1{width:40px;}
input.b2{width:90px;}
input.b3{width:140px;}
input.b4{width:190px;}
input.b5{width:240px;}
input.b6{width:290px;}

select.b1{width:46px;}
select.b2{width:96px;}
select.b3{width:146px;}
select.b4{width:196px;}
select.b5{width:246px;}
select.b6{width:296px;}

div.cms-form form td{
	width:300px;
}
div.cms-form form th{
	width:140px;
}

/*
300 - 5 * 4 = 280;
280 / 6 = 240/6 + 36/6 = 46
46
92 + 4 = 96 => -2 = 94
138 + 8 = 146 => 144
192 + 12 = 196 => 194
230 + 16 = 246 => 244
276 + 20 = 296 => 294
*/

textarea{
	border:1px solid #c2c2c2;
	padding:1px 3px;
	background:none;

	width:448px;
	height:150px;
}
		
#werkzoekende .cms_form #content input:focus, 
#werkzoekende .cms_form #content select.selectl:focus,
#werkzoekende .cms_form #content textarea:focus {
 	background-color:#fff;
	color:#000;
	border:1px solid #828282;}


#werkgever #content input:focus, 
#werkgever #content select.selectl:focus,
#werkgever #content textarea:focus {
 	background:#fff;
	color:#000;
	border:1px solid #000099;}

dd.controls{
	border:none;
	text-align:left;
}

div.icon{
	display:inline;
}

div.icon input{
	display:none;
}
select {
	z-index:1;
}

div.icon label{
	float : left;
	display:block;
	
	width:110px;
	/*height:100px;*/
	margin:10px 0 0 0;
	text-align:center;
	padding-top:50px;
	background-repeat: no-repeat;
	background-position: center top;
	
	cursor:pointer;
	cursor:hand;
}

div.icon.activated label{
	background-color:#dddddd;	
}

dd.controls button:disabled{
	background:#c2c2c2 !important;
	color:#d7d7d7 !important;
}

dd.summary{
	padding:8px !important;
}

dd.summary table.thead td{
	color:#000099;
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	margin-top:1em;
}

td.valuta{
	text-align:right;
}