﻿/* 

    .::              .::  .:: ::  .::: .::::::.:::::::      .:: ::  
 .::   .::           .::.::    .::     .::    .::    .::  .::    .::
.::          .::     .:: .::           .::    .::    .::   .::      
.::        .::  .::  .::   .::         .::    .: .::         .::    
.::       .::   .::  .::      .::      .::    .::  .::          .:: 
 .::   .::.::   .::  .::.::    .::     .::    .::    .::  .::    .::
   .::::    .:: .:::.:::  .:: ::       .::    .::      .::  .:: ::  
   
/*  last updated 03/11/2010  */ 

/*  =========== START - structure and layout  ==============  */

html, body {
	height: 100%;
	background-color: #f1f1f1;
	background-repeat: repeat-y;
	background-position: center top;
	}

.bullets {
	padding: 5px 16px;
	position: relative;
	list-style:disc;
	}	
	
/*  =========== START - 960px page width  ==============  */
	
#mainContainer {
	width: 1000px;
	margin: 0 auto;
	position: inherit;
	padding: 0 0 0px;
	min-height: 100%; /*page width for the rest of the browsers*/
	-height:100%; /* for IE6 it’s enough since it takes "height" as min-height*/ 
	min-height:100%; height:auto !important; 
	height:100%; /*last 3 lines are for IE7*/
	background-image: url(../images/bgImage.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	}
	
#header960 {
	height: 137px;
	margin: 0 auto;
	position: inherit;
	z-index: 10;
	}
	
.content {
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
	color: #333333;
	position: relative;
	}
	
/*  =========== end - 960px page width  ==============  */

/*  =========== START - expanded pages: page width = 100%  ==============  */	
	
#expandedContainer {
	width: 100%;
	position: inherit;
	padding: 0 0 0px;
	min-height: 100%; /*page width for the rest of the browsers*/
	-height:100% /* for IE6 it’s enough since it takes "height" as min-height*/ 
	min-height:100%; 			
	height:auto !important;
	height:100%; /*last 3 lines are for IE7*/
	background-color: #FFFFFF;
	min-width: 1000px;
	width:expression(document.body.clientWidth > 1000? "100%" :"1000px"); /* for ie*/
	margin-left: auto;
	margin-right: auto;
	}
	
#expandedHeader {
	background: url(../images/header_middle.jpg) top left repeat-x;
	height: 137px;
	width: 100%;
	position: inherit;
	z-index: 10;
	}

.headerRight {
	height:137;
	float:right;
	margin: 0;
	border: none; padding: 0; width: 627px; 
	}

.headerLeft {
	margin: 0 627px 0 0;
	border: none;
	padding: 0;
	height: 137px;
	}
			  
.expandedContent {
	width: 90%;
	background-color: #FFFFFF;
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	}

/*  =========== end - expanded pages: page width = 100%  ==============  */	
		
/*  =========== START - NAV  ==============  */	

#navMenu {
	position:absolute;
	left: 56px;
	list-style: none;
	font-size: 90%;
	color: #FFFFFF;
	padding: 12px;
	top: 100px;
	font-weight: bold;
	width: 524px;
	}
	
#gotocalstrs {
	width: 150px;
	top: 97px;
	height: 25px;
	}

/*  =========== end - NAV  ==============  */	

/*  =========== START - messaging  ==============  */	

.menu ul {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	}

.message {
	background: #f9f9f8;
	text-align: top left;
	border: 1px solid #ccc;
	padding-bottom: 8px;
	display:inline-block;
	margin-left: 0px;
	margin-top: 20px;
	width: 850px;
	}

/*  all error, informational, warning messages - no images  */   
      	
.notice {
	text-align: top left;
	margin-top: 7px;
	position: relative;
	}

.notice-header { /* for error notice with red text */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #e23b30;
	position: relative;
	font-weight: bold;
	margin-left: 10px;
	}

.notice-header_gray { /* for generic notice with gray text */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666;
	position: relative;
	font-weight: bold;
	margin-left: 10px;
	}
		
.notice-msg {
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;
	position: relative;
	color: #333333;
	list-style: disc;
	margin-left: 54px;
	}  
	 
/*  error - with inline images  */	

.error_inline {
	background: #f9f9f8 url(../images/error_icon.gif) no-repeat;
	background-position: 10px 0px;
	padding: 5px 5px 0px 17px;
	margin-top: 7px;
	text-align: top left;
	position: relative;
	}
	
.error-header_inline { /* for error notice with red text */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #e23b30;
	position: relative;
	font-weight: bold;
	margin-left: 20px;
	}
	
.error-msg_inline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position: relative;
	color: #333333;
	list-style: disc;
	margin-left: 35px;
	}     

.error-form {
	background: url(../images/error_icon.gif) no-repeat;
	background-position: 0px -1px;
	padding: 5px 5px 0px 15px;
	text-align: top left;
	position: relative;
 	}
	
/*  informational - with inline images  */

