/* CSS Document */
/* form tabel */
div.form form {
	position:relative;
	clear:both;
	margin:0;padding:0;
	margin-top:3px;
}
div.form form table {
	width:100%;

	margin-bottom:0.5em;
	text-align:left;
}
div.form form thead td {
	padding:0;
	background:#1C8DB9 url(../images/formulieren/form_thead_links.png) no-repeat top left;
}
div.form form thead div.form_header {
	background:url(../images/formulieren/form_thead_rechts.png) no-repeat top right;
	font-weight:bold;
	color:white;
	padding:4px 4px 4px 6px;
}
div.form form tfoot td {
	padding:0;
	background:#1C8DB9 url(../images/formulieren/form_tfoot_links.png) no-repeat bottom left;
}
div.form form tfoot div.form_footer {
	background:url(../images/formulieren/form_tfoot_rechts.png) no-repeat bottom right;
	font-weight:bold;
	color:white;
	padding:4px 4px 4px 6px;
}
div.form form tr.kop {
	font-weight:bold;
	background-color:#7EB9CC;
	
}
div.form form tr.kop td {
	border-bottom:solid 1px #1C8DB9;
}
div.form form tbody tr {
	background-color:#EEE;
}
div.form form tbody tr.even {

}
div.form tbody td.label {
	background-color:#D8D8D8;	
	width:20%;
}
div.form tbody td.field {
	width:80%;
}
div.form tbody td.form_verplicht {
	width:5px;
	font-size:120%;
}
div.form form div.hintanchor {
	position:relative;
}
div.form form div.case {
	display:none;
}
/* (in)actief formulierelement */
input, textarea, select {

}
input, textarea, button {
	border:solid 1px #666666;
}
button {
	font-weight:normal;
}
.form_actief {
	border-color:#000000;
}
.form_checkbox {
	border:none;
}
.form_veld_error
{
	font-weight:bold;
	color:#990000;
}
.form_valign_top td
{
	vertical-align:top;
}

/* hint */
form div.hint {
	display:block;
	position:absolute;
	top:0px;
	right:-105px;
	
	background: url(../images/formulieren/hint_pijl.gif) no-repeat 0 50%;
	padding-left: 5px;

	font-size:10px;
	width:100px;
	z-index:99;
}
form div.hint p
{
	margin:0;
	background:#FFF7D3;
	border-top:solid 1px #000;
	border-right:solid 2px #000;
	border-bottom:solid 2px #000;
	padding:5px;
}

/* als iets is opgebouwd als fieldset + legend */
legend {
	font-weight:bold;
}

/* NIEUWE fileselector */

/* ffts: form file tree select */
table.ffts-table {
	width:auto;
	margin:0;padding:0;
}
table.ffts-table td {
	margin:0;padding:0;
}
.ffts-table .ffts-button input {
	width:3em;
}
.ffts-table .ffts-tree-container {
	margin:0;padding:0;
	position:relative;
}
.ffts-table .ffts-tree {
	position:absolute;
	z-index:99;
	left:0;top:0;
	margin-top:-10px;
	border:solid 1px #CCC;
	border-top:solid 2px #0099CC;
	background:#FFF;
	padding:4px;
	min-width:250px;
}
.ffts-table  ul, .ffts-table li {
	margin:0;padding:0;
	white-space:nowrap;
	list-style:none;
}
.ffts-table img {
	vertical-align:middle;
}
form select {
	z-index:1;
}
form input.checkbox {
	border:none;
}

/* Wijzig een submenu (draggable, supervet! */
.formPaginaSelect .ffts-table .ffts-button input {
	width:90px;
}
.formPaginaSelect .formPaginaSelectNieuw {
	padding:3px;
	background:#EEE;
	border:solid 1px #CCC;
}
ul.formPaginaSelect_lijst {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:10px;
}
ul.formPaginaSelect_lijst li {
	list-style:none;
	margin:0;
	padding:3px;
	background:#FFFF99;
	border:solid 1px #FFCC00;
	margin-top:1px;
	width:350px;
	clear:both;
	float:none;
	height:16px;
}
ul.formPaginaSelect_lijst li a {
	float:left;
}
ul.formPaginaSelect_lijst a.handle {
	display:block;
	float:left;
	height:16px;
	width:16px;
	background:url(../images/ib/cms/attachment_12.png) 50% 50% no-repeat;
	margin-right:5px;
	cursor:move;
}
ul.formPaginaSelect_lijst li a.verwijder {
	height:16px;
	width:16px;
	background:url(../images/ib/cms/delete_entry_12.png) 50% 50% no-repeat;
	float:right;
	cursor:pointer;
}
ul.formPaginaSelect_lijst li.drag {
	background:#FFF;
}

/* Ajax autocompleter (script.aculo.us) */
div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { 
	background-color: #ffb;
}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:32px;
	cursor:pointer;
}