@import url(navigation.css);
@import url(footer.css);
@import url(content.css);
@import url(sitemap.css);
@import url(forms.css);
@import url(quote.css);
@import url(callouts.css);
@import url(newstyles.css);
@import url(webteam.css);
@import url(tooltip.css);
@import url(button.css);
@import url(faqDisplayTag.css);

/* CSS Document */
html { min-height: 100%; margin-bottom: 1px; }
body {
	margin:0px;
	padding:0px;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-size:small;
	background: url(/images/tile_background.gif) repeat-x top #e0eeee;
	color:#333;
	text-align: center;
}

img { 
	border:0;	
}

#container {
	margin: 0 auto;
	width: 960px;
	background: url(/images/home_main_container_bg.jpg) no-repeat top;
	text-align: left;
	display: table;
}

/* This Class is for the random-load bottom-left image on the homepage */
.container_photo_a {
	width: 960px;
	background: url(/images/emp_home_image_a.jpg) no-repeat left bottom;
	display: table;
}

 
.container_photo_b {
	width: 960px;
	background: url(/images/emp_home_image_b.jpg) no-repeat left bottom;
	display: table;
}

.container_photo_c {
	width: 960px;
	background: url(/images/emp_home_image_c.jpg) no-repeat left bottom;
	display: table;
}

.container_photo_d {
	width: 960px;
	background: url(/images/emp_home_image_d.jpg) no-repeat left bottom;
	display: table;
}

.container_photo_e {
	width: 960px;
	background: url(/images/emp_home_image_e.jpg) no-repeat left bottom;
	display: table;
}

.container_photo_f {
	width: 960px;
	background: url(/images/emp_home_image_f.jpg) no-repeat left bottom;
	display: table;
}

.container_photo_g {
	width: 960px;
	background: url(/images/emp_home_image_g.jpg) no-repeat left bottom;
	display: table;
}

.container_photo_h {
	width: 960px;
	background: url(/images/emp_home_image_h.jpg) no-repeat left bottom;
	display: table;
}
.container_photo_i{
	width: 960px;
	background: url(/images/emp_home_image_i.jpg) no-repeat left bottom;
	display: table;
}

.container_photo_j {
	width: 960px;
	background: url(/images/emp_home_image_j.jpg) no-repeat left bottom;
	display: table;
}

.container_photo_k {
	width: 960px;
	background: url(/images/emp_home_image_k.jpg) no-repeat left bottom;
	display: table;
}
.container_photo_l {
	width: 960px;
	background: url(/images/emp_home_image_l.jpg) no-repeat left bottom;
	display: table;
}
.container_photo_m {
	width: 960px;
	background: url(/images/emp_home_image_m.jpg) no-repeat left bottom;
	display: table;
}



#header {
	margin: 0 auto;
	width: 960px;
	height: 71px;
	position: relative;
	top:35px;
	z-index:10;
	
}

#header #logo {
	z-index:-1;
	display: block;
	position:absolute;
	width:130px;
	top:17px;
	left:37px;
}

#headerquote {
	margin: 0 auto;
	width: 960px;
	height: 71px;
	position: relative;
	top:10px;
	z-index:1000;
}

#headerquote #logo {
	display: block;
	position:absolute;
	width:130px;
	top:17px;
	left:37px;
}

#headerquote #advisorheader {
	display: block;
	position:absolute;
	width:476px;
	top:2px;
	left:259px;
}

#search {
	width:auto;
	margin: 0px 0px 10px 0px;
	font-size:small;
}

#drop {
	width:auto;
}

#content {
	width: 916px;
	position: relative;
	margin-top:35px;
	margin-left: 44px;
	display:block;
}

#leftcol {
	width: 256px;
	height: 233px;
	float:left;
	margin-top:26px;
	display:block;
}

#leftnavcontainer {
	margin-left:18px;
	display:block;
}

.hppromo {
	width: 227px;
	position: absolute;
	left: 8px;
	top: 169px;
	visibility: show;
}

.hppromocontent {
	background:#fff;
	font-size:9pt;
	padding-right:15px;
}

#hpquotebox {
	width:256px;
	background:url(/images/home_quote_box_bg.gif) no-repeat top left;
}

#hpquoteboxcontent {
	width: 228px;
	display: block;
	padding-left:28px;
}

#rightcol {
	float: left;
	width: 264px;
	padding: 0px 24px 0px 0px;
	display:block;
}

