/* NEW FOR USE WITH WEBFONTS */
@font-face { 
    font-family: 'Vegur-regular';
    src: url('../fonts/vegur/vegur-regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/vegur/vegur-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/vegur/vegur-regular-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/vegur/vegur-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/vegur/vegur-regular-webfont.svg#vegur-regular-webfont') format('svg'); /* Legacy iOS */
}

@font-face { 
font-family: 'Vegur-bold';
	src: url('../fonts/vegur/vegur-bold-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/vegur/vegur-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/vegur/vegur-bold-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/vegur/vegur-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/vegur/vegur-bold-webfont.svg#vegur-bold-webfont') format('svg'); /* Legacy iOS */
}

.quickLinksBoxBdyTitle { /* NEW FOR WEB FONTS */
	background-image: url("../images/headerBg-ql-shortcuts.gif");
	background-repeat: no-repeat;
	height: 25px;
	width: 331px;
	text-indent: 1.4em;
	line-height: 1.7em;
	letter-spacing: 0.004em;
	margin: 0px;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	font-family: "Vegur-regular";
	font-size: 1.0em;
	text-transform: uppercase;
	color: #555;
	font-weight: normal;
}
.featuredBoxBdyTitle  { /* NEW FOR WEB FONTS */
	margin-bottom: 5px;
	background-repeat: no-repeat;
	font-family: Vegur-bold;
	font-size: 1.55em;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0.024em;
	padding: 3px 0 0 22px; 
}

.arrowPlanParticipation { background-image: url("../images/featured_PlanParticipationArrow.gif"); }
.arrowInvestmentFunds { background-image: url("../images/featured_InvestmentFundsArrow.gif"); }
.arrowPlanningTools { background-image: url("../images/featured_PlanningToolsArrow.gif"); }
.arrowLifeEvents{ background-image: url("../images/featured_LifeEventsArrow.gif"); }

.featuredBoxTitle  { /* NEW FOR WEB FONTS */
	font-family: Vegur-regular;
	font-size: 1.55em;
	text-transform: none;
	color: #144CB9;
	font-weight: normal;
	letter-spacing: 0.02em;
	float: left; 
	text-indent: 0.25em; 
	line-height: 1.7em;
}
/* END OF NEW STYLES FOR USE WITH WEBFONTS */

/* HOMEPAGE HEADER */
#header {
  width:      930px;
  height:     240px;
  background: #ffffff;
}

#header #bannerContainer {
        position:relative;
        border:0;
        width:930px;
        height:240px;
}

#textVersion {
        position: absolute;
        top: 100px;
        left: 250px;
        width: 700px;
        text-align: left;
        font-size: 1.4em;
        line-height: 1.8em;
}

.bannerImage {
        position:absolute;
        left:0;
        top:0;
        z-index:100;
}

#headerTspLogo {
        position:absolute;
        left:4px;
        top: 10px;
        padding:0;
        z-index:101;
}

#headerTop {
        position:absolute;
        right:0px;
        top: 0px;
        padding:0;
        z-index:102;
}

#headerBottom {
        position:absolute;
        left:0px;
        top: 0px;
        padding:0;
        z-index:103;
}

#thumbnailContainer {
        position:absolute;
        right:0px;
        bottom: 13px;
        padding:0;
        z-index:101;
}
#thumbnailContainer a {
                text-decoration: none;
                color: #999;
                font-size: 12px;
}
#thumbnailContainer a:hover {
                text-decoration: underline;
                color: #333333;
}

.thumbnailImageContainer {
        display:inline;
        padding-left:3px;
}
#home-slide {
    position: relative;
}
.acctAccess {
  position: 		 relative;
  display:           inline;
  width:             188px;
  height:            169px;
  margin-top:        75px;
  margin-left:       0px;
  float:             left;
  color:             #626262;
  text-align:        left;
  font-size:         0.92em;
  background-image:  url("../images/aa_img.gif");
  background-repeat: no-repeat;
  line-height: 1em;
} 
body.mac .acctAccess {
  line-height: unset;
} 
div.webPassword label.labelLogin {
  line-height: 1em;
}
a.forgottenPwdLink:link, a.forgottenPwdLink:visited {
  color:             #995D0F;
  text-decoration:   none;
  line-height: 		 1em;
}
a.forgottenPwdLink:hover {
  color:             red;
  text-decoration:   none;
}

