/* Footer CSS - begin */
div.footer span a, div.footer span a:visited, div.footer span a:hover {
	font-family:     Verdana, Arial, Helvetica, sans-serif;
	font-size:       10px;
	font-weight:     normal;
	color:           black;
	text-decoration: underline;
}

div.footer span {
	font-size: 10px;
	color:     black;
}
/* Footer CSS - end */

/* Generic form and HTML CSS- begin */

body {
	text-align:       center;
	cursor:           default;
}

body, td, input, select, label, div.separator,
table.formContainer a,
table.formTable tr td,
table.webQTable tr td {
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        11px;
	color:            black;
}

body, input, select, label, div.separator,
table.formContainer a,
table.formTable tr td,
table.webQTable tr td {
	padding:          0px 0px 0px 0px;
	margin:           0px 0px 0px 0px;
}

table.formTable tr td div.remark {
	margin:           8px 0px 0px 0px;
	color:            inherit;
}

table.formTable tr td span.remark {
	color: red;
}

table.formContainer a {
	text-decoration: underline;
}

div.mafPrint span a, div.mafPrint span a:visited, div.mafPrint span a:hover {
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        11px;
	color:            black;
}

table.formTable {
	table-layout:     fixed;
	width:            460px;
}

table.formTable tr td {
	vertical-align:   top;
	padding-top:      3px;  /* IE specific */
}

table.formTable > tbody > tr > td {
	padding-top: 5px;       /* FF specific */
}

input {
	height:           1.6em;
	line-height:      1.0em;
	padding-top:      0.24em;  /* IE specific */
	padding-right:    0.1em;
	padding-bottom:   0.1em;
	padding-left:     0.1em;
	background-color: #e5e5e5;
}

div > input {
	padding-top:      0.1em; /* FF specific */
}

input {
	border: 1px solid black;
}

select {
	height:           1.6em;
	line-height:      1.0em;
	border-style:     solid;
	border:           1px solid black;
	background-color: #e5e5e5;
}

input.checkbox, .in2 {   /* The class 'in2' is used in survey's */
	border-style:     none;
	background-color: transparent;
}

input.radiobutton {
	border-style:     none;
	background-color: transparent;
	height:           1.4em;
	line-height:      1.4em;
	margin-top:       0.2em;
}

div input#verwerk {
	height:20px;
	padding:0px 2px 0px 2px;
}

div > input#verwerk {
	padding:0px 12px 0px 12px;
}

div.float-left   { float:left;  border-style:none; }
div.float-right  { float:right; border-style:none; }

label.float-left { line-height:1.6em; padding-right:5px; float:left; }
label.checklabel { line-height:1.6em; padding-right:0px; }
label.radiolabel { line-height:1.6em; padding-right:0px; }
label.multi-line { line-height:1.2em; margin-left:4px; margin-top:2px; }             /* IE specific */
div > label.multi-line { line-height:1.2em; margin-left:2px; }        /* FF specific */

td   label.radiolabel, div   label.radiolabel { padding-left: 0px; } /* IE specific */
td > label.radiolabel, div > label.radiolabel { padding-left: 5px; } /* FF specific */

td   label.checklabel, div   label.checklabel { padding-left: 0px; } /* IE specific */
td > label.checklabel, div > label.checklabel { padding-left: 5px; } /* FF specific */

td   div.small-left-margin, div   div.small-left-margin { margin-left: 3px; } /* IE specific */
td > div.small-left-margin, div > div.small-left-margin { margin-left: 6px; } /* FF specific */

td   div.separator { margin:2px 0px 2px 0px; height:1px; line-height:1px; width:100%; clear:both; background-color:transparent; border-top:1px solid #999999; }
td > div.separator { margin:2px 0px 4px 3px; }


/* Generic form and HTML CSS - end */

/* Survey CSS - begin */
table.webQTable 
{
	table-layout: fixed;
	width:        460px;
}

table.webQTable tr td {
	text-align:     left;
	vertical-align: top;
	padding-top:    3px;  /* IE specific */
}

table.webQTable > tbody > tr > td {
	padding-top: 5px;       /* FF specific */
}

/* PdH (12-01-2009):
   Turned "default width" off in favor of the explicit character length specification that is located in the
   survey table (for defining a questionair properties). The disabled CSS code will serve on as a example of
   how to get pixel precission control using custom CSS code on a landingpage.

input.open {
	width:64px;
}
*/

/* Survey CSS - end */

/* Form border CSS - begin */
table.formContainer { background-color: transparent; border-style:none; }
table.formContainer td.formContainer { padding-bottom:2px; text-align:center; }
/* Form border CSS - end */

/* Input control/labels error colors - begin */
label.inputError {
	color: #f00;
}
input.inputError, select.inputError {
	background-color: #fee;
	border-color: #f00;
}
/* Input control/labels error colors - end */

/* ErrorInfo box - begin */
div.errorInfo {
	width: 460px;
	text-align: left;
	margin-bottom: 4px;
	background-color: #ffffe1;
	border: 1px solid black;
	padding: 2px 4px 2px 4px;
	color: black;
}

td.formContainer > div.errorInfo {
	margin-top: 18px; /* FF specific */
}

div.errorInfo ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

div.errorInfo ul li {
	padding-left: 15px;
	background-image: url(/lib/i/interface/bulletGreyBlock.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

div.errorInfo div.title {
	border-bottom: 1px solid #aaaaaa;
	padding-bottom: 4px;
	margin-bottom: 4px;
	color: red;
	font-weight: bold;
}
/* ErrorInfo box - end */