/* basic styles */

@import "../reset.css";

* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	background: #fff url(images/form_bg1.png) repeat-x;
	background-position: 0 65px;
}

.hide {display: none;}

#form_banner {	
	width: 100%;
	height: 67px;
	position: fixed;
	top: 0;
	left: 0;
	background: #333 url(images/form_header1.png) no-repeat top center;
	z-index: 100;
	}

/*	------------------------------	
	Breadcrumbs
	------------------------------ */

#crumb_container {
	margin-top: 40px;
	background: #222;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	}

#crumb_container ul, 
#crumb_container li {
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
#crumbs {
	width: 700px;
	margin: 0 auto;
	border: 1px solid transparent;
	height: 25px;
	}

#crumbs li {
	float:left;
	line-height:2.3em;
	font-size: .9em;
	color:#ccc;
	display:block;
	margin: 0 10px 0 0;
	padding:0 30px 0 0;
	background: transparent url(images/crumbs_bg1.png) no-repeat right center; 
	}
	
#crumbs li:last-child {
	background: transparent;
	}
	
#crumbs li a:link,
#crumbs li a:visited {
	text-decoration:none;
	color:#999;
	}

#crumbs li a:hover, 
#crumbs li a:focus {color:#fc0;}	
	
#crumbs li.past {color: #806700;}
#crumbs li.current {color: #fc0; font-weight: bold;}	
#crumbs li.future {color: #444;}
#crumbs li.completed {color: #6c0; font-weight: bold;}
	

#wrapper {
	position: relative;
	width: 720px;
	margin: 0 auto;
	padding: 85px 0 0 0;
	background: transparent;
	}
	
#wrapper p {
	margin: 0 10px;
	}


#wrapper p.info-box {
	margin: 0 0 20px 0;
	padding: 10px;
	background: #ddd;
	}
	
.error {
	margin: 0 0 20px 0;
	padding: 10px;
	background: #ffd9d9;
	font-weight: bold;
	color: #c00;
	}	


/* form styles */

form {
	margin: 0 auto;
	width: 700px;
	}

form label,
form fieldset label {
	display: block;
	float: left;
	line-height: 1.25em;
	white-space: nowrap;
	}
	
form select {
	margin: 0 2em 1em 0;
	line-height: 1.25em;
	display: block;
}

form label.horizontal {
	display: inline;
	width: 100%;
	margin-bottom: 1.5em;
	}

span.horizontal,
form input.horizontal,
form select.horizontal {
	margin: 0 0 1em 2em;
	line-height: 1.25em;
	display: inline;
	vertical-align: text-top;
	}
	
div.fieldset-label {
	float: left;
	display: inline;
	margin: 0 0 1em 0;
	line-height: 1.25em;
	}

.clear-none {clear: none;}
.clear-left  {clear: left;}
.clear-right {clear: right;}
.clear-both  {clear: both;}
	