#midcol {
	margin: 39px 0px 0px 37px;
	float: left;
	width: 325px;
	display:block;
}

#hpgreencallout {
	padding: 10px;
	display: block;
	margin-top:5px;
	padding-bottom:15px;
	width:270px;
	background: #ebf7f5;
}

#contentbottom {
	margin: 0 auto;
	width: 960px;
	float:left;
	display:block;
	background: url(/images/hp_content_btm_shadow.gif) right bottom no-repeat;
}

#bottomright {
	width: 623px;
	padding: 0px 0px 0px 337px;
	display:block;
	float:left;
}

#hpbtmrule {
	width:589px;
	background: url(/images/hp_hor_rule.gif) repeat-x;
}

#hpflash {
	width: 272px;
	height:145px;
	padding: 0px 20px 5px 0px;
	display: table;
	float:left;
	background: url(/images/hp_vert_rule.gif) right repeat-y;
}

#hpflashright {
	font-size:9pt;
	line-height:12pt;
	width: 275px;
	padding: 0px 0px 20px 22px;
	display: table;
	float:left;
}

/*-------------------------------------------------------------------------------------*/

/*Login Styles*/

#loginbox !important {
	z-index: 10000;
	display: none;
	position: absolute;
	top: 10px;
	left: 800px;
	font: Arial,Verdana,Helvetica,sans-serif;
	padding-left: 10px;
	padding-top: 10px;
}

.loginAlign {
	text-align: left;
}

.loginSpaceSm {
	padding-left: 10px;
}

.loginSpaceMd {
	padding-left: 20px;
}

.login {
	margin: 0px 0px 0px 4px;
	width: 200px;
	text-align: left;
	display: table;
}

.orangeTxt {
	color:#f58502;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-weight:normal;
}

.tealTxt a {
	color:#019A86;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 11px;
}
.tealTxt a:hover {
	color:#666666;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 11px;
}

.loginTxt {
	color: #109b88;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size:large;
	padding-left: 0px;
	padding-bottom: 5px;
}

.logincontentbg {
	width: 160px;
	padding: 0px 0px 0px 0px;
	/*background: url(/images/tab_outer_body.gif) repeat-y top;*/
	text-align: left;
	display: table;
	font-size:8.5pt;
}
.logininnerbg {
	width: 160px;
	padding: 0px 0px 0px 0px;
	/*background: url(/images/tab_inner_body.gif) repeat-y top;*/
	text-align: left;
	display: table;
	font-size:8.5pt;
}

