/* --- Form elements --- */

table.form {
	margin: 0px 0 0px 0;
}

table.form caption {
	font: bold 13px Verdana;
	text-align: left;
	margin: 0px 0 5px 0;
	color: #336699;
}

table.form th,
table.form td {
	padding: 8px 4px 4px 4px;
	vertical-align: top;
}

table.form td.fieldname {
	border-bottom: 1px solid #DDD;
}

table.form td.fieldlabel {
	border-bottom: 1px solid #DDD;
}

table.form td.fieldvalue {
	border-bottom: 1px solid #EEE;
}

table.form td.fieldtext {
	border-bottom: 1px solid #EEE;
	background-color: #f7f7f7;
	line-height: 15px;
}

.active-input {
	border: 1px solid #FF0000 !important;
	background-color: #FFFDDF;
}

.text {
	border: 1px solid #999;
}

label {
	cursor: pointer;
}

table.form td.no_border {
	border: none;
}

/* --- Buttons --- */

button {
	background: url(../img/verstuur.gif) no-repeat 0 0;	

}

input.submit {
	background: url(../img/verstuur.gif) no-repeat 0 2px;	
	xbackground:  #CCCCCC;
	width: 76px;
	height: 20px;
	border: none;
	color: #333333;
	cursor: pointer;
	color: #FFF;
	font-size:10px;
}
input.submit:hover {
	color: #FFF;
}
/* Column, input and button sizing */

.small td.fieldname {
	width: 100px;
}

.small td.fieldvalue {
	width: 200px;
}

.normal td.fieldlabel,
.normal td.fieldname {
	width: 150px;
}

.normal td.fieldtext,
.normal td.fieldvalue {
	width: 300px;
}

.ticket td.fieldname {
	width: 100px;
}

.ticket td.fieldvalue {
	width: 400px;
}

.submit {
	padding: 5px;
	width: 100px;
}

.btn_toolbar {
	padding: 3px;
	width: 100px;
}

.wide td.fieldname,
.wide td.fieldlabel {
	width: 200px;
}

.wide td.fieldvalue,
.wide td.fieldtext {
	width: 625px;
}

.small .text, 
.wide .text {
	border: 1px solid #999;
}

.mini td.fieldname {
	width: 75px;
}

.mini td.fieldvalue {
	width: 125px;
}

/* Input sizes */
.input_small {
	width: 100px;
}

.input_normal {
	width: 150px;
}

.input_size200 {
	width: 200px;
}

.input_medium {
	width: 350px;
}

.input_wide {
	width: 500px;
}

.input_postcode {
	width: 80px;
}

.input_city {
	width: 414px;
}

.input_low {
	height: 50px;
}

.input_mediumhigh {
	height: 100px;
}

.input_high {
	height: 150px;
}

label {
	display: block;
	margin: 0 0 5px;
	padding: 0;
}

/* --- Name form --- */

.nameform {
	width: 600px;
}

.nameform td input {
	width: 440px;
	font-size: 15px;
	font-weight: bold;
	color: #666;
	background-color: #f7f7f7;
	border: none;
}

/* --- Horizontal form --- */

.hori_form th {
	text-align: left;
	font-weight: normal;
}

.hori_form td {
	vertical-align: top;
}

.hori_form .feedback {
	margin-top: 5px;
	margin-bottom: 0;
}

/* --- Status form --- */

.statusform {
	xbackground-color: #eee;
}

.statusform td.fieldname {
	width: 150px;
	padding: 5px;
}

.statusform td.fieldvalue {
	width: 350px;
	padding: 5px;
	background-color: #eee;
}