.informational_inline {
	background: #f9f9f8 url(../images/icon_informational.gif) no-repeat;
	background-position: 10px 0px;
	padding: 1px 5px 0px 17px;
	margin-top: 7px;
	text-align: top left;
	position: relative;
	}
	
.informational-header_inline { /* for notice with gray text */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666;
	position: relative;
	font-weight: bold;
	margin-left: 20px;
	}
	
.informational-msg_inline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position: relative;
	color: #333333;
	list-style: disc;
	margin-left: 35px;
	}     

/*  warning - with inline images  */

.warning_inline {
	background: #f9f9f8 url(../images/warning.gif) no-repeat;
	background-position: 10px 0px;
	padding: 5px 5px 0px 17px;
	margin-top: 7px;
	text-align: top left;
	position: relative;
	}
	
.warning-header_inline { /* for warning notice with gray text */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666;
	position: relative;
	font-weight: bold;
	margin-left: 20px;
	}
	
.warning-msg_inline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position: relative;
	color: #333333;
	list-style: disc;
	margin-left: 35px;
	}     

.greenmsg {
	background:  url(../images/green_leaf.gif) no-repeat;
 	background-position: 0px 5px;
 	font-size: 80%;
 	color:#999; 
 	padding: 10px 15px 10px 30px;
 	line-height: 14px;
 	margin: 0px;
 	text-align: left;
	}

.greenmsg li {
	list-style:none;
	}

.pdf-icon-small {
	background-image:url(../images/pdf_icon_small.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	color: #999;
	font-size: 85%;
	vertical-align:top;
	padding: 5px 0px 5px 25px;
	}

.info-icon-small {
	background-image:url(../images/icon_informational_brown.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	color: #666;
	font-size: 85%;
	vertical-align:top;
	padding: 5px 0px 5px 20px;
	}


/*  =========== end - messaging  ==============  */

/*  =========== START - new footer  ==============  */
	
#footerContainer {
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
	height: auto;
	}
	
ul#footerlist {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center;

	background-color:#FFFFFF;
	height: inherit;
	}

#footerlist li {
	display: inline;
	list-style-type: none;
	font-size:100%;
	color:#666;
	}

#footerlist a { 
	padding: 0px 0px; 
	}

#footerlist a:link, #footerlist a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:100%;
	text-decoration: none;
	}

#footerlist a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:100%;
	text-decoration: none;
	}
	
.secure-icon {
	padding-left:100px; 
	font-weight:bold;
	}
	
/*  =========== end - new footer  ==============  */

/*  =========== end - structure and layout  ==============  */

/*  =========== START - fonts  ==============  */	

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 19px;
	color: #333;
	}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
input.first {
	width: 105px;
	}
	
input.last {
	width: 105px;
	}

input.middle {
	width: 105px;
	}

input.initial {
	width: 10px;
	}
	
input.street {
	width: 185px;
	}

input.apt {
	width: 45px;
	}
	
input.city {
	width: 185px;
	}
	
input.state {

	width: 45px;
	}

input.zip {
	width: 45px;
	}

input.zip2 {
	width: 35px;
	}

input.phone {
	width: 105px;
	}

input.date {
	width: 65px;
	}

input.years {
	width: 40px;
	}

input.ext {
	width: 40px;
	}

input.fax {
	width: 105px;
	}

input.email {
	width: 185px;
	}

input.ssn {
	width: 105px;
	}

input.employer {
	width:300px;
	}
h1 {
	font-size: 120%;
	font-weight: bold;
	color:#666666;
	margin-bottom: 0.2em;
	}

h2 {
	font-size: 105%;
	font-weight: bold;
	color: #666;
	margin-bottom: 0.2em;
	}

h3 {
	font-size: 100%;
	padding-boottom: 1.5em;
	}

h4 {
	font-size: 105%;
	font-weight: bold;
	color: #9c938c;
	margin-bottom: 0.2em;
	}

h5 {
	font-size: 85%;
	color: #666;
	font-weight:normal;
	line-height:16px;
	}

h6 {
	font-size: 80%;
	color: #999;
	font-weight:normal;
	line-height:15px;
	}

p {
	padding-bottom: 1em;
	}

a:link {
	/*text-decoration: none;*/
	color:#00446a;
	}

a:hover {
	/*text-decoration: none;*/
	color:#1b6b98;
	}

a:visited {
	/*text-decoration: none;*/
	color:#00466a;
	}

a:hover {
	/*text-decoration: underline;*/
	}

a.button {
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	}

a.button:hover {
	text-decoration: none;
	}

button {
	font-weight: bold;
	}

.findClientLabel {
	font-size: 90%;
	color:#333;
	margin-bottom: 0.2em;
	}

/*  =========== end - fonts  ==============  */

/*  =========== START - buttons  ==============  */

/*  blue btn with a href  */

