/* form elements */
form {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form#create_account, form#addproperty {
	min-width: 500px;
	max-width: 600px;
	width: 560px;
}
input, select, textarea {
	font-size: 11px;
	color: #000000;
	background-color: #FFFFAA;
}
input[disabled] {
	background-color: #EEE;
}
fieldset {
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #CCC;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFF;
}
fieldset legend {
	font-weight: bold;
	font-size: 14px;
	color: #812A8E;
}
label {
	padding: 0;
	margin: 2px 0;
	text-align: left;
}
textarea {
	overflow: auto;
}

/* field classes for validation */
.required {
	font-weight: bold;
	color: #000000;
}
.required-failed {
	font-weight: bold;
	color: #FF0000;
}
.optional {
	font-weight: normal;
	color: #000000;
}
.optional-failed {
	font-weight: normal;
	color: #FF0000;
}

/* submit buttons */
.btn{
	background-color: #2FA835;
	border-left:1px solid #2FA835;
	border-top:1px solid #2FA835;
	border-right:1px solid #007F00;
	border-bottom:1px solid #007F00;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url('/images/button_background.gif') repeat-x bottom;
}

/* login and forgotten password */
div.loginform {
	text-align: left;
	font-size: 11px;
	padding: 2px;
}
div.loginform div.row {
	/*border: 1px solid blue;*/
}
div.loginform span.label {
	/*width: 500px;
	border: 1px solid red;*/
}
div.loginform input {
	width: 150px;
}

/* registration / property form */
table.webform {
	border: 0;
	padding: 0;
	width: 100%;
}

table.webform th, table.webform td {
	text-align: left;
	font-size: 11px;
	padding: 2px;
	width: 33%;
}

table.webform th {
	vertical-align: bottom;
}

table.webform td {
	vertical-align: top;
}

table.webform img {
	margin: 0;
	text-align: center;
}



/* CSS Form Layout */
div.row {
	padding: 2px 0;
	vertical-align: bottom;
}
div.subrow {
	padding: 2px 0 2px 200px;
	vertical-align: bottom;
}
.two-col-header {
	width: 200px;
	float: left;
}
.three-col-header, .three-col-field {
	width: 33%;
	float: left;
}
.closing-col-field, .closing-col-header {
	width: 66%;
	float: left;
}
.mw {
	width: 125px;
}
div.split_col {
	float: left;
	width: 50%;
}