/******************************************************************************* LAYOUT INFORMATION: Layout styles *******************************************************************************/ body {margin: 0px; background-color: #000000; font-size: 95%; font-family: Arial, Verdana; background-color: #000000; background-image: url(images/images/bgImgs/sc_bg_grad940pxSide.jpg); background-repeat: repeat-x;} #container {width: 900px; margin-left: auto; margin-right: auto; background-image:url(images/images/bgImgs/sc_bg_grad940px.jpg); background-repeat:repeat-x; text-align:left; height:100%; padding-left: 20px; padding-right:20px;} #content {width: 92%; background-color: #FFFFFF; padding: 2% 4% 2% 4%;} #mastHead {background-image: url(images/images/mastHeader.jpg); background-repeat: no-repeat; height: 115px; width: 100%; float: left; background-color:#000000;} #bodyContentOutline {width: 100%; font-size: 12px; float: left;background: #FFFFFF;} #bodyContentOutline2 {width: 92%; float: left;background: #000000; border: 1px solid #383838; padding: 2% 4% 2% 4%; text-align:center;} .mainContent {width: 100%; height: 258px; background-image: url(images/images/middleImg.jpg); float: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto} .break {clear:both; font-size:1px;} #container .menuBg {background-color: #000000; width: 100%; float: left;} #quoteModule {display: block; width: 900px; background-color: #000000; height: 45px; float: left;} #quoteModuleAlt {width: 100%; background-color: #000000; float: left; padding:3px; padding: 1% 0 1% 0; height: 45px;} #printTools {color: #FFFFFF; width: 30%; float: right; height: 15px; padding-top: 5px; text-align: right} /******************************************************************************* LAYOUT INFORMATION: Swoop styles, home pages *******************************************************************************/ .swoopBarrons {position: absolute; margin-top: 10px; right: 30px; width: 90px;} .swoopTwitter {position: absolute; margin-top: 10px; right: 30 0px; width: 90px;} .swoopIntegrity {display: block; position: absolute; height: 46px; width: 179px; top: 440px; right: 236px} .swoopTrust {display: block; position: absolute; height: 32px; width: 179px; top: 486px; right: 236px} .swoopPeople {display: block; position: absolute; height: 34px; width: 179px; top: 517px; right: 235px} .swoopBottom {display: block; position: absolute; height: 59px; width: 179px; top: 551px; right: 235px} #integrity {margin: 0px; display: block;} #midMenu {display: inline; position: absolute; z-index: 15; top: 208px; right: 154px; text-align: right} #midMenuItem {font-size: 16px; color: #0a97eb; font-weight: bold} #midMenuItemEsop {font-size: 16px; color: #FFFF00; font-weight: bold} .midMenuItemEsop a {color: #FFFF00; font-weight: bold; text-decoration: none} .midMenuItemEsop a:active {color: #FFFF00; font-weight: bold} .midMenuItemEsop a:hover {color: #FFFFFF; text-decoration: none} .midMenuItem a:active {text-decoration: none; color: #9acdff} .midMenuItem a {color: #9acdff; text-decoration: none;} .midMenuItem a:hover {color: #eeFFFF; text-decoration: none;} #midMenuInvest {display: inline; font-weight: bold; text-align:right; margin:.1em 1.3em 0 0} #midMenuEsop {display: inline; font-weight: bold; text-align: right; margin:.1em 1.8em 0 0} #midMenuOpen {display: inline; font-weight: bold;text-align:right; margin:.1em 2em 0 0} #midMenuWhy {display: inline; font-weight: bold;text-align:right;} #midMenuTools {display: inline; font-weight: bold;text-align:right; margin: .1em 2.5em 0 0} #midMenuAbout {display: inline; font-weight: bold; text-align:right; margin: .1em 3.5em 0 0} #midMenuYou {display: inline; font-weight: bold; text-align:right; margin: .1em 5.5em 0 0} .navTable {margin: 0 0 0 38em; width: 25%; text-align: right;} #midMenuInstitute {display: inline; font-weight: bold; text-align:right;} .changeImg {display: block; width: 400px; z-index: 4; top: 0px; position: relative; left: 147px;} .selectNav {position: absolute; right: 0px; display: block; top: 385px;} .selectNavItem {position: absolute; width: 179px; right: 0px; float: right;} .selectNavItem-node {display: inline; margin: 0px; padding: 0px;} /* show styles for bottom menu */ #showInvest {position: absolute; width: 400px; top: 149px; left: 5px; visibility: hidden; z-index: 20;} #showOpen {position: absolute; width: 400px; top: 149px; left: 5px; visibility: hidden; z-index: 21} #showWhy {position: absolute; width: 400px; top: 149px; left: 5px; visibility: hidden; z-index: 22;} #showAbout {position: absolute; width: 400px; top: 149px; left: 5px; visibility: hidden; z-index: 23;} #showTools {position: absolute; width: 400px; top: 149px; left: 5px; visibility: hidden; z-index: 24;} #show_Invest {position: absolute; width: 400px; top: 149px; left: 5px; visibility: hidden; z-index: 24;} #showHeader {font-family: Arial, Helvetica, sans-serif; font-size: 33px; font-weight: normal; color: #a17c55; top: 0px;} #showContent {width: 100%;} #swoopGraphic {width: 99%; float: left; border-left: #333333 1px solid; border-right: solid #333333 1px;} .blueSwoopTable {display: block; width: 180px; float: left; margin-left: 0px; position: absolute; top: 410px; left: 547px} .blueSwoopTableRt {display: block; float: left; width: 450px} /******************************************************************************* LAYOUT INFORMATION: Footer layouts *******************************************************************************/ #disclaimerSecAlt {width: 100%; background-color: black; border: 1px solid #999999; color: #FFFFFF; display: block; padding: 10px; margin: 5px} #footer-nav {background-color: black; text-align: center; padding: 1% 4% 0 4%; float: left; width: 92%; border: 1px solid #383838;} #copyright {font-size: 9px; color: #999999; text-align: left; padding: 1% 4% 5% 4%; width: 92%;} #copyright a {color: #999999} #copyright a:hover {color: #CCCCCC} #footerTxt {font-size: 12px; color: #999999; text-decoration: none; line-height: 18px; font-weight:bold;} #footerTxt a {color: #999999; text-decoration: none; font-weight: normal;} #footerTxt a:hover {color: #FFFFFF} /* bottom swoop graphics */ .sideMenu {width: 159px; float: right; margin-right: 15px; margin-top: 15px;} /*********************************** Login form styles ***********************************************/ #mastHead .apply {position: relative; z-index: 16; top: 15px; left: 350px; width: 100px; float: left;} #mastHead .ideas {float: left; width: 180px; position: absolute; z-index: 15; left: 440px; float: left;} #mastHead .liveChat {position: relative; z-index: 17; top: 0px; left: 400px; width: 180px; height: 108px; float: left;} #mastHead .loginAccount {position: relative; z-index: 18; top: 0px; left: 420px; width: 180px; height: 105px; float: left;} #mastHead .loginAccount2 {position: relative; z-index: 19; top: 0px; right: 320px; width: 180px; height: 105px; float: left;} #login {font-size: 12px;color: #FFFFFF;background-color: #000000;background-image: url(images/images/bgImgs/loginOut.gif);background-repeat: no-repeat;display: block;height: 105px;width: 160px;margin: 0px;top: 0px; float: left;} #loginAccountRt {display: block; float: left; width: 175px; z-index: 15} .text-field {border:1px solid #236499; background-color:#9a9b96; width:100px; height:15px; color:#236499; font-size: 10px} .formHeadBar {font-size: 12px;font-style: normal;font-weight: bold;color: #FFFFFF; text-decoration: none;float: left; color: #FFFFFF; margin-top: 3px; margin-left: 10px; background-color: #000000; width: 125px} .formTxtBar {font-size: 10px;font-weight: normal;color: #FFFF00;text-decoration: none;margin-left: 4px;margin-top: 10px; width: 300px; float:left} #quoteModuleBar {background-color: #000000;width: 550px; float: left; margin-bottom:5px} #sideQuote {padding: 0px;} .formHeadSide {font-size: 12px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; width: 175px; float: left; color: #FFFFFF; display: block; margin-left: 0px; background-color: #000000} .formTxt {font-size: 10px; font-weight: normal; color: #FFFF00; text-decoration: none; margin-left: 4px; margin-top: 2px} #quote {font-weight: bold; margin-left:5px; margin-right:3px} .formTxt {font-size: 10px; font-weight: normal; color: #FFFF00; margin-left: 0px} .formTxt a: hover {color: #fff; text-decoration:underline} .formHeadAlt {color: #FFFFFF; text-decoration: none; float: left; color: #FFFFFF; margin: 3px 0 5px 10px; font-weight:bold;} .formHead {font-weight: bold; color: #FFFFFF; text-decoration: none; width: 450px; float: left; color: #FFFFFF; display: block; margin-top: 3px; background-color: #000000} .toolsLayout {margin-top:15px; position:absolute; right: 57px;} .toolsLayoutMain {margin-top:5px; position:absolute; right: 30px;} #login a {color: #FFFF00; margin-left: 10px} #login .text-field {color: #333333; background-color: #fce3cf; margin-left: 10px; margin-top: 5px;} #login .loginTxt {margin-top: 5px; margin-left: 15px; font-weight: bold;} /*********************************** Body layout styles ***********************************************/ .break {clear:both; font-size:1px;} #column-third {width: 30%; padding: 1%; float: left} #column-third-nopad {width: 30%; padding: 1%; float: left} .divider {background: url(images/images/divider.gif) repeat-y 295px 0} #column-third-border {width: 30%; padding: 0 1% 1% 1%; float: left; border:solid 1px #F5F5F5; background-color: #f1f1f1;} #column-third-border p {color: #555555; margin-top: .3em;} #column-third-border a {color: #1990f5} #column-two-third {width: 61%; padding:0 1% 1% 1%; float: left;} #imgContent {width:100%; height: 200px;} #column-two-third ul li {color: #666666; line-height:21px; list-style-image: url(images/grey_arrow.gif); line-height: 2em;} #column-third a {text-decoration:none; font-size:inherit;} #column-third a:hover {color: #C9AF92;} /*********************************** Invest layout styles ***********************************************/ #investContainTemp {background-image: url(images/images/bgImgs/leftnavTanBG.gif);background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF; padding: 1%; width: 45%; float: left; margin:1%; height:300px} #investContainTemp p {line-height: 18px; margin: 3px 8px 5px 8px; color: #000000; font-size: 12px;} #investContainTemp a {color: #1990f5; font-size: 10px;} .sideNavAdBoxHead {margin: 2px 5px 8px 8px; color: #A17C55; font-weight:bold; font-size: 16px; border-bottom: solid 1px #F5D5B8; padding-bottom: 4px} #investContainPass {background-image: url(images/images/bgImgs/leftnavTanBG.gif); background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF;display: block;padding: 5px;width: 100%; float: left; margin-top:5px; height:340px} #investContainPass p {line-height: 18px; margin: 3px 8px 5px 8px; color: #000000; font-size: 12px;} #investContainPass a {color: #1990f5; font-size: 10px;} .sideNavAdBoxHead {margin: 2px 5px 8px 8px; color: #A17C55; font-weight:bold; font-size: 16px; border-bottom: solid 1px #F5D5B8; padding-bottom: 4px} /*********************************** About citizenship styles ***********************************************/ #contentBox {background-color:#F1F1F1; border: 1px solid #E5E5E5; padding: 1%; float:left; margin: 1% 0 1% 0 ; width: 95%} .contentImg {border: 1px solid #FFF; float:left; background-color:#FFFFFF} .ImgBreak {margin: 0;} #contentBox h3 {color: #0e3c76; font-weight:bold;} #contentBox p {color:#7c4e64; line-height: 1.5em;} .contentBoxTextBlock {float:left; margin-left:1em; width: 60%;} /*********************************** Research styles ***********************************************/ #contentBoxResearch {background-color:#F1F1F1; border: 1px solid #E5E5E5; padding: 1%; margin: 1%; width: 100%; float:left;} .contentImgResearch {border: .3em solid #FFF; float:left; background-color:#FFFFFF;} .ImgBreakResearch {margin: 0;} #contentBoxResearch h3 {color: #0e3c76; font-weight:bold;} #contentBoxResearch p {color:#7c4e64; line-height: 1.2em; margin: .2em 0 .5em 0;} #contentBoxResearch a {margin: .5em 0 .3em 0;} .contentBoxTextBlockResearch {float:left; width: 53%; padding-left: .5em;} /*********************************** Confirm styles ***********************************************/ .columnConfirm { float: left; width: 31%; padding: 1%;} .clearfloat {font-size: 1px; line-height: 0px; clear: both; height: 0px;} .contentImgConfirm {border: .3em solid #FFF; float:left; background-color:#FFFFFF;} #sideMenu {width: 180px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; float: left} .pageHeader {width: 650px; margin-top: 0px; margin-left: 0px; position: relative; left: 150px;} #mainContent {width: 350px; margin-left: 192px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC} .oneThirdBox {display: block; width: 225px; border-right: solid 1px #e3d7cd; line-height: 18px; float: left} .oneThirdHead {padding: 3px; width: 219px} .oneThirdBody {display: block; padding: 3px; width: 219px; line-height: 18px} .twoThirdBox {line-height: 18px; display: block; background-color: #e1e1e1; float: left; width: 456px} .twoThirdHead {background-color: #999999; padding: 3px; width: 450px} .twoThirdBody {display: block; padding: 3px; width: 450px; line-height: 18px} .pageImg {clear: right; float: left; padding-top: 0px; padding-right: 15px; padding-bottom: 8px; padding-left: 8px;} .fullBox {padding: 5px; float: left; width: 670px} .fullBoxBody {width: 660px; font-size: 12px; line-height: 16px; margin-bottom: 8px} .fullBox p {font-size: 12px; line-height: 16px; color: #666666} .fullBox a {font-size: 12px; font-weight: bold; color: #1990f5} #investContainer {background-color: #F1F1F1; display: block; margin: 5px; padding: 5px; height: 350px; width: 250px; border: 1px solid #DDDDDD; float: left} #investContainerLarge {background-color: #F1F1F1; display: block; margin: 5px; padding: 5px; height: 450px; width: 250px; border: 1px solid #DDDDDD; float: left;} #investContainerWide {background-color: #F5F5F5; display: block; padding: 5px; width: 857px; border: 1px solid #DDDDDD; float: left; margin-top:15px} #re-wide {padding: .5em; width: 100%; border: 1px solid #DDDDDD; float: left; margin-top:0em; background-image:url(images/topShade.jpg); background-repeat:repeat-x} #re-wide li {color: #444444; line-height: 2em; list-style-image: url(images/block.gif)} #re-wide ul {line-height:1em; margin: .1em 0 0 0;} #re-wide h4 {margin: 1.6em 0 .5em 0; color:#444444;} #re-wideConfirm {padding: .5em; width: 100%; float: left; margin-top:0em; background-image:url(images/topShade.jpg); background-repeat:repeat-x; margin-bottom: 1em;} #re-wideConfirm li {color: #444444; line-height: 2em; list-style-image: url(images/block.gif)} #re-wideConfirm ul {line-height:1em; margin: .1em 0 0 0;} #re-wideConfirm h4 {margin: 1.6em 0 .5em 0; color:#444444;} #re-widePlain {float: left; margin-top:1.5em; line-height:.3em} #re-widePlain li {color: #666666; line-height:21px; list-style-image: url(images/grey_arrow.gif)} #re-body {float:left; margin:.3em .3em .1em 0; width:80% } #re-body li {color: #666666; line-height: 1.2em; list-style-image: url(images/grey_arrow.gif)} #re-third {float:left; margin:5px 0 5px 0; display:block; width:520px} #re-third li {line-height:21px; list-style-image: url(images/grey_arrow.gif)} #textColumn {display: block;margin: 0px; float: left; height: 275px; width: 310px} #mainContainer {display: block; margin: 5px; padding: 5px; float: left; width: 880px} .containerText {font-weight: normal;color: #666;} .technology {cursor: pointer;font: Normal 14px Verdana;margin: 10px 0;padding:5px;color:#A17C55;border-bottom:solid 1px #CCCCCC} /******************************************************************************* LAYOUT INFORMATION: Lines and layout stles *******************************************************************************/ .dkGrey-line-greyBg {background-color: #d1d1d1; margin: 0px; width: 100%; border-top: solid 5px #F1F1F1;border-bottom: solid 8px #F1F1F1} .grey-line-pr {background-color:#d5d5d5; width:100%;height:1px; border-top:8px solid white; border-bottom:5px solid white; margin:0} .grey-line-light-pr {background-color:#FFFFFF;width:100%; height:1px; border-top:8px solid white;border-bottom:5px solid white; margin:0} .grey-line-grey-pr {background-color:#D1D1D1;width:100%; height:1px; border-top:8px solid #F1F1F1;border-bottom:5px solid #F1F1F1; margin:0} .tan-line-pr {background-color:#cccccc; width:100%; height:1px; border-top:10px #c5c5c5; border-bottom:8px #c5c5c5; margin:0} .bodyImg {margin: 0px;} .highlightBG {background-color: #FDFAF3;display: block;width: 98%;padding: 5px;text-align: left;border: 1px solid #CCCCCC;} /******************************************************************************* LAYOUT INFORMATION: disclaimer styles *******************************************************************************/ .finePrint {font-size: 10px; font-weight: normal; line-height: 12px; margin-top: 3px;} #disclaimerSec {float: left;width: 100%; margin: 0 auto 12em auto; text-align: center; background-color:#000000; border-left: solid 1px #333333; border-right: solid 1px #333333; border-bottom: solid 1px #333333;} #disclaimerSecMall {display: block; float: left; width: 880px; margin-top: 3px} #disclaimerSec .disclaimerSecTxt {font-size: 12px; color: #666666; margin: 3px; font-weight: normal;} #disclaimerSec .disclaimerSecTxt a {color: #666666;text-decoration: none} #disclaimerSec .disclaimerSecTxt a:hover {color: #CCCCCC} #disclaimerSecBuffer {margin-top; 14em; font-size:0em;} #disclaimerSecTxtBlack {font-size: 12px; color: #333333; margin: 3px; font-weight: bold;} #disclaimerSecTxtBlack a:hover {color: #666666;} #disclaimerSecTxtBlack a {color: #666666;text-decoration: none;} #disclaimerSecAlt {display: block; margin: 5px; width: 868px; border: 1px solid #ccc} #disclaimerSecMallAlt {display: block; float: left; width: 100%; margin-top: 3px; padding: 20px} #disclaimerSecAlt .disclaimerSecTxt {font-size: 12px; color: #666666; margin: 3px; font-weight: normal} #disclaimerSecAlt .disclaimerSecTxt a {color: #666666; text-decoration: none} #disclaimerSecAlt .disclaimerSecTxt a:hover {color: #cccccc} .disclaimer_font {color: #696969; font-style: normal; font-weight: normal; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica; text-decoration: none } #iconMenu {display: block; padding: 5px; width: 100px; position: absolute; z-index: 50; right: 20px; top: 480px} .menuTable {background-color: #FFFFFF; border: 1px solid #CCCCCC} #middleMenu {margin: 0px;} /******************************************************************************* LAYOUT INFORMATION: Type styles *******************************************************************************/ p {color: black; line-height: 1em} p .highLine {line-height:16px} h1.normal {font-size:33px; font-weight:normal; color:#a17c55; margin:2px 0 16px 0; } h1.forty-five {font-size:45px;font-weight:normal;color:#a17c55;margin:0px;line-height:55px;} h1.thirty-five {font-size: 40px;line-height: 45px;font-weight: normal;margin: 0px;} h1.blue-bold {font-weight:bold; color:#83C5FF; font-size:36px; } h2.normal {font-size:14px; margin:0 0 2px 0; } h2.italics {font-style: italic;} h2.heading {color: #444444;} h3.normal {font-size:16px; margin:0 0 6px 0; color:#A17C55 !important; font-weight:normal; } h3 a {font-size:21px;margin:0 0 6px 0;color:#A17C55 !important;font-weight:normal;} h3.subhead {margin:0 0 3px 0 !important; } h3.italics {font-style: italic; line-height:1.5em; font-size: 1.2em;} h4.normal {font-size:14px;margin:0;color:#A17C55;line-height: 22px;font-weight: normal;} h4 a {color: #a17c55;} h6.normal {font-size:12px; color:#222; margin:0 0 4px 11px; } h1 {font-size: 35px;line-height: 45px;font-weight: normal;color: #87795B;margin: 0px;} h1.grey {color:#999999} h1.black {color:#000000} h1.white {color:#FFFFFF; font-weight: bold;} h2 {font-size: 25px;line-height: 30px;font-weight: normal;color: #87795B;margin: 0px;} h3 {color: #A17c55;font-size: 18px; font-weight: normal;margin-top: 0px;margin-right: 0px;margin-bottom: 2px;margin-left: 0px;} h3.white {color:#FFFFFF; line-height: 1.5em; margin-top:0%;} h3.black {color:#444444;} h3.grey {color:#999999} h4.grey {color:#666666;} h4.black {color:#000000} h4.white {color:#FFFFFF} h4 {font-size: 1.3em; color: #a17c55; margin-top: .2em; margin-bottom: .2em; line-height: 1em;} h5 {color: #a17c55;margin-top: 1px;margin-bottom: 1px;font-size: 14px;line-height: 16px;} h5 .subMenu {margin: 5px 0 5px 0; color: #a17c55;} h5.black {color: #000000;} h5.grey {color: #666666;} .colorText {color: #191a19 } /******************************************************************************* Account Requirements: Specialty styles *******************************************************************************/ #requirements {margin: 0px;} #requirements ul {margin: 0px;} #requirements li {margin: 0px;} h5.requirments {font: "Times New Roman", Times, serif; color: #000000; font-size:24px; } #requirements p {margin: 3px 0 3px 0;} /********************** Page Layout Styles *********************************/ .glossHead {color: #00194b; font-size: 15px; font-style: normal; font-weight: bold; line-height: normal; letter-spacing: 0.1em; padding: 15px 5px 5px; } .leftnav {font-family: tahoma, arial, sans-serif;font-size: 12px;font-weight: bold;color: #1990F5;line-height: 18px;} .parHeader {color: black; font-size: 16px; font-weight: bold; text-decoration: none; padding: 5px } .parBody {color: black; font-style: normal; font-weight: normal; font-size: 12px; line-height: 12px; text-decoration: none } .gloss_body {color: black; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px;text-decoration: none } .acctText {color: black;font-size: 12px;line-height: normal} .defTxt {color: black; font-size: 13px; font-weight: bold; letter-spacing: 0.1em; margin: 3px } .spacedText {font-size: 12px; font-family: Arial, Verdana, sans-serif; line-height: 14px } .indent {color: black; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: normal; line-height: 14px; text-align: left; padding: 4px 9px; border-bottom: 2px solid white } .sideBodyTxt {color: black; font-size: 12px; font-family: Geneva, sans-serif; margin: 5px; border-bottom: 1px none #d7b287 } .selectBold {color: green; font-size: 16px; font-style: italic; font-weight: bold; margin: 5px } .subMenuTxt {color: white; font-size: 10px; text-decoration: underline } .listItem {padding-top: 7px } .defBody2 {color: black; font-size: 12px; font-family: arial, sans-serif; line-height: 14pt; letter-spacing: 0.1em; margin: 6px } .listedItem {color: black; font-size: 12px; font-weight: normal; line-height: normal; white-space: normal; list-style-image: url("images/greenDiamond.gif"); display: block } .introBox {color: black; font-size: 12px; line-height: 14px; background-color: #fff; margin-top: 8px; margin-bottom: 8px; padding: 6px; border: solid 1px #f5d7be } .header {color: black; font-size: 13px; font-weight: bold; line-height: normal; text-decoration: underline; background-color: #ffebd2; display: block; padding: 4px; border-top: 1px solid #ebcdb4; border-bottom: 1px solid #ffe1c8 } .subHeader {color: #003397} .largeHeader {color: #003397; font-size: 21px; line-height: normal; padding-top: 5px } .medBody {color: black; font-size: 13px} .subMenu {color: white; font-size: 12px; font-weight: bold; text-decoration: underline } .defBody {color: black; font-size: 12px; margin: 5px } .subHeader {color: #003397} .largeHeader {color: #003397; font-size: 21px; line-height: normal; padding-top: 5px } .wideBody {color: #87795B;line-height: 18px; word-spacing: .3em; font-family: verdana;} .lineItem {color: #999999;margin-top: 5px; border-top: solid 1px #e1e1e1;padding-top:10px;padding-bottom:5px;text-align:right} .homeTableText {color: black; font-size: 11px; font-weight: bold; letter-spacing: 0.1em } .bodyContentTxt {font-size: 12px;line-height: 20px;font-weight: normal;text-decoration: none;} .bodyContentTxtGrey {font-size: 12px;line-height: 20px;font-weight: normal;text-decoration: none;color:#666666} .bodyContentTxtTight {font-size: 12px;line-height: 16px;font-weight: normal;text-decoration: none;color:#000000; margin-top: 1.2em;} .bodyContentTxtTight a {font-weight: bold;color:#0E7FCB;font-size: 10px;} .bodyContentTxtTight a:hover {font-size: 10px;line-height: 16px;font-weight: bold;color:#aaaaaa} .bodyContentTxtHead {margin-top: 8px;line-height: 16px;font-weight: normal;line-height: 10px;color:#333333; margin: 1em 0 0 0;} .bodyConHeader {font-size: 16px;color: #FFFFFF;text-decoration: none;background-color: #433C2D;display: block;margin: 1px;} .bodyConHeadTxt {font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 7px;} #bodyContTxt {color: #000000; margin: 0; list-style-type: circle;} #bodyContTxtList {width: 165px; display: block; padding: 0; margin-left: 7px;} #bodyContTxtList a {text-decoration: none; font-style: normal; color: #234C65; list-style-image: url(SpryAssets/SpryMenuBarRight.gif); list-style-position: outside;} #bodyContTxtList ul {padding: 0;list-style-type: none;float: left;margin-top: 2px;} #bodyContTxtList ul li {margin: 0;padding: 0; list-style-type: none; cursor: auto; width: 168px;} .colorText {color: #191a19 } .finePrint {color: #999999; font-size: 10px; font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 10px} .finePrint a {color: #CCCCCC;text-decoration: none;} .finePrint a:hover {color: #FFFFFF;} .finePrintCrumb {color: #999999; font-size: 10px; font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 10px} .finePrintCrumb a {color: #999999;text-decoration: none;} .finePrintCrumb a:hover {color: #cccccc;} .blockHigh {color: black; font-size: 12px; line-height: 14px; background-color: #fffaf0; padding: 8px } .botMenu {font-size: 12px; font-weight: bold; margin-bottom: 3px; padding-bottom: 5px; border-bottom: 1px solid #cdcddc } .links {color: black; font-weight: normal; line-height: normal; text-align: right; padding: 1px; width: 200px; float: right; border-color: teal } .section {padding-bottom: 22px } .introBox .acctList {padding-top: 8px; border-top: 1px dotted #f5d7be } .highlightBox {background-color: #fffaf0; padding: 5px; border-style: solid; border-width: 2px; border-color: #ebcdb4 #b99b82 #b99b82 #ebcdb4 } .acctText {color: black; font-size: 12px; line-height: normal } /* Quote media form styles Styles */ #locators {background-color: #F5F5F5;padding: 3px; border: 1px solid #ccc; font-family: Arial, Verdana, sans-serif;font-size: 12px;} #locators a {color: #0E7FCB;font-weight: bold;} #loginAccountRt #sideQuote {display: block; margin-left: 0px;} .etradeModule img {width: 400px;float: left} .glossHead {color: #039; font-size: 16px; font-style: normal; font-weight: bold; line-height: normal; text-decoration: none; padding: 15px 5px 5px; width: 350px; float: right } .gloss_body {color: black; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; text-decoration: none} .listHead {font-size: 16px; font-weight: bold; background-color: #fffaf0; margin-bottom: 5px; border-top: 1px solid #ebcdb4; border-bottom: 1px solid #ebcdb4 } .parBody {color: black; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px} parHeader {color: black; font-size: 16px; font-family: arial; font-style: normal; font-weight: bold; text-decoration: none; padding: 5px } .blockHigh {color: black; font-size: 12px; line-height: 14px; background-color: #fffaf0; padding: 8px } .botMenu {font-size: 12px; font-weight: bold; margin-bottom: 3px; padding-bottom: 5px; border-bottom: 1px solid #cdcddc } .links {color: black; font-size: 12px; font-weight: normal; line-height: normal; text-align: right; padding: 1px; width: 200px; float: right; border-color: teal } .listedItem {color: black; font-size: 12px; font-weight: normal; line-height: normal; white-space: normal; list-style-image: url(../images/grey_arrow.gif); display: block } .introBox {color: black; font-size: 12px; line-height: 14px; background-color: #fff; margin-top: 8px; margin-bottom: 8px; padding: 6px; border: solid 1px #f5d7be } .header {color: black; font-size: 13px; font-weight: bold; line-height: normal; text-decoration: underline; background-color: #ffebd2; display: block; padding: 4px; border-top: 1px solid #ebcdb4; border-bottom: 1px solid #ffe1c8 } /******************************************************************************* LAYOUT INFORMATION: Line Items, Images and selections *******************************************************************************/ #mainImage {margin-top: 0px; margin-left: 180px; position: absolute; z-index: 1;} #containerSelct {width: 785px;margin: auto;} .section {padding-bottom: 22px } .introBox .acctList {padding-top: 8px; border-top: 1px dotted #f5d7be } .highlightBox {background-color: #fffaf0; padding: 5px; border-style: solid; border-width: 2px; border-color: #ebcdb4 #b99b82 #b99b82 #ebcdb4} .spacedText {font-size: 12px; line-height: 14px } .indent {color: black; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: normal;line-height: 14px; text-align: left; padding: 4px 9px; border-bottom: 2px solid white } #mastHeadEsop {background-image: url(esop/images/images/esopMastHeader.jpg); background-repeat: no-repeat; height: 108px; width: 900px; display: block; float: left} #mainContentEsop {width: 900px; height: 258px; background-image: url(esop/images/images/esopMastImg.jpg); float: left} #menuBg {color: #CCCCCC; text-decoration: none; background-color: #000000; display: block; float: left; width: 900px; margin-top: 0px} .menuButt {background-color: #000000; text-align: center; height: 25px; width: 150px; font-size: 13px; text-decoration: none; color: #E0E0E0} .menuButt a {color: #E3E3E3; text-decoration: none; background-color: #333333} #ourFirmShow {display: block; position: absolute;z-index: 400; visibility: hidden; top: 143px; left: 0px} /******************************************************************************* LAYOUT INFORMATION: You page styles *******************************************************************************/ #iconMenu .iconImg {float: left; margin-top: 3px} #iconMenu .iconTxt {font-size: 11px; color: #FFFFFF; margin-top: 5px} #iconMenu .iconImg a {color: #FFFF00; text-decoration: underline} /******************************************************************************* LAYOUT INFORMATION: Menu fixes *******************************************************************************/ div.sdmenu {width: 270px; font-family: Arial, sans-serif; font-size: 12px; padding-bottom: 10px; background: url(bottom.gif) no-repeat right bottom; color: #fff} div.sdmenu div {background: url(title.gif) repeat-x; overflow: hidden} div.sdmenu div:first-child {background: url(toptitle.gif) no-repeat} div.sdmenu div.collapsed {height: 25px} div.sdmenu div span {display: block; padding: 5px 25px; font-weight: bold; color: white; background: url(expanded.gif) no-repeat 10px center; cursor: default; border-bottom: 1px solid #ddd} div.sdmenu div.collapsed span {background-image: url(collapsed.gif)} div.sdmenu div a {padding: 5px 10px; background: #eee; display: block; border-bottom: 1px solid #ddd; color: #066} div.sdmenu div a.current {background : #ccc} div.sdmenu div a:hover {background : #066 url(linkarrow.gif) no-repeat right center; color: #fff; text-decoration: none} #midLevelList {font-style: italic; line-height: 18px; color: #333300} #midLevelList ul {margin-left: -10px} #bodyTable {position: absolute; float: left; top: 2px; left: -13px; z-index: 1} .subMastBG {width: 99%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; color: #FFFFFF; font-size: 21px; background-color: #727771} /************************* Side navigation styles *********************************/ #sideNavAdBox {background-image: url(images/images/bgImgs/leftnavTanBG.gif); background-repeat: repeat-x;display: block;float: left ; width: 260px;background-color: #FFFFFF; background-position: bottom; padding: 5px; margin: 5px; height:340px} #sideNavAdBox p {line-height: 18px; margin: 3px 8px 5px 8px; color: #000000; font-size: 12px} /* New styles for investment page with IE7 workaround */ /******************************************************************************* LAYOUT INFORMATION: Definition tyles *******************************************************************************/ .acctDefHead {font-size: 14px; display: block; background-color: #e1e1e1; font-weight: bold; color: #333333; padding: 5px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #999999; border-bottom-color: #999999} div .acctDefLink {float:left; width:140px; margin:0; padding:5px} .acctDefLink a {color: #0e7fcb; font-weight: bold} .acctDefBody {background-color: #e1e1f0; width: 600px} .accDefLink a:hover {color: #abdae7} div .acctDefBody {margin-left:170px; padding:5px; width: 300px; background-color: #FFFFFF} div .acctForms {padding: 5px; width: 585px; height: 20px; float: left} div .formContainer {width:250px; margin:0px; line-height:120%} /* menubar styles*/ #infoTable {width: 160px; display: block; position: absolute; top: 2px; right: 180px; height: 103px} /* esop swoop image styles */ .imgFrame {background-color: #f1f1f1; padding: 3px; border: 1px solid #cccccc; float: left} .openlanguage { /*class added to contents of collapse when they are open*/ color: #87795B;} .closedlanguage { /*class added to contents of collapse when they are closed*/ color: #A17C55;} dt {padding-top: 5px;padding-bottom: 5px;color: #666666;} dd {line-height: 18px;margin-left: 0px;} /******************************************************************************* SITE MAP INFORMATION: *******************************************************************************/ .siteMapItem {margin-top: 5px} .siteMapItem a {color: #333333} .siteMapItem a:hover {color: #666666} h3.siteMap {color:#FFFFFF; padding: .4em .5em .4em .5em; background-color: #c1c1c1; border-bottom: 1px #b1b1b1 solid;}