﻿
body { font-family: Helvetica, Arial, Verdana; font-size:12px; color:#000; background: #f9f9f9; margin:0; padding:0; }

#page { position:relative; width: 710px; height: 100%; margin:0 auto; padding:0; background:#fff; }
#page { min-height:100%; }
* html #page { height:100%; }
#form1 {background-color: #eceffa; height:auto; }
#header { position: relative; width:710px; height:109px; margin:0 auto; padding:0 0 0 0px;}
#header h1 { margin:0; padding:0; margin:0 auto; width:240px; height:109px; float:left;}   
	#header h1 img {border:0; outline:none; border:0; margin-top: 10px; margin-left: 20px;}
	#header h1 a { cursor:pointer; text-decoration:none; outline:none; }

	#container { clear:both; position: relative; width:710px; min-height: 357px; margin:0 auto; overflow:hidden; } 
	#tagline   { float: right; padding-right: 22px; margin-top: -85px;}
	#bar   	   { position: absolute; width: 710px; height: 5px; margin-top: 17px;
    top: 125px;
}
	#agentInfo { width:390px; height:40px; float:right; position: absolute; top: 3px; left: 312px;}
		.agentLabel {float:left; color:#bf3928; font: normal 18px/2.8em "Impact"; margin:0 3px 0 0px;}
		.agentName {float: right; margin-top: 0px; color: #00AEDF; font: normal 18px/2.6em Helvetica;}
	#currentStep {height:53px; float:right;}
			
	#content { clear:both; padding:20px; position:relative; display:block; font-size:11px; line-height:1em; font-family: "Interstate-Regular", "Helvetica Neue", Helvetica, Arial;}
	#content #form { border: 1px solid #dcdcdc; min-height: 357px; padding: 20px 30px 0 42px; background:#f3f3f3;}
	#content #buttons {clear:both; text-align:right; margin:0; padding:0;}
		#content #buttons .btn {margin-top:49px; margin-right:10px;}
			
	/** PAGE HEADERS **/
	h1 {padding:0 0 0px 0; margin:0;}
	h1.choose  { display: block; position:absolute; top: 20px; width: 710px; height:53px; color: #777777; margin-left: 20px; }	
	
	/** FOOTER **/

	#footer { position: relative; width:710px; height: 35px; margin-top:50px; text-align:left; vertical-align: middle; z-index:1200; background-color:#6DA61D; }
        #footer p { text-align:left; line-height: 2; color:#ffffff; font-family: Helvetica, Arial, Verdana; font-size:13px; display:inline;}
	#footer img { float:right; margin:5px; }
		
	.footer_wrapper {
	        clear: both;
	        min-height: 166px;
	        background-color:#f4f4f4;
        }

        .footer_wrapper p {
	        font-size: 13px;
	        color:#333;
	        text-align:center;
        }

        .footer {
	        min-height: 151px;
	        width: 710px;
	        margin-left:auto;
	        margin-right:auto;
	        background-color:#5A9600;
	        padding-top:5px;
	        padding-bottom:10px;
        }
        .testimonial_unit_wrapper {
	        width: 25%;
	        float: left;
	        min-height: 82px;
        }
        .testimonial {
	        min-height: 82px;
	        margin:0;
	        padding: 0 0 0 10px;
        }
        .row_36 {
	        clear: both;
	        min-height: 48px;
	        padding-top:10px;
	        padding-left:10px;
        }

        .column_15 {
	        float: left;
	        min-height: 51px;
	        width: 45%;
	        padding-top:50px;
        }
        .column_14_unit_wrapper {
	        width: 30%;
	        float: left;
	        min-height: 89px;
        }

        .column_14 {
	        min-height: 89px;
	        padding-top:10px;
	        padding-left:0px;
        }
        .copyright {
	        float: left;
	        min-height: 48px;
	        margin:0;
	        cursor: default;
        }

/* General Styles */
a {color:#6DA61D; text-decoration:none; outline:none; font-weight:bold;}
a:hover {color:#00aedf; text-decoration:underline;}
p, li { line-height:1.1em; padding:0; margin:0 0 10px 0;}
h2 {font-size:12px; color:#777777; padding:8px 0 5px 0; margin:0;text-transform:uppercase; font-weight:normal;}
h3 {font-size:13px; color:#000; font-weight:bold; padding:0; margin:0 0 5px 0;}
h4 {font-size:11px; color:#000;}
h5 {font-size:12px; font-weight:bold;}
hr.divider { margin: 50px 0; color:#ccc; height:1px;}
img { border:0; }
ol {margin-left:30px;}
ol li {margin:0; padding:0;}

/* FORM for Email Signup */
	#formEmail { width:600px; margin: 20px; padding:0;}
	#formEmail label {display:inline; vertical-align:top; font-size:12px; color:#777777; padding:8px 0 5px 0; text-transform:uppercase; height:10px;}
	#formEmail input.submitBtn { display:inline; background:#777777; border: 1px solid #444; color:#fff; margin-left:6px;}
	#form.dependents fieldset, #form.ccinfo fieldset {padding-bottom:10px;}

	#form.payment_info fieldset {padding-bottom:10px; display:block;}
	
	#formEmail input { background:#ebebeb; border:0; height:20px;}
	#formEmail input.btn { background:#ebebeb; border:0; height:34px;}
	#formEmail input.radio { height:14px; }
	fieldset {border:0; outline:0; display:inline; margin:0; padding:0 8px 0 0;}
	#formEmail.blue {background:#b0c9e1; padding: 10px; width:558px; margin-top:0px;}
	
	#formEmail fieldset { display:block; padding-bottom:10px;}
	#formEmail label { display:inline; width:150px; text-align:right; float:left; padding-right:20px;}
	#formEmail input, select { display:inline;}
	#formEmail input.btn {float:none;}
	
	#formEmail1 { width:630px; margin: 20px; padding:0;}
	#formEmail1 label {display:inline; vertical-align:top; font-size:12px; color:#777777; padding:8px 0 5px 0; text-transform:uppercase; height:10px;}
	#formEmail1 input.submitBtn { display:inline; background:#777777; border: 1px solid #444; color:#fff; margin-left:6px;}
	#formEmail1 input { background:#ebebeb; border:0; height:20px;}
	#formEmail1 input.btn { background:#ebebeb; border:0; height:34px;}
	#formEmail1 input.radio { height:14px; }
	#formEmail1.blue {background:#b0c9e1; padding: 10px; width:558px; margin-top:0px;}
	
	#formEmail2 {width: 630px; margin: 20px 10% 20px 5%; padding: 0;}
	#formEmail2 label {display:inline; vertical-align:top; font-size:12px; color:#777777; padding:8px 0 5px 0; text-transform:uppercase; height:10px;}
	#formEmail2 input.submitBtn { display:inline; background:#777777; border: 1px solid #444; color:#fff; margin-left:6px;}
	#formEmail2 input { background:#ebebeb; border:0; height:20px;}
	#formEmail2 input.btn { background:#ebebeb; border:0; height:34px;}
	#formEmail2 input.radio { height:14px; }
	#formEmail2.blue {background:#b0c9e1; padding: 10px; width:558px; margin-top:0px;}
			
	label.error { position:absolute; display: block; padding-top:10px; left:55px; color: red; font-style: italic; }
	
	
	/*.labelfirst {width:85px;}	
	.labelmiddle {width:10px;}
	.labellast {width:90px;}
	.labeldob {width:199px;}
	.labelsex {width:60px;}	
	.labelssn {}
	
	.inputfirst {width:90px; display:inline;}
	.inputmiddle {width:20px; display:inline;}
	.inputlast {width:90px; display:inline;}
	
	.inputssn1 {width:30px;display:inline;}
	.inputssn2 {width:20px;display:inline;}
	.inputssn3 {width:40px;display:inline;}
	*/
	.block1 {display:inline; float:left; width:280px;}
	.block2 {display:inline; float:right; width:300px;}
	.block3 {clear:both; float:left; display:inline; width:280px; margin-top:20px;}
	.block4 {display:inline; float:right; width:300px;padding-top:20px;}
	.block5 {clear:both; width:300px;padding-top:20px;}
	.block6 {clear:both; width:300px;padding-top:20px;}
	
    label.first {width:85px;}	
	label.middle {width:10px;}
	label.last {width:90px;}
	label.dob {width:199px;}
	label.sex {width:60px;}	
	label.ssn {}
	
	input.first {width:90px; display:inline;}
	input.middle {width:20px; display:inline;}
	input.last {width:90px; display:inline;}
	input.relationship {width:140px; display:inline;}
	input.ssn {width:90px; display:inline;}
	
	input.ssn1 {width:30px;display:inline;}
	input.ssn2 {width:20px;display:inline;}
	input.ssn3 {width:40px;display:inline;}
		
/* these are the various classes used to style the demo error fields */
#rsvErrors {color:red; clear:both;}