a.blueBtn {
	display: inline-block;
	text-decoration: none;
	position: relative;
	background: url(../images/btn_blue.gif) 100% 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 3px;
	background-repeat:no-repeat;
	font-size:12px !important;
	font-style:normal;
	letter-spacing:0.1em !important;
	font-family:Arial, Helvetica, sans-serif !important;
	height: 19px;
	color: #FFFFFF;
	vertical-align: bottom;
	border: solid #a3a5a6 1px;
	line-height: normal;
	font-weight: bold;
	margin: 0 5px 8px 5px;
	}

a.blueBtn:hover {
	background-position: 100% -30px;
	color: #fff;
	}

a.blueBtn:visited {
   color: #fff;
	}

/*  brown btn small with a href  */

a.brownBtnLg {
	display: inline-block;
	text-decoration: none;
	position: relative;
	background: url(../images/btn_brown_lg.gif) 100% 0;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 4px;
	background-repeat:no-repeat;
	font-style:normal;
	letter-spacing:0.1em !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:13px !important;
	height: 21px;
	color: #9c5e2d;
	border: solid #e6d4ba 1px;
	line-height: normal;
	font-weight: bold;
	margin: 5px 0;
	}

a.brownBtnLg:hover {
	background-position: 100% -25px;
	color: #9c5e2d;
	}
	
a.brownBtnLg:visited {
   color: #9c5e2d;
	}

/*  gray btn with a href  */

a.grayBtn {
	display: inline-block;
	text-decoration: none;
	position: relative;
	background: url(../images/btn_gray.gif) 100% 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 3px;
	background-repeat:no-repeat;
	font-size:12px !important;
	font-style:normal;
	letter-spacing:0.1em !important;
	font-family:Arial, Helvetica, sans-serif !important;
	height: 19px;
	color: #FFFFFF;
	vertical-align: bottom;
	border: solid #a3a5a6 1px;
	line-height: normal;
	font-weight: bold;
	margin: 0 5px 8px 5px;
	}
	
/*  arrow button with a href  */

a.arrow {
	display: inline-block;
	text-decoration: none;
	position: relative;
	background: url(../images/btn_arrow.gif) 100% 0;
	padding-top: 3px;
	background-repeat:no-repeat;
	height: 19px;
	width: 22px;
	vertical-align: bottom;
	border: solid #a3a5a6  1px;
	font-weight: bold;
	margin: 0 5px 5px 5px;
	}


a.arrow:hover {
	background-position: 100% -30px;
	}

/*  blue arrow button with a href  */