.loginTabSep {
	display: block;
	background-image: url(/images/tab_sep.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 1px;
	position: absolute;
	top: 31px;
	left: 148px;
	z-index: 99999;
}

.loginTabMutualOn a {
	display: block;
	background-image: url(/images/tab_mut_on.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 137px;
	position: absolute;
	top: 31px;
	left: 11px;
	z-index: 99999;
	cursor: default;
}

.loginTabMutualOn a:hover {
background-image: url(/images/tab_mut_on.gif);
background-repeat: no-repeat;
}

.loginTabMutualOn a:active {
background-image: url(/images/tab_mut_on.gif);
background-repeat: no-repeat;
}

.loginTabMutualOn a span {
	  display:none;
}

.loginTabMutualOff a {
	display: block;
	background-image: url(/images/tab_mut_off.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 137px;
	position: absolute;
	top: 31px;
	left: 11px;
	z-index: 99999;
}

.loginTabMutualOff a:hover {
background-image: url(/images/tab_mut_off_roll.gif);
background-repeat: no-repeat;
}

.loginTabMutualOff a:active {
background-image: url(/images/tab_mut_off.gif);
background-repeat: no-repeat;
}

.loginTabMutualOff a span {
	  display:none;
}

.loginTabLifeOn a {
	display: block;
	background-image: url(/images/tab_life_on.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 84px;
	position: absolute;
	top: 31px;
	left: 149px;
	z-index: 99999;
	cursor: default;
}

.loginTabLifeOn a:hover {
background-image: url(/images/tab_life_on.gif);
background-repeat: no-repeat;
}

.loginTabLifeOn a:active {
background-image: url(/images/tab_life_on.gif);
background-repeat: no-repeat;
}

.loginTabLifeOn a span {
	  display:none;
}

.loginTabLifeOff a {
	display: block;
	background-image: url(/images/tab_life_off.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 84px;
	position: absolute;
	top: 31px;
	left: 149px;
	z-index: 99999;
}

.loginTabLifeOff a:hover {
background-image: url(/images/tab_life_off_roll.gif);
background-repeat: no-repeat;
}

.loginTabLifeOff a:active {
background-image: url(/images/tab_life_off.gif);
background-repeat: no-repeat;
}

.loginTabLifeOff a span {
	  display:none;
}

.loginbtngrnHighRes a {
	display: block;
	background-image: url(/images/tab_login_button.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 66px;
	position: absolute;
	top: 87px;
	left: 155px;
	z-index: 99999;
}

.loginbtngrnHighRes a:hover {
background-image: url(/images/tab_login_button_on.gif);
background-repeat: no-repeat;
}

.loginbtngrnHighRes a span {
	  display:none;
}

.logoutbtngrnHighRes a {
	display: block;
	background-image: url(/images/btn_logout_off.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 62px;
	position: absolute;
	top: 87px;
	left: 155px;
	z-index: 99999;
}

.logoutbtngrnHighRes a:hover {
background-image: url(/images/btn_logout_on.gif);
background-repeat: no-repeat;
}

.logoutbtngrnHighRes a span {
	  display:none;
}

.loginbtngrnSS a {
	display: block;
	background-image: url(/images/tab_login_button.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 66px;
	position: absolute;
	top: 65px;
	left: 155px;
	z-index: 99999;
}

.loginbtngrnSS a:hover {
background-image: url(/images/tab_login_button_on.gif);
background-repeat: no-repeat;
}

.loginbtngrnSS a span {
	  display:none;
}


.loginbtngrnLowRes a {
	display: block;
	background-image: url(/images/tab_login_button.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 66px;
	margin-left: 15px;
	margin-top: 5px;
}

.loginbtngrnLowRes a:hover {
background-image: url(/images/tab_login_button_on.gif);
background-repeat: no-repeat;
}

.loginbtngrnLowRes a span {
	  display:none;
}

.loginbtngrn a {
display: block;
background-image: url(/images/btn-login-off.gif);
background-repeat: no-repeat;
height: 30px;
width: 70px;
margin-left: 78px;
}

.loginbtngrn a:hover {
background-image: url(/images/btn-login-on.gif);
background-repeat: no-repeat;
}

.loginbtngrn a span {
	  display:none;
}

/*-------------------------------------------------------------------------------------*/

/* Tier Styles */

#tier_container {
	margin: 0 auto;
	width: 960px;
	background: url(/images/tier_main_container_bg.jpg) no-repeat top;
	text-align: left;
	display: table;
}

#tier_shadow {
	margin: 0 auto;
	width: 960px;
	background: url(/images/tier_main_container_shad.gif) repeat-y;
	display: table;
}

#tiermaincontainer {
	width: 924px;
	margin-top:35px;
	margin-left: 13px;
	margin-right: 13px;
	display:block;
}

#tiermaincontainerquote {
	width: 924px;
	margin-top:27px;
	margin-left: 13px;
	margin-right: 13px;
	display:block;
}

#utilitymidcol {
	margin: 0px 0px 30px 0px;
	float: left;
	width: 924px;
	display:block;
}

.utilitycontainer {
	padding: 25px 5px 0px 28px;
	float: left;
	width: 891px;
	display:block;
}

.quoteutilitycontainer {
	padding: 25px 5px 0px 7px;
	float: left;
	width: 891px;
	display:block;
}

.greenspan {
	color: #009a85;
	padding: 5px 0px 0px 0px;
	line-height: 16px;
}

.claimutilitycontainer {
	padding: 25px 0px 0px 8px;
	float: left;
	width: 878px;
	display:block;
	margin: 0px 0px 0px 20px;
}


.claimsonlineshadow {
	padding: 0px 35px 30px 0px;
	float: left;
	width: 629px;
	display:block;
	margin: 0px 0px 0px 0px;
}

.claimsonlinerightshadow {
	padding: 0px 35px 0px 0px;
	float: left;
	width: 629px;
	display:block;
	margin: 0px 0px 0px 0px;
	background:#fff url(/images/quote_shell_shadow_tileR.gif) 100% 0 repeat-y;
}


.claimsonlinetopshadow {
	padding: 0px 35px 0px 0px;
	float: left;
	width: 629px;
	height: 34px;
	display:block;
	margin: 0px 0px 0px 0px;
	background:#fff url(/images/quote_shell_shadow_topR.gif) 100% 0 repeat-y;
}

.claimsonlinebottomshadow {
	padding: 0px 35px 0px 0px;
	float: left;
	width: 629px;
	height: 16px;
	display:block;
	margin: 0px 0px 0px 0px;
	background:#fff url(/images/quote_shell_shadow_bot_small.gif)  100% 0 no-repeat;
}

div#claimsonlinecontainer {
	padding: 25px 0px 0px 8px;
	float: left;
	width: 878px;
	display:block;
	margin: 0px 0px 0px 20px;
	position: relative;
}

div#claimsonlinecontent {
	float: left;
	width: 629px;
	top: 0;
	left: 0;
	border-top: 0px;
	border-left: 0px;
}

div#calloutcontact {
        width: 188px;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	border-top: 0px;
	border-right: 0px;
	top: 0;
	right: 0;
	float: right;
}

/*-------------------------------------------------------------------------------------*/

/* This style is used for the html_format_elements.html template */

#isg_container {
	margin: 0 auto;
	width: 760px;
	text-align: left;
	display: table;
	background-color:#fff;
	padding: 25px 25px 25px 25px;
	
}
/* Form validation */
.form_question_error {
	line-height: 16px;
	color:Red;
}

