@charset "UTF-8";

div#contactForm {
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

div#err_msg {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.error {
	color: #cc0000;
	font-weight: bold;
}

abbr {
	color: #ff0033;
}

form {
	color: #4e6a8f;
	width: 100%;
	margin: 0 0 0 -25px;
	border: 3px solid #ccc;
	padding: 0 1.5em 1.5em 1.5em;
	background: #fff;
}

form h1 {
	margin: 1em 0 0 0;
}

fieldset {
	border: 3px solid #ccc;
	padding: 1.5em;
	margin: 1.5ex 0 0 0;
	background: #fff;
}

legend {
	padding: 0 .5ex 0 .5ex;
	font-weight: bold;
	font-size: 1.25em;
}

label {
	float: left;
	width: 25ex;
	text-align: right;
	line-height: 1.25;
	margin: 1ex 0 0 0;
	font-size: 12pt;
}

input {
	width: 50%;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border: 3px solid #6699cc;
	background: url(../images/bg-input-shadow.png) repeat-x 0 0 #ccc;
	
}

fieldset#contact input, fieldset#message input {
	height: 25px;
	margin: 1ex 0 0 0;
	color: #333;
	font-weight: bold;
}

fieldset#submit {
	text-align: right;
}

fieldset#submit input {
	width: 6em;
	padding: .5ex;
	color: #6699cc;
	font-weight: bold;
	font-size: 1.25em;
}

fieldset#submit input:hover {
	color: #66cc99;
	background: url(../images/bg-input-shadow.png) repeat-x 0 0 #fff;
}

fieldset#submit input:focus {
	color: #66cc99;
	background: url(../images/bg-submit-shadow.png) repeat-x bottom left #fff;
}

textarea {
	width: 100%;
	height: 25ex;
	font-weight: bold;
	color: #333;
}

textarea, input {
	background: url(../images/bg-input-shadow.png) repeat-x 0 0 #fff;
	border: 3px solid #ccc;
}