a.blue_arrow_icon {
	background: url(../images/btn_arrow.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align: bottom;
	padding: 3px 10px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	/*color: #333;*/
	color:#00446a;
	}

a.blue_arrow_icon:hover {
	background-position: 0px -30px;
	color: #1b6b98;
	text-decoration:underline;
	}

a.blue_arrow_icon:visited {
	color:#00466a;
	}

/*  blue arrow button NO a href  */
		
.blue_arrow_icon {
	background: url(../images/btn_arrow.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align: bottom;
	padding: 3px 10px 0px 30px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	color: #333;
	}

.blue_arrow_icon_text {       	  
	padding-left: 35px;
	}	

/*  blue arrow button pointing down a href  */

a.blue_arrow_down {
	background: url(../images/btn_arrow_down.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align: bottom;
	padding: 3px 10px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	color: #00446a;
	}
	
a.blue_arrow_down:hover {
	background-position: 0px -30px;
	text-decoration: underline;
	color:#1b6b98;
	}

/*  blue arrow button pointing down NO a href  */

.blue_arrow_down {
	background: url(../images/btn_arrow_down.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align: bottom;
	padding: 3px 10px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	color: #00446a;
	}

.blue_arrow_down_text {       	  
	padding-left: 35px;
	}



	
/*  gray arrow button NO a href  */

.gray_arrow_icon {
	background: url(../images/btn_arrow_gray.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px -30px;
	vertical-align: bottom;
	padding: 3px 10px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	color: #999;
	}

.gray_arrow_icon_text {       	  
	padding-left: 35px;
	color:#999;
	}

.gray_arrow_icon2 {
	background: url(../images/btn_arrow_gray.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px -30px;
	vertical-align: bottom;
	padding: 3px 10px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;

	}

.gray_arrow_icon2_text {       	  
	padding-left: 35px;
	color:#666;
	}		

/*  add/plus icon  */
	
.add_icon {
	background: url(../images/add_icon.gif) no-repeat;
	background-position: 13px 13px;
	padding: 10px 10px 10px 35px;
	text-align: top left;
	position: relative;
	}
.add_icon_b {
	background: url(../images/add_icon.gif) no-repeat;
	background-position: 13px 3px;
	padding: 2px 10px 7px 35px;
	text-align: top left;
	position: relative;
	}

.add_icon_np {
	background: url(../images/add_icon.gif) no-repeat;
	background-position: 10px 2px;
	padding: 0px 0px 10px 30px;
	}

.inform_icon {
	background: url(../images/icon_informational_brown_trans.gif) no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 10px 25px;
	}
	
table.mylist input {
      width: 20px;
      display: block;
      float: left;}
   
table.mylist label {
      width: 200px;
      display: block;
      float: left;}

/*  active account icon  */

.active_account_icon {
	background: url(../images/icon_active_account.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align: top;
	padding: 5px 0px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	color: #333;
	font-weight:bold;
	}

/*  authorization icon  */

.authorize_icon	{
	background: url(../images/icon_authorization.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align: top;
	padding: 5px 0px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	color: #333;
	font-weight:bold;
	}

/*  edit icon  */

.edit_icon {
	background: url(../images/icon_edit.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align: top;
	padding: 5px 0px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	color: #333;
	font-weight:bold;
	}
	
/*  pending icon  */

.pending_icon {
	background: url(../images/icon_pending.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align: top;
	padding: 5px 0px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	color: #333;
	font-weight:bold;
	}
	
/*  cancelled account icon  */

.cancelled_icon	{
	background: url(../images/icon_cancelled_account.gif) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align: top;
	padding: 5px 0px 0px 35px;
	text-align: top left;
	position: relative;
	text-decoration:none;
	display: inline-block;
	color: #333;
	font-weight:bold;
	}

/*  icon text  */

.icon_text {       	  
	padding-left: 35px;
	}		

/*  =========== end - buttons  ==============  */

/*  =========== START - login page  ==============  */

#messageboard {
	position: relative;
	/*background-image:  url(../images/footer_bg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 180px;*/
	/*border: 1px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-bottom:#dedede;
	border-top: #dedede;*/
	}

#messageboard.content {
	width: 960px;
	margin: 0 auto;
	color: #333333;
	position: relative;
	background-color:#f9f9f8;
	vertical-align: top;
	/*border: 1px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-bottom:#dedede;
	border-top: #dedede;*/
	border-top: 1px solid #dedede; 
	border-right: none; 
	border-bottom: 1px solid #dedede; 
	border-left: none;  
	}
	
/*  logIn box  */

.loginBox1 {
	background-image:url(../images/login_bg1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	padding: 10px 30px;
	position: relative;
	height: 230px;
	}

.loginBox1 h1 {
	font-size: 150%;
	font-weight: normal;
	color:#a75924;
	padding: 0px 0px 8px 0px;
	}
	
.loginBox1 h2 {
	font-size: 110%;
	font-weight: normal;
	color:#a75924;
	margin:0px;
	padding: 0px;
	}
	
.loginBox1 p {
	font-size: 90%;
	font-weight: strong;
	color:#666;
	margin:0px;
	padding: 0px;
	}
	
.loginBox2 h1 {
	font-size: large;
	font-weight: normal;
	color:#a75924;
	padding: 0px 0px 8px 0px;
	}

.loginBox2 h2 {
	font-size: 90%;
	color:#000;
	margin: 0px;
	padding:5px 1px 5px 1px;
	font-weight: normal;
	line-height:16px;
	background-color: #FFFFFF;
	}
	
.loginBox2 h3 {
	font-size: 80%;
	color:#333;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	line-height:12px;
	} 
	
.loginBox2 {
	background-image:url(../images/login_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 30px;
	position: relative;
	height: 329px;
	list-style:disc;
	}	

.loginBox2 p {
	font-size: 90%;
	font-weight: strong;
	color:#666;
	margin:0px;
	padding: 0px;
	line-height: 1.2;
	}

.backTo {
	float:right;
	font-size: 80%;
	text-decoration:underline;
	cursor:pointer;
	color:#00466a;
	}

.sitekey {
	vertical-align: sub;
	}

.sitekey img {
	vertical-align: top;
	padding-left: 30px;
	padding-bottom: 5px;
	}

.loginFormat  {
	margin-top:0px;
	padding: 0px 0px 0px 30px;
	position: relative;
	font-size:80%;
	color: #666;
	line-height: 0px;
	
	
	}
	

/*  =========== end - login page  ==============  */

/*  =========== START - landing page  ==============  */

#landing {
	}
	
#landing .icon {
	background: #f9f9f8;
	border: 1px solid #ccc;
	display: block;
	}	
		
#landing h3 {
	padding:10px 0 0 0;
	line-height: 14px;
	font-size:95%;
	font-weight:bold;
	}
	
#landing h3 a {
	color:#333333;
	text-decoration: none;
	}
	
#landing h3 a:hover {
	color:#666666;
	text-decoration: none;
	}

#landing p {
	padding:0 15px 0 0;
	line-height: 115%;
	color: #666666;
	font-size:80%;
	}
		
img.left {
	float: left;
	margin: 15px 10px 15px 25px;
	}
	
/*  =========== end - landing page  ==============  */

/*  =========== START - forms  ==============  */

fieldset {
	width: auto;
	/*-moz-border-radius: 7px;*/
	border-style: solid;
	border-color: #f1dfad;
	border-width: 1px;
	background-color: #fef7ea;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	}

fieldset legend {
	position: relative;
	top: -20px;
	left: 30px;
	float: left;
	bottom: 0px;
	margin: 0px 0px 0px 3px;
	color: #b95905;
	background-color:#FFFFFF;
	font-size: 120%;
	padding: 0px 5px 3px 5px;
    moz-border-radius: 3px;
	font-weight:bold;
	}
	
.mainformborder {
	border-style: solid;
	border-color: #f1dfad;
	border-width: 1px; 
	}

.mainform-radio{
	margin: 0 20px 0 20px;
	}

.mainform td {
	border:0;
	padding: 3px 3px 3px 0;
	}
	
.mainform p {
	clear: left;
	margin: 0;
	padding: 2px 0 3px 25px;
	}
	
.formbox {       	  
	background-color: #fffdf9;
	padding-left: 50px;
	border-style: solid;
    border-color: #f1dfad;
    border-width: 1px; 
	}	
		  
.formbox td {       	  
	padding: 2px 10px 2px 10px;
	}		

.mainform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.mainform_dots {
	font-family:Arial, Helvetica, sans-serif;
	color:#dcac82;
	font-size:175%;
	text-align:center;
	letter-spacing:5px;
	}
.mainform_lgdots {
    background-image: url(../images/large_dot.gif);
	height: 10px;
	padding: 5px5px10px5px;
	
	}
.mainform ul {
	list-style: disc; 
	margin: 5px 0px 5px 0px;
	padding: 2px 0 3px 48px;
	}

.mainform ol {
	list-style: decimal; 
	margin: 5px 0px 5px 0px;
	padding: 2px 0 3px 48px;
	}
	
.mainform li {
	margin: 5px 0px 5px 0px;
	}

.mainform_h1 {
	font-size: 100%;
	font-weight: bold;
	color:#666666;
	}

.radio {
	background-position: 13px 13px;
	padding: 10px 10px 10px 35px;
	text-align: top left;
	position: relative;
	}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/

* html .threepxfix {
	margin-left: 3px;
	}

.asterisk {
	color: #e23b30;
	}

.form-format {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#666;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	}

.form-format-italic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color:#666;
	font-style:italic;
	}
	
.forminstructions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#666;
	padding: 10px 0px 0px 0px;
	line-height: 15px;
	margin: 0px;
	text-align: left;
	}

.forminstructions-italic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#666;
	padding: 10px 0px 0px 0px;
	line-height: 15px;
	margin: 0px;
	text-align: left;
	font-style:italic;
	}
.form-head-bg {
    background-color: #f0d8bc;
	}
	
.formfooter {
	color: #e23b30;
	font-size: 85%;
	padding: 3px 0px 0px 5px;
	}
	
a.formerrorcheck:link 
      {
    background: #fef7ea url(../images/error_icon.gif) no-repeat;
    background-position: 40px 0px;
    text-align: top left;
    font-size: 100%;
    padding-top: 5px;
    padding-bottom: 50px;
    padding-left: 65px;
    }
a.formerrorcheck:visited{
    background: #fef7ea url(../images/error_icon.gif) no-repeat;
    background-position: 40px 0px;
    text-align: top left;
    padding-top: 5px;
    padding-bottom: 50px;
    padding-left: 65px;
    }



	
.form-subheader {
	background:  url(../images/form_subheader_bg.gif) no-repeat;
	position:relative;
	width: 415px;
	float: left;
	padding: 0px 0px 2px 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #b95905;
	margin: 0px 0px 10px 0px;	
	font-weight:bold;
	}
.form-subheader_wide {
	background:  url(../images/form_subheader_bg.gif) no-repeat;
	position:relative;
	width: 520px;
	float: left;
	padding: 0px 0px 2px 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #b95905;
	margin: 0px 0px 10px 0px;	
	}
/*added 7.30.2010*/
.form-subheader_gray {
	background:  url(../images/form_subheader_bg.gif) no-repeat;
	position:relative;
	width: 520px;
	float: left;
	padding: 0px 0px 2px 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	margin: 0px 0px 10px 0px;	
	}

/*added 8.19.2010*/
.form-subheader_gray_tall {
	background:  url(../images/form_subheader_bg_tall.gif) no-repeat;
	position:relative;
	width: 520px;
	float: left;
	padding: 5px 0px 10px 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	margin: 0px 0px 10px 0px;
	}
/*  may be removed  */	

.form-header-popover {
	background:  url(../images/form_subheader_bg.gif) no-repeat;
	position:relative;
	width: 450px;
	float: left;
	padding: 2px 0px 2px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #b95905;
	margin: 0px 0px 10px 0px;
	}
	
/*  end may be removed  */

.formtext-bold {
	font-weight: bold;
	}

.formtext-italic {
	font-style:italic;
	}

.formtext-bold-italic {
	font-weight: bold;
	font-style:italic;
	}

.formtext-bold-666 {
	font-weight: bold;
	color:#666666;
	}

.password_strength {
	font-weight: bold;
	font-size: 80%;
	color:#666;
	vertical-align: top;
	}
	
/* BR */
br {
	clear: left;
	}

/*  =========== end - forms  ==============  */

/*  =========== START - pop over  ==============  */

#popin {
	background-color:#808080; /*corner color*/
	}

div.popin {
	color: #000;
	font-family: verdana, arial, sans-serif;
	text-align: left;
	}

div.popin {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 20px;
	margin: 0em;
	/* WIDTH: 560px;  ===> can be defined on each indv popover */
	padding-top: 0px;
	background-image: url(images/form_subheader_bg.gif) no-repeat;
	width: 100%;
	}

div.section {
	clear: left;
	margin: 0;
	font-size: 100%;
	color: #333333;
	border:solid;
	border-top-width:20px;
	border-color:#ceb08a;
	background-color: #fef7ea;
	}

div.section-content {
	padding: 0px 13px 13px 25px;
	}

.section-content li {
	line-height: 16px;
	list-style: disc;
    margin-left:20px;
	}

/*  =========== end - popover  ==============  */

/*  =========== START - page heading styles  ==============  */
/*  ADDED KH 123010  */
#heading ul  {
	list-style: disc;
    margin-left:20px;
	}

.i-icon-legend {
	padding-left:435px;
	}


/*  =========== START - table styles  ==============  */

#table.ceb08a { 
	margin:auto;
	}

