/*global*/ A:link {text-decoration:underline; color:#000;} A:visited {text-decoration:underline; color:#000;} A:hover {text-decoration:none;} A:active {text-decoration:underline;} .bold {font-weight:bold;} .left {background-position:0 50%; background-repeat:no-repeat;} .right {background-position:100% 50%; background-repeat:no-repeat;} .rule {border-bottom:none; margin:4px 20px 4px 20px;} .note {font-size:10px; color:#666;} BODY {background-color:#34689A; font-family:arial; font-size:12px;} H2 {font-size:14px; font-family:arial; color:#0c479d;} #col-1 {width:240px;} #col-2 {width:720px;} /* #col-3 {width:360px;}*/ #container {text-align:center;} #containingTable {width:960px; margin:auto; text-align:left;} /*header*/ #header {height:65px; background-color:transparent;} #header H1 {font-size:21px; margin:12px 0 0 20px; font-family:arial; color:#fff; font-weight:normal;} #header H2 {font-size:14px; margin:0 0 0 20px; font-weight:bold; color:#fff; font-family:arial;} #header #headerLogo {float:right; margin-top:15px} /* Marketing and Nav */ #marketingAndNav {height:294px; background-color:#f0f1f3;} #marketingAndNav #advisorImage {margin:20px 0 0 20px;} #marketingAndNav #contactMeButton {margin:10px 0 0 20px;} /*navigation*/ #nav {margin:auto;} #navigation {background:url('../../images/TG1-nav-background.gif') repeat-x;} #navigation TD {vertical-align:middle; text-align:center; font-weight:bold; font-size:11px; text-transform:uppercase; background:url('../../images/TG1-navigationDivider.gif') no-repeat 0 50%;} #navigation A, #navigation A:hover {color:#F49405; text-decoration:none; display:block; width:100%; line-height:12px;} #navigation UL {list-style-image:none; list-style-type:none; margin:0; padding:0;} #navigation LI {padding:3px 0;} #navigation LI.singleLineAnchor {padding:8px 0 10px 0;} .ie6.TG #navigation LI.singleLineAnchor {padding:8px 0;} #navigation A SPAN {padding:0 20px; display:block;} #navigation TD.first {background-image:none;} #navigation UL LI {display:block; position:relative;} #navigation UL LI A, #navigation UL LI A:hover {position:relative; text-decoration:none; display:inline; color:#F49405;} #navigation UL LI LI {height:auto; float:none; padding:4px 0; color:#F49405; background-color:#30608E;} #navigation UL LI LI A, #navigation UL LI LI A:hover {text-transform:none; font-weight:bold; display:block; padding:0 4px;} #navigation UL LI.subNavigation {position:relative;} #navigation UL LI.over LI.subNavigation UL {display:none;} /*hack for IE6 only*/ #navigation UL LI.subNavigation UL {display:none; position:absolute; left:100%; top:0;} #navigation UL LI.subNavigation:hover UL, #navigation UL LI.over LI.subNavigation.over UL {display:block;} #navigation UL LI.subNavigation UL LI {width:auto;} #navigation UL UL {top:100%; width:180px; height:auto; background-color:#30608E; border-bottom:1px solid #30608E;} .ie6.TG #navigation UL UL {border-top:1px solid #02172A;} .ie6.TG #navigation UL UL UL {border-top:none;} #navigation UL UL LI {border-left:1px solid #30608E; border-right:1px solid #30608E; padding:4px 0;} #navigation UL UL LI:hover {background-color:#30608E;} #navigation UL UL LI:hover A, #navigation UL UL LI.over A, #navigation UL UL LI A:hover, #navigation UL UL LI.over A:hover {color:#fff;} #navigation UL UL LI:hover LI A, #navigation UL UL LI.over LI A {color:#F49405;} #navigation UL UL LI LI:hover A, #navigation UL UL LI.over LI.over A {color:#fff;} .longNavLinks {white-space:nowrap; position:relative;} /*leftBar*/ .leftBarTop {background:url('../../images/TG1-leftBar-background.gif') no-repeat 0 0; height:10px; margin-left:20px; margin-right:20px; width:200px;} #leftBar {background:url('../../images/TG1-leftBar-background-gradient.gif') repeat-x #ADC2D7; font-size:11px; color:#fff;} #leftBar P {margin:4px 14px 0 14px;} #leftBar UL {margin:4px 14px 0 4px; list-style-type:none; padding-left:0;} #leftBar UL.accountAccess {font-weight:bold;} #leftBar LI {padding-left:10px; background:url('../../images/TG1-arrow-orange.gif') no-repeat 0 4px;} #leftBar H2 {margin-left:14px; color:#F49405;} #leftBar A:link, #leftBar A:visited, #leftBar A:hover, #leftBar A:active {color:#fff; text-decoration:none;} #leftBar A:hover {text-decoration:underline;} #leftBar P.financialAdvisor {font-size:11px; font-weight:bold; padding:12px;} #leftBar P.financialAdvisor A, #leftBar P.financialAdvisor A:link #leftBar P.financialAdvisor A:visited, #leftBar P.financialAdvisor A:hover, #leftBar P.financialAdvisor A:active {color:#000;} #contactInfo, #emailNewsletter, #video, #friend, #apl, #accountAccess, #calculators, #clientCenter {background:url('../../images/TG1-leftBar-background.gif') no-repeat 0 100%; padding-bottom:10px; padding-right:8px; margin-left:20px} /*dropShadow*/ #dropShadow {background:url('../../images/TG1-content-dropshadow.gif') repeat-x #fff; height:25px;} /*rightBar*/ #rightBar {font-size:12px; background-color:#fff; padding:0 25px;} #rightBar H2 {margin:25px 0 10px 0;} #rightBar H2.firstH2 {margin-top:0;} #rightBar P {margin:0 30px 15px 0;} #rightBar LI {margin-left:22px;} #rightBar UL {margin:6px 30px 0 10px;} #rightBar DIV.rule {height:15px; color:#fff;} #rightBar TABLE {width:100%;} .rightBarContent {margin-bottom:20px;} /*open and close*/ .closed DIV {display:none;} .open DIV {display:block;} IMG.toggleDiv {background-image:url('../../images/TogglePlusMinus.gif'); height:10px; width:10px; margin-right:5px;} .open IMG.toggleDiv {background-position:-100px 0;} .open IMG.toggleDiv:hover {background-position:-150px 0;} .closed IMG.toggleDiv {background-position:0 0;} .closed IMG.toggleDiv:hover {background-position:-50px 0;} /*footer*/ #footer {background-color:#fff; font-size:10px; color:#666; padding-bottom:30px; padding-top:50px;} #footer P {margin:6px 25px;} #footer .rule {display:none;} /* subPage */ /*global*/ #subPage A {text-decoration:underline; color:#0c479d;} #subPage A:hover {text-decoration:none;} #subPage .rule {border-bottom:1px solid #B1C6D8; margin:10px 100px 20px 25px;} #subPage .note {font-size:10px; color:#666;} BODY#subPage {background-color:#34689A; font-family:arial; font-size:12px;} #subPage H2 {font-size:14px; font-family:arial; color:#ff9900;} #subPage #col-1 {width:197px;} #subPage #col-2 {width:763px;} #subPage #containingTable {width:960px; margin:auto;} #subPage TD {font-size:12px;} #subPage .staffName {font-weight:bold; margin-right:50px;} /*header*/ #subPage #header {background:url('../../images/TG1-marketingAndNav-background.jpg') repeat-x 0 0; height:222px;} #subPage #header H1 {font:bold 19px arial; color:#0A3B6D; margin:20px 0 0 10px;} #subPage #header H2 {font:bold 13px arial; color:#0A3B6D; margin-left:10px;} #subPage #header #headerLogo {float:right; margin:24px 30px 0 0;} #subPage #header #advisorImage {border:1px solid #fff; margin:30px 35px 0 30px;} #subPage #header #advisorTitle {height:60px;} #subPage #marketingAndNav {width:100%; height:auto; background-color:transparent;} #subPage #contactMarketing {width:100%; height:124px; background:url('../../images/TG1-contactInfo-cap.gif') no-repeat 0 0; padding-bottom:4px;} #subPage #contactInfo {font-size:11px; width:250px; height:124px; background-image:none; padding-bottom:0; margin-left:0;} #subPage #contactInfo P {margin:0 0 0 15px;} #subPage #contactMeButton {margin-left:15px; margin-top:6px;} #subPage #marketingImage1 {float:right; margin-right:31px; padding:0;} /*navigation **SAVE THIS** #subPage #navigation {background:url('../../images/TG1-nav-background-sub.gif') no-repeat 0 3px; height:24px; vertical-align:middle; height:29px;} #subPage #navigation UL {list-style-type:none;} #subPage #navigation UL LI A {margin:0 9px; font-weight:bold; font-size:11px;} #subPage #navigation LI {float:left; background-position:0 8px;} #subPage #navigation LI UL {position:absolute;} #subPage #navigation LI A.first {border:none; margin-left:10px;} #subPage #navigation LI A.last {border:none; margin-left:12px;} #subPage #navigation LI:hover A.last {background-color:transparent;} #subPage #navigation UL LI LI {height:auto; float:none; padding:4px 0; background-color:#30608E;} #subPage #navigation UL LI LI A {margin:0;} #subPage #navigation LI LI:hover {background-color:#30608E;}*/ /*navigation*/ #subPage #nav {margin-left:4px;} #subPage #navigation {background:url('../../images/TG1-nav-background-sub.gif') no-repeat 0 0;} #subPage #navigation LI {padding:3px 0;} #subPage #navigation LI.singleLineAnchor {padding:9px 0;} #subPage.blah.TG #navigation LI.singleLineAnchor {padding:8px 0;} /*hack for IE6 only*/ #subPage #navigation A SPAN {padding:0 8px 0 9px; display:block;} #subPage #navigation TD {font-size:11px; background-position:0 55%;} #subPage #navigation UL {list-style-type:none;} #subPage #navigation LI UL {position:absolute;} #subPage #navigation LI:hover A.last {background-color:transparent;} #subPage #navigation UL LI LI {height:auto; float:none; padding:4px 0; background-color:#30608E;} #subPage #navigation UL LI LI A {margin:0; padding:0 4px;} #subPage #navigation LI LI:hover {background-color:#30608E;} #subPage.ie6.TG #navigation UL UL {border-top:none;} /*leftBar*/ #subPage #leftBar {font-size:11px; color:#000; background:url('../../images/TG1-body-background-sub.jpg') repeat-x #fff 0 -222px; padding-left:0;} #subPage #leftBar P {margin:0 28px 4px 28px;} #subPage #leftBar UL {margin:0 20px 4px 16px; padding-left:0;} #subPage #leftBar LI {padding-left:10px; background:url('../../images/TG1-arrow-orange-sub.gif') no-repeat 0 4px; list-style-type:none;} #subPage #leftBar H2 {padding:4px 0 4px 28px; margin:12px 0 0 0; color:#ff9900; background:url('../../images/TG1-leftBar-background-sub.gif') no-repeat 12px 0; font-size:12px;} #subPage #leftBar H2.firstH2 {margin-top:8px;} #subPage #leftBar A:link, #subPage #leftBar A:visited, #subPage #leftBar A:hover, #subPage #leftBar A:active {color:#000; text-decoration:none;} #subPage #leftBar A:hover {text-decoration:underline;} #subPage #emailNewsletter, #subPage #video, #subPage #friend, #subPage #apl, #subPage #accountAccess, #subPage #calculators, #subPage #clientCenter {background:url('../../images/TG1-leftBar-background-sub.gif') no-repeat 12px 100%; padding:4px 0; margin-left:0;} /* Remove the leftbar from certain pages */ .HistoricalTimeline #leftBar, .LongevityGame #leftBar {background-image:none;} .HistoricalTimeline #leftBar *, .LongevityGame #leftBar * {display:none;} .HistoricalTimeline #col-1, .LongevityGame #col-1 {width:10px!important;} /* end leftbar removal */ /*frameHead*/ #subPage #frameHead {background:url('../../images/TG1-content-frameHead-sub.gif') no-repeat 0 6px; height:15px;} /*centerBar*/ #subPage #centerBar {font-size:12px; background-color:transparent; padding:0; border:none; background:url('../../images/TG1-body-background-sub.jpg') repeat-x #fff 0 -222px;} #subPage #centerBar H1 {margin:0 0 6px 0; font-size:16px; color:#0c479d;} #subPage #centerBar H2 {margin-left:0; color:#0c479d;} #subPage #centerBar H2 A {color:#0c479d; text-decoration:none;} #subPage #centerBar H2.firstH2 {margin:0 0 15px 0;} #subPage #centerBar H3 {margin:0 0 8px 0; font-size:13px;} #subPage #centerBar H4#breadCrumb {margin:0 0 10px 0;} #subPage #centerBar P {margin:0 0 15px 0;} #subPage #centerBar TD.staff {padding-bottom:20px;} #subPage #centerBar UL {margin:0 0 12px 30px; padding-left:0;} BODY.associates #centerBar IMG.left {float:right; margin:10px;} #subPage.associates #centerBar H2 {color:#000; font-weight:bold; font-size:12px; margin:25px 0 15px 0;} #subPage.associates #centerBar H2 A {color:#0C479D; font-weight:bold; font-size:12px; text-decoration:underline;} #subPage.associates #centerBar A, #subPage.associates #centerBar A:link, #subPage.associates #centerBar A:hover, #subPage.associates #centerBar A:visited {color:#0C479D; font-weight:bold;} #subPage #centerBar #sideBar {display:none;} #subPage #centerBar #advisorContent {font-size:12px; background:url('../../images/TG1-content-background-sub.gif') repeat-y transparent; min-height:480px; padding:10px 55px 10px 25px;} #subPage.ie6.TG #centerBar #advisorContent {height:480px;} /*hack for IE6 only*/ #subPage #advisorContent {margin:0;} #subPage #advisorContent TABLE {width:auto;} #subPage.contactUs #centerBar #advisorContent TABLE {width:480px;} #subPage #centerBar #advisorContent IMG.left {float:right; margin-right:0;} #subPage.articles #contentBox UL {list-style-type:none;} #subPage.articles #contentBox UL LI {float:left; margin-right:20px; width:275px;} #subPage.contactUs #contentBox UL {list-style-type:none; margin-top:15px;} #subPage.contactUs #contentBox H1 {margin-bottom:10px;} #subPage.contactUs #contentBox H2 {font-size:12px; font-weight:normal; color:#000; margin-top:0;} /*frameFoot*/ #subPage #frameFoot {background:url('../../images/TG1-content-frameFoot-sub.gif') no-repeat 0 0; height:15px;} /* Remove the leftbar from certain pages means we need to fix some things w/ the centerbar */ .HistoricalTimeline #col-2, .LongevityGame #col-2 {width:auto!important;} .HistoricalTimeline #centerBar #frameHead, .LongevityGame #centerBar #frameHead {background-image:url("../../images/TG1-content-frame-sub-wide.gif");} .HistoricalTimeline #centerBar #advisorContent, .LongevityGame #centerBar #advisorContent {background:url("../../images/TG1-content-frame-sub-wide.gif") repeat-y -1000px 0!important;} .HistoricalTimeline #centerBar #frameFoot, .LongevityGame #centerBar #frameFoot {background:url("../../images/TG1-content-frame-sub-wide.gif") 0 100%;} .HistoricalTimeline #centerBar #frameHead, .LongevityGame #centerBar #frameHead {width:940px;} /* this is here because IE7 misbehaves */ /* end fix for leftbar removal */ /*open and close*/ #subPage .closed DIV {display:none;} #subPage .open DIV {display:block;} #subPage IMG.toggleDiv {background-image:url('../imagestogglePlusMinus.gif'); height:10px; width:10px; margin-right:5px;} #subPage .open IMG.toggleDiv {background-position:-100px 0;} #subPage .open IMG.toggleDiv:hover {background-position:-150px 0;} #subPage .closed IMG.toggleDiv {background-position:0 0;} #subPage .closed IMG.toggleDiv:hover {background-position:-50px 0;} /*footer*/ #subPage #footer {background-color:#fff; font-size:10px; color:#666; padding-bottom:30px; padding-top:50px;} #subPage #footer P {margin:6px 25px;}