/************
   Global css
*************/
body {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	text-align: center;
	margin: 0;
	
}
* html div.form-section-mid {
	margin-top: -9px;
}
* html #steps-header {
	margin-bottom: -20px;
}
* html div.menu-divLife div.first {
	margin-left: 70px;
}
* html div.menu-div div.first {
	margin-left: 13px;
}
* html #content-bottom {
	margin-top: -8px;
}
* html div.menu ul li {
	display: inline;
}
* html div.menu ul {
	display: inline;
	margin-left: 0;
}
* html #form-bottom {
	margin-top: -24px;
}
* html #right {
	margin-right: 7px;
}
* html #left { 
	margin-left: 9px;
}
.label {
	/***insert style for labels***/
}
/**************************************
    Container
***************************************/
#container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	margin-top: -75px;
}
#content {
	width: 488px;
	background: #FFFFFF url(images/content-form-top.jpg) no-repeat;
	margin-top: 7px;
	
}
#content p {
	font-size: 15px;
	line-height: 21px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 8px;
	margin-right: 10px;
	margin-left: 15px;
}
#content ul li {
	font-size: 15px;
	line-height: 21px;
	margin-right: 10px;
}
#content h1 {
	font-size: 22px;
	font-weight: 100;
	margin: 0 0 0 15px;
	padding-top: 10px;
	padding-bottom: 0;
}
#content h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 15px;
	padding-bottom: 0;
}
.center {
	text-align: center;
}
/************
   Logo
*************/
#logo {
	position: relative;
	z-index: 2;
	top: 75px;
	margin-right: 350px;
}
#logo img {
	width: 420px;
	height: 75px;
	border: 0px #000 solid;
}
#carriers {
	margin-left: 35px;
	margin-top: 5px;
}
/************
   Header
*************/
#steps-header {
	margin-left: 1px; 
	margin-bottom: 5px;
}
#header {
	text-align: center;
	width: 100%;
	height: 212px;
	background: url(images/header-bg.jpg) repeat-x;
}
.step-header {
	border-bottom: 0px #000 solid;
	font-weight: bold;
	font-size: 12px;
	height: 30px;
	color: #484649;
}
#date {
	width: 150px !important;
}
.form, .button, .step-header {
	width: 465px;
}
.step-header {
	border-bottom: 1px #000 solid;
	font-weight: bold;
	font-size: 16px;
	height: 25px;
}
/**************************************
	Nav
***************************************/
#divider {
	width: 100%;
	height: 41px;
	background: url(images/divider.jpg) repeat-x;
	text-align: center;
}
div.menu-div {
	width: 758px;
	height: 41px;
	margin: 0 auto;
	background: url(images/menu-bg.jpg) no-repeat;
}
div.menu-div div {
	float: left;
	border-right: 1px #5E8DB4 solid;
	border-left: 1px #0F4774 solid;
	height: 35px;
	margin-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
}

div.menu-div div.first {
	border-left: 0 !important;
	margin-left: 35px;
}
div.menu-div div a {
	padding-left: 10px;
	padding-right: 10px;
}
div.menu-div div img {
	margin-top: 5px;
}
div.menu-div div.last {
	border-right: 0 !important;
}
div.menu ul {
	display: -moz-inline-box;
	height: 35px;
	margin-top: 3px;
	margin-left: -420px;
}

div.menu ul li {
	display: block;
	border-right: 1px #5E8DB4 solid;
	border-left: 1px #0F4774 solid;
	height: 35px;
	padding: 7px 12px 0 12px;
	margin-left: 0;
	list-style: none;
}

div.menu ul li.first {
	border-left: 0 !important;
	padding-left: 0 !important;
}
div.menu ul li.last {
	border-right: 0 !important;
	padding-right: 0 !important;
}
div.menu {
	width: 758px;
	height: 41px;
	margin: 0 auto;
}
#get-a-quote {
	background: url(images/menu-bg-get-a-quote.jpg) no-repeat;
}
#learning-center {
	background: url(images/menu-bg-learning-center.jpg) no-repeat;
}

#how-it-works {
	background: url(images/menu-bg-how-it-works.jpg) no-repeat;
}
#about-us {
	background: url(images/menu-bg-about-us.jpg) no-repeat;
}
/************ Life Nav ************/
#life {
	background: url(images/menu-bg-life.jpg) no-repeat;
}
#menu {
	background: url(images/menu-bg.jpg) no-repeat;
}
div.menu-divLife {
	width: 758px;
	height: 41px;
	margin: 0 auto;
	background: url(images/menu-bg.jpg) no-repeat;
}
div.menu-divLife div {
	float: left;
	border-right: 1px #5E8DB4 solid;
	border-left: 1px #0F4774 solid;
	height: 35px;
	margin-top: 3px;
	padding-left: 30px;
	padding-right: 30px;
}
div.menu-divLife div img {
	margin-top: 5px;
}
div.menu-divLife div a {
	padding-left: 5px;
	padding-right: 5px;
}
div.menu-divLife div.first {
	border-left: 0 !important;
	margin-left: 100px;
}