#td.ceb08a { 
    border-color: #fef7ea;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
    padding: .5em 1em .5em 1em; /*  modified KH 062410  */
    background-color: #ceb08a;
	font-weight:bold;
	}

#td.f1dfad {
    border-right-color: #f1dfad;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
	}

/*  added KH 062410  */
#td.f9f0df {
    border-color: #fef7ea;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
    padding: .5em 1em .5em 1em;
    background-color: #f9f0df;
	}
	

/*  added KH 062410  */
#td.f9f0df_b {
    border-color: #fef7ea;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
    padding: .5em 1em .5em 1em;
    background-color: #f9f0df;
    font-weight:bold;
	}
	
#td.f9f0df_c {
	padding: 5px 0px 10px 0px;
	background-color: #f9f0df;
	}
	
	
#td.f5e9d5 {
    border-color: #fef7ea;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
    padding: .5em 1em .5em 1em; /*  modified KH 062410  */
    background-color: #f5e9d5;
	}
	
#td.f5e9d5_sub {
	color: #b95905;
	font-size:80%;
    background-color: #f5e9d5;
	padding: 5px 0px 5px 13px;
	font-weight:bold;
    border-color: #fef7ea;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
	}

#td.f5e9d5_b {
    border-color: #fef7ea;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
    padding: .5em 1em .5em 1em; /*  modified KH 062410  */
    background-color: #f5e9d5;
	font-weight:bold;
	}	

