/* -- forms -- */

#form-wrapper {
	margin: 20px 0 0 0;
	height: auto;
	width: 510px;
	float: left;}
	
.req {color: #af3c6c;}

#req-push {margin: 0 237px 0 0; font-size: 0.7em;}

input:focus, input:hover, input.sffocus, textarea:focus, textarea:hover, textarea.slfocus {border: 1px solid #af3c6c;}

.label-container {
	padding: 5px 0 0 0;
	height: 25px;
	width: 70px;
	font-size: 0.8em;
	color: #4b4b4b;
	vertical-align: top;}

.labelwide-container {
	height: 130px;
	width: auto;
	color: #000;
	font-size: 0.8em;
	color: #4b4b4b;
	vertical-align: top;}
	
.message-container {
	height: 130px;
	width: 200px;}
	
.action-container {
	height: auto;
	width: auto;
	color: #000;
	font-size: 0.8em;
	color: #4b4b4b;
	vertical-align: top;}
	
.field-container {
	width: 200px;
	height: 38px;}

.field-container-alt {
	padding: 0 0 3px 0;
	text-align: right;
	height: 50%;
	font-size: 0.7em;
	color: #333;
	width: auto;}
	
.field {
	margin: 0 0 10px 0;
	padding: 4px 5px 0 5px;
	height: 20px;
	width: 185px;
	font-size: 0.8em;
	color: #392313;
	background: #fff;
	border: none;}

.gecko .field {padding: 3px 5px 3px 5px; height: 18px;}

.message {
	padding: 5px;
	height: 110px;
	width: 390px;
	font-size: 0.8em;
	color: #392313;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	background: #fff;}

.btn-container {
	margin: 10px 5px 0 0;
	padding: 0;
	height: 23px;
	width: auto;
	display: inline;
	float: left;}

.btn {
	background:#af3c6c;
	display:block;
	float:left;
	height:24px;
	width:auto;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #fff;
	border-style: none;
	cursor: pointer;}
.btn:hover {background:#392313; cursor: pointer; border: none;}