body {
font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
		color: #336699;
	}

  a:link    {color: #6699CC; text-decoration: none; }
  a:visited {color: #6699CC; text-decoration: none; }
  a:hover   {color: #6699CC; }
  a:active  {color: #6699CC; }

	h1{
		color: #336699;
		font-size: 20pt;
	}

	#home-form-wrapper{
		width: 650px;
		padding-left: 70px;
		float: left;
	}

	table#homeowner-information,
  table#insurance-information,
  table#residence-information,
  table#coverage-information,
  table#contact-information{
		border-top: 1px solid #bbbbbb;
		border-left: 1px solid #bbbbbb;
		border-right: 1px solid #bbbbbb;
		background: #f0f0f0;
		width: 650px;
    color: #525252;
	}
	
	table#homeowner-information td,
  table#insurance-information td,
  table#residence-information td,
  table#coverage-information td,
  table#contact-information td{
		border-bottom: 1px solid #bbbbbb;
    padding: 7px 0pt 7px 0pt;
	}

	table#homeowner-information tr,
  table#insurance-information tr,
  table#residence-information tr,
  table#coverage-information tr,
  table#contact-information tr{
		height: 25px;
	}

  /* top navigation images */
	td.step-header{
		font: bold 14pt "Lucida Grande",Tahoma,Arial,sans-serif;
		vertical-align: top;
		text-align: center;
		color: #ffffff;
		background: #6699cc;
		border-bottom: 1px solid #363636;
	}
	
	/* status msg */

  div.step-header{
    height: 30px;
    width: 475px;
    color: #e4e4e4;
    padding-right: 95px;
    padding-top: 30px;
    padding-bottom: 10px;
  }

  div.step-header125{
    height: 30px;
    width: 475px;
    color: #e4e4e4;
    padding-right: 125px;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  
  div.step-header div, div.step-header125 div{
    width: 95px;
    height: 31px;
    float: left;
    clear: none;
    position: relative;
    margin: 0;
  }

  div.step-header div span, div.step-header125 div span{
		font: bold 8pt "Lucida Grande",Tahoma,Arial,sans-serif;
    padding-top: 10px;
    color: #767676;
  }

  div.step-header div.left, div.step-header125 div.left{
    background: url("../images/step_bg_left_off.gif") top left no-repeat;
    width: 71px;
    height: 34px;
  }

  div.step-header div.leftCurrent, div.step-header125 div.leftCurrent {
    background: url("../images/step_bg_left_on.gif") top left no-repeat;
    width: 71px;
    height: 34px;
  }

  div.step-header div.left span, div.step-header125 div.left span								{ padding-left: 25px; position: relative; top: 10px; left: -10px; }
  div.step-header div.leftCurrent span, div.step-header125 div.leftCurrent span	{ padding-left: 25px; color: #f0f0f0; position: relative; top: 10px; left: -10px; }

  div.step-header div.divider, div.step-header125 div.divider{
    background: url("../images/step_bg_divider.gif") top left no-repeat;
    width: 25px;
    height: 34px;
  }

  div.step-header div.dividerFront, div.step-header125 div.dividerFront {
    background: url("../images/step_bg_divider_front.gif") top left no-repeat;
    width: 25px;
    height: 34px;
  }

  div.step-header div.dividerBack, div.step-header125 div.dividerBack {
    background: url("../images/step_bg_divider_back.gif") top left no-repeat;
    width: 25px;
    height: 34px;
  }

  div.step-header div.middle, div.step-header125 div.middle {
    background: url("../images/step_bg_mid_off.gif") top left no-repeat;
    width: 45px;
    height: 34px;
  }

  div.step-header div.middleCurrent, div.step-header125 div.middleCurrent {
    background: url("../images/step_bg_mid_on.gif") top left no-repeat;
    width: 45px;
    height: 34px;
  }

  div.step-header div.middle span, div.step-header125 div.middle span {
		padding-left: 4px;
		width: 40px;
		position: relative; 
		top: 10px;
  }

  div.step-header div.middleCurrent span, div.step-header125 div.middleCurrent span{
		padding-left: 4px;
		width: 40px;
		color: #f0f0f0;
		position: relative; 
		top: 10px;
  }

  div.step-header div.right, div.step-header125 div.right {
    background: url("../images/step_bg_right_off.gif") top left no-repeat;
    width: 72px;
    height: 34px;
  }

  div.step-header div.rightCurrent, div.step-header125 div.rightCurrent {
    background: url("../images/step_bg_right_on.gif") top left no-repeat;
    width: 72px;
    height: 34px;
  }

  div.step-header div.right span, div.step-header125 div.right span 							{ padding-left: 4px; position: relative; top: 10px; left: -10px; }
  div.step-header div.rightCurrent span, div.step-header125 div.rightCurrent span	{ padding-left: 4px; color: #f0f0f0; position: relative; top: 10px; left: -10px; }

	label.group-heading{
		border: medium none;
		color: #2a3d5c;
		font-weight: bold;
    font-size: 89%;
    position: relative;
    top: 5px;
	}

	label.group-heading-no-top{
		border: medium none;
		color: #2a3d5c;
		font-weight: bold;
    font-size: 89%;
	}

  div#home-form-wrapper table tr td ul{
    list-style-type: none;
    width: 95%;
  	margin:0pt 10pt 5pt 15pt;
  	padding:0;
  }

  div#home-form-wrapper table tr td ul li{
    float: left;
    clear: none;
    position: relative;
    margin: 0;
  }

  table#homeowner-information tr td ul li { padding: 0px 0pt 0pt 10px; }
  table#insurance-information tr td ul li { padding: 0px 0pt 0pt 10px; }
  table#residence-information tr td ul li { padding: 0px 0pt 0pt 15px; }
  table#coverage-information  tr td ul li { padding: 0px 0pt 0pt 15px; }
  table#contact-information   tr td ul li { padding: 0px 0pt 0pt 30px; }

	/* alt row color */
	tr.group-heading-row, tr.sub-text-row{
		background: #e4e4e4;
	}

  /* column widths */
  table tr td ul li.column1 { width: 1%;  }
  table tr td ul li.column2 { width: 2%;  }
  table tr td ul li.column3 { width: 3%;  }
  table tr td ul li.column5 { width: 5%;  }
  table tr td ul li.column7 { width: 7%;  }
  table tr td ul li.column9 { width: 9%;  }
  table tr td ul li.column10{ width: 10%; }
  table tr td ul li.column14{ width: 14%; }
  table tr td ul li.column15{ width: 15%; }
  table tr td ul li.column16{ width: 16%; }
  table tr td ul li.column17{ width: 17%; }
  table tr td ul li.column18{ width: 18%; }
  table tr td ul li.column20{ width: 20%; }
  table tr td ul li.column21{ width: 21%; }
  table tr td ul li.column22{ width: 22%; }
  table tr td ul li.column23{ width: 23%; }
  table tr td ul li.column25{ width: 25%; }
  table tr td ul li.column28{ width: 28%; }
  table tr td ul li.column29{ width: 29%; }
  table tr td ul li.column30{ width: 30%; }
  table tr td ul li.column33{ width: 33%; }
  table tr td ul li.column35{ width: 35%; }
  table tr td ul li.column37{ width: 37%; }
  table tr td ul li.column40{ width: 40%; }
  table tr td ul li.column45{ width: 45%; }
  table tr td ul li.column50{ width: 50%; }
  table tr td ul li.column51{ width: 51%; }
  table tr td ul li.column54{ width: 54%; }
  table tr td ul li.column59{ width: 59%; }
  table tr td ul li.column79{ width: 79%; }

  /* generic alignment */
  .align-left  { text-align: left;   }
  .align-center{ text-align: center; }
  .align-right { text-align: right;  }

  .align-top   { vertical-align: top;    }
  .align-middle{ vertical-align: middle; }
  .align-bottom{ vertical-align: bottom; }

  .float-left  { float: left;   }
  .float-right { float: right;  }

  /* padding/spacing */
  .clear{
    clear: both;
  }

  .bumper{
    clear: both;
    padding: 5px 0px 5px 0px;
  }

  .padding-top5 { padding-top: 5px;  }
  .padding-top10{ padding-top: 10px; }
  .padding-top11{ padding-top: 11px; }
  .padding-top15{ padding-top: 15px; }
  .padding-top20{ padding-top: 20px; }

  .padding-bottom5 { padding-bottom: 5px;   }
  .padding-bottom10{ padding-bottom: 10px;  }
  .padding-bottom12{ padding-bottom: 12px;  }

  .padding-left2  { padding-left: 2px;  }
  .padding-left3  { padding-left: 3px;  }
  .padding-left5  { padding-left: 5px;  }
  .padding-left8  { padding-left: 8px;  }
  .padding-left10 { padding-left: 10px; }
  .padding-left11 { padding-left: 11px; }
  .padding-left15 { padding-left: 15px; }
  .padding-left20 { padding-left: 20px; }

  .border-top   { border-top: 1px solid #BBBBBB;    }
  .border-bottom{ border-bottom: 1px solid #BBBBBB; }

  .no-top{
    top: 0px;
  }

  table tr td ul li span{
  	float:left;
    padding-right: 5px;
		font: normal small "Lucida Grande",Tahoma,Arial,sans-serif;
  }

  table tr td ul li label.title{
		color: #525252;
		font-size: 9px;
    font-weight: bold;
		margin: 0pt;
    padding:3px 0px 2px 3px;
  }

  table tr td ul li label.title-text{
  	clear:left;
  	float:left;
		color: #525252;
		font-size: 9px;
    font-weight: bold;
		display: block;
		margin: 0pt;
    padding:3px 0px 2px 3px;
  }

  table tr td ul li label.title-text-blue{
  	clear:left;
  	float:left;
		color: #336699;
		font-size: 9px;
    font-weight: bold;
		display: block;
		margin: 0pt;
    padding:3px 0px 0px 3px;
  }

  table tr td ul li label.sub-text{
  	clear:left;
  	float:left;
		color: #525252;
		font-size: 9px;
    font-weight: bold;
		display: block;
		margin: 0pt;
    padding:3px 0px 0px 3px;
  }

  table tr td ul li label.sub-text-blue{
  	clear:left;
  	float:left;
		color: #336699;
		font-size: 9px;
    font-weight: bold;
		display: block;
		margin: 0pt;
    padding:3px 0px 0px 3px;
  }

  .sub{
    font-weight: bold;
		font-size: 9px;
		vertical-align: middle;
  }

	span.symbol{
		font-size: 75%;
    font-weight: bold;
		line-height: 130%;
	}

	input[type=text], textarea[type=textarea], select {
		background:#ffffff url("images/field_background_f0f0f0.gif") repeat-x scroll center top;
		border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
		border-style:solid;
		border-width:1px;
		font: normal small "Lucida Grande",Tahoma,Arial,sans-serif;
		color: #336699;
	}
	
	tr.sub-text-row input[type=text], tr.sub-text-row textarea, tr.sub-text-row select{
		background:#fff url("images/field_background_e4e4e4.gif") repeat-x top;
	}

	.dob-mm-dd{
	  width: 18px;
    text-align:center;
	}
	.dob-yyyy{
	  width: 32px;
    text-align:center;
	}

.w30 {width:30px;} /*has IE override */
.w30[id="w30"] {width:35px;}

.w195  {width:195px;} /*has IE override */

.w155 {width:155px;}

.w45 {width:45px;}

#address1 {width:195px;} /*has IE override */
#address1_street2[id="adDress1_street2"] {margin-left:10px;} /*FF2 override*/

/*
#sample-email[id="saMple-email"]{padding-left:40px;}

#homeowner_credit_rating{margin-left:65px;}
#homeowner_credit_rating[id="homeOwner_credit_rating"] {margin-left:30px;} */
	
#gender-column{
		width: 18%;
	}

  /* error class */
  .fieldWithErrors{
    border: 1px solid #c00 !important;
    background-color: #fee !important;
  }

  #homeowner_credit_rating_row span{
    padding-right: 20px;
  }

  .errorContainer{
    color: #c00 !important;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    position: relative;
    top: 10px;
  }