/*	=============================================================

	FORMS CSS for screen/projection
	
	============================================================= */

/*	-------------------------------------------------------------
	CONTAINERS
	------------------------------------------------------------- */

#header.form {
	background-image:  url(../img/layout/header_form.gif);
}

#container.form {
	background-image: url(../img/layout/container_form_bkgd.gif);
	background-repeat: repeat-y;
}

#form_content {
	width: 700px;
}

#form_content {
	padding: 20px;
}

#err_box {
	/*
	background-repeat: no-repeat;
	background-position: center;
	*/
	width: 300px;
	/*
	margin: 10px 30px 10px 225px;
	*/
	padding: 5px;
	text-align: left;
}


/*	-------------------------------------------------------------
	TYPOGRAPHY
	------------------------------------------------------------- */

form p, form h1, form h2, form h3 {
	padding-left: 20px;
}

form table {
	width: 650px;
	padding: 10px 0px;
	/*
	border: 1px dashed black;
	*/
}

form table td {
	vertical-align: top;
}

form #availability table,
form #vehicle table {
	margin-left: 100px;
	width: 300px;
}

form #interest_areas table {
	margin-left: 50px;
	width: 550px;
	border-bottom: none;
}

form td.left_label_S {
	display: table-cell;
	width: 90px;
	text-align: right;
	padding-right: 5px;
}
form td.left_label_S_err {
	color: red;
	display: table-cell;
	width: 90px;
	text-align: right;
	padding-right: 5px;
}

form td.left_label_S_b {
	font-weight: bold;
	display: table-cell;
	width: 90px;
	text-align: right;
	padding-right: 5px;
}
form td.left_label_S_b_err {
	font-weight: bold;
	color: red;
	display: table-cell;
	width: 90px;
	text-align: right;
	padding-right: 5px;
}


form td.left_label_L {
	display: table-cell;
	width: 350px;
	text-align: left;
	padding-left: 50px;
}
form td.left_label_L_b {
	font-weight: bold;
	display: table-cell;
	width: 350px;
	text-align: left;
	padding-left: 50px;
}


form td.right_label_XS {
	display: table-cell;
	width: 100px;
	text-align: left;
}

form td.right_label_S {
	display: table-cell;
	width: 80px;
	text-align: left;
}
form td.right_label_S_b {
	font-weight: bold;
	display: table-cell;
	width: 80px;
	text-align: left;
}
form td.right_label_S_b_err {
	color: red;
	font-weight: bold;
	display: table-cell;
	width: 80px;
	text-align: left;
}

form td.right_label_L {
	display: table-cell;
	width: 110px;
	text-align: left;
}

form th.centre,
form td.centre {
	display: table-cell;
	width: 150px;
	text-align: center;
	/*
	border: 1px dashed grey;
	*/
}

form tr.colored {
	background-color: #E6E6E6;
}

form textarea {
	float: right;
	width: 300px;
	height: 100px;
	margin: 0px 35px;
}

#divider {
	width: 650px;
	border-bottom: 1px solid #999999;
}
#divider {
	margin: 10px 0px 8px 20px;
}