@charset "utf-8";
/* CSS Document */

/* 
-----------------
-----------------
Forms Redone
This will be the final format for the forms
Delete all other once second sweep of entire site is completed.
-----------------
-----------------
*/
/* form components  */
input {font-size: 12px;}
input[type="radio"] { margin:0; padding:0; font-size:12px; vertical-align:middle;}
/* form holders  */
.form {margin: 0; padding: 0; border: 1px solid black; background: #fff url(../images/boxes/forms_background.png) 0 0 no-repeat;}
.form_clear {border: none; background: none;}
.form_width_generic {width:490px;}
.form_width_home {width:250px;}
.form_width_home_login {width:180px;}
.form_width_group_census {width:800px;}
/*form titles  */
fieldset {margin:0; padding:0; border:none; background:none;}
fieldset.generic {margin:20px 5px 5px 5px; padding:0; border: 1px solid #999; background-color: #d4e6f7;}
fieldset.first {margin-top:20px;}
fieldset.blank {margin:20px 5px 5px 5px; padding:0; border: none; background-color: none;}
legend {margin:0 0 0 5px; padding:2px 40px 2px 10px; border: 1px solid #000; font:14px bold "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; text-transform:uppercase; display: inline-block; background-color: #66a0e2;}
legend.blank {display:none;}

.form ul { list-style:none; margin:0; padding:0; float:left;}
.form li { margin:10px 0 5px 0; padding:0;}
.form li.first { margin-top: 20px;}
.form li.button {clear:both; text-align:right; margin-right: 10px;}

.fine_print {font-size:10px; font-style:italic;}

/* Form Elements  */
/* Text Boxes  */
.input_box_text {margin:0; padding:0 0 0 15px; font: Verdana, Geneva, sans-serif; font-size: 12px; line-height:14px; vertical-align:top;}
.input_box, .input_box_td {font: Verdana, Geneva, sans-serif; font-size: 12px; line-height:14px; vertical-align:top;}
.input_box {margin: -2px 0 0 4px; padding:1px 4px; text-align:left; border:1px solid #000; }
.input_box_td {margin: 4px 2px; padding:1px 4px; text-align:left; border:1px solid #000; }
.input_box_beneath_text {margin:0 0 0 15px;}
/* Dropdowns  */
.dropdown_text {margin:0; padding:0 0 0 15px; font: Verdana, Geneva, sans-serif; font-size: 12px; line-height:14px; vertical-align:top;}
.dropdown_box, .dropdown_box_td {font: Verdana, Geneva, sans-serif; font-size: 12px; line-height:14px; vertical-align:top;}
.dropdown_box {margin: -2px 0 0 4px; padding:0; text-align:left; }
.dropdown_box_td {margin: 2px; padding:0; text-align:left; }
.dropdown_text_group {margin:0; padding:0 0 0 5px; font: Verdana, Geneva, sans-serif; font-size: 12px; line-height:14px; vertical-align:top;}
/* Radio Buttons  */
.radio_button_text {margin:0; padding:0 0 0 15px; vertical-align:middle;}
.radio_button_vertical_list {float: left;}
.radio_button input { margin:3px 6px 3px 20px; vertical-align:middle;}
/* Radio Buttons  */
.checkbox_text {margin:0; padding:0 0 0 15px; vertical-align:middle;}
.checkbox input { margin:2px 6px 3px 0; vertical-align:middle;}

/* home page  */
.quote_zip_code {width:60px;}

/* Form Field sizes  */
.email {width:200px;}
.username {width:200px;}
.username_short {width:140px;}
.password {width:80px;}

.business_name {width:120px;}
.business_type {width:120px;}
.primary_name_first {width:80px;}
.primary_name_middle_initial {width:10px;}
.primary_name_last {width:120px;}
.primary_address_street_1 {width:220px;}
.primary_address_street_2 {width:220px;}
.primary_address_city {width:120px;}
.primary_address_state {width:20px;}
.primary_address_zip {width:60px;}
.phone_area, .phone_prefix {width:25px;}
.phone_suffix {width:40px;}
.phone_ext {width:25px;}
.carrier_name_current {width:120px;}
.effective_date {width:80px;}


/* form header bars  */
li.form_header {margin:5px; padding:1px 4px; border:1px solid #000; background-color: #FC6; overflow:auto; font-size:12px; color:#000; display:block;}
li.form_break {display:block; height: 20px; margin:0 10px; padding:0; background:url(../images/icons/dotted_line.png) 0 0 repeat-x;}
li.form_misc_text {margin: 0; padding:5px 10px 10px 15px; font: Verdana, Geneva, sans-serif; font-size: 12px; line-height:14px;}

/* group census form elements  */
#group_census {margin: 10px 5px; font: Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; text-align:center;}
.ee_number_td, .ee_name_first_td, .ee_name_last_td, .ee_name_both_td, .ee_zip_td, .ee_gender_td, .ee_dob_td, .ee_spouse_coverage_td, .ee_child_coverage_td, .ee_remove_td {padding:2px 3px; border-top: 1px solid black; border-bottom: 1px solid black; text-align:center; background:#fc6; color:#000;}
.ee_number_td {width:20px; text-align:right; border-left: 1px solid black;}
.ee_name_first_td {width:80px;}
.ee_name_last_td {width:100px;}
.ee_name_both_td {width:180px;}
.ee_zip_td {width:90px;}
.ee_gender_td {width:70px;}
.ee_dob_td {width:140px;}
.ee_spouse_coverage_td {width:100px;}
.ee_child_coverage_td {width:100px; border-right: 1px solid black;}
.ee_remove_td {width:60px; border-right: 1px solid black;}
				
.ee_name_first {width:60px;}
.ee_name_last {width:80px;}
.ee_zip {width:40px;}
.ee_gender {}
.ee_dob_month, .ee_dob_day {width:15px;}
.ee_dob_year {width:30px;}
.ee_spouse_coverage {}
.ee_child_coverage {}
.ee_remove {}

#individual_census {margin: 10px 5px; font: Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; text-align:center;}
.app_type_td, .app_name_td, .app_gender_td, .app_dob_td, .app_tobacco_td {padding:2px 3px; border-top: 1px solid black; border-bottom: 1px solid black; text-align:center; background:#fc6; color:#000;}
.app_type_td {width:90px; text-align:left; border-left: 1px solid #000;}
.app_name_td {width:200px;}
.app_gender_td {width:80px;}
.app_dob_td {width:140px;}
.app_tobacco_td {width:120px; border-right: 1px solid #000;}

.app_type {}
.app_name_first {width:60px;}
.app_name_last {width:80px;}
.app_gender {}
.app_dob_month {width:15px;}
.app_dob_day {width:15px;}
.app_dob_year {width:30px;}
.app_tobacco{}

/* custom quote pages  */
#cq {font: Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; text-align:center;}
#cq td.form_header {margin:0; padding:3px 4px; border:1px solid #000; background-color: #FC6; overflow:auto; font-size:12px; color:#000; text-align:left;}
#cq .title {width:220px; text-transform:uppercase;}
#cq .importance_1_type {text-transform:uppercase; padding: 4px 0; text-align:left;}
#cq .not_important {width:90px; height:38px; background:url(../images/icons/cq_not_important.png) 10px 0 no-repeat;}
#cq .important {width: 200px; height:38px; background:url(../images/icons/cq_important.png) 0 0 no-repeat;}
#cq .radio_button input { margin:3px 6px; vertical-align:middle;}


/* Misc form elements  */
/* Must stay at bottom of all form elements so it is not overridden */
.required_label {background:url(../images/icons/icon_required.png) 6px 5px no-repeat;}
.required_text_box {border: 1px solid #900; background-color: #FFC;}
.required_dropdown {border: 1px solid #900; background-color: #FFC;}
.required_radio {border: 1px solid #900; margin: 0 0 0 15px; background-color: #FFC;}
.required_radio input{margin:3px 6px 3px 10px;}
.required_message { margin:5px; padding:0; border: 1px solid #900; background: #FFC; overflow:auto;}
.required_message p  {margin: 0; padding: 2px 4px 4px 4px; display: block; font-size: 12px; font-weight: normal; background-color: #900; text-transform: uppercase; color: #FFF;}
.required_message ul { margin:5px 5px 5px 15px; padding:0; display:block;}
.required_message  ul li { margin:2px; padding:1px 4px; color:#900;}


.thanksPicture {float:right; padding-left: 20px;}