#loginBtn2 {
  width:  48px;
  height: 17px;   
  cursor: pointer; 
  margin-right: 4px;  
} 

.bannerNav {
  display:  block;
  width:    95px;
  height:   16px;
  padding:  0px;
  position: relative;
  left:     255px;
  top:      205px;
  float:    right;
}

.bannerNavBtn {
  display: inline;
  margin:  0px;
  cursor:  pointer;
}

img.bannerNavBtnImg {
  cursor: pointer;
}

#learnMoreBtn {
  display:  inline;
  position: relative;
  left:     272px;
  top:      185px;
  cursor:   pointer;
}

/* LOGIN FORM CLASSES */
.js .slide {display: none;}

.updated {color:#2C2C2C;}

fieldset { border:0 none; padding: 0; margin: 0;}

.loginModule { padding: 21px 8px 20px 7px;}

.ie9 .loginModule { padding: 20px 8px 20px 7px; }


.loginModule input[type="radio"] {
	vertical-align: -5px;
	height: 19px;
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){
	.loginModule input[type="radio"] {
		vertical-align: -3px;
		height: 15px;
	}
}
.ie9 .loginModule input[type="radio"] {
	vertical-align: -4px;
	height: 22px;
}
.gtie9 .loginModule input[type="radio"] {
	vertical-align: -2px;
}
body.mac .loginModule input[type="radio"] {
	vertical-align: -3px !important;
}
body.mac .loginModule input[type="password"], 
body.mac .loginModule input[type="text"] {
	height: 19px !important;
}
.loginModule input[type="password"], 
.loginModule input[type="text"] {
       margin-top: 2px;
	vertical-align: -5px;
	height: 22px;
}
div.userIdWrapper {
	margin-top: -.3em;
	margin-bottom: -.2em;
}
.ie9 div.userIdWrapper {
	margin-top: -.6em;
}
body.mac div.userIdWrapper {
	margin-top: -.5em !important;
	margin-bottom: -.6em !important;
}
@-moz-document url-prefix() {
	.loginModule button.hideShowPassword-toggle {
		margin-top: -1.5px !important;
	}
}
.loginModule div.hideShowPassword-wrapper {
		vertical-align: middle;
}
.ie9 .loginModule input {
        margin-top: 1px;
}
.loginModule label {
        font-size: 0.99em;
}
.loginModule div.webPassword {
        margin-top: 3px;
        padding-bottom: 5px;
}
.homePageFooterBox {
        position: relative;
        z-index:1;
}
.ie7 .loginModule div.webPassword,
.ie8 .loginModule div.webPassword {
        margin-top: 3px;
        padding-bottom: 6px;
}
.ie7 .loginModule input#password {
		width: 12.7em;
		height: 16px;
}
.ie8 .loginModule input#password {
		width: 12.7em;
}
.ie7 .loginModule input#UserIdOrAcctNum {
		width: 12.7em;
		height: 16px;
}
.ie8 .loginModule input#UserIdOrAcctNum {
		width: 12.7em;
}
.ie7 .loginModule input[type="radio"],
.ie8 .loginModule input[type="radio"] {
		height: 18px;
		vertical-align: 0px;
		line-height: 1.6em;
}
.ie9 .loginModule div.webPassword {
        margin-top: 3px;
        padding-bottom: 6px;
}
.ie9 .loginModule input#UserIdOrAcctNum {
        padding-right: 15px;
		width: 12.7em;
}
.loginModule div.webPassword input#password{
        width: 12.7em;
}
body.mac .loginModule div.webPassword input#password{
        width: 15.4em;
}
.loginModule div.helpLink {
        display: inline;
}
.loginModule div.helpLink input{
        float: right;
        margin: 0;
}
.loginModule div.helpLink a{
        float: left;
}
.loginModule button {
        border: 0px;
        background: #ffffff;
        color: #757575;
        font-weight: bold;
        line-height: 0.85em;
        margin-right: 1px;
        width: 47px;
        display: none;
        font-size: 0.94em;
}
div.loginModule input.hideShowPassword-field {
  width: 169px;
}
div.loginModule input.acctAccessInputLong {
        color: #646464;
}
.loggedIn {
  background-image:  url("../images/aa_img_gray.gif");
  background-repeat: no-repeat;
}

