/* Regular tab styles */ /******************************************************************************* LAYOUT INFORMATION: Layout styles *******************************************************************************/ html { overflow: -moz-scrollbars-vertical; } body {height: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color: #0f3039; background-image: url(images/images/bgImgs/sc_bg_grad940pxSide.jpg); background-repeat:repeat-x; text-align:center} #wrapper {width: 940px; margin: 0px 0 0 -410px; height:100%; position: absolute; left: 45%; top: 0; text-align:center; overflow:visible} #contentImgBg {float: left; width: 940px; background-image:url(images/images/bgImgs/sc_bg_grad940px.jpg); background-repeat:no-repeat; margin: 0 auto 0 auto; text-align: center; padding-left:20px} #contentImgBgFixed {float: left; width: 940px; background-image:url(images/images/bgImgs/sc_bg_grad940pxHalf.jpg); background-repeat:no-repeat; margin: 0 auto 0 auto; text-align: center; padding-left:20px} #contentImgBgFixedEAO {float: left; width: 940px; background-image:url(images/images/bgImgs/sc_bg_grad940pxThird.jpg); background-repeat:no-repeat; background-position:0px 0px; margin: 0 auto 0 auto; text-align: center; padding-left:20px} #content-none {width: 900px; background-color: #000000; text-align:left; margin: 0 auto 0 auto; float:left;} #content {width: 940px; background-image: url(images/images/bgImgs/sc_bg_grad940pxRepeat.jpg); background-repeat: repeat-y; text-align:center; margin: 0 auto 0 auto; float:left; padding-left:20px} .break {clear:both; font-size:1px;} #mastHead {background-image: url(images/images/mastHeader.jpg); background-repeat: no-repeat; height: 108px; width: 900px; display: block; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; float: left} #imageContent {width: 900px;float:left; display: block;} #bodyContentOutline {width: 890px; font-family: Arial, Verdana, sans-serif; font-size: 12px; display: block; padding: 5px; float: left; height: 100%; background-color: #FFFFFF} #bodyContainer {width: 870px; display: block; padding: 10px; float: left; height: 20%} #column-third {width: 270px; display: block; padding-top: 20px; padding-left: 20px; padding-right: 10px; padding-bottom: 15px; float: left} .divider {background: url(images/images/divider.gif) repeat-y 295px 0} #column-third-border {width: 260px; height: 330px; margin:5px; display: block; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; float: left; border:solid 1px #F1F1F1} #column-two-third {width: 560px; display: block; padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; float: left} #bodyContentOutlineRight {display: block; float: left; width: 680px; background-image: url(images/images/bodyImg.jpg); background-repeat: no-repeat; margin-left: 15px} #bodyContentOutlineRightPlain {display: block; float: left; width: 680px; margin-left: 15px} #bodyContentOutlineLeft {display: block; float: left; width: 175px; margin-right: 2px; background-color: #FFFFFF} /*********************************** About citizenship styles ***********************************************/ #contentBox {background-color:#F1F1F1; border: 1px solid #E5E5E5; padding: 10px; width: 550px; float:left; margin: 10px;} .contentImg {border: 7px solid #FFF; float:left; width: 170px; background-color:#FFFFFF} .ImgBreak {margin: 0px;} #contentBox h3 {color: #0e3c76; font-weight:bold;} #contentBox p {color:#7c4e64; line-height: 18px;} .contentBoxTextBlock {float:left; margin-left:15px; width: 330px;} /*********************************** Research styles ***********************************************/ #contentBoxResearch {background-color:#F1F1F1; border: 1px solid #E5E5E5; padding: 10px; width: 550px; float:left; margin: 10px;} .contentImgResearch {border: 7px solid #FFF; float:left; width: 250px; background-color:#FFFFFF} .ImgBreakResearch {margin: 0px;} #contentBoxResearch h3 {color: #0e3c76; font-weight:bold;} #contentBoxResearch p {color:#7c4e64; line-height: 18px;} .contentBoxTextBlockResearch {float:left; margin-left:15px; width: 250px;} .dkGrey-line-greyBg {background-color: #d1d1d1; margin: 0px; width: 100%; border-top: solid 5px #F1F1F1;border-bottom: solid 8px #F1F1F1} #bodyConImg {width: 175px;} #sideMenu {width: 180px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; float: left} #illustContent {float: left; width: 542px; margin-top: 0px; margin-left: 0px; position: relative; z-index: 5;} #leftNav {border: #D1E9FD; border-bottom: 1px solid #d7d8d7; border-top: 1px solid #d7d8d7; margin-top: 5px; padding: 0px 0 21px 5px; width: 163px;} #leftColumn {display: inline; width: 182px; margin-top: 0px; margin-right: 0px; margin-bottom: 40px; margin-left: 10px;} .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 {display: block; padding: 5px; width: 857px; border: 1px solid #DDDDDD; float: left; margin-top:15px;} #re-widePlain {display: block; float: left; margin-top:15px;} #re-widePlain li {color: #666666; line-height:21px; list-style-image: url(images/grey_arrow.gif)} #re-wide li {color: #666666; line-height:21px; list-style-image: url(images/grey_arrow.gif)} #re-body {float:left; margin-left:5px; display:block; width:580px} #re-body li {color: #666666; line-height:21px; 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: 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;} /******************************************************************************* LAYOUT INFORMATION: Footer layouts *******************************************************************************/ #disclaimerSecAlt {width: 100%; background-color: black; border: 1px solid #999999; color: #FFFFFF; display: block; padding: 10px; margin: 5px} #footer {display: block; width: 880px; background-color: #000000; text-align: center; float: left;} .footer-nav {text-align: center; display: block; margin: 5px; padding: 8px; float: left; width: 856px} #copyright {font-size: 9px; color: #999999; text-align: left; margin: 10px 35px 0 35px;} #copyright a {color: #999999} #copyright a:hover {color: #CCCCCC} #footerTxt {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #999999; text-decoration: none; line-height: 18px;} #footerTxt a {color: #999999; text-decoration: none; font-weight: normal;} #footerTxt a:hover {color: #FFFFFF} /* bottom swoop graphics */ #swoopGraphic {display: block; width: 885px; padding-left: 15px; float: left} .blueSwoopTable {display: block; width: 180px; float: left; margin-left: 0px; position: absolute; top: 410px; left: 547px} .blueSwoopTableRt {display: block; float: left; width: 450px} .sideMenu {width: 159px; float: right; margin-right: 15px; margin-top: 15px;} /* end form styles */ #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} /******************************************************************************* LAYOUT INFORMATION: disclaimer styles *******************************************************************************/ .finePrint {font-size: 10px; font-weight: normal; line-height: 12px; margin-top: 3px;} #disclaimerSec {float: left;width: 900px; margin: 175px auto 20px auto; text-align: center; background-color:#000000;} #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} #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} /******************************************************************************* LAYOUT INFORMATION: Forms *******************************************************************************/ .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} #quoteModule {display: block; width: 900px; background-color: #000000; height: 45px; float: left; border-top: solid 1px #ffff00} #quoteModuleAlt {width: 885px; background-color: #000000; float: left; padding:3px; border-top: 1px solid #CCCCCC;} #printToolsTest {color: #FFFFFF; background-color: #000000; width: 885px; float: left; padding-top: 5px; border-top: 1px solid #CCCCCC; padding-right: 15px;} .formHeadAlt {font-size: 12px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; width: 350px; float: left; color: #FFFFFF; margin: 3px 0 5px 10px} .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} /******************************************************************************* LAYOUT INFORMATION: Type styles *******************************************************************************/ td {color: black; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 14px; text-decoration: none } p {color: black;font-style: normal;font-weight: normal;line-height: 13px;text-decoration: none;} 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;} 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;} 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} 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.grey {color:#999999} h4.grey {color:#999999} h4.black {color:#000000} h4 {font-size: 16px;color: #a17c55;margin-top: 1px;margin-bottom: 1px;line-height: 21px;} h5 {color: #a17c55;margin-top: 1px;margin-bottom: 1px;font-size: 14px;line-height: 16px;} h5.black {color: #000000;} h5.grey {color: #666666;} .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 } .colorText {color: #191a19 } .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} .bodyContentTxtTight a {font-weight: bold;color:#0E7FCB;font-size: 10px;} .bodyContentTxtTight a:hover {font-size: 12px;line-height: 16px;font-weight: bold;color:#aaaaaa} .bodyContentTxtHead {margin-top: 8px;line-height: 16px;font-weight: normal;line-height: 10px;color:#333333;margin-bottom: 8px;} .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;} .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;} #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;} .loginAccount {display: block;float: left;width: 180px;position: absolute;z-index: 15;left: 722px;margin-top: -5px;height: 105px;} #liveChat {display: block; float: left; width: 180px; position: absolute; z-index: 15; left: 529px; margin-top: -3px;} #ideas {display: block; float: left; width: 180px; position: absolute; z-index: 15; left: 340px; margin-top: -3px;} #loginAccountRt {display: block; float: left; width: 175px; z-index: 15} #loginAccountRt #sideQuote {display: block; margin-left: 0px;} .etradeModule img {width: 400px;float: left} #login a {color: #FFFF00; margin-left: 10px} #login .text-field {color: #333333; background-color: #999999; margin-left: 10px; margin-top: 5px;} #login .loginTxt {margin-top: 5px; margin-left: 15px; font-weight: bold;} .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} .mainContent {width: 900px; height: 258px; background-image: url(images/images/middleImg.jpg); float: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto} #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: home page layout styles *******************************************************************************/ #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; position: absolute; z-index: 15; top: 164px; right: 145px; font-weight: bold; text-align:right; left: 590px; width: 193px} #midMenuEsop {display: inline; position: absolute; z-index: 15; top: 172px; right: 146px; font-weight: bold; text-align: right} #midMenuOpen {display: inline;position: absolute;z-index: 15;top: 282px;right: 160px;font-weight: bold;text-align:right } #midMenuWhy {display: inline;position: absolute;z-index: 15;top: 349px;right: 185px;font-weight: bold;text-align:right;height: 0px} #midMenuAbout {display: inline; position: absolute; z-index: 15; top: 288px; right: 170px; font-weight: bold; text-align:right} #midMenuTools {display: inline;position: absolute;z-index: 15;top: 314px;right: 166px;font-weight: bold;text-align:right} #midMenuYou {display: inline;position: absolute;z-index: 15;top: 383px;right: 145px;font-weight: bold;text-align:right;width: 48px;height: 20px;left: 664px} #midMenuCareers {display: inline;position: absolute;z-index: 15;top: 244px;right: 200px;font-weight: bold;text-align:right;left: 605px;width: 179px} div.menuBg {background-color: #000000; height: 30px; width: 900px; display: block; margin-top: 0px; float: left} .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%;} /******************************************************************************* LAYOUT INFORMATION: ESOP layouts *******************************************************************************/ #esopMenuButt {font-size: 20px; color: #FFFF00; font-weight: bold} .midMenuItemEsopHome {display: inline; position: absolute; z-index: 15; top: 268px; right: 149px; font-weight: bold; text-align:right; width: 42px; height: 16px} .midMenuItemEsopHow { display: inline; position: absolute; z-index: 15; top: 156px; right: 125px; font-weight: bold; text-align:right; width: 114px; height: 21px} .midMenuItemEsopForms {display: inline; position: absolute; z-index: 15; top: 233px; right: 143px; font-weight: bold; text-align:right} .midMenuItemEsopContact {display: inline; position: absolute; z-index: 15; top: 198px; right: 136px; font-weight: bold; text-align:right} .midMenuItemEsopOpen {display: inline; position: absolute; z-index: 15; top: 122px; right: 126px; font-weight: bold; text-align:right} #esopMenButt a:hover {color: #FFFF00; text-decoration: none} #esopMenButt a:active {text-decoration: none; color: #9acdff} #esopMenButt a {color: #9acdff; text-decoration: none} #esopMenButt a:hover {color: #eeFFFF; text-decoration: none} /* End esop button items styles*/ /************************* ESOP swoop styles *********************************/ .esopSwoopIntegrity {display: block; position: absolute; height: 46px; width: 179px; top: 366px; right: 167px} .esopSwoopTrust {display: block; position: absolute; height: 32px; width: 179px; top: 412px; right: 167px} .esopSwoopPeople {display: block; position: absolute; height: 34px; width: 179px; top: 444px; right: 167px} .esopSwoopBottom {display: block; position: absolute; height: 59px; width: 179px; top: 478px; right: 167px} /******************************************************************************* LAYOUT INFORMATION: Lines and layout stles *******************************************************************************/.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: 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 */ #investContainTemp {background-image: url(images/images/bgImgs/leftnavTanBG.gif); background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF;display: block;padding: 5px;width: 260px; float: left; margin-top:5px; height:340px} #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} /******************************************************************************* 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*/ #printTools {color: #FFFFFF; background-color: #000000; width: 885px; margin-bottom: 0px; float: left; height: 15px; padding-top: 5px; border-top: solid 1px #CCCCCC; text-align: right; padding-right: 15px} #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}