/****************************************************
	BEGIN FORM COMPONENTS
****************************************************/
form {
	margin:0px;
	padding:0px;
}

label {
	float: left;
	width: 100px;
	font-weight: bold;
	text-align:right;
	margin-right:5px;
	white-space:nowrap;
	padding:2px 2px 2px 2px;
	display: block;
	font-size:12px;
}

form div {
	padding:2px 0px;
	margin:0;
}


form input[type=button] {
	cursor:hand;
	cursor:pointer;
}

form .text_field	{
	width: 150px;
	border: 1px solid black;
	padding-left:2px;
}

form .textarea	{
	width: 275px;
	height: 100px;
	border: 1px solid black;
}

form .required	{
	background: url("../../img/icons/red_asterix.gif") no-repeat 3px center;
	color:#ae0019;
	padding:2px 2px 2px 15px;
}

.error_required	{
	font-size:12px;
	font-weight:bold;
	background: #cc0000;
	padding:1px 10px;
	font-style:italic;
	color:#fff;
	border:0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}

.button {
	font-size:14px;
	font-weight:bold;
	background-color:#84a55b;
	color:#fff;
	padding:4px 20px 4px 20px;
	border:0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor:pointer;
}

.button:hover {
	background-color:#f89300;
}
}