/* style */

form.labelled div.top {
	height: 6px;
	font-size: 0px;
	background-image: url("/images/module_comment-top.gif");
	background-repeat: no-repeat;
}

form.labelled h1 {
	color: #555555;
	background-color: #E5E5E5;
	font-size: 11px;
	margin: 0px;
	padding-left: 15px;
	padding-bottom: 5px;
}

form.labelled h2 {
	font-size: 14px;
	font-weight: bold;
}

/* section layout */
form .section h2 {
	font-weight: bold;
	margin: 0px;
}

form div.section {
	width: 575px;
	background-image: url(images/proposal_module-bot.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 14px;
	margin-bottom: 12px;
}

form div.section h2 {
	background-image: url(images/proposal_module-top.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 26px;
	margin-bottom: 0px;
}

form div.section .section_body {
	background-image: url(images/proposal_mod-mid.gif);
	background-repeat: repeat-y;
	padding: 5px 15px;
}

/* Field layout */

.required label {
	color: #CC0000;
}

input.text, textarea, select, .multi_input input {
	border: 1px solid #a0a0a0;
	margin: 1px 0px;
	width: 132px;
	background: #f5f5f5;
}

textarea {
	width: 545px;
	height: 160px;
}

div.field {
	margin-top: 15px;
	margin-bottom: 5px;
	clear: both;
}

.brief .field {
	clear: none;
}

input.text:focus, textarea:focus, input.focus, textarea.focus, select.focus {
	border: 1px solid black;
	background: white;
}

.unit_input input {
	margin-right: 2px;
}

.labelled label {
	display: block;
}

.value_field label, .multi_field label {
	font-weight: bold; 
}

div.boolean_field, .value_field input, .multi_field span.multi_input, span.unit_input, div.value_input {
	display: block;
}

.unit_input input, .multi_field span.unit_input {
	display: inline;
}

/* Button layout */
.submit {
	text-align: center;
}

input.button, .submit input {
	font-weight: bold;
	font-family: arial, helvetica, sans serif;
	font-size: 11px;
}

/* Sections with side-by-side fields */

.labelled .brief .section_body {
	width: 545px;
	overflow: hidden;
}

.brief .field {
	float: left;
	margin-right: 10px;
}