/* Basic layout */

div.form {
	width: 90%;
}
div.column1, div.column2 {
	float: left;
	width: 49%;
}
div.column1 {
	margin-right: 2% !important;
	margin-right: 1%;
}

/* Basic field styles */

div.field {
	clear: both;
	margin-bottom: 0.5em;
	position: relative;
}
div.field label {
	color: #58595b;
	font-size: 0.75em;
	margin-bottom: 0.3em;
}
div.field input.text, div.field select, div.field textarea {
	border: 1px solid #ccc;
	color: #58595b;	
	font-size: 0.8125em;
	padding: 2px;
	width: 90%;
}

input.file {
    border:  1px solid #ff0000;
}

div.field select {
	width: 93%;
}
div.field textarea {
	font-family: verdana, arial, sans-serif;
	line-height: 1.25em;
	width: 95%;
}

/* Special field properties */

div.field.required label, p.required {
	background: url(images/icon-required-field.png) no-repeat right top;
	padding-right: 12px;
}
p.required {
	display: inline;
}
#mainContent p.fieldError {
	color: red;
	font-size: 0.6875em;
	margin: 0 0 0.25em 0;
}
#mainContent p.required.error {
	background: none;
	color: red;
}
div.field.error label {
	background: none;
	color: red;
}
div.field div.error {
	color: red;
	font-size: 0.6875em;
}
p a.tip, label a.tip, label span.tip {
	font-size: 0.75em;
	margin-left: 5px;
}
h3 a.tip {
	font-size: 0.6875em;
	font-weight: normal;
	margin-left: 5px;
}
div.field.textarea label a.tip {
	right: 5%;
}

/* Submission buttons */

div.buttonArea {
	clear: both;
	display: block;
	padding-top: 2em;
	text-align: left;	
}
input.button {
	float: left;
}
div.buttonArea p {
	float: left;
	margin: 5px 0 0 15px;
}

/* Horizontal fields */

div.field.horizontal label {
	float: left;
	margin: 0;
	width: 14%;
}
div.field.horizontal input.text, div.field.horizontal select, div.field.horizontal textarea {
	width: 84%;
}

div.column1 div.field.horizontal label, div.column2 div.field.horizontal label {
	width: 29%;
}
div.column1 div.field.horizontal input.text,
div.column1 div.field.horizontal select,
div.column1 div.field.horizontal textarea,
div.column2 div.field.horizontal input.text,
div.column2 div.field.horizontal select,
div.column2 div.field.horizontal textarea {
	width: 66%;
}

/* Checkbox fields */

div.field.checkbox {
	margin: 0 0 1em 0;
}
div.field.checkbox input {
	float: left;
	margin-top: 4px;
	width: auto;
}
div.field.checkbox label {
	display: block;
	margin: 0 0 0 20px;
	width: auto;
}

/* Nested fields */

div.field div.field {
	padding: 0.25em 0 1em 0;
}
div.field div.field label {
	color: #58595b;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
	width: auto;
}
div.field div.field input.text {
	width: 50%;
}
div.field div.field div.field {
	clear: none;
	display: block;
	float: left;
	width: auto;
}
div.field div.field div.field label {
	color: #58595b;
	margin: 0 10px 0 5px;
	width: auto;
}
div.field div.field div.field input {
	width: auto;
}