div.menu-divLife div.last {
	border-right: 0 !important;
}

/***********************************************
         Main
************************************************/
#main-content {
	overflow: hidden;
}
#main {
	width: 758px;
	background: url(images/main-bg.jpg) repeat-y;
	margin: 0 auto;
}

/************
   left
*************/
#left-buttons {
	margin-top: 14px;
}
#left-buttons img {
	margin: 0 5px 0 5px;
}
#left {
	float: left;
	margin-left: 19px;
	margin-top: 7px;
	width: 234px;
}
.step-left {
	float: left;
}
.step-right {
	float: right;
}
/************
   right
*************/
#right {
	float: right;
	width: 488px;
	margin-right: 15px;
	text-align: left;
}

#right table {
	font-size: 12px;
}
/*******************************
   form section top
*******************************/
div.form-section-top {
	width: 463px;
	height: 5px;
	background:  url(images/form-section-top.gif) no-repeat;
}

/*******************************
   form section mid
*******************************/
div.form-section-mid table {
	margin-left: 24px;
}
div.form-section-mid {
	width: 463px;
	background:  url(images/form-section-bg.gif) repeat-y;
}
/************
   title left
*************/
div.title-left h1 {
	color: #000 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	margin: 15px 0 0 10px !important;
	padding: 0;
}
div.title-left {
	float: left;
	margin-top: -17px;
	margin-bottom: 13px;
}
h1.page-title {
	color: #396EA4;
	padding: 0;
	margin: 8px 0 0 20px;
	font-size: 18px;
}
h2.page-title {
	padding: 0;
	margin: 0 0 20px 20px;
	font-size: 14px;
}
.step-left {
	float: left;
}
/************
   title Right
*************/
div.title-right {
	float: right;
	margin: 5px 5px 0 0;
	font-size: 10px;
}
span.red {
	color: #FF0000;
}
.full-span {
	column-span: 6;
}
.step-right {
	float: right;
}
/************
   Health Profile
*************/
td.child1 {
	width: 55px;
}
td.child2 {
	width: 95px;
}
td.child3 {
	width: 125px;
}
td.child4 {
	width: 110px;
}
td.child5 {
	width: 85px;
}
table input {
	border: 1px #7F9DB9 solid;
}
.smoker, .no-border, .check {
	border: 0 !important;
}
.no-border, .radio {
	border: 0 !important;
}
div.form-section-mid table input {
	font-size: 13px;
	color: #000;
}
table.form .dobMM, table.form .dobDD {
	width: 23px;
}
table.form .dobYYYY {
	width: 35px;
}
table.form .weight {
	width: 35px;
}
div.form-section-mid input.dobMM, div.form-section-mid input.dobDD, div.form-section-mid input.height {
	width: 20px !important;
}	
div.form-section-mid input.dobYYYY, div.form-section-mid input.weight {
	width: 35px !important;
}
div.form-section-mid #insured_1_dobDD{
	background:  url(images/bg-field-dd.jpg) no-repeat;
	width: 28px !important;
}
div.form-section-mid #insured_1_dobMM{
	background:  url(images/bg-field-mm.jpg) no-repeat;
	width: 28px !important;
}
div.form-section-mid #insured_1_dobYYYY{
	background:  url(images/bg-field-yyyy.jpg) no-repeat;
	width: 40px !important;	
}
#insured_1_weight{
	width: 35px !important;
}
div.popup {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 300px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px #1B497A solid;
	text-align: left;
}
div.popup h1 {
	font-size: 14px;
	color: #1B497A;
}
div.popup p {
	font-size: 12px;
}
/*******************************
   form section bottom
*******************************/
div.form-section-bottom {
	width: 463px;
	height: 5px;
	background:  url(images/form-section-bottom.gif) no-repeat;
}
#buttons-uf {
	text-align: left;
	margin: 5px 0 5px 35px;
}
.button {
	text-align: center;
}
/************
 Spouse/Child
*************/
#spouse table, #child1 table, #child2 table, #child3 table, #child4 table, #child5 table, #child6 table {
	margin-top: -15px;
}
#spouse, #child1, #child2, #child3, #child4, #child5, #child6 {
	margin-bottom: 10px;
}
img.x {
	margin-left: 4px;
	margin-top: -3px;
	position: absolute;
	z-index: 2;
}
* html img.ax {
	margin-left: 7px;
}
/************
 About You 
*************/
div.form-section-mid input.phone1 {
	width: 30px;
}
div.form-section-mid input.phone2 {
	width: 40px;
}
.phone1 {
	width: 25px;
}
.phone2 {
	width: 35px;
}
div.form-section-mid #email {
	background:  url(images/no-spam.jpg) no-repeat;
	border: 1px #7C9DBC solid;
}