#td.f5e9d5_c {
	color: #b95905;
	font-size:80%;
    background-color: #f5e9d5;
	padding: 5px 0px 5px 0px;
	font-weight:bold;
	line-height: 15px;
	}

#td.f5e9d5_d {
    background-color: #f5e9d5;
	padding: 5px 0px 10px 0px;
	}

#td.f5e9d5_e {
	background-color: #f5e9d5;
	line-height:6px;
	padding: 0px 0px 15px 0px;
	}

#td.f5e9d5_f {
    border-color: #cdb287;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding: 15px 20px 20px 20px;
    background-color: #f5e9d5;
	}

#td.fef7ea {
    border-color: #fef7ea;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
    padding: .5em 1em .5em 1em; /*  modified KH 062410  */
    background-color: #fef7ea;
	}
	
#td.fef7ea_b {
    border-color: #fef7ea;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
    padding: .5em 1em .5em 1em; /*  modified KH 062410  */
    background-color: #fef7ea;
	font-weight:bold;
	}	

#td.fef7ea_c {
	padding: 5px 0px 10px 0px;
	}

#td.fef7ea_d {
	line-height:20px;
	padding: 0px 0px 5px 0px;
	}
	
#td.fef7ea_f {
	border-top: dotted 4px #dec2a8;
	letter-spacing: 50px;
	font-size:80%;
	background-color: #fef7ea;
	}

#td.height5 {
	line-height:5px;
	padding: 0px 0px 0px 0px;
	}

/*  =========== end - table styles  ==============  */

/*  =========== START - resources  ==============  */

#resources {
	background: #f0f0f0 url(../images/css/resources_widget_background.jpg) repeat-x top left;
	width: 240px;
	border: 1px solid #eee;
	padding: 20px 10px 3px 10px;
	}

#resources ul {
	font-size: 80%;
	}

#resources h4 {
	padding: 0 5px 5px 15px;
	}
	
#resources h5 {
	padding: 0 15px 0 15px;
	}

#resources h6 {
	font-size: 85%;
	color: #666;
	font-weight:normal;
	line-height:20px;
	padding: 0 15px 0 15px;
	}
	
