/* colors:
blue = #32638c
red = #b31010
yellows = #d89335
green = #83951b
*/

/* xforms */

/* no width-style formating */

form.xform fieldset {
	border: solid 1px #aaa;
/*	line-height: 2em;*/
	padding:0em 1em 1em 1em;
	margin-bottom:1em;
}

form.xform label {
	text-align: right;
	margin-right:5px;
	padding-right:9px;
	cursor: pointer;
}

form.xform table.cb_list {border:none; width:100%;}
form.xform table.cb_list tr {border:none;}
form.xform table.cb_list td {border:none;vertical-align: top;}

form.xform input, form.xform textarea,form.xform select {
	margin: 0.2em 0em;
	padding:0.15em;
}

form.xform input:focus, form.xform textarea:focus, form.xform select:focus {
	/* border: #555 solid 1px; */
}

form.xform input.error, form.xform textarea.error,form.xform select.error {
	border-color: #FF0000;
	background: #ffcccc;
}

form.xform input.error:focus, form.xform textarea.error:focus, form.xform select.error:focus {
	/* border-color: #FF8080; */
}

form.xform .xformgroup_content {
	overflow: hidden;
}

form.xform legend {
	padding:0.3em 0.5em;
}

form.xform .required {
	font-weight: bold;
	background: url('../img/form.required.gif') right 2px no-repeat;
	padding-right: 10px;
}

form.xform .span_required {
	padding-left:15px;
	background: url('../img/form.required.gif') left 2px no-repeat;
}

form.xform .field_error {
	color:#b31010;
}

form.xform div.buttons {
	border-top:solid 1px #ccc;
	padding-top:1em;
	margin-top:1em;
	text-align: center;
}

form.xform div.separator {
	border-top:solid 1px #ccc;
	margin-top:1em;
}

form.xform div.row {
	clear: both;
	position: relative;
	min-height:2.5em;
	margin-bottom:5px;
}

/* width pre-formatted table, right aligned labels on the left, fields on the right */
form.xform.xwidth div.field {

}

form.xwidth label.main_label {
	width:28%;
	display: block;
	float: left;
}

form.xwidth div.field {
	display: block;
	width: 65%;
	float: left;
}

/* same as width, except labels take 50% of form width */
form.xwidth50 label.main_label {
	width:48%;
	display: block;
	float: left;
}

form.xwidth50 div.row {
	clear: both;
	overflow: hidden;
}

form.xwidth50 div.field {
	display: block;
	width: 45%;
	float: left;
}

/* xforms help tips */
form.xform div.field img { margin-left:0.5em;}