/********************************************************************************
 * Form
 ********************************************************************************/

form div.row label {
	padding: 0 2px;
	display: block;
	font-size: 80%;
}

form div.row label span.info {
	font-size: 80%;
	color: #888;
}

form div.row input, 
form div.row textarea, 
form div.row select {
	padding: 4px 4px;
	border: 1px solid #aaa;
	border-radius: 4px;
}

form div.row input:focus,
form div.row textarea:focus,
form div.row select:focus {
	border: 1px solid #444;
}

form div.row,
form div.boxrow {
	margin-left: 30px;
	margin-bottom: 10px;
}

form div.row div.full input,
form div.row div.full textarea {
	width: 420px;
}

form div.row div.full select {
	width: 430px;
}

form div.row div.full textarea {
	height: 100px;
}

form div.row div.half {
	float: left;
	margin-right: 10px;
}

form div.row div.half input,
form div.row div.half textarea,
form div.row div.half select {
	width: 200px;
}

form div.row div.third,
form div.row div.twothird {
	float: left;
	margin-right: 8px;
}

form div.row div.third input,
form div.row div.third textarea,
form div.row div.third select {
	width: 128px;
}

form div.row div.twothird input,
form div.row div.twothird textarea,
form div.row div.twothird select {
	width: 274px;
}

form div.boxrow input,
form div.boxrow label {
	float: left;
}

form div.boxrow label {
	padding-left: 5px;
	margin-right: 20px;
}

form div.boxrow label.full {
	width: 402px;
}

div#generalError {
	font-weight: bold;
	color: red;
}

form div.error,
form div.error {
	color: red;
}

form div.error input,
form div.error textarea,
form div.error select {
	border-color: #f66;
}

form div.error input:focus,
form div.error textarea:focus,
form div.error select:focus {
	border-color: red;
}

form div.error-message {
	padding: 3px 2px;
	color: red;
	font-size: 80%;
}

form div.boxrow div.error-message {
	margin-left: 23px;
}

div.success {
	font-weight: bold;
	color: green;
}