/* @group Forms */

/* Using same basic form html, simply alter class attribute of form to alter layout. */

/* @group General */


legend {
	font-weight: bold;
	padding: 0 .5em;
}
input.submit {
	padding: 3px;
}
input.submit:hover {
	cursor: pointer;
}
/* @end */

/* @group Vertical */

form.verticalform fieldset {
	display: block;
	margin: 1em 0 1em 0;
	padding: 2em;
	background-color:#087152;
}
form.verticalform fieldset.interests {
	width: 210px;
	float: left;
}
form.verticalform fieldset.radio {
	width: 15em;
	margin: 1em 0 2em 0;
}
form.verticalform fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
}
form.verticalform input {
	border: none;
}
form.verticalform input.text {
	width: 160px;
	padding: 0.25em;
}
form.verticalform label {
	display: block;
	margin: 0.8em .5em 0.5em 0;
	font-weight: bold;
}
form.verticalform select {
	display: block;
}
form.verticalform p.disclaimer {
	clear: both;
	margin-top: 5px;
	float: left;
}
/*----------select-----------*/
form#calculator  {
	display: block;
	padding: 20px;
	overflow: hidden; /* to clear in Safari */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1.5em;
	margin-left: auto;
	color: #FFEB43;
	font-size: 1.2em;
	font-weight: bold;
	width: 405px;
	height: 190px;
	background-image: url(../images/calculator_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}
form#calculator label {
	display: block;
	float: left;
	width: 150px;
	margin-bottom: 1em;
	padding-top: 4px;
	padding-bottom: 4px;
}
form#calculator input {
	width: 185px;
	background-color: #004c36;
	border: none;
	color: #fff;
	padding: 2px;
	margin-bottom: 5px;
}
form#calculator #input_price {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
form#calculator input#calculate, form#calculator input#reset {
	margin: 0;
}
div.buttons {
	margin-left: 150px;
	clear: both;
	margin-bottom: 1.5em;
}
div.buttons2 {
	margin-left: 150px;
	clear: both;
	margin-bottom: 10px;
}
form#calculator input#amount {
	border: none;
	background-color:#0C9C71;
	color: #ffeb43;
	text-align: center;
	padding: 5px;
	width: 175px;
}
select {
	background-color: #004c36;
	border: none;
	color: #fff;
	width: 185px;
	font-size: .9em;
}
select option {
	margin-right: 6px;
	border: none;
	border-bottom: 1px solid #087152;
}
select option:hover {
	color: #fff;
}

/* contact form */

form#contact_form legend, form#contact_form label, form#price_guide legend, form#price_guide label {
		color: #ffeb43;
}
form#contact_form.verticalform legend, form#price_guide.verticalform legend {
	border-bottom: #ffeb43 solid 1px;
	font-size: 1.5em;
	background-color:#087152;
}
form#contact_form input, form#contact_form textarea, form#price_guide input, form#price_guide textarea {
	width: 80%;
	padding: 2px;
}
form#contact_form input.submit, form#price_guide input.submit {
	width: 50px;
	margin-left: 25px;
}