﻿

.form-container 
{
	width: 100%;
	float: left;
	padding: 12px 0 12px 0;
	background-color: #eeeeee;
	border: 1px solid #999999;
}

.form-container h4
{
	margin: 8px 0 4px 8px;
	width: 100%;
	float: left;
}


.form-container label.oneCol
{
	width: 200px;
	float: left;
	margin: 8px 0 4px 16px;
	clear: left;
}

.form-container label.fullCol
{
	float: left;
	margin: 8px 0 12px 16px;
}

.form-container input[type=text]
{
	width: 150px;
	float: left;
	margin: 8px 0 4px 8px;
}

.form-container textarea
{
	width: 225px;
	height: 50px;
	float: left;
	margin: 8px 0 4px 8px;
}

.form-container .input-container
{
	float: left;
}

.input-container span.note
{
	font-size: .95em;
	width: 225px;
	clear: left;
	float: left;
	margin: 0 0 4px 8px;
}

.form-container select
{
	width: 150px;
	float: left;
	margin: 8px 0 12px 8px;
}

.form-container hr
{
	width: 95%;
	margin: 15px auto 0px 8px;
	padding: 8px;
	float:left;
}

.field-container
{
	display: block;
	float: left;
}

.field-container.oneCol.first
{
	display: block;
	float: left;
	width: 125px;
}

.field-container label
{
	float: left;
	clear: left;
	font-weight: normal;
	margin: 8px 0 0px 8px;
}

.field-container input[type=text],
.field-container textarea
{
	float: left;
	margin: 2px 0 4px 8px;
}

.field-container.oneCol						{ width: 162px; }
.field-container.oneCol label				{ width: 150px; }
.field-container.oneCol input[type=text]	{ width: 150px; }

.field-container.twoCol						{ width: 287px; }
.field-container.twoCol label				{ width: 245px; }
.field-container.twoCol input[type=text]	{ width: 245px; }

.field-container.threeCol					{ width: 449px; }
.field-container.threeCol label				{ width: 400px; }
.field-container.threeCol textarea			{ width: 400px; }

.field-container .field-prefix
{
	float: left;
	clear: left;
	font-weight: normal;
	margin: 2px 0 4px 8px;
}

.field-container input[type=text].field-prefixed
{
	float: left;
	font-weight: normal;
	margin: 2px 0 4px 2px;
}

.continue
{
	margin: 12px auto 0 auto;
}

.consent
{
	display: block;
	float: left;
	margin: 12px 0;
}

.consent input
{
	border: 0px none #fff;
	float: left;
	margin: 2px 6px 0 0;
}


/*	Radio Button List
------------------------------------------- */

.radio-list
{
	width: 95%;
	display: block;
	margin: 0 0 0 8px;
	float: left;
}

.radio-list.padTop
{
	width: 95%;
	display: block;
	margin: 8px 0 0 8px;
	float: left;
}

.radio-list input
{
	float: left;
	margin: 2px 0 12px 8px;
	border: none;
	clear: both;
}

.radio-list label
{
	float: left;
	margin: 0 0 12px 8px;
	font-weight: normal;
}


/*	Overrides / Cleanups
------------------------------------------- */

#agent-information label.oneCol
{
	width: 150px;
}

#quote-demographics label.oneCol
{
	width: 170px;
}

#quote-demographics input[type=text],
#quote-demographics select
{
	width: 225px;
}

#quote-boats hr
{
	width: 96%;
	margin: 0 auto 16px;
	padding: 16px 0 0;
}

.nav-mini-map li
{
	width: 164px !important;
}


/*	Generic Classes
------------------------------------------- */

.clear
{
	clear: both;
	float: none;
}

.red
{
	color: #9a271c;
}

.snugTop	{ margin-top: 0px !important; }
.snugBottom	{ margin-bottom: 0px !important }

		.marine-ca-quote-form { list-style:none; margin:0; padding:10px;}
		.marine-ca-quote-form li { overflow: hidden;}
		.marine-ca-quote-form li.border { border-bottom:solid 1px gray; margin-bottom:5px; padding-bottom: 15px; }