/* This style is used for the New Security Features Module within the SSO Pages */
/*-------------------------------------------------------------------------------------*/

/* This style is used for the New Security Features Ads */

#login_01, #forgot_01, #forgot_user_01{
	margin-bottom:10px;
	width:621px;
}

#login_01 h4, #forgot_01 h4 , #forgot_user_01 h4{
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #333;
}

/* This style is used for the New Security Features Module within the SSO pages */

#rsaModule {
     border-top:1px #01917B dotted;
     border-bottom:1px #01917B dotted;
      padding:5px 0px 5px 0px; 
    width: 192px;
    margin: 18px 0px 0px 0px;
    font-size:11px;
    color:#666666;
    line-height:14px;
    display:block;
    float:left;
    
}

#rsaModuleImage {
    padding:9px 0px 0px 0px;
    float:right;
}


#rsaModuleText {
    padding:5px 0px 0px 0px;
    float:left;
    width:105px;
    text-align:left;

}
#rsaModuleText a:link {
    color:#FB8904;
    font-size:11px;
    text-decoration:none;

}
#rsaModuleText a:visited {
    color:#FB8904;
    font-size:11px;
    background-color:transparent;
    font-weight:normal;
    text-decoration:none;
}

#rsaModuleText a:hover,
#rsaModuleText a:active {
    color:#009a85;
    font-weight:normal;
    background-color:transparent;
    text-decoration:none;
}

#rsaModule h4 {
     font-size:14px;
     color:#000000;
     font-weight:bold;
     padding:0px;
     text-align:center;
     
}

/* This style is used for the New Security Features Module within MemberHome.jsp */

#secureModule {
    border-top:1px #01917B dotted;
    border-bottom:1px #01917B dotted;
    padding:18px 0px 12px 0px; 
    width: 192px;
    margin: 18px 0px 18px 2px;
    font-size:11px;
    color:#666666;
    line-height:14px;
    display:block;
    float:left;
    
}

#secureModuleImage {
    padding:9px 0px 0px 0px;
    float:left;
    width:112px;
	padding-right:5px;
}

#secureModuleImage img{
	width:112px;
}


#secureModuleText {
    padding:11px 0px 0px 0px;
    float:right;
    width:75px;
    text-align:left;

}
#secureModuleText a:link {
    color:#FB8904;
    font-size:11px;
    text-decoration:none;

}
#secureModuleText a:visited {
    color:#FB8904;
    font-size:11px;
    background-color:transparent;
    font-weight:normal;
    text-decoration:none;
}

#secureModuleText a:hover,
#secureModuleText a:active {
    color:#009a85;
    font-weight:normal;
    background-color:transparent;
    text-decoration:none;
}

#secureModule h4 {
     font-size:14px;
     color:#000000;
     font-weight:bold;
     padding:0px;
     text-align:center;
     
}/* This style is used for the New Security Features Page */

#newLoginFeatures{
	width:590px;
	font-size: 13px;
}

#newLoginFeatures li{
	font-weight:bold;
}

#newLoginFeatures li p{
	font-weight:normal;
	font-family: arial,Verdana,Helvetica,sans-serif;
	color: #333;
}