﻿/*body#personal #container { 
background:url(/css_images/global/bgPersonal.png) repeat-x top left;
}*/ /*Remove the background image for the main container*/
body#personal.action #container {
background:url(/css_images/global/bgPersonalLogin.png) repeat-x top left;
}
body#personal.col-three #container {
background:url(/css_images/global/bgPersonalContent.png) repeat-x top left;
}
body#personal.col-three #container.level-4 {
background:url(<img src="/css_images/global/bgPersonallvl4.png">) repeat-x top left;
}
body#personal.col-three.extranet #container {
background:url(/css_images/global/bgPersonalExtranet.png) repeat-x 0 0;
}
body#personal.campaign #container {
background:url(/css_images/global/bgCampaignPersonal.png) repeat-x top left;
}
ul#nav-tabs li a { /*Added the attributes to make the nav tabs display per new design*/
color:#fff;
/*background:#fdfdfd url(/css_images/global/bgTabLeft.png) repeat-x top left;*/
background-color: #415e20;
border-radius: 6px 6px 0 0;
}
ul#nav-tabs li.tab-current a,ul#nav-tabs li a:hover { /*Added the attributes to make the nav tabs hover effect show like in new design, Removed the old effect*/
color:#fff;
/*background:url(/css_images/global/bgTabPersonalCurrentLeft.png) no-repeat top left;*/
background-color: #617e07;
border-radius: 6px 6px 0 0;
}
ul#nav-tabs li.tab-current a span,ul#nav-tabs li a:hover span {
/*background:url(/css_images/global/bgTabPersonalCurrentRight.png) no-repeat top right;*/ /*Removed the previous hover effect for the nav tab*/
}
ul#nav-main li.nav-current,ul#nav-main li.hover,ul#nav-main li.hover a,ul#nav-main li.nav-current a,ul#nav-main li a:hover {
/*background:#DCD8D7 url(/css_images/global/pipeWhite_full.png) no-repeat center right;*/ /*Removed the previous hover effect for the nav tab*/
/*text-decoration:none;*/
color:#fff; /*Added the new hover effect*/
text-decoration:underline;
}
ul#nav-main li.current-previous {
background:url(/css_images/global/pipeWhite_full.png) no-repeat center right;
}

ul#nav-main li ul li a:link{ 
	text-decoration: none; /*Add this to make unvisited link don't have the underline*/
}


.home-row {
width:770px;
}
.home-row.one {
border-bottom:1px solid #CAD5EA;
}
.home-row.two {
padding-top:.5em;
}
.home-block.insurance,.home-block.retirement,.home-block.news {
float:right;
margin-right:10px;
}
/*.content.home .news ul {
background:#EDEBEB;
}*/
ul.inline li {
background:url(/css_images/global/pipeGrey.png) no-repeat center right;
}
ul.inline li.left {
background:url(/css_images/global/pipeGrey.png) no-repeat center left;
}
.action .info-block li {
font-size:1.1em;
}
.action .info-block ul.inline li {
font-size:1.3em;
}
.action .content.page h3 {
font-size:1.8em;
}
#member-info {
float:left;
width:153px;
margin-bottom:1em;
background:#fff;
border:1px solid #D47600;
padding:1em 10px;
}
#member-info img {
float:left;
margin:0 5px 5px 0;
}
#member-info h5 {
color:#D47600;
font-size:1.2em;
font-weight:700;
}
#member-info dl {
float:left;
width:100%;
font-size:1.1em;
}
#member-info dt {
float:left;
width:20%;
font-weight:700;
margin:0 0 5px;
}
#member-info dd {
float:right;
width:75%;
margin:0 0 5px;
}
#member-info input.button {
width:153px;
clear:both;
}
#member-info span.button-wrap {
margin-top:.5em;
}
.quicklinks {
margin:.15em 20px;
}
#nav-holder,ul#nav-main {
background:#617e07; /*Change the nav color from #D47600 to green*/
}
#login-strip,#personal #feature {
background:#fff; /*Change the background color from #B9CA7F to white*/
}


/**********Below CSS are all new************/
#sidebar h2{ /*To make h2 font in RHS display as new design*/
	font-size: 1.3em;
	font-weight: 700;
}


#content-row2 .visitbutton:hover{ /*Added this hover effect for the view all button*/
	background-color: #415763;
}

#content-row2 .visitbutton:hover a{ /*Added this hover effect for the view all button*/
	color: #fff !important;
	text-decoration: none;
}

#content-row2 #dark-blue-button1:hover{ /*Added this hover effect for the dark blue button in the lower left*/
	background-color: #2f3d45 !important;
}

#content-row2 #dark-blue-button2:hover{ /*Added this hover effect for the dark blue button in the lower left*/
	background-color: #2f3d45 !important;
}

#content-row2 #dark-blue-button1:hover a{ /*Added this hover effect for the dark blue button in the lower left*/
	text-decoration: none;
}

#content-row2 #dark-blue-button2:hover a{ /*Added this hover effect for the dark blue button in the lower left*/
	text-decoration: none;
}