.loggedIn .loginModule {
  display: none;
}

/* MAIN LAYOUT CLASSES */

.textSizeSelector {
    padding-top:      5px;
	text-align:       right;
}
.featuredAreas {
	width:          748px;
	margin-top:	0px;
	text-align:     left;
	font-size:      0.92em;
}

.quickLinks {
	float: left;
	width: 369px;
	margin: 0px;
	text-align: left;
}

.quickLinks2 {
	float: left;
        width: 360px;
        margin: 0px 5px 0px 10px;
        text-align: left;
}

.bulletinBoard {
	float:            right;
	width:            172px;
	text-align:       left;
	font-size:        0.92em;
	margin-top:       3px;
}
 

/* BULLETIN BOARD LINKS */

.directorMsg {
  margin: 0px;
  width:  172px;
  background:  url("../images/dirMsgTitle.gif") no-repeat;
}
.directorMsgTitle {
  height: 30px;
}
.directorMsgBody {
  padding: 10px 2px 5px 10px;
}
.directorMsgBody a {
  padding: 0px 9px 0px 0px;
  /* background: url("../images/moreArrowBlue.gif") right 4px no-repeat;  USING ► INSTEAD; IE 7 ALWAYS HAD PROBLEMS WITH BG IMAGE WHEN THE LINK WRAPPED TO THE NEXT LINE */
}
.directorMsgBody a:link, .directorMsgBody a:visited {
  color: #114EB8;
  text-decoration: none;
}
.directorMsgBody a:hover {
  color: #114EB8;
  text-decoration: underline;
}       
.directorMsgBtm {
  width: 172px;
  height: 5px;
  background: url("../images/dirMsgBtm.gif") no-repeat;
}

.bbTitle {
	margin-top:        5px;
	width:             172px;
	height:            30px;
	background-image:  url("../images/bbTitle.gif");
	background-repeat: no-repeat;
	font-family: Vegur-regular;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #555;
	font-weight: bold;
	text-indent: 1.9em;
	line-height: 2.4em;
	letter-spacing: 0.02em;
}

.bbLinks {
	padding-left:  5px;
}

.bbLinkList {
	margin:          0px;
	padding-left:    10px;
	list-style-type: none;
	margin:          0px;
	padding:         0px;
}

.bbItem {
	text-align: left;
	background: url("../images/bbBullet.gif") no-repeat 0px .6em;
	padding: 2px 0px 2px 10px;
}

/* FEATURED PANES */

.featuredBox {
	float: left;
	width: 182px;
	margin-top: 3px;
	margin-right: 5px;
}

.featuredBoxTop {
        height: 5px;
	font-size: 0.01em;
        background-image:  url("../images/featuredBoxTop.gif");
	background-repeat: no-repeat;
}

.featuredBoxBdy {
	padding: 3px 1px 3px 1px;
	background-image: url("../images/featuredBoxMid.gif");
	background-repeat: repeat-y;
}

.featuredBoxBdyContent {
	padding: 0px 2px 2px 22px;
	font-size: 1.08em;
        min-height: 120px;
        height:auto !important;
        height:120px;  
}
.featuredBoxBtm {
	height: 5px;
	font-size: 0.01em;
	background-image:  url("../images/featuredBoxBtm.gif");
	background-repeat: no-repeat;
}

.featuredBoxBdyContentList1 {
	margin: 10px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
        list-style-type: none;
}
.featuredBoxBdyContentList1 li {
	text-align: left;
        padding: 2px 0px 2px 10px;
	line-height: 1.1;
        background: url("../images/bbBullet.gif") no-repeat 1px .6em;
}

.featuredBoxBdyContentList2 {
	margin: 10px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
        list-style-type: none;
}

.featuredBoxBdyContentList2 li {
        text-align: left;
        background:url("../images/bbBullet.gif") no-repeat 1px .6em;
        padding: 2px 0px 2px 10px;
        line-height: 1.1;
}

.featuredBoxBdyContentList3 {
	margin: 10px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
        list-style-type: none;
}

.featuredBoxBdyContentList3 li {
        text-align: left;
        background:url("../images/bbBullet.gif") no-repeat 1px .6em;
        padding: 2px 0px 2px 10px;
        line-height: 1.1;
}

