/* Classes and styles */

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: left;
	margin: 0px;
	height: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #524c46;
}

a{
	color: #00a0e6;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;	
}

a:focus {	/* Disable the outline on clicked a-tag */
	outline: 0 !important;
}

a img{
	border: 0;	
}	

p{
	margin: 0 0 18px 0;
	padding: 0	
}	

h1, h2, h3, h4, h5, h6, form {
	margin: 0px;
	padding: 0px;
}

h1, h2 {
	font-size: 22px;
	color: #524c46;
	margin-bottom: 12px;
}

ul {
	margin-bottom: 18px;
}

ul li {
	list-style: disc;
	margin-left: 12px;
}

form label {
	float: left;
	width: 110px;
	height: 22px;
}

form input.textField,
form input.textFieldSmall,
form textarea.textArea {
	float: left;
	width: 256px;
	height: 16px;
	margin-bottom: 4px;
	padding: 2px;
	border-width: 1px;
	border-color: #a0968c;
	border-style: solid;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #524c46;
}

form input.textFieldSmall {
	width: 66px;
}

form textarea.textArea {
	height: 90px;
}

form input.formButton {
	margin-top: 18px;
}

.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.error {
	color: #FF0000 !important;
}