#resources ul {
	padding: 0 15px 15px 15px;
	}
	
#resources li {
	padding-bottom: 5px;
	text-align:left;
	}
	
.resourcehelp {
	color: #999;
	font-size: 85%;
	padding: 3px 0px 0px 20px;
	}
	
#resources_wide {
	background: #f0f0f0 url(../images/css/resources_widget_background.jpg) repeat-x top left;
	width: 835px;
	border: 1px solid #eee;
	padding: 20px 10px 3px 10px;
	}

/*  Resources box added for use in body copy  */

#resources-body {
	background: #f0f0f0 url(../images/css/resources_widget_background.jpg) repeat-x top left;
	width: 500px;
	border: 1px solid #eee;
	padding: 5px 5px 10px 10px;
	}

/*  =========== end - resources  ==============  */

/*  =========== START - display box  ==============  */

#displaybox {
	background: #f0f0f0  url(../images/displaybox_bg.jpg) repeat-x top left;
	border: 1px solid #eee;
	padding: 20px 10px 10px 20px;	
	}
	
.displayborder {
	background: url(../images/vertical_border.jpg) no-repeat;
	}

.display_vertical_bar {
	background:  url(../images/vertical_border.jpg) no-repeat;
	padding: 0px 10px 0px 10px;
	}
	
.display_subheader {
 	font-size: 90%;
 	color: #666;
 	line-height:16px;
 	}
 
/*  =========== end - display box  ==============  */

/*  =========== START - modal popup  ==============  */

.modalBackground {
	background-color:black;
	filter:alpha(opacity=65);
	opacity:0.7;
	}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	}

div.popup {
    clear: left;
    margin: 0;
    font-size: 100%;
    color: #333333;
    border:solid;
    border-top-width:0px;
	border-left-width:0px;
    border-bottom-width:5px;
    border-color:#ceb08a;
    background-color: #fef7ea;
	}

div.popup-content {
    padding: 0px 20px 10px 15px;
	}

.popup_window {
	display:none;
	overflow:auto;
	height:100%;
	width:550px;
	}	
/*	old subheader
.popup-subheader {
    background:  url(form_subheader_bg.gif) no-repeat;
    position:relative;
    width:415px;
    float: left;
    padding:0px 0px 2px 15px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color: #b95905;
    margin: 7px 0px 0px 0px;     
	}*/
<!--added 8/5/2010 by Lisa-->
.popup-subheader {
	background-color:#ceb08a;
	position:relative;
	width:535px;
	float: left;
	padding:0px 0px 5px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:115%;
	font-weight:bold;
	color: #333;
	margin:0;
 	}
.popup-topics-subheader {
    position:relative;
    width:500px;
    float:left;
    padding:0px 0px 5px 0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:115%;
    font-weight:bold;
    color: #b95905;
 	}
.popup_topics {
	background-color:#f5e9d5;
	padding: 0px 5px 5px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:485px;
	line-height:22px;
	margin-top: 30px;
    }
.popup-faq-subheader {
	background-color:#f5e9d5;
	border-top:dashed 1px #996600;
	border-bottom:dashed 1px #996600;
	position:relative;
	vertical-align:bottom;
	width:485px;
	float:left;
	text-align:left;
	padding:11px 5px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
	color: #b95905;
 	}
a.popup-top:link {
    width: 125px;
	position:top;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;
	color: #b95905;
	text-align: right;
	padding: 0px 5px 0px 10px;
	text-decoration:none;
	}

a.popup-top:visited {
	color: #b95905;
	font-size:80%px;
	}

a.popup-top:hover {
	font-size:80%px;
	color: #7e400a;
	text-decoration:underline;
	}
<!--end of 8/5/2010 addition-->

.popup_top700 {
	background: url(popup_top700.png) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:700px;
	height:32px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px; 
	vertical-align: text-bottom;
	text-align: left;
	position: relative;
	text-decoration:none;
	display: inline-block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color: #333;
	}
	
.popup_top650 {
	background: url(popup_top650.png) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:650px;
	height:32px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px; 
	vertical-align: text-bottom;
	text-align: left;
	position: relative;
	text-decoration:none;
	display: inline-block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color: #333;
	}
	
.popup_top600 {
	background: url(popup_top600.png) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:600px;
	height:32px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px; 
	vertical-align: text-bottom;
	text-align: left;
	position: relative;
	text-decoration:none;
	display: inline-block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color: #333;
	}

.popup_top550 {
	background: url(popup_top550.png) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:550px;
	height:32px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px; 
	vertical-align: text-bottom;
	text-align: left;
	position: relative;
	text-decoration:none;
	display: inline-block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color: #333;
	}

.popup_top500 {
	background: url(popup_top500.png) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:500px;
	height:32px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px; 
	vertical-align: text-bottom;
	text-align: left;
	position: relative;
	text-decoration:none;
	display: inline-block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color: #333;
	}
	