table.form .phone1 {
	width: 25px;
}
table.form .phone2 {
	width: 35px;
}
/************
   button
*************/
#button {
	margin-top: 15px;
	margin-left: 130px;
}
.buttonLife {
	margin-left:90px; 
	margin-top:5px; 
	margin-bottom:5px;
}
#buttons {
	text-align: center;
	margin-left: 70px !important;
}
#buttons img {
	padding: 5px;
}

#buttons #button {
	margin-top: 40px;
	margin-bottom: 17px;
	margin-left: 0 !important;
}
.button {
	text-align: center;
}
/**************************************
			   privacy
***************************************/

p.privacy-uf {
	margin: 15px 20px 20px 20px !important;
	padding: 0 !important;
	font-size: 10px;
}
p.privacy a {
	color: #000;
}
p.privacy {
	font-size: 10px;
	color: #777777;
}
#bbb {
	margin-top: 40px;
	margin-left: 30px;
}
#verisign {
	margin-top: 40px;
	margin-bottom: 13px;
	margin-left: 12px;
	margin-right: 19px;
}
#bbb {
	margin-top: 20px;
}
#content-verisign {
	padding-bottom: 20px;
}
/************
   form Bottom
*************/
#form-bottom {
	width: 488px;
	height: 23px;
	background: url(images/form-bottom.jpg) no-repeat bottom;
	margin-top: -24px;
}
#main-bottom {
	width: 758px;
	height: 22px;
	background: url(images/main-bottom.jpg) no-repeat bottom;
	margin: 0 auto;
}

/**************************************
				Footer
***************************************/
#footer a {
	color: #777777;
	text-decoration: none;
}
#footer {
	color: #777777;
	font-size: 10px;
}
#footer a:hover {
	text-decoration: underline;
}
#content-bottom {
	width: 488px;
	height: 11px;
	background: url(images/form-bottom.jpg) no-repeat;
	margin-top: -15px;
}
/*******************************
      Universal Forms
*******************************/
#form {
	margin-top: 7px;
	background: #FFFFFF url(images/form-top.jpg) no-repeat;
	padding-top: 5px;
	padding-left: 13px;
}
#form h1 {
	font-size: 22px;
	font-weight: 100;
	margin: 0 0 0 15px;
	padding-top: 10px;
	padding-bottom: 0;
}
#form-uf {
	margin-top: 7px;
	background: #FFFFFF url(images/form-top-uf.jpg) no-repeat;
	padding-top: 13px;
	padding-left: 13px;
}
#form-uf h1 {
	font-size: 22px;
	font-weight: 100;
	margin: 0 0 0 15px;
	padding-top: 10px;
	padding-bottom: 0;
}

table.form .col1 {
	width: 50px;
	padding: 0 !important;
}
table.form .col2 {
	width: 50px;
	text-align: center;
	padding: 0 !important;
}
table.form .col3 {
	width: 155px;
	text-align: center;
	padding: 0 !important;
}
table.form .col4 {
	width: 115px;
	text-align: center;
	padding: 0 !important;
}
table.form .col5 {
	width: 60px;
	text-align: center;
	padding: 0 !important;
}
table.form .col6 {
	width: 55px;
	text-align: center;
	padding: 0 !important;
}
.col1 {
	width: 56px;
}
.col2 {
	width: 85px;
	text-align: center;
}
.col3 {
	width: 135px;
	text-align: center;
}
.col4 {
	width: 105px;
	text-align: center;
}
.col5 {
	width: 65px;
	text-align: center;
}
.col6 {
	width: 55px;
	text-align: center;
}
/*#form div.form {
	border: 1px #A8C7E6 solid;
	background: #EAF3FC;
	width: 548px;
}*/

#form table.form-table {
	font-size: 13px;
	margin-left: 30px;
}

#form table.form-table input, #left-col table.form-table select {
	height: 17px;
	border: 1px #7C9DBC solid;
}
td.col1, td.col2, td.col3, td.col4, td.col5 {
	padding: 0 15px 0 15px;
}


#form #button-cont {
	border-top: 1px #A8C7E6 solid;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#form table select {
	border: 1px #7B9EBC solid;
	height: 18px;	
}
#form table input {
	border: 1px #7B9EBC solid;
	height: 18px !important;
}
#form table input.long-input {
	width: 120px;
}
table select {
	border: 1px #7F9DB9 solid;
}
.label {
	font-size: 10px;
}
.2col1 {
	width: 300px;
}
.form, .button, .step-header {
	width: 530px; 
}
/******** BCBS pop up **********/
#bcbs_popup {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFFFFF;
	border: 2px #0085e8 solid;
	padding: 15px;
	z-index: 5;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, sans-serif;
}