form label.required span {color: #c00;font-weight: bold;}	
form label.required input {background: #fffbd9;} /* ffeeee */
	
form label span.caption {
	font-size: 90%;
	font-style: italic;
	color: #ccc;
	}
	
form span.field,
form input {
	padding: 2px;
	display: block;
	margin: 0 2em 1.5em 0;
	line-height: 1.25em;
	color: #333;
}

form fieldset fieldset input{
	margin: 0 0 1em 0;
	}



form > fieldset {
	padding: 0 0 2em 0;
	margin: 0 0 2em 0;
	border-bottom: 1px solid #ccc;
	}
	
div.add_vehicle,
div.add_driver {
	display: block;
	width: 100%;
	height: 2em;
	margin: 1em 0;
	font-weight: bold;
	}
div.add_vehicle input,
div.add_vehicle label,
div.add_driver input,
div.add_driver label {
	float: right;
	margin: 0 0 0 1em;
	}
	
	
span.field {
	border: 1px solid #ccc;
	padding: 4px;
	background: #fff;
	font-weight: normal;
	height: 1.25em;
	line-height: 1.25em;
	}
	
span.field-horizontal {
	margin: 0 1.75em;
	border: 1px solid #ccc;
	padding: 4px;
	background: #fff;
	font-weight: normal;
	height: 1.25em;
	line-height: 1.25em;
	}

/* FIELDS */


/*	--------------------
	BASIC INFO
	-------------------- */
	
label.email input,
label.first_name input,
label.last_name input,
label.email span.field,
label.first_name span.field,
label.last_name span.field {
	width: 15em;
	}
	
label.middle_name input,
label.middle_name span.field {
	width: 2em;
	}
	
label.address input,
label.address span.field {
	width: 20em;
	}

label.city input,
label.city span.field {
	width: 10em;
	}
	
label.state span.field {
	width: 4em;
	}

label.zip input,
label.zip span.field {
	width: 6em;
	}	
	
label.phone input,
label.phone span.field {
	width: 10em;
	}	
	
/*	--------------------
	COVERAGE INFO
	-------------------- */	



label.time_no_lapse span.field,
label.provider span.field {	
	width: 15em;
	margin-left: 2em;
	}
	
label.current_pay input {
	width: 6em;
	}
	
table.coverage {
	clear: both;
	width: 90%;
	}
	
table.coverage th {
	padding: 1em;
	font-weight: bold;
	font-size: 1em;
	background: transparent;
	}
	
table.coverage td.label {
	text-align: right;
	}
	
table.coverage td {
	padding: 0 1em;
	height: 1.5em;
	line-height: 1.5em;
	}
	
table.coverage td span.field,
table.coverage td select {
	margin: .5em 0;
	}

/*	--------------------
	VEHICLE INFO
	-------------------- */
	
fieldset.vehicle,
fieldset.driver {
	padding: 2em;
	border: 1px solid #333;
	}	
	
label.year select{
	width: 6em;
}
	
div.fieldsets {
	width: 100%;
	clear: both;
	}
	
fieldset.primary-use,
fieldset.addtl-features,
fieldset.parking {
	width: 30%;
	float: left;
	padding: 1em 0 0 0;
	}	
	
label.primary-use,
label.addtl-features,
label.parking {
	margin: -2.35em 0 0 2em;
	}
	
/*	--------------------
	DRIVER INFO
	-------------------- */	
	
label.full_name input,
label.full_name span.field {
	width: 18em;
	}

label.age select {
	margin-right: 0;
}	
	
label.sex span.field {width: 4em;
	}

label.marital_status {width: 8em;
	margin-left: 1em;
	}
	
label.occupation {width: 18em;}
label.education {width: 12em;}

label.relation input,
label.relation span.field {
	width: 18em;
	}
	
label.minor_violations span.field,
label.major_violations span.field {
	width: 3em;
	clear: none;
	}

fieldset.violations {
	width: 50%;
	float: left;
	padding: 1em 0 0 0;
	}		
	
/*	--------------------
	DISCLAIMER
	-------------------- */		
	
div.consent {
	padding: 10px 10px 30px 10px;
	margin: 10px -10px 30px -10px;
	background: #ddd;
	}		
	
div.consent p {
	margin: 0 0 2em 0;
	font-size: .8em;
	line-height: 1.25em;
	color: #999;
	}
	
div.completed {
	padding: 10px 10px;
	margin: 10px -10px;
	background: #6c0;
	}		
	
div.completed p {
	margin: 0 0 2em 0;
	line-height: 1.25em;
	font-weight: bold;
	color: #fff;
	}
	
label.initials,
label.date {
	margin: 0 0 0 2em;
	float: right;
	}
	
label.initials input {
	width: 3em;
	margin-left: .75em;
	vertical-align: middle;
	}
	
label.date input {
	width: 5em;
	margin-left: .75em;
	vertical-align: middle;
	}
	
/* TEXT */

form h3,
form h4,
form h5 {
	margin: 0 0 1em 0;
	clear: both;
}

legend {
	font-weight: bold;
	}

textarea {
	display: block;
}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

/* 	----------
	FOOTER
	---------- */
	
#form_submit {	
	width: 100%;
	height: 60px;
	background: #222;
	text-align: center;
	}
	
#form_submit-container {
	width: 700px;
	margin: 0 auto;
	}

#form_submit input.button {
	margin: 10px 0;
	display: block;
	background-color: transparent;
	border: 0;
	}

#form_submit input.continue{
	float: right;
	}

#form_submit input.back {
	float: left;
	}
		
#form_submit input.submit {
	float: right;
	}