.popup_top450 {
	background: url(popup_top450.png) 100% 0;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:450px;
	height:32px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px; 
	vertical-align: text-bottom;
	text-align: left;
	position: relative;
	text-decoration:none;
	display: inline-block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color: #333;
	}
	
.button_close700 {
	margin-left:597px;
	margin-top:-31px
	}

.button_close650 {
	margin-left:547px;
	margin-top:-31px
	}

.button_close600 {
	margin-left:504px;
	margin-top:-31px
	}

.button_close550 {
	margin-left:445px;
	margin-top:-31px
	}

.button_close500 {
	margin-left:397px;
	margin-top:-31px
	}

.button_close450 {
	margin-left:347px;
	margin-top:-31px
	}

.hidden {
	display: none; 
	}

.unhidden { 
	display: block; 
	}
/*  start - tab  */
#tabcontent {
	border: #d6ae8e solid 1px;
	clear: both;
	padding: 0;
	width: 100%;
	background-color: #fef7ea;
	position: inherit;
}

#tab {
	margin: 0px 10px 0 0;
	float: right;
	width: 550px;
	padding: 0px 0 15px 0;
}

.tab_body {
	padding: 5px 0px;
	color:#333333;
	font-size:11px;
	width: 100%;
}

.tab_header {
	text-decoration: none;
	text-align:left;
	padding-left: 30px;
	padding-top: 5px;
	clear: both;
	font-weight: bold;
	color: #b95905;
	font-size: 120%;
	width: 270px;
}

.tab_subhead {
	text-decoration: none;
	color: #666666;
	font-size: 100%;
	text-align:right;
	padding-right: 20px;
	padding-top: 3px;
	clear: both;
	font-weight: bold;
	line-height: 16px;
}

.tab_subhead333 {
	text-decoration: none;
	color: #333333;
	font-size: 100%;
	text-align:left;
	clear: both;
	font-weight: bold;
	padding-bottom: 15px;
}

.tab_footer {
	text-decoration: none;
	color: #333333;
	font-size: 10px;
	text-align:left;
	clear: both;
	padding-top: 10px;
}

.tab_header a{
	text-decoration: none;
	color: #b95905;
	font-size: 110%;
}

.tab_header a:hover{
	color: #c79763;
}

#login {
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	background-position: 0 3px;
}

#login_area {
}

#login_area h1 {
	border-bottom: 1px dotted #ccc;
}

#login_area a {
	border-bottom: 1px dotted #073700;
}

#tabcontent p{
	font-size: 90%;
}

ol#toc {
	height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
}

ol#toc a {
	background: #bdf url(../images/tabs.gif);
	color: #fff;
	display: block;
	float: left;
	height: 2em;
	padding-left: 10px;
	text-decoration: none;
}

ol#toc a:hover {
	background-color: #3af;
	background-position: 0 -120px;
}

ol#toc a:hover span {
	background-position: 100% -120px;
}

ol#toc li {
	margin: 0 2px 0 0;
	float: left;
	position: relative;
	top: 1px;
}



ol#toc li.current a {
	background-color: #fef7ea;
	background-position: 0 -60px;
	color: #c79763;
	font-weight: bold;
	width: 155px;
}

ol#toc li a {
	width: 155px;
}

ol#toc li.current span {
	background-position: 100% -60px;
}

ol#toc span {
	background: url(../images/tabs.gif) 100% 0;
	display: block;
	line-height: 2em;
	padding-right: 20px;
}

.tiny_text {
	text-decoration: none;
	color: #666;
	font-size: 9px;
	text-align:left;
	clear: both;
	line-height:12px;
}

.form_gray_text {       	  
	color:#999;
	}

ol#toc1 {
      height: 2em;
      list-style: none;
      margin: 0;
      padding: 0;
      font-weight: bold;
      font-size: 11px;
}

ol#toc1 a {
      background: #bdf url(../images/tabs.gif);
      color: #fff;
      display: block;
      float: left;
      height: 2em;
      padding-left: 10px;
      text-decoration: none;
}

ol#toc1 a:hover {
      background-color: #3af;
      background-position: 0 -120px;
}

ol#toc1 a:hover span {
      background-position: 100% -120px;
}

ol#toc1 li {
      margin: 0 2px 0 0;
      float: left;
      position: relative;
      top: 1px;
}

ol#toc1 li.current a {
      background-color: #fef7ea;
      background-position: 0 -60px;
      color: #c79763;
      font-weight: bold;
      width: 155px;
}

ol#toc1 li a {
      width: 155px;
}

ol#toc1 li.current span {
      background-position: 100% -60px;
}

ol#toc1 span {
      background: url(../images/tabs.gif) 100% 0;
      display: block;
      line-height: 2em;
      padding-right: 20px;
}

.accBal-subheader {
      background:  url(form_subheader_bg.gif) no-repeat;
      position:relative;
      padding:0px 0px 2px 15px;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:110%;
      font-weight:bold;
      color: #b95905;
      margin: 7px 0px 0px 0px;
      }


	

/*  End - tab  */