.featuredBoxBdyContentList4 {
	margin: 10px 0px 0px 0px;
        padding: 3px 0px 0px 0px;
        list-style-type: none;
}

.featuredBoxBdyContentList4 li {
        text-align: left;
        background:url("../images/bbBullet.gif") no-repeat 1px .6em;
        padding: 2px 0px 2px 10px;
        line-height: 1.1;
}

.featuredBoxBdyContent ul {
    margin-bottom: 10px;
}

.featuredBoxBdyMore {
  padding: 0px 14px 3px 0px;
  text-align: right;
}

.featuredBoxBdyMore a {
  padding: 0px 9px 0px 0px;
  font-weight: bold;
  font-size: 1.08em;
  background: url("../images/moreArrowBlue.gif") right .4em no-repeat;
}
.featuredBoxBdyMore a:link, .featuredBoxBdyMore a:visited {
  color: #114EB8;
  text-decoration: none;
}
.featuredBoxBdyMore a:hover {
  color: #114EB8;
  text-decoration: underline;
}

/* QUICK LINK */

.quickLinksBoxTop {
	height:            5px;
	font-size:         0.01em;
  /*      background-image:  url("../images/quickLinksBoxTop.gif"); */
    /*    background-repeat: no-repeat;  */
}
.quickLinksBoxBdy {
	padding:           3px 10px 3px 10px;
/*        background-image:  url("../images/quickLinksBoxMid.gif"); */
/*        background-repeat: repeat-y; */
}
.quickLinksBoxBtm {
	height:            5px;
	font-size:         1em;
 /*        background-image:  url("../images/quickLinksBoxBtm.gif");*/
 /*        background-repeat: no-repeat;*/
}

.quickLinksBoxBdyContent {
	width: 346px;
}
.quickLinks2BoxTop {
	height:            5px;
	font-size:         0.01em;
}
.quickLinks2BoxBdy {
	padding:           3px 10px 3px 10px;
}
.quickLinks2BoxBtm {
	height:            5px;
	font-size:         1em;
}
.quickLinks2BoxBdyContent {
	width: 337px;
}
table.quickLinksTbl {
	width:   100%;
	border-style:    solid;
	border-width:    0;
	border-color:    red;
	border-collapse: collapse;
}
tr.quickLinkRow {
	border-style: solid;
	border-width: 0;
	border-color: red;
}
td.quickLinkCell {
	border-style: solid;
	border-width: 0;
	border-color: red;
    vertical-align: top;
}
.quickLinksItem {
	padding: 0px 0px 0px 9px;
	font-size: 0.92em;
	background: url("../images/quickLinkBullet.gif") no-repeat left 3px;
}
a.quickLink:link, a.quickLink:visited, a.featuredLink:link, a.featuredLink:visited, a.bbLink:link, a.bbLink:visited {
	color:           #114EB8;
	text-decoration: none;
}
a.quickLink:hover, a.featuredLink:hover, a.bbLink:hover {
	color:           #114EB8;
	text-decoration: underline;
}
a.dirMsgLink:link, a.dirMsgLink:visited {
	color:           #114EB8;
	text-decoration: none;
}
a.dirMsgLink:hover {
	color:           #114EB8;
	text-decoration: underline;
}
.quickLinkBullet {
	margin-top:   3px;
    margin-right: 3px;
}

/*HOME BANNER STYLES*/
#home-banner-container {
	width:930px;	
}


#home-slide {
	width:930px;
	height: 240px;
	
	
}

#home-slide .slide {
	width:930px;
	height:240px;
	/*position:absolute;*/
	}

#home-slide img {
	border:0;
}

#nav {
	z-index:100; position:absolute; bottom:10px; right:5px;
}

#nav a:link {
	display:block;
	height:20px;
	width:20px;
	font-size:11px;
	padding:2px;
	text-align:center;
	background:#fff;
	border:1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	color:#ccc;
	float:left;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 5px 0 0;
}

#nav a:hover {
	background:#ccc;	
	color:#fff;
	border:1px solid #ccc;
}

#nav a.activeSlide {
	color:#fff;
	background:#ccc;	
	border:1px solid #ccc;
}