/*
 * form
*/

/* default styling of form elements */

input[type=text], textarea {
	padding: 3px 2px;
	line-height: 12px;
	height: 12px;
	border: 1px solid #aeaeae;
	font-size: 1em;
	font-family: Verdana,sans-serif;
	font-weight: normal;
	color: #000;
	width:300px;
}
textarea {
	height:200px;
}
input[type=checkbox], input[type=radio] {
	vertical-align: middle;
/* 	margin-bottom: 0.3em; */
}
select {
	border: 1px solid #aeaeae;
	font-weight: normal;
}

button {
	display:block;
	height:24px;
	width:145px;
	line-height:23px;
	padding-left:12px;
	padding-bottom:2px;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
	background: transparent url(images/button-white-bg.gif) no-repeat scroll left top;
}
button:hover {
	background-position: left bottom;
}

label, .label {
}

label.with-checkbox {
	position: relative;
	display: block;
	margin: 0;
	padding-left: 22px;
}

	label.with-checkbox input.checkbox {
		position: absolute;
		left: -22px; /* for IE6 */
		top: -2px;
	}
	
	html > body label.with-checkbox input.checkbox {
		left: 0; /* for modern browsers */
	}


/* form layout */

table.form {
	font-size: 1.2em;
	background-color: transparent;
}

	table.form th {
		text-align: left;
		padding: 6px 0 2px 0;
	}
	
	table.form td {
		padding: 4px 0;
	}

	table.form input[type=text], table.form textarea {
		background: transparent url(images/text-field-bg.png) no-repeat left top;
	}
	
	table.form input[type=text] {
		height: auto;
	}
	
	table.form select {
		font-size: 1.167em;
	}
	
	table.form td label {
		font-weight: normal;
		margin-right: 1.5em;
	}
	
table.form input[type=text].felderror, table.form textarea.felderror {
	background: transparent url(images/text-field-error-bg.png) no-repeat left top;
}