﻿#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 10px;
	border: 2px solid #999999;
	border-radius: 5px;
	resize: vertical;
}

#contact-area textarea {
	height: 100px;
	width: 400px;
	border-radius: 5px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ffa84d;
	color: #828282;
}

#contact-area input.submit-button {
    width: 80px;
    height: 30px;
    float: right;
    font-size: 1em;
    color: #595959;
    background: #f2f2f2;
    border-radius: 5px;
    margin-right: 15%;
	border-width: thin;
}

#contact-area input.submit-button:hover:enabled {
	background-color: #e5e5e5;
}

#contact-area input.submit-button:disabled {
	color: #e5e5e5;
	background-color: #f2f2f2;
	border-color: #e5e5e5;
}

span.required {
    color: red;
    position: absolute;
    font-size: x-large;
    padding-left: 2px;
}

span.required-cap {
    color: red;
    font-size: x-small;
    font-style: italic;
    display: inline-block;
    padding-left: 20%;
    float: left;
    margin-top: -20px;
}

input.submit-checks {
	width: 80px;
	height: 30px;
	margin-top: 10px;
	float: left;
	font-size: 1em;
    color: #595959;
    background: #f2f2f2;
    border-radius: 5px;
    margin-right: 20%;
	border-width: thin;
}

input.submit-checks:hover:enabled {
	background-color: #e5e5e5;
}

input.submit-checks:disabled {
	color: #e5e5e5;
	background-color: #f2f2f2;
	border-color: #e5e5e5;
}

label {
	float: left;
	text-align: right;
	width: 100px;
	font-size: 1em;
	font-weight: bold;
	color: #595959
}