/* 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;
}

form.xform label {
	text-align: right;
	margin-right:0.25em;
	padding-right:15px;
	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 ul {
	margin:0px;
}

form.xform li {
	list-style: none;
}

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;
}

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 span.field {
}

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

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


/* xforms tabs */

form.xform div.tabs_menu ul {
	padding:0.5em 0 0.1em 0;
}

form.xform div.tabs_menu li {
	margin-left:5px;
	padding:0.3em 0.4em 0.3em 0.4em;
}

form.xform div.tabs_menu a {
	text-decoration:none;
	padding:0;
}

form.xform div.tabs_menu a:hover{
	text-decoration: underline;
}


/* width pre-formatted table, right aligned labels on the left, fields on the right */
form.xwidth label.main_label {
	width:28%;
	display: block;
	float: left;
}

form.xwidth li {
	clear: both;
	overflow: hidden;
}

form.xwidth span.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 li {
	clear: both;
	overflow: hidden;
}

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

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