/* ------------------------------ Reset Stylesheet. ---------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; } center {text-align: left;} img {border: 0} blockquote, q {quotes: none;} /* ------------------------------ Set Defaults Back Up ---------------------------------*/ body {background: url('../images/global_background_aa.jpg') top center repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 12px; } a {color:#000} p, blockquote { margin: 0.5em 0;} sup {font-size: .83em;vertical-align: super; top:0} a:hover {text-decoration: underline;} h1 span { font-weight: normal; font-size: 0.8em } h2 { font-family: Arial,Helvetica,sans-serif; font-size: 1.3em; margin: 3px 0; } h4 { background-color: #E7E7E7; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; border-top: 1px solid #DADADA; margin: 10px 0px 0px; line-height: 25px; padding-left: 5px; font-size: 1em; color: #666; } dd > h4:first-child{margin-top: 0px;padding:10px; font-size:1.5em; font-weight:normal;border:1px solid transparent;} .summaryContent dd > h4{margin-top: 10px;padding:5px 5px 5px 10px; font-size:1.3em; font-weight:normal;border:1px solid transparent;} h6 {margin-bottom: 0.5em;} hr { visibility: hidden; clear: both; margin: 0; } fieldset {padding: 8px 10px;} fieldset legend {display:none;} #filterOpinions fieldset legend {display:inline;font-weight: bold;color:#333;padding: 10px;} fieldset legend span { font-weight: normal; } input, select, button, textarea {font-size: 12px;} textarea {font-family: Arial,Helvetica,sans-serif;} label {cursor: pointer;} ul, ol{margin: 0.5em 0; margin-left: 30px;} /* ------------------------------ Nasty little fix for FCKeditor ---------------------------------*/ h4 > p, dt > p { margin: 0; padding: 0; } /* ------------------------------ Semantic Styles Begin ---------------------------------*/ .tallMargin { margin: 1em 0; } .noMargin { margin: 0px; } .textAlignRight, .txtRight {text-align: right;} .imageRight { float: right; margin: 3px; padding: 0; } p.bottomText { padding-top: 2em; } .sectionTotal { font-weight: bold; text-align: right; } .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } a.ajaxSource, .hidden{ display: none; } a.download { background: transparent url("acct_icons.png") no-repeat scroll 0 -48px; padding-left: 23px; margin-right: 14px; } a.printPage {color:#333;} div.printPage, input.printPage, a.printPage {background: transparent url("acct_icons.png") no-repeat scroll 0 -113px;padding-left: 22px;margin-right: 14px;} a.helpLink {background: transparent url("images/information_aa.png") no-repeat scroll 0 -184px;padding-left: 18px;} .moreInfo {background: transparent url("../images/information_aa.png") no-repeat scroll 0 0;padding: 2px 0 0 20px;margin: 0 0 0 5px;} a.decreaseText { background: transparent url("acct_icons.png") no-repeat scroll 0 -312px; overflow: hidden; margin-right: 3px; text-indent: -9999px; width: 27px } a.increaseText { background: transparent url("acct_icons.png") no-repeat scroll 0 -384px; overflow: hidden; text-indent: -9999px; width: 27px; } a.shwLess, p.shwLess {background-position: left; padding: 0px 0px 0px 20px; cursor: pointer; background-image: url("../images/arrowDown.png"); background-repeat: no-repeat;} a.shwMore, p.shwMore {background-position: left; padding: 0px 0px 0px 20px; cursor: pointer; background-image: url("../images/arrowRight.png"); background-repeat: no-repeat;} .successMsg { background: transparent url("icon_success.gif") no-repeat scroll 0 0; padding: 5px 0px 5px 34px; } .subSection .successMsg { margin: 13px 0 0 6px } .successMsgBox { background: transparent url("icon_success.gif") no-repeat scroll 8px -0px; border: 2px solid #008400; padding: 13px 0 13px 38px; } .successMsgBoxBillPay { background: transparent url("icon_success.gif") no-repeat scroll 8px 13px; border: 2px solid #008400; padding: 13px 0 13px 38px; } .successMsgBoxESig { background: transparent url("icon_success.gif") no-repeat scroll 8px; border: 1px solid #CCCCCC; padding: 13px 0 13px 38px; } .errorMsgBox {background: transparent url("icon_error.gif") no-repeat scroll 8px -0px;border: 1px solid #EF0000;padding: 13px 0 13px 38px;} .errorMsg,.subSection.getQuote dd.errorMsg {background: transparent url("icon_error.gif") no-repeat scroll 3px center;padding: 8px 0px 8px 40px;margin-bottom: 0.5em;font-weight: bold;color: #EF0000;} .subSection.getQuote dd.error {background: transparent url("icon_error.gif") no-repeat scroll 3px 3px;border: 1px solid #EF0000;padding-left: 43px;} .errorMsg:empty, .msg-container:empty { display: none; } .errorMsg ul {margin: 0 0 0 20px;list-style-image: url("bullet_reg.gif");} input.error,label.error,div.error,span.error,select.error {border: 2px solid #EF0000;padding: 2px;} .pending_aa, .pending {display:inline-block; background-image: url("../images/pending.png"); background-repeat:no-repeat; height:13px; width:12px; margin:1px 5px 0 5px ; background-position:middle} .pendingWrapper{margin:0 0 20px 20px;} .rightColLtGrayBg .pendingContent, .rightColLtGrayBg .pending{margin-top:5px;} .rightColLtGrayBg .pending{margin-left:5px;} /* Submit Buttons */ input.getQuoteImg { height: 22px; width: 84px; align: absmiddle; } input.getQuoteBtn { background:url("../images/btn_get_quote.gif") no-repeat scroll 0 top transparent; cursor: pointer; float: left; height: 22px; width: 84px; overflow: hidden; text-indent: -9999px; border: 0px; padding: 0px; margin: 0 5px; } input.getOpinionBtn { background:url("../images/btn_get_opinion.gif") no-repeat scroll 0 top transparent; cursor: pointer; float: left; height: 22px; width: 86px; overflow: hidden; text-indent: -9999px; border: 0px; padding: 0px; margin: 0 5px; } input.nextImg { align: absmiddle; height: 22px; width: 53px; } input.nextBtn { background:url("../images/btn_next.gif") no-repeat scroll 0 top transparent; cursor: pointer; float: left; height: 22px; width: 53px; overflow: hidden; text-indent: -9999px; border: 0px; padding: 0px; margin: 0 5px; } input.submitEnrollmentImg { height: 22px; width: 124px; align: absmiddle; } input.submitEnrollmentBtn { background:url("../images/btn_submit_enrollment.gif") no-repeat scroll 0 top transparent; cursor: pointer; float: left; height: 22px; width: 124px; overflow: hidden; text-indent: -9999px; border: 0px; padding: 0px; margin: 0 5px; } /* Setting Sections */ .subSection div.setSection {width: 100%;overflow: hidden;border-top: 1px solid #ccc;padding: 20px 0 5px 0;margin: 0px;vertical-align:bottom;} .subSection div.setSection table td, .actCont{vertical-align:bottom;} .primaryContent .subSection:first-child+.subSection .actCont{margin-top:65px;} .secondaryContent .subSection:first-child+.subSection .setSection:first-child+.setSection .actCont{margin-top:23px;} div.setSection.single { line-height: 22px; } div.setSection.single > span { float: left; } div.setSection.single button { line-height: 1.3em; } .subSection div.setSection:first-child { padding-top: 10px; border-top: none; } div.setSection h6 { margin: 0 0 0.5em 0; } div.setSection.single h6 { float: left; line-height: 22px; margin: 0 0.5em 0 0; } div.setSection div.actCont {display: block;padding: 0;float: right;border: none;margin: 0px;vertical-align:bottom;} div.setSection.single div.actCont {padding:0;vertical-align:bottom;} div.setSection table.infoTable { clear: left; float: left; margin-left: 12px; } div.setSection ul { clear: left; list-style: none; margin: 3px 0px 0px 15px; } div.setSection li { padding-bottom: 3px; } div.setSection p { clear: left; } div.setSection a.button { font-size: 12px; width: 58px; } /* ------------------------------ Header Styles Begin ---------------------------------*/ #wrapper { min-width: 960px; max-width: 1326px; margin: 0 auto; } #wrapper2 { min-height: 500px; text-align: left; margin: 0 15px; background-color: #FFF; border-bottom:1px solid #AFAFAF; border-left:1px solid #AFAFAF; border-right:1px solid #AFAFAF; position: relative; } #logo { display: block; float: left; width: 166px; height: 47px; margin-left: 15px; margin-top: 15px; } #logBox { float: right; margin: 12px; padding: 8px 12px; border: 1px solid #E7E7E7; background-color: #F8F8F8; text-align: right; } #logBox a { font-weight: normal; } #helpNav { float: right; list-style: none outside none; margin: 9px 8px 0 0; } #helpNav li { display: inline; float: right; line-height: 18px; padding: 0px 6px 0 8px; background: transparent url("acct_icons.png") no-repeat scroll 0 -452px; } #helpNav li.noDelimit {background: none;padding-left: 0px;} #cHelpBar {list-style: none; margin:5px 8px 0 0 !important; padding: 0; float: right; display: block; } #cHelpBar a {display: block;line-height: 22px;text-decoration: none;} #cHelpBar li {display: inline;float: right;padding: 0px;} #cHelpBar li.noDelimit {background: none;padding-right: 0px;} #cHelpBar:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #cHelpBar .increaseText{background: url('../images/icon-textIncrease.png') center center no-repeat; display: block; width: 29px; height: 21px; text-indent: -9999px;} #cHelpBar .decreaseText{background: url('../images/icon-textDecrease.png') center center no-repeat; display: block; width: 29px; height: 21px; text-indent: -9999px;} .lastLog { clear: right; float: right; text-align: right; width: 250px; margin: 27px 8px 8px 0; } /************ HomePage stuff ************/ .marketingContent a { text-decoration: none; } .tabHead { list-style:none outside none; margin: 0; width: 100%; overflow: hidden; } .tabHead li { display: inline; float: left; margin-right: 3px; padding: 0 0 0 15px; background: transparent url("tabs_back.png") no-repeat scroll left -92px; } .tabHead li a { display: block; text-decoration: none; font-size: 11px; font-weight: bold; line-height: 28px; padding: 0 15px 0 0; background: transparent url("tabs_back.png") no-repeat scroll right -92px; } .tabHead li.selected { background-position: left -64px; } .tabHead li.selected a { background-position: right -64px; } .tabBody { border: 1px solid #D7D7D7; overflow: hidden; width: 100%; margin: -1px 0 8px 0; } .tabBody div.tbdy { display: none; margin: 10px; } .tabBody div.selected { display: block; } .greyBox {overflow: hidden;background-color: #F6F6F6;padding: 4px 8px 8px 8px;} .getQuoteContainer { width: 100%; overflow: hidden; background-color: #F6F6F6; border: 1px solid #E7E7E7; } dd > .getQuoteContainer { margin-bottom: 0px; padding: 1px 0px; } /* Shows on Homepage only */ .getQuoteContainer .getQuote { float: left; margin: 8px; } .getQuoteContainer .getOpinion { float: left; margin: 10px 0px 10px 10px; padding-left: 20px; border-left: 1px solid #CCC; } .getQuoteContainer .indent { padding: 8px 0px 20px 10px; } .getQuoteContainer table.indent td { padding: 2px 3px 2px 0px; } .getQuoteContainer table.indent tr td:first-child { padding-right: 25px; } .getQuote h3, .getOpinion h3 { margin-bottom: 5px; } .getQuote label, .getOpinion label { clear: both; display: block; padding: 5px 0 0; } .subSection dd.getQuote { background-color: #F6F6F6; } .quoteButton { margin:0 5px; } p.symbolLookupLink { margin:3px 0 0; } .quoteLinks { float: left; line-height: 17px; margin: 14px 0px 7px 15px; } .getQuote span .smallTextfield { width: 77px; margin-right: 5px; } input.text { border: 1px solid #A9A9A9; color: #000; float: left; padding: 3px 3px 4px; } /* ------------------------------ Main Section Styles Begin ---------------------------------*/ #bodyContent h1 {font-weight: normal; margin: 0; font-size: 1.8em; padding:14px;} #bodyContent h6 {font-size:100%} #bodyContent ul {list-style-image:url("../images/bullet_gray.png"); margin:5px 0 0 20px;} #bodyContent li {margin-bottom:0.5em; } .primaryContent {background-color:#fff; /* Needed for IEs */ -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.2); -webkit-box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); zoom: 1; margin:0 0 20px 0;} .subSection dt.centerAction { background-color: #F4F4F4; border-top: none; border-bottom: 1px solid #DADADA; text-align: center; padding: 1px 0px; } .subSection dt.roundCrnr {border: none;padding:5px 10px; width:auto;} .subSection dt.roundCrnr span.date { float: right; font-weight: normal; display: block; padding: 0 10px 0 0; } .subSection dt a.shwMore, .subSection dt a.shwLess, .subSection dt a.toggleChart { background-image: none; font-weight: normal; } /* Get Quote Page */ #reporting { height: 20px; padding: 10px 0 0 70px; text-align: left; } /* Contact Us Page */ .subSection.topBox { padding: 20px; } .subSection.topBox dt { color: #333; font-weight: normal; line-height: 1.33em; background-color: transparent; border: none; padding: 8px 5px; } .subSection.topBox dd { padding: 8px; border: 1px solid #CCC; } .subSection.topBox h6 { margin-bottom: 1.5em; } .subSection.topBox p { margin: 1em 0px; } form#contactFA #messageText, form#contactCSR #messageText{ width: 98%; } .subSection.wBorder {padding: 8px;border: 1px solid #CCC;} .subSection dd {border: 1px solid #E7E7E7;padding:10px;margin:0 20px 20px 20px} .secondaryContent .subSection dd {background-color:#e7e7e7; margin:0; border:0} .subSection.tabOpp dd{margin-bottom:0;} .subSection dd.noBottom {border-bottom: none;} .subSection dd.notContainer {padding: 0px;} .subSection dd.notContainer > table.datatable {border: none;margin: 0px;} .subSection .subContainer {border: 1px solid #E7E7E7;background-color: #FFF;} .primaryContent .subSection {margin: 8px 0px;} .home .primaryContent .subSection {padding: 5px;} .secondaryContent .subSection {margin: 0 0 20px 0;} /* ------------------------------ rightFixed Styles ---------------------------------*/ .rightFixed .primaryContent { width: 100%; float: left; margin: 0px -446px 0px 0px; position: relative; } .rightFixed .primaryContent .subSection { margin-right: 446px; margin-left: 10px; } .rightFixed .secondaryContent { width: 420px; padding: 0 0 0 16px; margin: 0; float: left; position: relative; } /* ------------------------------ Summary Page Styles ---------------------------------*/ .summary .primaryContent { width: 100%; float: left; margin: 0px 0px 20px 0px; position: relative; } .summary .secondaryContent { width: 28%; padding: 0 0 0 10px; margin: 0px; float: left; position: relative; } /* ------------------------------ rightFluid Styles ---------------------------------*/ .rightFluid .primaryContent { width: 60%; float: left; margin: 0px -30px 0px 0px; position: relative; } .rightFluid .primaryContent .subSection { margin-right: 30px; margin-left: 15px; } .rightFluid .secondaryContent { width: 40%; padding: 0 0 0 16px; margin: 0; float: left; position: relative; } .secondaryContent .subSection dt.group {background-color:#5b5754; color: #fff; margin:0; border:0; padding:10px;} /* ------------------------------ fiftyFifty Styles ---------------------------------*/ .fiftyFiftyWrapper_aa .secondaryContent .subSection dt.group{background-color:#f1f1f1; margin:20px 0 0 0; padding:5px;} .fiftyFiftyWrapper_aa .primaryContent {-moz-box-shadow: 0px 0px 0px rgba(68,68,68,0.2); -webkit-box-shadow: 0px 0px 0px 0px rgba(68,68,68,0.2); box-shadow: 0px 0px 0px 0px rgba(68,68,68,0.2); zoom:0} .fiftyFifty .secondaryContent .subSection dd, .fiftyFifty .secondaryContent .subSection .partialOutline {background-color: #ffffff; border:1px solid #f1f1f1;} .fiftyFiftyWrapper_aa, #secureInbox{background-color:#fff; /* Needed for IEs */ -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.2); -webkit-box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); zoom: 1; margin:0 0 20px 0; } .fiftyFiftyWrapper_aa .primaryContent .title, .fiftyFiftyWrapper_aa .secondaryContent .title{color:#333 !important;padding:5px !important;} .fiftyFiftyWrapper_aa .primaryContent, .fiftyFiftyWrapper_aa .secondaryContent, .sitemap .primaryContent, .sitemap .secondaryContent{margin:7px;width:48%;padding:0; float:left;} .sitemap .fiftyFiftyWrapper_aa .subSection dd{padding:12px; line-height:18px;} .fiftyFiftyWrapper_aa .subSection dd{padding:0 20px; border:1px solid #f1f1f1;} .fiftyFiftyWrapper_aa td, .fiftyFiftyWrapper_aa div{vertical-align:bottom;} /* ------------------------------ sixtyForty Styles ---------------------------------*/ .sixtyForty .primaryContent { width: 60%; float: left; margin: 0px -70px 0px 0px; position: relative; } .sixtyForty .primaryContent .subSection { margin-right: 30px; margin-left: 15px; } .sixtyForty .secondaryContent { width: 40%; margin: 0; padding: 0 0 0 50px; float: left; position: relative; } /* ------------------------------ threeQuarter Styles ---------------------------------*/ .threeQuarter .primaryContent {width: 70%;float: left;margin: 0 0 20px 0;position: relative;} .threeQuarter .secondaryContent {float: right; width:28%;} .threeQuarter .addressContent .primaryContent {width:100%;} .threeQuarter .addressContent .primaryContent dd {width:95%; margin:0; border:1px solid transparent;} .addressContent td{vertical-align:bottom;} /* ------------------------------ Summary Content Loading Styles ---------------------------------*/ #bodyContent.summary dl.loadingAjax dt, #bodyContent.summary dl.loadingAjax dt.roundCrnr { background-color: #AAA; background-image: none; color: #FFF; } #bodyContent.summary dl.loadingAjax dt span.title, #bodyContent.summary dl.loadingAjax dt span.date, #bodyContent.summary dl.loadingAjax dt.roundCrnr span.title, #bodyContent.summary dl.loadingAjax dt.roundCrnr span.date { background-image: none; } #bodyContent.summary dl.loadingAjax dd {min-height: 200px;background: #E7E8EB url("ajax-loader.gif") no-repeat scroll center center;margin:15px;} #bodyContent.summary dl.loadingAjax dd span {display: block;font-weight: bold;font-size: 1.2em;padding: 20px;margin:15px;} center.loadingAjax {margin: 15px;min-height: 30px;} .closedAccountWrap{white-space: nowrap;} #invstWrap{white-space: nowrap;} /* ------------------------------ All others loading styling ---------------------------------*/ div.loadingAjax {min-height: 200px;background: #E7E8EB url("ajax-loader.gif") no-repeat scroll center center;margin:15px;} div.loadingAjax span.loadingMsg {display: block;font-weight: bold;font-size: 1.2em;padding: 20px;margin:15px;} center loadingAjax span .loadingMsg{margin-left:20px;} /* ------------------------------ All others styling ---------------------------------*/ dd > .headingMore:first-child { margin-top: 0px; } .headingMore a.shwMore { display: block; padding: 5px 5px 5px 20px; border-bottom: 1px solid #999; background-position: 5px -511px; } .headingMore a.shwLess { display: block; padding: 5px 5px 5px 20px; border-bottom: 1px solid #999; background-position: 5px -574px; } .subSection div.headingMore { border: 1px solid #CCC; margin-bottom: 0px; padding: 0px; } .subSection div.headingMore table.datatable { margin: 0px; border: none; } .subSection dd > dl { margin: 8px 0px; } /* ------------------------------ Footer Styles ---------------------------------*/ #bottomNav { list-style: none outside none; margin: 9px 8px 0 0; } #bottomNav li { display: inline; line-height: 18px; padding: 0px 6px 0 8px; background: transparent url("acct_icons.png") no-repeat scroll 0 -452px; } #bottomNav li.noDelimit { background: none; padding-left: 0px; } p.copyright { float: left; padding: 0 15px; text-align: left; color: #666; margin: 3px 0; } /* ------------------------------ Setup Table Styles ---------------------------------*/ table#tradeConfirmsLatest td.altConf { border-top: none; } /* ------------------------------ loansCredit Table ---------------------------------*/ .loansCredit .description {width: 466px;text-align:left;} .loansCredit .balance { width: 155px; text-align: right; white-space: nowrap; } .loansCredit .asOfDate { width: 155px; text-align: right; white-space: nowrap; } .loansCredit .rowCallout { padding-left: 20px; } /* ------------------------------ insurance Table ---------------------------------*/ .insurance .description { width: 30%; } .insurance .carrierName { width: 16%; } .insurance .productName { width: 20%; } .insurance .type { width: 18%; } .insurance .asOfDate { width: 16%; text-align: right; white-space: nowrap; } /* ------------------------------ annuitPayments Table ---------------------------------*/ .annuitPayments .description,#latestActivity .transDate {padding-left: 5px;} #latestActivity td.quantity td.caCommission td.caFunds { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } /* ------------------------------ Latest Documents Area ---------------------------------*/ #latestDocuments th { background-image: none; background-color: #F4F4F4; } /* ------------------------------ stmtsLatest Table ---------------------------------*/ .stmtsLatest .yearStart { border-left: 1px solid #CCC; } .stmtsLatest .date { text-align: center; } table.infoTable { width: auto; text-align: left; } table.infoTable td { padding: 3px; border: none; } table.infoTable th { padding: 3px; border: none; background: none; } table.infoTable td.description { padding-left: 15px; text-align: left; width: auto; } table.infoTable td.descriptionInsurance { padding-left: 3px; text-align: left; width: auto; } table.infoTable td.data { padding-right: 15px; text-align: right; width: auto; } table.infoTable td.sign { padding: 0; text-align: right; width: auto; } table.infoTable td.txtData { text-align: left; width: auto; padding-right: 15px; } table.infoTable.full { width: 100%; } table.infoTable.printinfo { margin-top: 25px; } table.infoTable.printinfo td.description { padding-left: 0px; padding-right: 18px; } table.infoTable.printinfo td.data { padding-right: 22px; } /* td.supInfo > */ table.infoTable.insurancePolicyFunds { margin-top: 15px; } table.infoTable.insurancePolicyFunds td { padding-right: 40px; } /* ------------------------------ generic datatable Table ---------------------------------*/ .subSection dd > table.datatable:first-child,.subSection dd > .greyBox + table.datatable,.subSection h4 + table.datatable {margin-top: 0px;} /* ------------------------------ watchList Management Page ---------------------------------*/ .subSection.watchListSection { padding: 0; } #watchListPageDiv .subSection.watchListSection { padding: 20px; } .subSection.watchListSection #watchListSwitch { padding-left: 0; } .datatable tbody tr:first-child td {border-top: none;} .datatable.summary td {padding: 3px;} .datatable td.supInfo {border-top: none;padding-left: 10px} .datatable tfoot td {font-weight: bold;} .datatable tfoot td a {font-weight: normal;} .datatable.footExt tfoot td {font-weight: normal;text-align: left;} .datatable td a.shwMore, .datatable td a.shwLess { display: block; } .datatable.watchList tfoot td { text-align: left; font-weight: normal; background-color: #F4F4F4; } .datatable.watchList tfoot tr.total td { font-weight: bold; text-align: right; background-color: transparent; } .greyTabs .datatable.watchList tfoot td { text-align: center; } .datatable.watchList tfoot td div { float: right; padding-top: 25px; } .datatable.watchList tfoot td form { float: left; } .datatable.watchList tfoot td form td { border: none; padding: 0px 0px 0px 3px; } .datatable.watchList tfoot td form input#shares, .datatable.watchList tfoot td form input#price { text-align: right; } .datatable.watchList tfoot td form label.price { padding-left: 12px; } .datatable.watchList tfoot td form input { width: 60px; margin: 2px; } .datatable.watchList tfoot td form input#symAdd { width: 180px; } form#createWatchList { margin: 25px; } form#createWatchList label { font-weight: bold; line-height: 27px; } form#createWatchList label, form#createWatchList input { display: block; float: left; margin: 0px 3px; } /* ------------------------------ investAccounts Table ---------------------------------*/ .investAccounts .acct { padding-left: 5px; width: 20%; } .investAccounts td.cashMmk, .investAccounts td.othrAsset, .investAccounts td.loanBal, .investAccounts td.curValue { width: 15%; white-space: nowrap; } .investAccounts .selectBox { width: 20%; white-space: nowrap; } /* ------------------------------ loansCredit Table ---------------------------------*/ .loansCredit td.ploc { padding-left: 20px } .loansCredit td.rowCallout { padding-left: 30px } /* ------------------------------ Sortable tables ---------------------------------*/ .sortable th a { padding: 0 13px 0 0; } .sortable th.sortUp a { background: transparent url("table_icons.png") no-repeat scroll right -149px; } .sortable th.sortDown a { background: transparent url("table_icons.png") no-repeat scroll right -45px; } /* Tables Columns that are right aligned and sortable */ .sortable th.amount a, .sortable th.quantity a, .sortable th.caCommission a, .sortable th.caFunds a, .sortable th.price a, .sortable th.netChange a, .sortable th.prctChange a, .sortable th.valueChange a, .sortable th.curValue a, .sortable th.yield a, .sortable th.yrhigh a, .sortable th.yrlow a, .sortable th.peRatio a, .sortable th.amountInvested a, .sortable th.prevValue a, .sortable th.credits a, .sortable th.debits a, .sortable th.deposit a, .sortable th.withdrawl a, .sortable th.additions a, .sortable th.subtractions a, .sortable th.rate a, .sortable th.matureValue a, .sortable th.curPrncpl a, .sortable th.asOfDate a, .sortable th.origPrncpl a { padding: 0 0 0 13px; } .sortable th.amount.sortUp a, .sortable th.quantity.sortUp a, .sortable th.caCommission.sortUp a, .sortable th.caFunds.sortUp a, .sortable th.price.sortUp a, .sortable th.netChange.sortUp a, .sortable th.prctChange.sortUp a, .sortable th.valueChange.sortUp a, .sortable th.curValue.sortUp a, .sortable th.yield.sortUp a, .sortable th.yrhigh.sortUp a, .sortable th.yrlow.sortUp a, .sortable th.peRatio.sortUp a, .sortable th.amountInvested.sortUp a, .sortable th.prevValue.sortUp a, .sortable th.credits.sortUp a, .sortable th.debits.sortUp a, .sortable th.deposit.sortUp a, .sortable th.withdrawl.sortUp a, .sortable th.additions.sortUp a, .sortable th.subtractions.sortUp a, .sortable th.rate.sortUp a, .sortable th.matureValue.sortUp a, .sortable th.curPrncpl.sortUp a, .sortable th.asOfDate.sortUp a, .sortable th.origPrncpl.sortUp a { background-position: left -45px; } .sortable th.amount.sortDown a, .sortable th.quantity.sortDown a, .sortable th.caCommission.sortDown a, .sortable th.caFunds.sortDown a, .sortable th.price.sortDown a, .sortable th.netChange.sortDown a, .sortable th.prctChange.sortDown a, .sortable th.valueChange.sortDown a, .sortable th.curValue.sortDown a, .sortable th.yield.sortDown a, .sortable th.yrhigh.sortDown a, .sortable th.yrlow.sortDown a, .sortable th.peRatio.sortDown a, .sortable th.amountInvested.sortDown a, .sortable th.prevValue.sortDown a, .sortable th.credits.sortDown a, .sortable th.debits.sortDown a, .sortable th.deposit.sortDown a, .sortable th.withdrawl.sortDown a, .sortable th.additions.sortDown a, .sortable th.subtractions.sortDown a, .sortable th.rate.sortDown a, .sortable th.matureValue.sortDown a, .sortable th.curPrncpl.sortDown a, .sortable th.asOfDate.sortDown a, .sortable th.origPrncpl.sortDown a { background-position: left -149px; } /************************ Just to keep a list of values. *************************/ .datatable .acct,.datatable .acctNick,.datatable .acctingMethod,.datatable .assetCat,.datatable .dateWritten,.datatable .description,.datatable .carrierName,.datatable .chkCategory,.datatable .chkNum,.datatable .chkPayee,.datatable .policyName,.datatable .policyNum,.datatable .postDate, .datatable .processDate,.datatable .productName,.datatable .matureDate,.datatable .rowCallout,.datatable .sector,.datatable .suitability,.datatable .symbol,.datatable .time,.datatable .transDate,.datatable .seqNum,.datatable .type,.datatable .yearStart,.datatable .subject,.datatable .reportCreateDate,.datatable .reportExpDate,.datatable .messageRemoveBox,.datatable .name,.datatable .relationship,.type, .datatable .dob,.datatable .allocate, .contentTable .acct, .transDate, .policyName, .carrierName, .productName, .assetCat, .symbol{text-align: left;} .datatable .actionButtons,.datatable .additions,.datatable .amount, .datatable .appCredit,.datatable .asOfDate,.datatable .availCredit,.datatable .balance,.datatable .cashMmk,.datatable .credits,.datatable .curPrncpl, .cashMmk, .datatable .curValue, .curValue, .datatable .debits,.datatable .deposit,.datatable .detailLink,.datatable .interest,.datatable .loanBal,.datatable .matureValue,.datatable .netChange,.datatable .origPrncpl,.datatable .othrAsset,.othrAsset,.datatable .peRatio,.datatable .price,.datatable .prctChange,.datatable .prevValue,.datatable .quantity,.datatable .caCommission,.datatable .caFunds,.datatable .rate,.datatable .subtractions,.datatable .strikePrice,.datatable .amountInvested,.datatable .valueChange,.datatable .withdrawl,.datatable .yield,.datatable .yrhigh,.datatable .yrlow.datatable .costBasis.datatable .proceeds.datatable .realGainLoss.datatable .holdingPeriod.datatable .covered, .qty, #aa-summaryAcct_otherContent .deathBenefit, .deathBenefit, .asOfDate, .cashMmk, .selectBox, .amount{text-align: right;} .datatable tbody .actionButtons,.datatable tbody .additions,.datatable tbody .amount,.datatable tbody .appCredit,.datatable tbody .asOfDate,.datatable tbody .availCredit,.datatable tbody .balance,.datatable tbody .cashMmk, .datatable tbody .credits,.datatable tbody .curPrncpl,.datatable tbody .curValue,.datatable tbody .debits,.datatable tbody .deposit,.datatable tbody .detailLink,.datatable tbody .interest,.datatable tbody .loanBal,.datatable tbody .matureValue,.datatable tbody .netChange,.datatable tbody .origPrncpl,.datatable tbody .othrAsset,.datatable tbody .peRatio,.datatable tbody .price,.datatable tbody .prctChange,.datatable tbody .prevValue,.datatable tbody .quantity,.datatable tbody .caCommission,.datatable tbody .caFunds,.datatable tbody .rate,.datatable tbody .subtractions,.datatable tbody .strikePrice,.datatable tbody .amountInvested,.datatable tbody .valueChange,.datatable tbody .withdrawl,.datatable tbody .yield,.datatable tbody .yrhigh,.datatable tbody .yrlow{white-space: nowrap;} .datatable .action,.datatable .date,.datatable .rsrchOpn,.datatable .selectBox,.datatable .tradeConfirms,.datatable .reguDocuments,.datatable .download,.datatable .addWatchlist,.datatable .focusList,.datatable .reportRemoveBox{text-align: center;} .datatable td.subTotal { border-bottom: 2px solid #CCCCCC; text-align: right; } span.chgUp { color: #009900; } span.chgDwn { color: #CC3300; } .stmtsList .acct { text-align: left; width: 10%; white-space: nowrap; padding-right: 20px; } .stmtsList .date { text-align: left; width: 90% } .stmtsList .date a, .stmtsList .date span { padding-right: 8px; } .stmtsList .date span { color: #999 } table.noBorder { border: none; } table.noBorder th { background: none; border-bottom: none; } /* Quote Result page */ table.quoteResultTable { width: 100%; text-align: left; border: 1px solid #E7E7E7; } table.quoteResultTable td { padding: 3px; border-bottom: 1px solid #E7E7E7; width: 16% } table.quoteResultTable tr:last-child td { border-bottom: none; } table.quoteResultTable td.description { background-color: #F4F4F4; } table.quoteResultTable td.data { border-right: 1px solid #CCCCCC; } table.quoteResultTable td.data:last-child {border-right: none;} #modalContent table.datatable {margin: 15px 0px;} #modalContent table td{vertical-align:top;padding:5px;} #accountSum { border: 1px solid #F0CE34; } #accountSum a { display: block; padding: 5px 8px; text-decoration: none; font-weight: bold; } #accountSum a.title { float: left; } #accountSum a.title:hover { text-decoration: underline; } #accountSum a.amount { float: right; width: 50%; text-align: center; font-size: 1.2em; background: transparent url("acct_total_bg.gif") repeat-x scroll 0 bottom; } #accountSum + .containerBox { border-top: none; } .subSection dt span.title { float: left; } .subSection dt span.date { font-weight: normal; float: right; padding: 0 10px 0 0; } .containerBox { padding: 5px; border: 1px solid #E7E7E7; } .containerBox .datatable { margin-bottom: 21px; } .containerBox .datatable tbody tr:last-child td { border-bottom: 1px solid #E7E7E7; } .containerBox .datatable:last-child { margin-bottom: 0px; border-bottom: none; } p.disclaimer { color: #666666 } #advisorBox { padding: 5px 12px; background: transparent url("advisorBox_bg.gif") repeat-x scroll 0 bottom; border: 1px solid #DEBD27 } #advisorBox p { margin: 0 0 13px 0; } #advisorBox p:last-child { margin: 0px; } /*#faPic { display: block; float: left; margin-right: 4px; }*/ .branchInfoList { float: left; width: 131px; padding-right: 4px; border-right: 1px solid #DEBD27; } .branchAddr { float: left; width: 148px; margin: 0 0 0 6px; } a.cntctMe { font-weight: bold; } .mktMsg { border: 1px solid #CCC; margin: 10px 0px; padding: 5px 5px 5px 13px; } .mktMsg li { margin-bottom: 5px } .insightIn {padding: 5px;} .insightIn strong,.insightIn b {font-weight: normal;} form#filterOpinions table.filters {width: 100%;} form#filterOpinions table.filters td {vertical-align: top;white-space: nowrap;padding:0 10px;} form#filterOpinions table.filters td table td{padding-left:0;} form#filterOpinions table.filters th{text-align:left; padding:0 10px;} .dateRange {padding: 3px 0 2px;} .dateRange img.calendarLink { vertical-align: top; padding-top: 1px; margin-right: 12px; } #accountSwitch { margin:0.5em 0; } #watchListSwitch { margin:1em 0; } #marketMovers { margin: 0 0 0.5em 0; } dt #marketMovers { display: inline; margin: 0.5em 0; } .disclaimerContainer { height: 200px; overflow: auto; padding: 4px; border: 1px solid #999; -webkit-overflow-scrolling: touch; } /* Modal Styles */ #windowBox { text-align: 'left'; background: #fff; color: #000000; border-color: #999999 #666666 #666666 #999999; border-style: solid; border-width: 1px 2px 2px 1px; z-index: 2000; } #TB_title{background-color: #fcc81d;height: 27px;} .shippingCloseIcon, .editAddrCloseIcon, .closeIcon {background: transparent url("X_dropshadow.png") no-repeat scroll 0 0;float: right;width: 30px;height: 24px;right: -15px;top: -15px;} #closeModal, .toolTipBox a.closeIcon{height: 26px;width: 25px;float: right;background: transparent url("X_dropshadow.png") no-repeat scroll 0 0;overflow: hidden;text-indent: -9999px;cursor: pointer;display: inline;} #closeModalInt {height: 26px;width: 25px;float: right;background: transparent url("btn_closeX.png") no-repeat scroll 0 0;overflow: hidden;text-indent: -9999px;cursor: pointer;display: inline;} .toolTipBox { background-color: #FFFFFF; border-top: 1px solid #999; border-right: 1px solid #666; border-bottom: 2px solid #666; border-left: 1px solid #999; padding: 5px; position: absolute; z-index: 10000; width: 500px; } #modalContent{clear: both; padding:15px; overflow:auto; text-align:left; line-height: 1.4em;} #modalContent .grayBg{padding:10px;} #modalTitle{float:left; padding: 7px 0 5px 10px; margin-bottom: 1px; font-weight:bold; color: #666;} /* eDelivery Settings page. */ .rowsEDelv td { vertical-align: middle; } input[type=checkbox].fancyCheckbox { display:none; } .labelCSS{ padding-left:18px; height:15px; display:inline-block; background-image:url("/images/checkbox.png"); background-repeat:no-repeat; vertical-align:middle; cursor:pointer; } .checkedImg{ background-image:url("/images/checkedbox.png"); } .leftEdelAll { padding: 4px; border: 1px solid rgb(51, 51, 51); float: left; background-color: rgb(153, 153, 153); } .rightEdelAll { padding: 5px; border-top-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; float: left; background-color: rgb(235, 234, 235); } .leftEdelAllHover { padding: 4px; border: 1px solid rgb(102, 102, 102); float: left; background-color: rgb(157, 216, 89); } .rightEdelAllHover { padding: 5px; border-top-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; float: left; background-color: rgb(197, 249, 139); } .leftEdelAllSelect { padding: 4px; border: 1px solid rgb(51, 51, 51); float: left; background-color: rgb(157, 216, 89); } .rightEdelAllSelect { padding: 5px; border-top-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; float: left; background-color: rgb(255, 255, 255); } .containerEdelAll { cursor: pointer; } .subHeadEdel1 { BORDER-BOTTOM: #999 1px solid; MARGIN: 0px 0px 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #333; FONT-SIZE: 13px; PADDING-TOP: 5px } .headerBorder td {border-top:1px solid #CCC;} .borderLeft { BORDER-LEFT: #ccc 1px solid } .borderRight { BORDER-RIGHT: #ccc 1px solid } #editDeliveryBox .disable, #editDeliveryBox .disable a { color: #AAA !important } #editDeliveryBox h3 { font-family: Arial,Helvetica,sans-serif; font-size: 1.2em; margin: 0px 8px 13px; } div.step { width: 75%; padding: 0px 10px 0px 0px; margin: 8px 0 10px; } div#delivMethod.step { width: auto; padding: 5px; } div#delivMethod.step table { background-color: #FFF; } div.step .disclaimerContainer { width: 870px; height: 135px; background-color: #FFF; } table.setTable { width: auto; text-align: left; line-height: 15px; } table.setTable td { padding: 3px; border: none; } table.setTable td.description { padding-right: 15px; } .securityImageSection, .securityQuestionsSection{float:left} /*Centering for footer links*/ div.foot { margin-top: 15px; text-align: center; clear: both; } div.foot div { margin: 0 auto; overflow: hidden; width: 120px; } div.foot a.dismiss {display: block;float: left;margin: 6px 0;} div.foot .footerbtns{width: 25%;} /*Pie Chart styles*/ #pieChart { padding-left: 0px; border: none; } #holder { width: 340px; min-height: 170px; border: none; float: left; } #holder div { border: none; } #checkBoxHolder td {padding-right: 65px;} #checkBoxHolder input { width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; } #checkBoxHolder label {display: block;} #checkBoxHolder label span { border-left: 13px solid; border-style: solid; margin-left: 5px; padding-left: 5px; } table#symbolDrop { position: absolute; background-color: #ECECEC; border: 1px solid #333; z-index: 2000; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; } table#symbolDrop tr.hovered { background-color: #B7D7D2; cursor: pointer;} table#symbolDrop td.symbol,table#symbolDrop td.description{text-align: left;} table#symbolDrop td.symbol {padding-right: 20px;} #rowCount,#rowCount2 {font-weight: normal;} table#symbolDrop span, #rowCount span, #rowCount2 span {font-weight: bold;} /* Confirm Account Ownership / Enroll Now Stylesheet */ .wizardGray { background-image:url(wizard_step_gray_gray.gif); background-repeat:no-repeat; background-position:right; padding-left:5px; padding-right:23px; background-color:#e9e9e9; color:#999; } .wizardYellow { background-image:url(wizard_step_between.gif); background-repeat:no-repeat; background-position:right; padding-left:5px; padding-right:23px; background-color:#fac724; font-weight:bold; } /* Images */ .secImgMain { border: 1px solid #ccc; float: left; margin-right: 10px; width: 65px; height: 65px; } .secImg { border: 1px solid #ccc; cursor: pointer; margin: 10px 10px 0; width: 65px; height: 65px; } .secImgNav { border:1px solid #FAC724; width:15px; text-align:center; padding:4px 7px; display:inline; } #imageSelect div.selected { border: 1px solid #FAC724; background-color: #FAC724; font-weight: bold; width: 15px; text-align: center; padding: 4px 7px; display: inline; } /* Billpay */ dd div.boxDivSplit {float: left;} dd div.boxDivSplit:first-child {margin: 8px 8px 8px 0px;} form#billPayEmail table input {margin: 2px;} dd#billpayDis h6 {float: left;padding-top: 5px;padding-bottom: 5px;} dd#billpayDis a.printPage {float: right;padding-top: 5px;padding-bottom: 5px;} #billPayDiv dd, #billPayDiv .subsection, #billPayBgnEnrollDiv dd, #billPayEliAcctDiv dd, #billPayConEmailDiv dd{border:1px solid transparent;} #billPayConEmailDiv dd{background-color: #F6F6F6; margin-bottom:10px; padding:0} #billPayConEmailDiv .group{background-color: #F6F6F6;} #billPayConEmailDiv p{margin-left:10px;} #billPayConEmailDiv .foot{background-color:#fff; padding:10px 0;} #billPayDiv dd{padding-left:0; padding-right:0;} #billPayDiv .greyBox, #billPayBgnEnrollDiv h6{margin-top:10px;} #billPayBgnEnrollDiv dd{margin-bottom:10px;} #billPayBgnEnrollDiv .button-yellow, #watchListPageDiv .button-yellow{float:left; } #billpayDis{background-color: #F6F6F6;border: 1px solid #E7E7E7;padding:5px; border-top:1px solid transparent;} #billpayDis .subSection dt.group{background-color: #F6F6F6 !important; border-bottom: 1px solid #F6F6F6;} #billpayDis .subSection dt.roundCrnr{background-color: #F6F6F6 !important; border:1px solid #e7e7e7; border-bottom:1px solid transparent;} #billpayDis h6{display:none} #billpayDis .disclaimerContainer{background-color:white;} #billpayDis .printPage{margin-left:5px;} /* Download */ form.downLoad { text-align: center; } form.downLoad label{ font-weight: bold; } form.downLoad ul { width: 240px; margin: 0 auto; list-style: none; } form.downLoad ul li { float: left; margin: 0px 30px; } form.downLoad ul li img { display: block; } div.watchListContainer { background-color: #f4f4f4; border: 1px solid #CCC; overflow: auto; height: 360px; } table.editWatchList { width: 100%; background-color: transparent; } table.editWatchList th, table.editWatchList td { text-align: center; padding: 3px 8px; } table.editWatchList tfoot td { padding: 15px 0px; } span.textUpdate { background-color: #B5E1B7; color: #3C6B3C; padding: 2px 5px; } span.chgcolumnNameImage { display: block; float: left; height: 65px; width: 65px; padding: 2px; } span.chgcolumnNamePhrase { display: block; float: left; margin: 25px 10px 0; } /* Fix the wrap of the button on Quote Headings */ .getQuoteHeading span { float: left } /* ------------------------------ thirtyfiveSixtyfive Styles ---------------------------------*/ .thirtyfiveSixtyfive .primaryContent {width: 64%;float: left;margin:0 0 20px 0;position: relative;} .thirtyfiveSixtyfive .primaryContent .subSection {margin:0;} .thirtyfiveSixtyfive .primaryContent .subSection dd > p:first-child{margin:15px 15px 0 15px;} .thirtyfiveSixtyfive .primaryContent .subSection dd{border:1px solid transparent; padding:0;} .thirtyfiveSixtyfive .secondaryContent {width: 34%;margin: 0 0 0 24px;float: left;position: relative;} .thirtyfiveSixtyfive .secondaryContent .subSection{margin-top:0;} /* ------------------------------ fortySixty Styles ---------------------------------*/ .fortySixty .primaryContent {width: 40%;float: left;margin: 0px;position: relative;} .fortySixty .primaryContent .subSection {margin:0 15px; background-color:#f4f4f4;} .fortySixty .secondaryContent {width: 60%;padding: 0 0 0 16px;margin: 0;float: left;position: relative;} .fortySixty .investingApproach .primaryContent {width: 60% !important;float: left;margin: 0px;position: relative;} .fortySixty .investingApproach .secondaryContent {width: 38%;padding: 0 0 0 16px;margin: 0;float: left;position: relative;} .investingApproach .primaryContent .subSection dt.group, .investingApproach .primaryContent .subSection, .investingApproach .primaryContent .subSection .grayBg{padding:0;background-color:#fff;} .fortySixty .investingApproach .primaryContent .subSection {margin:0;} /*Approach Page Styling */ .grayBg {background-color:#F4F4F4;} .outline {border:1px solid #CCCCCC;} #modalContent .outline, #modalContent .outline td{border:1px solid transparent; text-align:left;} .outlinePale {border:1px solid #E7E7E7;padding:5px;background-color:#FFFFFF;} .investingApproach .primaryContent .subSection dd, .investingApproach .primaryContent .outlinePale{border:1px solid transparent;} .pageSummary { margin-left: 15px; margin-right:15px; } .lifeRowHeight { background-color:#FFFFFF; border:1px solid #E7E7E7; padding:5px; vertical-align:top; } .lifeRowHeight table td { height:20px; } /*Yellow bullet for Insight blurbs*/ .iaaBullet { background-image:url("bullet.gif"); background-position:left top; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } /*Right column content boxes*/ .outline td {vertical-align:middle;padding:4px;} /*Newsletter page*/ .newsletters { margin-top:4px; } .newsletters td { padding: 8px; } .rows td { border-bottom:1px solid #E7E7E7; vertical-align:top; } /*Resources page*/ .quoteBox {background-color:#F6F6F6;border:1px solid #E7E7E7;padding:5px 10px 8px;vertical-align:top;} .quoteBox td{vertical-align:middle;} .headGray {background-color:#E7E7E7;color:#666666;height:25px;} .secondaryContent ul {margin-left:30px;} .padFourValignMid td {vertical-align:middle;padding:4px;} .allContent .primaryContent .subSection dd{border:1px solid transparent; padding:0;} .allContent .pageSummary p {margin:20px 5px 0 5px;} .allContent .outline td{padding:10px;} .allContent .headGray{font-size:1.3em;} .allContent .primaryContent .subSection dd{margin-top:18px;} .learnGray .outlinePadded{padding:0} /*------------------ For tax withholding --------------------*/ .disclaimerContainerOuterDiv { float: left; height: 200px; overflow: auto; border:3px solid #C0C0C0; } .disclaimerContainerInnerDiv { float: left; } #scrollingDiv{ height:650px; overflow:auto; overflow-y:auto; overflow-x:hidden; } .withholdingHeader { font-size:11px; } .agreementTitle { font-size:14px; } .disabledText{color: #CCC;} .withholdingStep2 { padding-bottom: 10px; padding-top: 30px; } .withholdingData { font-size:11px; vertical-align: middle; } .withholdingDataWithBorder { font-size:11px; vertical-align: middle; border-bottom: #e7e7e7 1px solid; } .withholdingSuccessMsg { background: url("icon_success.gif") no-repeat scroll left 50% #FFFFFF; height: 30px; margin: 0.5em; padding: 1em 1em 1em 3em; } td.verticalTopAlign{ vertical-align:text-top; } td.paddingTop3{ padding-top: 3px; } p.agreement { line-height: 250%; } .withholdingOverlayPad { padding: 7px; } .withholdingTextarea { font-family: Verdana, Geneva, sans-serif; font-size: 11px; } td.withPadding { padding-top: 3px; padding-bottom: 2px; } td.withholdingDisclaimer { border: 1px solid #999; } input.withholdingPrint { width:12em; } .checkOn {cursor:pointer; background-image:url(checkbox-on.png); background-repeat:no-repeat; padding-bottom:10px; padding-left:30px;} .checkOff {cursor:pointer; background-image:url(checkbox-off.png); background-repeat:no-repeat; padding-bottom:10px; padding-left:30px} .checkReady {cursor:pointer; background-image:url(checkbox-ready.png); background-repeat:no-repeat; padding-bottom:10px; padding-left:30px} /*Holdings page*/ .holdingFooter td { font-weight: bold; text-align: right; } input.btnViewLatestPrice { width: 16em; } div.latestPriceDismiss { text-align: center; padding-top: 25px; display:none; } /* New section */ .copyLeft { float:left; width:55%; } .iaaNoBullet { display:inline; list-style:none outside none; } .iaaNoBullet li, .iaaInLine {display:inline;} .iaaHide { display:none !important; } .iaaNoBullet strong, .iaaNoBullet b { font-weight: normal; } .perspectiveTitle a { text-decoration:none; } .perspectiveTitle a:hover { text-decoration:underline; } /** For ACH */ .disclaimerContainerOuterDivForACH { float: left; height: 200px; overflow: auto; width: 730px; border:3px solid #C0C0C0; } .pageTitle { font-family: Arial,Helvetica,sans-serif; font-size: 1.5em; font-weight: bold; height: 40px; padding-left: 10pt; vertical-align: text-bottom; } .verticalBtmAlgn { vertical-align: bottom; } .verticalTopAlgn { vertical-align: middle; } input.nextBtnWithOutAlgn { background:url("../images/btn_next.gif") no-repeat scroll 0 top transparent; cursor: pointer; height: 22px; width: 53px; overflow: hidden; text-indent: -9999px; border: 0px; padding: 0px; margin: 0 5px; display: block; font-size: 0px; line-height: 0px; } div.overlayFundTransferHelp, div.overlayLearnMoreHelp { background-color:#FFF; border-bottom:#666 2px solid; border-left:#999 1px solid; border-right:#666 2px solid; border-top:#999 1px solid; display:none; padding: 5px; position:absolute; width: 350px; z-index: 1000; } div.scrollFundHelp, div.scrollLearnHelp { height: 115px; overflow: auto; width: 350px; } div.abtTransferFundsHelp{ height:410px; width:530px; padding: 10px; overflow-y: scroll; } div.scrollLearnHelp { height: 70px; } img.vertMiddle { vertical-align: middle; } span.txtUnderline { text-decoration: underline; } a.withOutUnderline { text-decoration: none; } ul.leftMargin { margin-left : 15px } td.paddingTop10{ padding-top: 10px; } .pad5 { padding: 5px; } div.availBalNote { padding: 5px; padding-bottom: 8px; } div.overlayTaxFormsHelp { background-color:#FFFFFF; border-bottom:#666 2px solid; border-left:#999 1px solid; border-right:#666 2px solid; border-top:#999 1px solid; display:none; padding: 5px; position:absolute; width: 250px; z-index: 1000; left: 425px; } div.scrollTaxFormsHelp { height: 50px; overflow: hidden; width: 250px; } div.closeIcon { float: right; width: 22px; } a.closeIcon { width: 22px; } div.taxFormsHelp, div.acctSumTaxFormsHelp, div.docSumTaxFormsHelp { background-color:#FFFFFF; border-bottom:#666 2px solid; border-left:#999 1px solid; border-right:#666 2px solid; border-top:#999 1px solid; display:none; padding: 5px; position:absolute; width: 450px; z-index: 1000; } div.acctSumTaxFormsHelp { left: -50px; } div.docSumTaxFormsHelp { bottom: 50px; } div.taxFormsLearnMore { float: left; height: 50px; overflow: auto; width: 450px; } /* ================================ START - iPhone Toggle Styles ======================================= */ // Disable text selection outside of IE .iPhoneCheckContainer, .iPhoneCheckContainer label { user-select: none; -moz-user-select: none; -khtml-user-select: none; } .iPhoneCheckDisabled { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .iPhoneCheckContainer { position: relative; height: 20px; cursor: pointer; overflow: hidden; } .iPhoneCheckContainer input { position: absolute; left: 30px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .iPhoneCheckContainer label { white-space: nowrap; font-size: 14px; line-height: 10px; font-weight: bold; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; display: block; height: 20px; position: absolute; width: auto; top: 0; padding-top: 5px; overflow: hidden; } label.iPhoneCheckLabelOn { color: #666; background: url(../images/on.png) no-repeat; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); left: 0; padding-top: 5px; } label.iPhoneCheckLabelOn span { padding-left: 16px; } label.iPhoneCheckLabelOff { color: #8B8B8B; background: url(../images/off.png) no-repeat right 0; text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6); text-align: right; right: 0; } label.iPhoneCheckLabelOff span { padding-right: 8px; } .iPhoneCheckHandle { display: block; height: 20px; cursor: pointer; position: absolute; top: 0; left: 0; width: 0; background: url(../images/slider_left.png) no-repeat; padding-left: 3px; } .iPhoneCheckHandleRight { height: 100%; width: 100%; padding-right: 3px; background: url(../images/slider_right.png) no-repeat right 0; } .iPhoneCheckHandleCenter { height: 100%; width: 100%; background: url(../images/slider_center.png); } /* ================================ END - iPhone Toggle Styles ======================================= */ /* ------------------------------ Message Center. ---------------------------------*/ #msgDetailBar {background-color: #E7E7E7;border-color: #CCCCCC #CCCCCC #999999;border-style: solid; border-width: 1px;background-color:#ccc; margin-bottom: 8px;} #msgDetailBarLinksRight { float: right; } #msgDetailBar ul {float: left;Margin-top:0px !important;list-style: none outside none;} #msgDetailBar li {float: left;Margin-bottom:0;Float:left;} #msgDetailBarLinksLeft a {border-left: 1px solid #FFFFFF; border-right: 1px solid #CCCCCC; line-height:35px;padding:0 7px 0 7px;float:left;} /* ================= start - manage phone/address ===========================*/ .chgAddrHeadGrayTxt {background-color:#f1f1f1; padding:5px 5px 5px 10px; width:100%; font-weight:normal; font-size:1.4em; width:97%;} .chgAddrHeadGrayTxt td:first-child+td{font-size:.65em;} table .chgAddrHeadGrayTxt{margin:20px 20px 0 20px ;} .fiftyFifty .outline{border:1px solid transparent; margin:0 20px 15px 20px; width:40%;} .chgAddrOutline{width:60%;vertical-align:bottom; margin:0 0 0 20px;} .chgAddrOutline td{border-bottom: 1px solid #ccc; padding:8px} .chgAddrOutline td:first-child+td+td, .chgAddrOutline td:first-child+td+td+td{width:1%} .addressContent p{margin:5px 0 5px 40px;} .overlayPad {padding: 7px;} .chgAddrLabel, .chgAddrElmt,.chgAddress {padding: 3px;} .custAddrRows td {border-bottom: 1px solid #E7E7E7;padding: 3px;} .chgPhoneBorderBottom {border-bottom: 1px solid #E7E7E7 !important;padding:5px;} .chgAddrWizard td {text-align: center;} .chgAddrWizardYellow { background-image: url("images/wizard_step_between.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 23px; padding-left: 5px; background-color: rgb(250, 199, 36); font-weight: bold; vertical-align: middle; } .chgAddrWizardLastGray { background-image: url("images/wizard_step_end_gray.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 17px; padding-left: 5px; background-color: rgb(233, 233, 233); color: rgb(153, 153, 153); vertical-align: middle; } .chgAddrQuoteBox { background-color: rgb(246, 246, 246); border: 1px solid rgb(231, 231, 231); padding: 5px 10px 8px; } .chgAddrWizard { height: 25px; } .chgAddrWizardFirstGray { background-image: url("images/wizard_step_between_gray.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 23px; padding-left: 5px; background-color: rgb(233, 233, 233); color: rgb(153, 153, 153); vertical-align: middle; } .chgAddrWizardLastYellow { background-image: url("images/wizard_step_end.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 17px; padding-left: 5px; background-color: rgb(250, 199, 36); font-weight: bold; vertical-align: middle; } .chgAddrPaddingBottom { padding-bottom: 4px !important; } .padding8{ padding: 8px; } .padding3{ padding: 3px; } .alertmsg { BACKGROUND-IMAGE: url("/images/icon_alert.png"); PADDING-BOTTOM: 0.8em; PADDING-LEFT: 4em; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left 50%; MARGIN-BOTTOM: 0.8em; HEIGHT: 38px; PADDING-TOP: 0.8em } .padding13030 { padding:13px 0 3px 0; } .padding3030 { padding:3px 0 3px 0; } /* ================= End - manage phone/address ===========================*/ .watermark {color:#999 !important} /* ================= Start - Reorder Check ==========*/ .partialOutline {border-bottom:1px solid #E7E7E7;border-left:1px solid #E7E7E7;border-right:1px solid #E7E7E7;} .partialOutlineNoBottom { BORDER-LEFT: #e7e7e7 1px solid; BORDER-RIGHT: #e7e7e7 1px solid } .ui-dialog .ui-dialog-title { padding-top:5px;padding-bottom:5px;padding-left:5px;color:#333} .ui-dialog .ui-dialog-titlebar {background-color:#fcc81d !important;border:none;} .ui-corner-top, .ui-corner-all, .ui-corner-br{border-top-right-radius:0!important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important;} .ui-widget-content table{padding-left:5px;} #viewLatestPrice table{padding-left:0;} .slipLine { text-transform: uppercase; width: 200px; } .rowsTotal td{ border-bottom:1px solid #ccc } .reorderDiv{ padding:0px 8px 8px 8px } .spacedRowTable TR { LINE-HEIGHT: 25px } .infoPopupWide { position:absolute; z-index:99; width:600px; display:none; background-color:#fff; border-width:1px 2px 2px 1px; border-style:solid; border-color:#999; padding-left:5px } .infoPopupTxt { float:left; width:95% } .infoPopupClose { float:right; width:5%; vertical-align:top } div.check { float:right; padding-right: 5px; } .checkImage { height: 17px; vertical-align: middle; width: 31px; } /* ================= End - Reorder Check ==========*/ /* ================= Start - SMC ==========*/ .contactUsInfo { margin: 10px 0 10px 15px; } .secureMessagePadLock { vertical-align: top; height: 12px; width: 12px; } .smcTextEditor { width: 90%; } tr.yColor td { background-color: #E4EEF9; } .outlinePadded {border: 1px solid #CCCCCC;padding: 5px; } .secondaryContent .outlinePadded{border:1px solid transparent;} a.disabled {color: grey !important;} .unread { font-weight:bold } .messageDetail { padding-left: 5px; } td.replied td.paperclip { width:1%; } #secMsgTable { max-height:240px; overflow:auto; !important } td.linked:hover { cursor: pointer; } a.detail { text-decoration: none; } .progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; } .bar { background-color: #B4F5B4; width:0%; height:15px; border-radius: 3px; } .smcPercent { position:absolute; display:inline-block; top:3px; left:48%; } #selectedFiles{width:400px;} #previousMsgBody{border:1px solid #CCC;max-height:100px; overflow:auto; !important; margin-left:0;} .file-wrapper { cursor: pointer; display: inline-block; overflow: hidden; position: relative; } .file-wrapper input { cursor: pointer; font-size: 100px; height: 100%; filter: alpha(opacity=1); -moz-opacity: 0.01; opacity: 0.01; position: absolute; right: 0; top: 0; outline:0; } /* ================= End - SMC ==========*/ /* ================= start - beneficiaries ==========*/ .partialSideOutline td.total, .datatable td.percentage { text-align:right; padding: 0px 13px 0px 0px; } .partialSideOutline { BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid } .infoTable .percent,.infoTable .amount, .datatable th.percentage, .partialSideOutline td { text-align: right; } .tableOutline { border:1px solid #CCCCCC; } .borderBottomBnfcy{ border-bottom: 1px solid #CCCCCC; } .bnfcySelect{ padding: 15px 5px 3px 15px; } .acctSettingsGreyBox{ background-color: #F6F6F6; float:left; margin-left:30px; } .acctSettingsGreyBox ul{ list-style-image: url("bullet_trans.gif") !important; margin-right:10px !important; } /* ------------------------------ seventyThirty Styles ---------------------------------*/ .seventyThirty .primaryContent { width: 70%; float: left; margin: 0px -30px 0px 0px; position: relative; } .seventyThirty .primaryContent .subSection { margin-right: 30px; margin-left: 15px; } .seventyThirty .secondaryContent { width: 30%; padding: 0 0 0 16px; margin: 0; float: left; position: relative; } /*for benes*/ #bodyContentHdr .primaryContent{margin:0 10px 20px 0;} #bodyContentHdr {width:100%} #bodyContentHdr .secondaryContent{width:28%; padding-left:0; float:right;} #bodyContentHdr .secondaryContent .subSection dt.group{background-color: #5b5754; margin:0; padding:5px; font-size:1.2em;} #bodyContentHdr .secondaryContent .subSection .tableOutline{background-color:rgb(231, 231, 231); padding:5px; border:1px solid transparent;} #bodyContentHdr .partialSideOutline{border:1px solid transparent;} #bodyContentHdr .yellowBar_aa{padding-top:5px; padding-bottom:5px;} #bodyContentHdr .yellowBarTitle{font-size:1.1em;float:left; padding-top:7px;padding-bottom:7px;} #bodyContentHdr .yellowBarTitle #changeAccount{margin-left:10px; margin-bottom:3px;} #bodyContentHdr .yellowBarContent{float:right; padding-bottom:2px;} #bodyContentHd table.beneficiaries table td{margin-top:20px; border:1px solid #fff;} #bodyContentHdr .rows td {background-color:#f1f1f1; margin:20px; padding:10px; font-size:1.1em; border:1px solid #fff;} #bodyContentHdr .borderBottomBnfcy{border:1px solid transparent; margin:20px;} #bodyContentHdr dt.group{font-weight:normal; font-size:1.2em; padding:5px 5px 5px 8px;margin:20px 0 0 10px;} #bodyContentHdr .borderBottomBnfcy dt.group{margin:0 0 20px 0;} #bodyContentHdr dd{border:0;} /* ================= End - beneficiaries ==========*/ .spinnerGif{ margin: 0; padding: 6px 0 6px 34px; background-image:url("images/activity-loader.gif"); background-repeat:no-repeat; background-position:left center; } .txtCenter{ text-align: center; } .loadMore { padding:6px 0 6px 0; font-size:13px; font-weight:bold; } /* Agreement changes */ /* ============ HEADER ============ */ #logo_aa a.edwardJones_logo:link, #logo_aa a.edwardJones_logo:focus, #logo_aa a.edwardJones_logo:visited, #logo_aa a.edwardJones_logo:hover, #logo_aa a.edwardJones_logo:active {background: url('../images/edwardJones_logo_aa.png') center center no-repeat; width:300px; height:125px; display: block; text-indent: -99999px; background-color:#fcc81d} #logo_aa_fr a.edwardJones_logo:link, #logo_aa_fr a.edwardJones_logo:focus, #logo_aa_fr a.edwardJones_logo:visited, #logo_aa_fr a.edwardJones_logo:hover, #logo_aa_fr a.edwardJones_logo:active {background: url('../images/edwardjones-logo-french.png') center center no-repeat; width:300px; height:125px; display: block; text-indent: -99999px; background-color:#fcc81d} #welcome_aa {font-size: 10px; color:#666; line-height: 18px; text-align:right; margin:0 10px 5px; white-space: nowrap;} #welcome_aa span.lastLogin_aa {color:#999; font-style: italic;} #util {margin-bottom:3px} ul#navSettings_aa {float: right; list-style: none; padding:0; margin:0; display: block;} ul#navSettings_aa li {float:left; width:auto;} ul#navSettings_aa li a:link, ul#navSettings_aa li a:focus, ul#navSettings_aa li a:visited{height: 100%; display: block; text-decoration: none; font-size: 11px; color: #666666; padding: 3px 9px 3px 9px; border-left: 1px solid #cdcdcd; } ul#navSettings_aa li a:hover, ul#navSettings_aa li a:active {text-decoration: underline;} ul#navSettings_aa li:first-child a {border-left: 0;} #welcome_aa + #utilNav_aa #navSettings_aa li:first-child:not(#companyInfo) a {padding-left: 20px; background: url('../images/mailIcon.gif') center left no-repeat;} /*styles add July 1, 2014*/ #header{max-height:170px; overflow: hidden; background-color:#fff;} dd #billpayDis form, .clear, #mainNav_aa, div.taxformsPopupClear, .subNav_aa{clear: both;} ul#mainNav {list-style:none; padding:0; margin:8px 0 0 14px; float:left; } ul#mainNav li {float:left; text-align:center; margin:0; background-color:#FFF} ul#mainNav li a:link, ul#mainNav li a:focus, ul#mainNav li a:visited {font-size: 13px; color: #666666; text-decoration: none; font-weight: bold; display: block; line-height: 36px; padding-left:18px; padding-right:20px} .nav_aaTab_on {float:left; text-align:center; margin:0; background-color:#f1f1f1; color: #333333 !important;} .subNav_aa ul {list-style: none; background-color:#f1f1f1; margin:0; float:left; width:100% } .subNav_aa ul li {float: left; text-align: left; margin: 0 12px 0 15px;} .subNav_aa ul li a:link, .subNav_aa ul li a:focus, .subNav_aa ul li a:visited {font-size: 13px; color: #666666; text-decoration: none; display: block; width:100%; line-height: 36px;} .active a:link{font-weight:bold; color: #333333 !important;} .shadow {background-color: rgb(68,68,68); /* Needed for IEs */ -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.2); -webkit-box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); zoom: 1;} .shadow .shadowContent {position: relative; /* This protects the inner element from being blurred */background-color: #fff;} .shadow-marginFix {margin-bottom: 24px;} .secureText{float:right; padding-top:2px} #page_aa #newsAndInsights-module h3 {background-color: #e7e7e7;padding:13px 0 13px 0; font-weight:bold} #page_aa #newsAndInsights-module a:link{color:#666666;} #page_aa #newsAndInsights-module .iaaBullet {background-image:url("../images/bullet_gray.png");background-position:left top;background-repeat:no-repeat;padding-left:20px;margin-left:10px;} #page_aa #newsAndInsights-module a.button-gray:link, #page_aa #newsAndInsights-module a.button-gray:focus, #page_aa #newsAndInsights-module a.button-gray:visited, #page_aa #newsAndInsights-module a.button-gray:hover, #page_aa #newsAndInsights-module a.button-gray:active {background:url("../images/button-gray-arrow.gif") right 50% no-repeat #333; color:#fff; font-weight: bold; font-size:0.9em; text-decoration: none; padding: 5px 22px 5px 15px; display:inline-block; float: right; margin-left:4px} #page_aa #newsAndInsights-module a.button-gray:hover,#page_aa #newsAndInsights-module a.button-gray:active {background-color:#5b5754; color: #fff !important; margin-left:4px} #page_aa #newsAndInsights-module .perspectiveThumb{float:right; width:49%} #page_aa #newsAndInsights-module .perspectiveDescription{float:left; width:49%} #page_aa #newsAndInsights-module .copyAndImageContainer{margin:0 13px 13px 13px} /* ============= FOOTER ============ */ #footerWrapper_aa {background-color:#666; height: 48px; overflow: hidden; } ul#footerNav_aa {list-style: none; float: left; margin: 0; padding: 0;} ul#footerNav_aa li {float: left; margin: 0 18px 0 0; } ul#footerNav_aa li a:link, ul#footerNav_aa li a:focus, ul#footerNav_aa li a:visited { text-transform: uppercase; color: #fff; text-decoration: none; font-size: 10px; line-height: 64px;} #footerCopyright_aa, #footerCopyright_aa a {color:#fff; font-size: 10px; line-height: 64px;} ul#footerNav_aa li a:hover, ul#footerNav_aa li a:active { text-decoration: underline;} #footerPrivacyStatementWrapper_aa {background-color:#fff;} #footerPrivacyStatement_aa {padding: 18px 0;} #footerPrivacyStatement_aa p {font-size: 10px; color:#999; line-height: 14px} #footerPrivacyStatement_aa a, #footerPrivacyStatement_aa a:hover {color:#999 !important} /* ===========NEW GLOBAL STYLES ============ */ .alignLeft, .leftAlign, .from, .datatable th, .documentName{text-align:left;} .alignRight {text-align: right;} .border-bottom {border-bottom: 1px solid #e6e6e6} .disclaimerText {font-size:0.9em; color: #9b9a95; line-height: 27px; text-indent: 24px; margin: 0; padding: 0;} .disclaimerText a, .disclaimerText a:hover {color:#9b9a95 !important} .module-border {border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;} .module-margin {margin-bottom: 18px; } .module-footer {margin:0 0 0 0; width:100%; background-color:#e8e8e8; display: block;} .moduleContent-padding {padding: 0 18px 0px 18px;} .moduleContent-paddingAll {padding:18px;} .msg-container {padding-left:20px; float: left; width:65%; padding-top:8px;} .msg-container2{float:left; margin-top:5px;} .promotionMsg {background:url('../images/alertIcon.gif') 5px 2px no-repeat; font-size:1em; font-weight:700; color: #f95230; line-height:125%; padding:8px} .retireeLink {padding-left:40px} /* Grid layout */ .container_aa {width: 1200px; margin-left: auto; margin-right: auto;} .container_aa .container_aa { width: 100%; } .grid_1, .grid_2, .grid_3, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_12, .grid_13, .grid_14, .grid_15 {position: relative; display: inline; float: left; margin-left: 10px; margin-right: 10px;} .grid_4 {position: relative; display: inline; float: left; margin-left: 10px; margin-right: 0;} .grid_11 {position: relative; display: inline; float: left;} .alpha {margin-left: 0px;} .omega {margin-right: 0px;} .container_aa .grid_1 {width: 60px;} .container_aa .grid_2 {width: 140px;} .container_aa .grid_3 {width: 220px;} .container_aa .grid_4 {width: 300px;} .container_aa .grid_5 {width: 380px;} .container_aa .grid_6 {width: 460px;} .container_aa .grid_7 {width: 540px;} .container_aa .grid_8 {width: 620px;} .container_aa .grid_9 {width: 700px;} .container_aa .grid_10 {width: 780px;} .container_aa .grid_11 {width: 880px;} .container_aa .grid_12 {width: 940px;} .container_aa .grid_15 {width: 1180px;} /*Clear Fix*/ .clearfix:after {line-height: 0; width: 0px; display: block; height: 0px; visibility: hidden; clear: both; font-size: 0px; content: ' ';} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} /* ============= HOME PAGE SPECIFIC =============== */ /* The classes come first, then the IDs, to ensure specificity is working as best it can */ .BOATitle {font-weight:bold; font-size:1.1em; margin-top:8px} .didYouKnow-video-placeholder {float:left; margin:0 18px 18px 0} .elHide {display:none} .inTheMarket-module-column {width: 33.3%; float: left; padding: 12px 0;} .inTheMarket-module-column-vertDivide {width: 31.5%; float: left; border-left:3px solid #fff; border-right:3px solid #fff; box-sizing: border-box; padding: 12px 0;} .marketName a {display: block; text-align: center; font-size: 1.6em; font-weight: bold; color: #666; line-height: 36px; text-decoration:none} .marketNumber {display: block; text-align: center; font-size: 1.9em} .marketPercentage {display: block; text-align: center; font-size: 0.9em; font-weight: bold;} .marketTotal {display: block; text-align: center; font-size: 1.3em; color:#5b5754;} .minusRed {color: #993333;} .module-footer-getquote, .subSection.getQuote dd, .subSection.getQuote dt, .getQuote {margin:18px 0 0 0; background-color:#fff; border:2px solid #333; display: block;} .subSection.getQuote dt #addWatchlist,.subSection.getQuote dd #graphForm {float: right;} .getQuote{margin:0;} .tabOpp dd, dd .getQuote{padding:0 !important;} .getQuote input{border:none; font-style:italic; color:#999;} .greyBox .getQuote, .getQuoteContainer .getQuote{background-color:transparent; border:none; margin-top:0;} .greyBox .getQuote input, .getQuoteContainer .getQuote input{border:1px solid #999} .secondaryContent .subSection .getQuote{padding:0;} .subSection dt.longTitle {padding: 5px;line-height: 1.33em;} .plusGreen {color: #339900;} .ui-tabs {padding:0; border:none;} .ui-tabs-nav {background: none; border:none; } #aa-homePageWrapper .errorMsg {margin-top:8px} #aa-homePageWrapper .ui-widget-content {border: 0px;} #aa-homePageWrapper a:hover, #aa-homePageWrapper a:active {color:#333} #aa-homePageWrapper h2 {font-weight: normal; margin: 0; font-size: 1.8em; padding:14px;} #aa-homePageWrapper h2.yellowHeader {color: #555; background-color: #ffcc33; } #aa-homePageWrapper h2.grayHeader{color: #fff; background-color: #5b5754;} .grayHeader {color: #fff; background-color: #5b5754;font-weight: normal; margin: 0; font-size: 1.5em; padding:14px;} #aa-homePageWrapper h3 {color: #333; background-color:#f7f7f7; font-size: 1.3em; padding:10px; margin: 0; line-height:normal !important; font-weight:normal} #aa-homePageWrapper h4 {margin: 0 0 18px 0; font-size: 1.1em;} #aa-homePageWrapper h5 {margin: 0 0 18px 0; font-size: 1.1em;} #aa-homePageWrapper h6 {margin: 0 0 18px 0; font-size: 1.1em;} .module-footer-getquote #quoteVar{border-width: 0px; padding-left: 4px; width: 220px; margin:3px 0 0 0; color: #333; font-style: italic; padding-top:4px;} .module-footer-getquote #quoteVar:focus {border-width:0px;} #aa-homePageWrapper strong, .boldMe {font-weight: bold;} #aa-homePageWrapper #bodyContent {background: #fff; padding-top: 18px;} #didYouKnow-module, #didYouKnow-moduleFF {background: #fff;} #didYouKnow-moduleFF{width:65.5%; font-size:1.2em;} #didYouKnow-module p, #didYouKnow-moduleFF p {margin-bottom:18px} #didYouKnow-module ul.yellowList {width:49%} #didYouKnow-module .moduleContent-padding, #didYouKnow-moduleFF .moduleContent-padding{padding-top:18px} #financialAdvisor-module {background-color: #73716d} #faPic, #financialAdvisor-module .fa-placeholder {float:left; height: 150px; width:100px} #financialAdvisor-module .faInfo-container{padding:14px; color:#fff; float:left; width:240px} #financialAdvisor-module .faInfo-container div {display:block; } #financialAdvisor-module .yellowHeader{padding-left:0; text-indent:14px } #financialAdvisor-module .faInfo-container .faName {font-size: 1.2em; font-weight: bold; color: #fff; margin: 0; padding:0;min-width:240px;} #financialAdvisor-module .faInfo-container .faAddr, #financialAdvisor-module .faInfo-container .faPhone {min-width:240px} #grandTotalContainer-left,.grandTotalContainer-left{float: left; height: 72px; overflow: hidden; } .grandTotalContainer-left-1{float: left; height: 48px; overflow: hidden; } #grandTotalContainer-right, .grandTotalContainer-right {padding-left:64px; float: right; height: 72px; overflow: hidden; background: url('../images/totalSwish.gif') left center no-repeat;} #ff #grandTotalContainer-right, #ff .grandTotalContainer-right {padding-left:64px; float: right; height: 72px; overflow: hidden; background-image:none;} #header_left {float:left; width:25%} #header_right {float:left; width:75%} #header_right1 {float:left; width:45%} #header_right2 {float:left; width:55%; margin-top:5px} #home-mainColumn-alpha {float: left; width: 784px; position: relative;} #home-secondaryColumn {float: left; width: 380px; margin-left: 36px; padding-left: 0px; border-left: 0px solid #999;} #homeTabs-aa {background:url('../images/tabBkg.jpg') top center repeat-x; margin:0; padding: 0;} #homeTabs-aa table {margin-bottom: 18px;} #homeTabs-aa table th {font-size:1.1em !important;} #homeTabs-aa table td {font-size:1.1em; line-height: 40px; border-bottom: 1px solid #e7e7e7; color:#5b5754;} #homeTabs-aa table td.account-subHeader-row {font-size:1.1em; border-bottom: 0px solid #e7e7e7;} #homeTabs-aa ul {background:none; margin:0; padding: 0; text-align: center; font-size:0.9em} /*pilot styles*/ #homeTabs-aa ul li {display:block; margin:0px; width:auto; float: left; border:none; border-right:1px solid #fff;background: url('../images/tabBkg-inactive.jpg') top center repeat-x;width:302px;text-align: center;border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px} #homeTabs-aa ul li a {height: 100%; font-weight: bold; font-size: 1.1em; padding: 18px 18px; color: #5b5754; margin: 0; width:266px;}/*changed from 266 to 226 changed padding from 18 to 4*/ #homeTabs-aa ul li:hover {background: #dddddd;border:none; height:100%; } /*end of pilot styles*/ .aggregationTab #homeTabs-aa ul li {display:block; margin:0px; width:auto; float: left; border:none; border-right:1px solid #fff;background: url('../images/tabBkg-inactive.jpg') top center repeat-x;text-align: center;border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px} .aggregationTab #homeTabs-aa ul li a {height: 100%; font-weight: bold; font-size: 1.1em; padding: 18px 18px; color: #5b5754; margin: 0; width: 166px;}/*changed from 266 to 226 changed padding from 18 to 4*/ .finFoundTab #homeTabs-aa ul li {display:block; margin:0px; width:auto; float: left; border:none; border-right:1px solid #fff;background: url('../images/tabBkg-inactive.jpg') top center repeat-x;width: 204px !important; padding:0 10px 0 0;text-align: center;border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px}/*changed from 302 to 214*/ .finFoundTab #homeTabs-aa ul li a {height: 100%; font-weight: bold; font-size: 1.1em; padding: 18px 4px; color: #5b5754; margin: 0; width:206px !important;}/*changed from 266 to 226 changed padding from 18 to 4*/ .finFoundTab #homeTabs-aa ul li:hover {background: #dddddd; border:none; border-right:1px solid #fff; height:100%; width:204px !important; margin: 0; } #homeTabs-aa ul li.ui-tabs-active{background: url('../images/tabBkg.jpg') top center repeat-x; margin:0; border:none; height:100%;} #homeTabs-aa .closedAccount {color: #999;} #homeTabs-aa .closedAccount .closedDate{font-size:0.9em; color: #333; text-transform: uppercase; font-weight: 100; padding: 2px 4px;} #homeTabs-aa .closedAccount .closedLinks{font-size: 0.9em} #inTheMarket-module {background: #e7e7e7; overflow: hidden;} #inTheMarket-module .moduleContent-padding {padding:18px 0} #inTheMarket-module .disclaimerText {text-indent:0; padding:0 15px; line-height:normal} #justForMe {list-style-image:url('../images/bullet_gray.png'); margin:9px; padding: 0 0 0 18px;} #justForMe li {margin: 0 0 16px 0; font-size:1.2em; line-height: 18px; padding: 0!important; color: #fff;} #justForMe li a:link, #justForMe li a:visited, #justForMe li a:focus {color: #fff;} #justForMe li a:active, #justForMe li a:hover {color:#e1e1e1;} #newsAndInsights-module{background: #e7e7e7; overflow: hidden;} #promoCallout {height:65px; margin:8px} #tab-investmentAccounts, #tab-otherProductsServices, #tab-Aggregation, #tab-financialFoundation {background: #fff; margin:0; padding: 0;} #tab-investmentAccounts .grandTotalDate, .grandTotalDate {display:block; font-size:0.9em; line-height: 13px; margin: 0; padding: 0 18px; text-align: right;} #tab-investmentAccounts .grandTotalNumeral, .grandTotalNumeral {display:block; font-size:2em; line-height: 36px; margin: 0; padding:12px 18px 0 18px; text-align: right;} #ff .grandTotalNumeral{font-size:1.2em} #ff .grandTotalDate{font-size:0.6em} #tab-investmentAccounts .grandTotalTitle{display:block; font-size: 1.5em; color: #333; line-height: 72px; margin:0 0 0 24px; } .relationShipName1{display:block; font-size: 1.5em; color: #333; line-height: 42px; margin:0 0 0 8px; } #ff{border-bottom:1px solid #e6e6e6;display:block; font-size: 1.5em; color: #333; line-height: 72px; margin:0; padding-left:20px;} .finFoundTab #homeTabs-aa #ffContentArea1 ul {list-style-image:url('../images/bullet_gray.png'); margin:0 0 0 18px; padding: 0 0 0 18px; display:inline-block; } .finFoundTab #homeTabs-aa #ffContentArea1 ul li { font-size:1.2em; padding: 5px;background-color:#fff; width:100% !important; background-image:none; text-align:left; display:list-item;} #ffContentArea1 h2{display:block; font-size: 1.5em; color: #333; line-height: 72px; margin:0 0 0 24px; } #ffContentArea1 ul li:hover {background: #fff;border:none; height:100%; cursor:none;} #ffContentArea1 p{margin-left:8px; margin-right:8px; font-size:1.1em;} #ffContentArea1 .contentTable .rows_aa td{padding:8px; font-size:1.1em;} div.reviewDt{float:right;} #didYouKnow-moduleFF #docMyFA_FF div {font-size:1.22em; padding-bottom:10px;} #valueOfAccounts-module {background: #fff;} a.accountNicknamesLink:link, a.accountNicknamesLink:focus, a.accountNicknamesLink:visited, a.accountNicknamesLink:hover, a.accountNicknamesLink:active {line-height: inherit; font-size:0.7em; font-weight: 100; color:#333} a.monthEndValuesLink:link, a.monthEndValuesLink:focus, a.monthEndValuesLink:visited, a.monthEndValuesLink:hover, a.monthEndValuesLink:active {color:#fff !important; line-height: inherit; font-size:0.45em !important; font-weight:normal; margin-left:10px; font-family:Verdana, Geneva, sans-serif} a.button-yellow:link, a.button-yellow:focus, a.button-yellow:visited {background:url("../images/button-yellow-arrow.gif") right 50% no-repeat #ffcc33; color:#444; font-weight: bold; text-decoration: none; padding: 5px 22px 5px 15px; display:inline-block; float:right; font-size:0.9em; white-space: nowrap;} a.button-yellow:hover, a.button-yellow:active {background:url("../images/button-yellow-arrow.gif") right 50% no-repeat #ffd559; color: #333; text-wrap:none; white-space: nowrap;} #edl .button-yellow{margin-bottom:-15px;} .disabledBtn, a.disabledBtn:hover{cursor:none; text-decoration:none; padding: 7px 20px 3px 15px; background-color:#e7e7e7;} a.button-gray:link, a.button-gray:focus, a.button-gray:visited, a.button-gray:hover, a.button-gray:active {background:url("../images/button-gray-arrow.gif") right 50% no-repeat #333; color:#fff; font-weight: bold; font-size:0.9em; text-decoration: none; padding: 5px 22px 5px 15px; display:inline-block; float: right;} a.button-gray:hover, a.button-gray:active {background-color:#5b5754; color: #fff !important;} span.padlock {background: url('../images/padlock.gif') center center no-repeat; display:inline-block; height: 15px; width: 10px; padding-right: 8px;} ul.yellowList {list-style-image:url('../images/bullet_gray.png'); margin:0 0 0 18px; padding: 0 0 0 18px; display: inline-block;} ul.yellowList li {margin: 0 0 16px 0; font-size:1.1em; padding: 0; } /* Quick links */ ul#quickLinks {margin: 0; padding: 0; list-style: none; width: 180px; position: absolute; right: 0; z-index: 900; cursor: pointer; text-align:center; font-size:1.1em} .aggregationTab ul#quickLinks {margin: 0; padding: 0; list-style: none; width: 140px; position: absolute; right: 0; z-index: 900; cursor: pointer; text-align:center; font-size:1.1em} .finFoundTab ul#quickLinks {margin: 0; padding: 0; list-style: none; width: 140px !important; position: absolute; right: 0; z-index: 900; cursor: pointer; text-align:center; font-size:1.1em}/*changed width from 180px to 140px*/ ul#quickLinks a {text-decoration: none; display: block; color:#fff } ul#quickLinks li a:link, ul#quickLinks li a:visited, ul#quickLinks li a:focus { background:url("../images/button-gray-arrow-down.gif") right 20px no-repeat #333; color: #fff; line-height: 54px; font-weight: bold; } ul#quickLinks ul {list-style: none; margin:0; width:180px} ul#quickLinks div a:link, ul#quickLinks div a:visited, ul#quickLinks div a:focus {background-image:none; border-top:1px solid #5b5754; font-weight:normal; line-height:30px; background-color: #333;} ul#quickLinks div a:hover, ul#quickLinks div a:active {background-color: #5b5754; color:#fff} #divId { background-color: #ffffff;padding:10px;} .subSection dt.group {background-color:#f1f1f1; margin:20px 20px 0 20px;} .resOpin_aa .primaryContent .subSection dt.group{margin:0;} .resOpin_aa .subSection dt.roundCrnr{padding:0;} #researchHomePageDiv .primaryContent .subSection dt.group{margin:20px 20px 0 20px;} #researchHomePageDiv .primaryContent .subSection dt.roundCrnr{padding:5px;} #researchHomePageDiv .secondaryContent .subSection dt.roundCrnr, #watchListPageDiv .secondaryContent .subSection dt.roundCrnr{padding:10px;} #frmCreateWatchList .button-yellow{float:left; margin:20px 0 0 20px;} #quotesAndWatchLists .primaryContent .disclaimer{margin-left:20px; margin-bottom:20px;} #quotesAndWatchLists #watchListSwitch{margin-top:0; margin-bottom:0;} #quotesAndWatchLists .modalBox{margin-bottom:10px; margin-right:10px;} #quotesAndWatchLists .activeTabs dt form {float:left;} #researchHomePageDiv .secondaryContent .outline{border:1px solid transparent;} #researchHomePageDiv .primaryContent #subSecMarketInfo dd, #researchHomePageDiv .primaryContent #subSecMarketInfo dd > dl{padding:0; margin:0;} #researchHomePageDiv .primaryContent #subSecMarketInfo {margin-bottom:20px;} #researchHomePageDiv .primaryContent #subSecMarketInfo .subSection dt.roundCrnr{margin:0;} #researchHomePageDiv .primaryContent #subSecMarketInfo .subSection .activeTabs dt.roundCrnr {padding:0 0 10px 0;} #researchHomePageDiv .primaryContent #subSecMarketInfo #inTheMarket-module{margin:5px 14px 14px 14px;} #researchHomePageDiv .primaryContent #subSecMarketInfo .subSection{margin:20px;} #researchHomePageDiv .primaryContent #subSecMarketInfo .title{margin:5px;} #researchHomePageDiv .primaryContent .getQuoteContainer{margin:4px; width:99%;} #bodyContent #subSecMarketInfo .subsection ul{margin:0;} #researchHomePageDiv .getQuote, #researchHomePageDiv .getOpinion{min-width:230px;} /*#researchHomePageDiv .getQuoteContainer .getOpinion .button-yellow{padding-bottom:3px;}*/ #researchHomePageDiv .getQuote .button-gray, #researchHomePageDiv .getQuote #quoteVar{float:left;} #researchHomePageDiv .getQuote #quoteVar, #researchHomePageDiv #getResearchOpinion input{padding-top:4px; padding-bottom:5px; margin-right:5px;} #researchHomePageDiv #subSecMarketInfo .getQuote .button-gray{float:right;} #fixIncomePageDiv .primaryContent table{margin-top:20px;} .resOpin_aa .primaryContent .subSection, #bodyContent .resOpin_aa .primaryContent ul{margin-top:0; border:0;} .resOpin_aa #rowCount {} .resOpin_aa .secondaryContent .group{font-size:1.3em;} #researchOpinionPageDiv .secondaryContent .subSection, #fixIncomePageDiv .secondaryContent .subSection, .resOpin_aa .secondaryContent .subSection{margin-bottom:0;} #watchListPageDiv .secondaryContent .subSection, #quotesAndWatchLists .secondaryContent .subSection{margin-bottom:20px;} #watchListPageDiv .secondaryContent .subSection > dd, #quotesAndWatchLists .secondaryContent .subSection > dd, #quoteResultPageDiv .secondaryContent .subSection > dd, #quoteResultPageDiv .secondaryContent .subSection dd #today{padding:0px} #quotesAndWatchLists .secondaryContent .subSection .title{padding:5px;} #watchListPageDiv #movers, #quotesAndWatchLists #movers{padding:10px;} #watchListPageDiv #today .moduleContent-padding, #quotesAndWatchLists #today .moduleContent-padding, #quoteResultPageDiv #today .moduleContent-padding{padding:10px 0 0 0;} #watchListPageDiv .disclaimerText, #quotesAndWatchLists .disclaimerText{padding:0 10px;text-indent:0;} #watchListPageDiv .getQuote input, #quotesAndWatchLists .getQuote input{width:200px;} #watchListPageDiv #topTenQuoteKeyList{margin-left:5px;} .hasPlaceholder{width:60%; padding:4px 2px 2px 2px;} #researchHomePageDiv input {width:auto;} #researchHomePageDiv #getQuoteForm .button-gray{margin-right:0;} #researchHomePageDiv .indent{padding:5px 0;} #researchHomePageDiv #getQuoteForm{padding:10px 0;} #researchHomePageDiv #subSecMarketInfo #getQuoteForm .hasPlaceholder, #researchHomePageDiv #subSecMarketInfo #getQuoteForm input{padding:0 2px; margin-top:5px; margin-bottom:0;} #researchHomePageDiv #getResearchOpinion .button-yellow{float:left;} #researchHomePageDiv #getResearchOpinion{margin-bottom:10px;} .resOpin_aa .greyBox{margin-top:20px; border:1px solid #ccc;} .subSection dt.roundCrnr span.title, #loginPageDiv .subSection dt.roundCrnr span.title {float: left;display: block;padding: 0;font-weight: normal;margin: 0;font-size: 1.3em;} #researchHomePageDiv .secondaryContent .group {font-size:1.0em;} .subSection dt.roundCrnr span.date {float: right;display: block;font-weight: normal;margin: 0;font-size: 1.3em;} .subSection dt {line-height: 25px;vertical-align: middle;font-weight: bold;} table.datatable{border:1px solid transparent !important; width:100%;} #taxPageDiv table.datatable{border-bottom:1px solid #ccc !important;} #taxDataTable th{padding:3px;} #taxDataTable .download, #taxDataTable .date{text-align:left;} #taxPageDiv .primaryContent .subSection dd{border:1px solid transparent; margin:10px} #taxPageDiv .primaryContent p:first-child, #taxPageDiv .errorMsg{margin:15px 20px 0 20px;} #taxPageDiv h4{margin:0; padding:5px; font-size:1.2em;} #taxPageDiv .bottomText{margin-left:0;} .datatable tr {border-bottom:1px solid #ccc; padding:3px; font-size:13px} #tradeConfirmsLatest .datatable tr {border-bottom:1px solid #ccc; padding:3px; font-size:11px} table .datatable td{border-top:1px solid #ccc !important; vertical-align:top} .subSectionGray dd{background-color: #5b5754 !important; color:white; border:1px solid #5b5754; padding-top:0 !important} a.button-gray:link, a.button-gray:focus, a.button-gray:visited, a.button-gray:hover, a.button-gray:active {background:url("../images/button-gray-arrow.gif") right 50% no-repeat #333; color:#fff; font-weight: bold; font-size:0.9em; text-decoration: none; padding: 5px 22px 5px 15px; display:inline-block; float: right;} a.button-gray:hover, a.button-gray:active {background-color:#5b5754; color: #fff !important;} a.button-grayLt,a.button-grayLt:link, a.button-grayLt:focus, a.button-grayLt:visited, a.button-grayLt:hover, a.button-grayLt:active {background:url("../images/button-gray-arrow.gif") right 50% no-repeat #707070; font-weight: bold; font-size:0.9em; color:#fff !important;text-decoration: none; padding: 5px 22px 5px 15px; display:inline-block; float: right;line-height:14px!important; } .datatable a.button-grayLt,.datatable a.button-grayLt:link,.datatable a.button-grayLt:focus, .datatable a.button-grayLt:visited, a.button-grayLt:hover, .datatable a.button-grayLt:active{font-size:0.85em;} a.button-grayLt td{vertical-align:bottom;} a.button-grayLt:hover, a.button-grayLt:active {background-color:#5b5754; color: #fff !important;line-height:14px!important} .faqs_aa, .hidden{margin-left:26px} .bottomText{margin:20px 0 0 20px} #faq1,#faq2,#faq3,#faq4,#faq5,#faq6, #faq7,#faq8,#faq9,#faq10,#faq11,#faq12,#faq13,#faq14,#faq15,#faq16,#faq17,#faq18,#faq19,#faq20 {margin-left:20px !important;} .addressContent #faq1, .addressContent #faq2,.addressContent #faq3,.addressContent #faq4,.addressContent #faq5,.addressContent #faq6,.addressContent #faq7,.addressContent #faq8,.addressContent #faq9 {margin-left:60px !important;} /*styles added for activity, holdings, summary, and restyled pages */ .contentArea {background-color:#fff; margin:15px 0; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.2); -webkit-box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); zoom: 1;} .yellowBar_aa, .yellowBar_aa_main{background-color:#fcc81d; padding:15px 15px 15px 20px; margin:0; color:#333; font-weight:normal; font-size:1.6em;} #aa-summaryAcct .yellowBar_aa, #aa-holdings .yellowBar_aa, #aa-actv .yellowBar_aa{font-size:1.0em; padding:10px 10px 10px 20px;} .yellowBar_aa p{margin:0;} .yellowBar_aa .dd_aa{margin-left:40px} .yellowBarTitle{font-size:1.6em;} .yellowBarContent{margin:0 0 0 40px; vertical-align:absmiddle } /*#aa-summaryAcct .cashMmk{width:20%;}*/ #aa-holdings .grayBarSubnav ul {border-top:1px solid #999;margin:30px 0 30px 0} /*#aa-holdings .rowsWhite td{white-space: nowrap;}*/ #aa-holdings .yellowBar_aa, #aa-summaryAcct .yellowBar_aa{padding:0 !important;} #aa-holdings .yellowBarContent, #aa-summaryAcct .yellowBarTitle, #aa-summaryAcct .yellowBarContent{margin:17px 15px 15px 20px; float:left;} #aa-holdings .yellowBarTitle{margin:17px 15px 0 20px; float:left;} .yellowBarRightSwish{ float: right; height: 58px; overflow: hidden; background: url("../images/yellowSwish.png") left center no-repeat;background-color:#fbc125; font-size:1.5em;padding:0 20px 0 0;} .yellowBarRightSwish_ca{ float: right; height: 58px; overflow: hidden; background: url("../images/yellowSwish.png") left center no-repeat;background-color:#fbc125; font-size:1.1em;padding:0 20px 0 0;} #aa-holdings .yellowBarRightSwish{padding:0 28px 0 0;} .yellowBarRightSwish.yellow-right-low-balance {overflow: visible;} .yellowBarRightValue,.grandContTitle{font-size:1.35em} .yellowBarRightValueTitle{text-align:right; margin-left:80px; padding-top:5px} .yellowBarDate, .grandContSmTxt{text-align:right; font-size: 10px; color:#666;} .primaryContent .yellowBar_aa {font-weight:1.7em} .grayBar_aa{background-color:#f1f1f1; margin:10px 20px; padding:10px; border:1px solid #f1f1f1} .grayBar_aa_ca{background-color:#f1f1f1; margin:10px 0px; padding:10px; border:1px solid #f1f1f1} .moduleContent-paddingAll .grayBar_aa {background-color:#f1f1f1; margin:20px 0; padding:10px} #ffContentArea1 .grayBar_aa{margin-bottom:0; font-size:1.2em !important;} #typeViewDiv .grayBar_aa{margin-left:0; margin-right:-10px; font-size:1.5em;} .grayBarSubnav ul, .activeTabs dt ul {list-style:none; float:left; background-color:#999; margin:0; width:100%; float:left; list-style-image:none !important;margin-left:0 !important;} .activeTabs dt ul{border-top:1px solid #999; border-left:1px solid #999;} .grayBarSubnav ul li, .activeTabs dt li {float:left; text-align: left; padding:4px 18px; border-right:1px solid #fff; font-weight:bold; margin-bottom:0 !important;} .grayBarSubnav ul li a:link, .grayBarSubnav ul li a:focus, .grayBarSubnav ul li a:visited, .activeTabs dt li a {font-size: 13px; color: #fff; text-decoration: none; line-height:36px; padding:4px;} .grayBarSubnav ul .active, .activeTabs dt li.selected, .activeTabs dt li.selected a {background-color:white; color:black;} .activeTabs .group{background-color:white !important; } .activeTabs .group{padding-left:0;} .activeTabs dt form {float: right;} .activeTabs dd {border:none;padding: 0;} .subSection.watchListSection .activeTabs dd {border: none;padding: 0px;} .datatable th.tblTitle {font-weight: bold;padding-left: 5px;} .datatable td {vertical-align: middle;text-align: left;padding: 3px;border-top: 1px solid #ccc;} .activeTabs.greyTabs .myAccounts h4 {color: #333;border: none;border-bottom: 1px solid #999;background: url("bg_headingGray.gif") repeat-x scroll 0 bottom transparent;} .activeTabs.greyTabs .myAccounts h4.acctTitle {border-bottom: none;margin-top: 0px;} .activeTabs.greyTabs .myAccounts h4 span.title {float: left;} .activeTabs.greyTabs .myAccounts h4 span.date {font-weight: normal;float: right;} .activeTabs.greyTabs dd {border-color: #CCC;padding: 8px;} .activeTabs.greyTabs dt, .activeTabs.greyTabs dt ul {padding-left: 0px;} .activeTabs.greyTabs dt li.selected, .activeTabs.greyTabs dt li.selected a {background: transparent url("greyTabs.png") repeat-x scroll 0 -38px;} .activeTabs.greyTabs dt li {background: transparent url("greyTabs.png") repeat-x scroll 0 0px;} .activeTabs.greyTabs dt li a {background: transparent url("greyTabs.png") repeat-x scroll right 0px;} .searchArea_aa {background-color:#f1f1f1; width:100%; padding:3px 3px 3px 8px; float:left; font-color: #999; font-weight:bold; margin-top:30px;} .grayBarTitle {font-size: 1.5em;} .grayBarContent {margin: 0px 0px 0px 40px;} .searchAreaTitle_aa, .pendingAreaTitle_aa {font-size:1.2em; font-weight:bold;} .pendingArea_aa {background-color:#f1f1f1; width:100%; padding:8px; float:left; font-color: #999; margin-top:30px} .searchArea_aa .button-gray:link{float:none; margin:2px 5px; } .calBtn {display:inline-block; background-image: url("../images/calendar.gif"); background-repeat:no-repeat; height:20px; width:23px; margin:0 15px -5px 1px} .searchArea_aa #from{margin-left:10px} .searchArea_aa .button-gray{margin-left:5px; padding-top:5px; } .grayBar_btm_aa {background-color:#f1f1f1; margin:0; padding:8px 0 8px 25px; } /* ------------------------------ Sortable tables ---------------------------------*/ .sortableTable{width:100%; height:100%; float:left; margin:0 5px} .rows_aa td {border-bottom:1px solid #ccc;vertical-align:top; padding:3px; font-size:13px} .sortableTable th a {padding: 0 13px 0 0;} .sortableTable th.sortUp a {background: transparent url("/css/table_icons.png") no-repeat scroll right -149px;} .sortableTable th.sortDown a {background: transparent url("/css/table_icons.png") no-repeat scroll right -45px;} .sortableTable th.amount a,.sortableTable th.quantity a,.sortableTable th.caCommission a,.sortableTable th.caFunds a,.sortableTable th.price a,.sortableTable th.netChange a,.sortableTable th.prctChange a,.sortableTable th.valueChange a,.sortableTable th.curValue a,.sortableTable th.yield a,.sortableTable th.yrhigh a,.sortableTable th.yrlow a,.sortableTable th.peRatio a,.sortableTable th.amountInvested a,.sortableTable th.prevValue a, .sortableTable th.credits a,.sortableTable th.debits a,.sortableTable th.deposit a,.sortableTable th.withdrawl a,.sortableTable th.additions a,.sortableTable th.subtractions a,.sortableTable th.rate a,.sortableTable th.matureValue a,.sortableTable th.curPrncpl a,.sortableTable th.asOfDate a,.sortableTable th.origPrncpl a,.sortableTable th.currency a {padding: 0 0 0 13px;white-space: nowrap;} .sortableTable th.amount.sortUp a,.sortableTable th.quantity.sortUp a,th.caCommission.sortUp a,th.caFunds.sortUp a,.sortableTable th.price.sortUp a,.sortableTable th.netChange.sortUp a,.sortableTable th.prctChange.sortUp a,.sortableTable th.valueChange.sortUp a,.sortableTable th.curValue.sortUp a,.sortableTable th.yield.sortUp a,.sortableTable th.yrhigh.sortUp a,.sortableTable th.yrlow.sortUp a,.sortableTable th.peRatio.sortUp a,.sortableTable th.amountInvested.sortUp a,.sortableTable th.prevValue.sortUp a,.sortableTable th.credits.sortUp a,.sortableTable th.debits.sortUp a,.sortableTable th.deposit.sortUp a,.sortableTable th.withdrawl.sortUp a,.sortableTable th.additions.sortUp a,.sortableTable th.subtractions.sortUp a,.sortableTable th.rate.sortUp a,.sortableTable th.matureValue.sortUp a,.sortableTable th.curPrncpl.sortUp a,.sortableTable th.asOfDate.sortUp a,.sortableTable th.origPrncpl.sortUp a,.sortableTable th.currency.sortUp a {background-position: left -45px;} .sortableTable th.amount.sortDown a,.sortableTable th.quantity.sortDown a,.sortableTable th.caCommission.sortDown a,.sortableTable th.caFunds.sortDown a,.sortableTable th.price.sortDown a,.sortableTable th.netChange.sortDown a,.sortableTable th.prctChange.sortDown a,.sortableTable th.valueChange.sortDown a,.sortableTable th.curValue.sortDown a,.sortableTable th.yield.sortDown a,.sortableTable th.yrhigh.sortDown a,.sortableTable th.yrlow.sortDown a,.sortableTable th.peRatio.sortDown a,.sortableTable th.amountInvested.sortDown a,.sortableTable th.prevValue.sortDown a,.sortableTable th.credits.sortDown a,.sortableTable th.debits.sortDown a, .sortableTable th.deposit.sortDown a,.sortableTable th.withdrawl.sortDown a,.sortableTable th.additions.sortDown a,.sortableTable th.subtractions.sortDown a,.sortableTable th.rate.sortDown a,.sortableTable th.matureValue.sortDown a,.sortableTable th.curPrncpl.sortDown a,.sortableTable th.asOfDate.sortDown a,.sortableTable th.origPrncpl.sortDown a,.sortableTable th.currency.sortDown a {background-position: left -149px;} .sortableTable th.transDate,.sortableTable th.type,.sortableTable th.description,.sortableTable th.postDate,.sortableTable th.processDate,.sortableTable th.dateWritten,.sortableTable th.chkNum,.sortableTable th.chkPayee, .sortableTable th.chkCategory{text-align: left;white-space: nowrap;}.sortableTable th.quantity,.sortableTable th.caCommission,.sortableTable th.caFunds,.sortableTable th.subtractions,.sortableTable th.additions,.sortableTable th.balance,.sortableTable th.credits,.sortableTable th.debits,.sortableTable th.deposit,.sortableTable th.withdrawl,.sortableTable th.amount,.sortableTable th.price,.sortableTable th.currency {text-align: right;} .sortableTable td.amount,.sortableTable td.price,.sortableTable td.quantity,.sortableTable td.caCommission,.sortableTable td.caFunds, .sortableTable td.subtractions,.sortableTable td.additions,.sortableTable td.balance,.sortableTable td.credits,.sortableTable td.debits,.sortableTable td.deposit,.sortableTable td.withdrawl,.sortableTable th.currency {text-align: right;white-space: nowrap;} .dateTypeContainer{margin:10px 0 10px 5px; width:100%;} .dateType_Left{float:left} .dateType_Left .button-gray:link{float:none; } .dateType_Right{float:right; text-align:right} .dateType_Right_aa{float:right; text-align:right; font-weight: normal;} .toggleLink{color:#666; margin-right:20px;float:left;} .toggleLink a, .dateType_Right{color:#666;} .informationIcon{background-position:left; padding:2px 0 2px 20px; cursor:pointer; background-image:url("../images/information_aa.png"); background-repeat:no-repeat;} .activityContentArea {margin: 0px 5px 10px 18px; width: 96%; float: left;} .activityContentArea .ui-datepicker-trigger {display:inline-block; background-repeat:no-repeat; height:20px;width:23px; margin:0 15px -5px 1px;} #ladderViewDiv .sortType{margin-left:22px;} .sortableTable td{padding: 8px; vertical-align: top; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;} .contentTable, #ffContentArea1 .contentTable{width:100%; float:left; margin:0; padding:5px} .accountsSummaryContentTable{width:100%; float:left; margin:0; padding-left:1px;padding-right:1px; padding-top:5px; padding-bottom:5px;} #holdingsChart .contentTable{padding-right:0;} .contentTable td, #ffContentArea1 .contentTable td {padding: 4px; vertical-align: top; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; } #latestDocuments .contentTable td, #ffContentArea1 .contentTable td{padding-left:0;padding-right:0;} .secondaryContent #latestDocuments .acct{padding:10px;} .secondaryContent #latestDocuments .button-gray{margin-right:10px;margin-bottom:10px;} .heading_aa td, .heading_aa th, .headingGrad td, .headingGrad TR, tr.withholdingHeadingGrad, .headingMore, .datatable th, table.editWatchList th, .datatable thead .actionButtons, #ffContentArea1 .heading_aa td{padding:4px; border-bottom:#666 1px solid; vertical-align:bottom !important; font-weight:bold; font-size:0.9em; } #aa-summaryAcct .headingMore{border-bottom:transparent 1px solid;} #taxDataTable .datatable th, #taxDataTable .datatable td{padding-left:0; text-align:left;} #ffContentArea1 table td{padding:3px;line-height:17px;} .heading_aa a:link, .heading_aa a:focus, .heading_aa a:visited, .headingGrad a:link, .headingGrad a:focus, tr.withholdingHeadingGrad, .datatable th a,.datatable th a:hover {color:#333; text-decoration: none; font-weight:bold; font-size:0.9em} .activityLink{margin-left:10px; font-size:0.9em; font-weight:normal !important; text-decoration:underline !important;} .aa_loadMore {margin: 20px 0px 0px 5px; float: left;} #activityBtn .button-yellow:link {margin: 20px 0px 30px; float: left;} #downloadPrint {margin: 8px 40px 0px 0px; float: right;} .downloadContainer, .printContainer, .orderchecksContainer {margin: 2px 5px 0px; float: left;} .downloadLink, .printLink, .orderchecksLink {margin: 0px 0px 0px 5px; font-size: 0.9em; font-weight: bold; float: left;} .print_aa {background-position: left; margin: 0px; width: 15px; height: 15px; float: left; display: inline; background-image: url("../images/print_download.png"); background-repeat: no-repeat; } .download_aa {background-position: left; margin: 0px; width: 15px; height: 15px; float: left; display: inline; background-image: url("../images/print_download.png"); background-repeat: no-repeat;} .download_aa {background-position: -15px 0px;} .orderchecksLink span{font-size:0.98em;} .searchArea_aa .orderchecksLink{font-size:0.7em;} .orderchecks_aa {background-position: left; margin: 0px; width: 38px; height: 15px; float: left; display: inline; background-image: url("../images/orderchecks.png"); background-repeat: no-repeat; } .ghostText {color: rgb(102, 102, 102); font-style: italic;} .holdingsContentArea {margin: 10px 5px 14px 18px; width: 96%; float: left;} .cash,.stocks, .mf, .bonds, .mbs, .unitt, .prefStocks, .clsdEndFunds, .annuities, .insurance, .limitedPartner, .other, .mfOut, .annutiesOut, .insuranceVen, .provbonds, .munbonds, .corpbonds, .govbonds, .strips, .rights, .seg, .guainv, .squib{padding-left: 8px; border-left-width: 15px; border-left-style: solid;} .cash, span .cash{border-left-color: rgb(23, 115, 46);} .stocks, span .stocks { border-left-color: rgb(69, 92, 137);} .mf, span .mf {border-left-color: rgb(214, 100, 66); } .bonds, span .bonds {border-left-color: rgb(217, 183, 22); } .mbs, span .mbs {border-left-color: #b9174f; } .unitt, span .unitt {border-left-color: #4886a8; } .prefStocks, span .prefStocks {border-left-color: #663366; } .clsdEndFunds, span .clsdEndFunds {border-left-color: #6d4689; } .annuities, span .annuities {border-left-color: #9fbd16; } .insurance, span .insurance {border-left-color: #6a6f56; } .limitedPartner, span .limitedPartner {border-left-color: #823d28; } .other, span .other {border-left-color: #75123c; } .mfOut, span .mfOut {border-left-color: #b97716; } .annutiesOut, span .annutiesOut {border-left-color: #104116; } .insuranceVen, span .insuranceVen {border-left-color: #2b375a; } .squib, span .squib { border-left-color: #901698; } .strips, span .strips { border-left-color: #263047; } .rights, span .rights { border-left-color: #7D0BF2; } .seg, span .seg { border-left-color: #E0AA3A; } .guainv, span .guainv { border-left-color: #F27D0B; } .provbonds, span .provbonds { border-left-color: #ba4a00; } .munbonds, span .munbonds { border-left-color: #5b2c6f; } .corpbonds, span .corpbonds { border-left-color: #a9dfbf; } .govbonds, span .govbonds { border-left-color: #3498db; } span .cash, span .stocks, span .mf,span .bonds,span .mbs, span .unitt,span .prefStocks, span .clsdEndFunds, span .annuities,span .insurance,span .limitedPartner, span .other, span .mfOut, span .annutiesOut, span .insuranceVen, span .squib,span .provbonds,span .munbonds,span .corpbonds, span .govbonds, span .strips, span .rights, span .seg, span .guainv {border-left-width: 20px; border-left-style: solid;} .chartLeft {width: 30%; text-align: center; float: left;} .chartRight {width: 70%; float: right;} .chartNavigation {margin: 10px 0px; float: right;} #holdingsChart {margin-top: 10px; min-height:300px;} .arrowUp {background-position: right; padding: 0px 20px 0px 0px; cursor: pointer; background-image: url("arrowUp.png"); background-repeat: no-repeat;} .rowsWhite td {border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid;} .indent_aa {margin-left: 15px;} #holdingsBtn1, #holdingsBtn2, .btnMargin {margin-top: 10px;} .disclaimer_aa {margin: 10px 0px 10px 10px; color: rgb(153, 153, 153); line-height: 14px; font-size: 10px;} .disclaimer_aa a, .disclaimer_aa a:hover {color: rgb(153, 153, 153) !important;} td .disclaimer_aa {margin-left: 0px;} #cashRate {width: 70%; float: left;} .sortType {margin: 5px 0px 20px 5px;} /*summary of accounts*/ #aa-summaryAcct .firstCol {width:68%; float:left;margin:0;} #aa-summaryAcct .contentArea{margin-top:0;} /* #aa-summaryAcct .contentArea table{width:95%; margin:0 20px;} */ #aa-summaryAcct .contentArea table { width: 777px; margin-bottom: 10px; overflow: hidden; display: block; margin: 0 20px; } #aa-summaryAcct .contentArea dd.subSection { margin: 0 20px; } #aa-summaryAcct #availableBal{margin-top:10px;margin-right:20px;} #closedAccounts .contentTable{padding:0; margin:0} #aa-summaryAcct #payoutAnnuities .contentArea table{width:100%;} #aa-summaryAcct #payoutAnnuities th:first-child+th+th+th+th{text-align:right;} #aa-summaryAcct #payoutAnnuities th:first-child+th+th+th{text-align:center;} #aa-summaryAcct .secondaryContent {width:30%; float:left; margin:0 0 0 20px;} #aa-summaryAcct .grayBar_aa{width:auto; margin:20px;} #aa-summaryAcct .button-gray{margin:0 20px 20px 20px} #aa-summaryAcct #insurance th{font-size:.86em;} #typeViewDiv table td:first-child, #typeViewDiv table th:first-child{width:45%;} /*#typeViewDiv table td:first-child+td, #typeViewDiv table th:first-child+th, #typeViewDiv table td:first-child+td+td+td, #typeViewDiv table th:first-child+th+th+th{width:10%; text-align:right;} #typeViewDiv table td:first-child+td+td+td+td, #typeViewDiv table th:first-child+th+th+th+th, #typeViewDiv table td:first-child+td+td, #typeViewDiv table th:first-child+th+th{width:15%;}*/ #holdingsSection{padding-top:15px;} .rightColLtGrayBg {background: #e7e7e7; padding:5px 0 0 0;} #latestDocuments{margin:20px 0;} #latestDocuments a {margin-left:10px} #tradeConfirmsLatest tbody{word-break:break-all;} #aa-summaryAcct_otherContent{padding:5px 0;} .learnGray dd {background-color: #73716d; color:white; padding-bottom:5px; padding-right:5px} #knowledgeSubSection .learnGray dd, #resAndCalSubSection .learnGray dd, #researchSubSection .learnGray dd{padding-bottom:0; padding-right:0} .learnGray{margin-bottom:20px; padding:10px 0 20px 10px; background-color: #73716d; color:white;} .fc{padding:20px 0 0 20px !important;} .learnGray .subSection dd, .secondaryContent .learnGray .subSection dt.group, .learnGray dt .group, .secondaryContent .subSection .learnGray dd, .learnGray .group, .secondaryContent .subSection .learnGray dt.group {background-color: #73716d; color:white; padding:0;} .learnGray .group{padding:0 0 0 5px;} .resOpin_aa .learnGray .group{padding:0;} .learnGray .title, .learnGray .longTitle, .longTitle, .subSection .learnGray dt.roundCrnr span.title{font-weight:bold; margin-left:10px; padding: 5px 0 0 0; font-size:1.3em;} .fc .longTitle{margin-left:0;} #resAndCalSubSection .fc{padding:10px 0 0 10px !important;} #resAndCalSubSection .learnGray .title div{margin-left:8px; margin-top:0;} #resAndCalSubSection .learnGray .group{margin-top:-10px;} #researchSubSection .learnGray ul {list-style-image:url("../images/bullet_white.png"); margin:5px 0 0 20px} #researchSubSection .learnGray li {margin-bottom:0.5em} #researchSubSection .learnGray p{margin-left:5px; padding:0; font-size:1.3em;} .learnGrayImage{background-image: url("/groups/ejw_content/@ejw/documents/web_content/web237781.png"); background-attachment: scroll; background-position-x: 4px; background-position-y: 8px; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; background-repeat:no-repeat; float:left; height:50px; width:50px;margin:10px 10px 10px 0;} .learnGrayTitle{float:left; margin-top:10px;font-weight:bold;} .learnGrayImage p{margin:10px;} .learnGray p{padding:10px;} .learnGray a{color:white; padding-left:10px;} .fc a{padding-left:0;} .learnGray .content,.learnGray .subSection .content{margin:5px 20px 20px 60px;} #secFooter{margin:20px;} .secondaryContent .subsection ul{margin-top:10px !important;} .noRow td{border-bottom:1px solid transparent;} #tradeConfirmDiv .errorMsg, #tradeConfirmDiv .primaryContent p{margin:20px;} #tradeConfirmDiv h4{background-color:#f1f1f1; margin:0; padding:5px; font-size:1.2em;} #tradeConfirmDiv .dateRange{padding:0;} #tradeConfirmDiv .primaryContent .subSection dd, #fromMyFADiv .primaryContent .subSection dd{border:1px solid transparent; padding:0;} #tradeConfirmDiv td.acctNickName {white-space: nowrap;} #orderChksDiv .primaryContent, #orderChksConfirmDiv .primaryContent{width:60%; float:left;} #orderChksDiv .secondaryContent, #orderChksConfirmDiv .secondaryContent{width:38%; float:right;} #orderChksDiv .secondaryContent .subSection, #orderChksConfirmDiv .secondaryContent .subSection{margin-top:0;} #orderChksDiv .primaryContent .subSection, #orderChksConfirmDiv .primaryContent .subSection{margin:20px; background-color:#f1f1f1; border:1px solid #CCC;} #orderChksDiv .primaryContent .subSection dt.roundCrnr, #orderChksDiv .primaryContent .subSection dt .group, #orderChksConfirmDiv .primaryContent .subSection dt.roundCrnr, #orderChksConfirmDiv .primaryContent .subSection dt .group{display:none} #orderChksConfirmDiv .partialOutlineNoBottom, .investmentsAndServices .subSection dd, .investmentsAndServices .lifeRowHeight{border:1px solid transparent;} .investmentsAndServices .pageSummary, .investingApproach .pageSummary{margin-top:20px;} #orderChksDiv .moreInfo{padding-left:0;} #chkFooterBtns{width:20%; margin:0 0 20px 290px;} #chkFooterBtns .button-yellow{margin-top:-4px;} #orderChksConfirmDiv #chkFooterBtns{width:37%;margin:0 0 20px 240px;} #confirmReorderFormId .viewCheckInfo #editButton{margin-top:5px;} #confirmReorderFormId #linkCancel #orderChksConfirmDiv .button-yellow{float:none} #orderChksConfirmDiv .fiftyFifty .secondaryContent .subSection .partialOutline{background-color:#fff; width:100%;} .summaryContent .primaryContent .subSection{margin:20px} .summaryContent .primaryContent .subSection dd{margin:0; padding:0; border:1px solid transparent;} .summaryContent .primaryContent table, .summaryContent .primaryContent table td{padding:5px;} .summaryContent .subSection dd:first-child + dd {margin:10px;} .summaryContent .primaryContent .subSection dt.group{margin:0 !important;} .summaryContent td.acctNickName{white-space: nowrap;} /* Settings Page */ .settingsWrapper .primaryContent .subSection{padding:20px;} .settingsWrapper .primaryContent #clientUpdatedInfo{padding:20px 5px 0 5px;} #disclaimerStatements p {margin: 0.5em 0.5em 0.5em .5em; font-size: 10px; color:#999; line-height: 14px} #secureInbox #activityTable th {padding:3px;} #secureInbox #footNote{padding-bottom:20px;} #secureInbox .subSection dt.group{margin-left:0; margin-right:0; margin-top:0;} #secureInbox .print_aa { margin-top:10px;margin-right:10px;} #secureInbox #msgContent {background-color:#fff;} #msgDetailBarLinksLeft {float:left;} #msgDetailBarLinksLeft ul {Margin-left:0} #secureInbox .activeTabs dt ul {margin-top:0; border-bottom:1px solid #fff;border-top:1px solid #fcc81d; border-left:0px ;} #secureInbox .secondaryContent {Background-color: #e7e7e7; Min-height:470px; padding-left:0; margin-bottom:0;} #secureInbox .primaryContent {box-shadow:none; min-height:440px;margin-right:0;padding-top:10px; margin-bottom:0;} #secureInbox #seccontent1 {margin:10px} #secureInbox #msgDetailBarLinksLeft li div{margin:0;} #secureInbox #msgDetailBarLinksLeft li div a{text-align:center; padding:0; width:100px;} #secureInbox ul li #nextonediv a{border-right:1px solid #fff !important;} #secureInbox .sixtyForty .secondaryContent {float:right;padding-left:0; padding-bottom:0; margin-bottom:0;} .total{font-weight:bold;} #secureInbox .description{padding-bottom:40px;} #testdiv {margin:0;} #editPersonalizedInfoSection table{margin:-5px 0 0 0} #mobileDiv{margin-bottom:20px;} #mobileDiv .subSection{padding:10px;} #mobileDiv .imageRight{padding:0 10px 20px 10px} #learnMoreCostBasisDiv .subSection{padding:10px 20px;} #contactUsFaDiv .secondaryContent{float:left;margin-left:14px} #contactUsFaDiv .primaryContent{float:right; } #contactUsFaDiv .contactUsInfo{margin-right:20px;} #contactUsFaDiv .module-footer{background-color:white;} #contactUsFaDiv .button-yellow{float:left; margin-top:10px;} #chksNotEligDiv .primaryContent{width:100%; padding:0; margin:0;} #chksNotEligDiv .primaryContent .subSection dd{border:1px solid transparent; margin-left:10px; padding:2px;} #chksNotEligDiv .primaryContent .subSection{margin:0; background-color:#fff;} #chksNotEligDiv .subSection dt.group{margin:0; background-color:#fff;} /* ======================== Start From Tony - Last Updated 12/22 ======================= */ /* ======================== Start Transfer Main Page ======================= */ #process_Date > td.asOfDate {text-align:left;} #process_Date > td.asOfDate > img {position:relative; top:6px; left:4px;} #arrival_Date > td.asOfDate {text-align:left;} #xfrFundsRequest > div > dl:nth-child(2) > dd {border:0px solid #e7e7e7; margin:0 0 10px 0;} #xfrFundsRequest .subSection > dd{border:1px solid transparent; margin:0 10px;} #xfrFundsRequest h4{font-weight:normal; font-size:1.2em; padding:5px;} #transferForm > p a#nextBttn {float: none;} #transferForm > p a#clearLink {vertical-align: 0px !important; padding:0 8px 0 0;} #xfrFundsRequest > div > dl:nth-child(3) {margin:0 10px 0 10px;} #xfrFundsRequest > div.primaryContent {padding-bottom: 1px;} input#transferAmount {text-align: right;} /* ======================== End Transfer Main Page ======================= */ /* ======================== Start Transfer Confirm Page ======================= */ #xfrFundsConfirm > div > dl > dd {border:0px solid #e7e7e7; margin:0 0 10px 0;} #xfrFundsConfirm > div > dl > dd > p > a.button-yellow {float: none;} #xfrFundsConfirm #Cancel {padding:0 16px 0 0;} #xfrFundsConfirm #Edit {padding:0 24px 0 0;} #xfrFundsConfirm div#legal_diclaimer_message {padding:0 10px 0 20px; margin:0 0 20px 0;} /* ======================== End Transfer Confirm Page ======================= */ /* ======================== Start Term & Conditions Page ==================== */ #xfrFundsDscmlr {} #achDisclaimerForm > dl {width:900px;} #achDisclaimerForm #imageAgreeDiv {position: relative; float: right; width: 30%; text-align: right;} #achDisclaimerForm #imageAgreeDiv .printLink {display: inline-block; float: none} #achDisclaimerForm #imageAgreeDiv .printLink + div {clear: both;} /* ======================== End Term & Conditions Page ==================== */ /* ======================== Start IRA Tax Table Fix ==================== */ .fiftyFiftyWrapper_aa div.primaryContent > dl:nth-child(3) > dd {padding:0 8px 0 8px;} #researchHomePageDiv div.primaryContent > dl:nth-child(3) > dd {padding:20px;} #researchHomePageDiv div.primaryContent > dl:nth-child(3) .title{padding:4px 0 4px 8px;} /* ======================== End IRA Tax Table Fix ==================== */ /* ======================= Start Cost Basis Tab =================== */ #holdingsSection p.moreInfo {padding-bottom:10px;} /* ======================= End Cost Basis Tab =================== */ /* ======================= Start Quote Result =================== */ #quoteResultPageDiv > div.secondaryContent > dl:nth-child(2) > dt > span {font-size: 1.3em;} #quoteResultPageDiv > div.secondaryContent > dl.subSection.tabOpp {display: none;} #quoteResultPageDiv > div.secondaryContent > dl:nth-child(2) > dd {padding:0; margin:0 0 15px 0;} #today > span.disclaimerText {line-height: 12px; text-indent: 0; display: block; padding:10px 0 0 10px; font-size:11px;} #quoteResultPageDiv #quoteVar {width:180px;} #quoteResultPageDiv #getQuoteForm > a {font-size: 0.8em;} .subSection.getQuote dt {border-width:0; padding:8px; margin:8px;} #quoteResultPageDiv div.primaryContent dl dd {border:1px solid #e8e8e8; margin:15px;} #quoteResultPageDiv div.primaryContent dl dd p{margin:10px;} #quoteResultPageDiv > div.primaryContent > dl > dt {padding:15px 15px 15px 20px;} #researchHomePageDiv #quoteVar {padding:3px 3px 2px 3px;} #headlineSymbol > p {font-size:11px; line-height: 11px; text-indent: 0; display: block; padding:10px 0 0 10px; color:#9b9a95 !important} #headlineSymbol > p a, #headlineSymbol > p a:hover {color:#9b9a95 !important} #quoteResultPageDiv > div.secondaryContent > dl:nth-child(3) > dt > span {font-family: Arial,Helvetica,sans-serif; font-size: 1.3em; margin: 3px 0; display:block; padding:14px;} #movers > p.disclaimer {font-size:11px; line-height: 11px; text-indent: 0; display: block; padding:10px 0 0 0; color:#9b9a95 !important} #movers > p.disclaimer a, #movers > p.disclaimer a:hover {color:#9b9a95 !important} #today > div {margin:0; padding:0;} #quoteResultPageDiv > div.secondaryContent > dl:nth-child(3) > dd {margin-bottom: 20px;} #researchSubSection > dl:nth-child(4) > dd {margin:0px; padding:10px 10px 7px 10px;} #researchSubSection > dl:nth-child(4) > dd > p {display:none;} #researchSubSection > dl:nth-child(4) > dd > table > tbody > tr > td > table > tbody > tr.total > td > p {position: relative;} #researchSubSection > dl:nth-child(4) > dd > table > tbody > tr > td > table > tbody > tr.total > td > p > a {position:absolute; bottom:-12px; right:-15px;} #quoteResultPageDiv .secondaryContent .subSection .title{padding:8px;} #quoteResultPageDiv .secondaryContent .subSection dd{margin-bottom:10px;} #quoteResultPageDiv .secondaryContent .subSection #movers, #quoteResultPageDiv .secondaryContent .subSection .disclaimer{margin-right:5px; margin-left:5px; padding-bottom:5px;} #quoteResultPageDiv .primaryContent .subSection dd{border:1px solid transparent;} #quoteResultPageDiv .primaryContent H6{font-weight:normal; background-color:#f1f1f1; padding:10px;} /* ======================= End Quote Result =================== */ /* ======================= Start Mobile =================== */ #mobileDiv .rightFixed .primaryContent .subSection {padding:10px 20px 100px 20px; margin:20px 446px 0 10px;} /* ======================= End Mobile =================== */ #holdingsSection > p.moreInfo {margin-left: 20px;} #aa-holdings p.moreInfo, #aa-holdings a.informationIcon {margin-left: 20px; margin-bottom: 20px; } #aa-holdings .indent_aa{padding-left:30px;} /* ======================================== End From Tony ===================================== */ /* ======================= Start From Christina - Last Updated 12/31 =================== */ #contactUsFaDiv .faInfo-container {padding:14px; float:left;} #contactUsFaDiv h2.yellowHeader {text-indent:14px;} #viewLatestPrice .latestPriceDismiss {display:none} #orderChksConfirmDiv #chkFooterBtns .button-yellow {float:none} .searchAreaTitle_aa { padding-left:4px; float:left; } #taxWithholdingForm div.foot div { width: 140px } .informationIcon { text-decoration:underline } #taxPageDiv #taxDataTable .acct { width:15% } .gain {color: #009900;} .loss {color:#cb0000;} #plocDet1 .group {padding:5px 5px 5px 8px; margin-left:20px; margin-right:20px; font-weight:normal; font-size:1.2em;} #plocDet1 .noBottom {margin-left:20px; margin-right:20px; border:0; margin-bottom:0; padding-left:0} #plocDetail .centerAction{background-color:#fff; border:1px solid #fff;text-align:left;margin-left:20px; } #plocDetail .button-yellow{float:none; margin-left:10px;} #plocDet2 .group {margin-left:0; margin-right:0} #plocDet2 .activeTabs dt ul, #plocDetail .activeTabs dt ul {border-left:0 !important} #plocDet2 .datatable {padding-bottom:15px} .datatable .yrlow {text-align:right} #costBasisDetail .subSection .group {padding:5px 5px 5px 8px; font-weight:normal;} #costBasisDetail td .chgDwn{float:right;} #costBasisDetail .subSection dd {padding-left:0; border:1px solid #fff;} #costBasisDetail p {padding:0 20px 20px 20px} #costBasisDetail .datatable tfood td {text-align:right} #costBasisDetail .yellowBar_aa span {font-size:0.6em} #costBasisDetail .notContainer {padding-bottom:10px} .deleteWatchlist {line-height:22px} #plocCreditCard {padding:10px} #plocCreditCard .moreInfo {margin-bottom:5px} /* ======================= End From Christina =================== */ /* ================= Start - Password Indicator ==========*/ .passwordWrapper { position: relative; margin-bottom: 0px; padding-bottom: 0px; display: inline-block; padding: 0 12px 0 0;} .passwordWidgetWrapper {display:block; position:absolute; width:90px; height:24px; right:-85px; top:-1px; display:none;} #passwordBar { background-color: #cccccc; height: 6px;} .passwordContent {text-align:center; padding:2px 0 0 0;} #pwdHint {position:absolute; z-index:201; width:315px; background-color:#fff; border:3px double #999; margin:23px 0 0 0; padding:5px; text-align:left; display:none;} #pwdHint li {margin-left: 20px;} .passwordTipWidgetWrapper {display:block; width:70px; height:24px;} .passwordTipContent {text-align:center; padding:2px 0 0 0;} .passwordBarWeak {background-color:#ed1c24; height: 6px;} .passwordBarMedium {background-color:#fb981d; height: 6px;} .passwordBarStrong {background-color:#008000; height: 6px;} /* ================= End - Password Indicator ==========*/ /*start edelivery interstitial*/ .eDeliveryPromo{ left:420px; top:320px; z-index:999; position:absolute;} #promote-feature .insightIn{padding: 20px 0 0 0;} #promote-feature .insightIn a{float:right; margin-right:20px;} #promote-feature .insightIn .button-yellow{margin-top:-4px;} #promote-feature .fiftyFiftyWrapper_aa img{position:relative;} #promote-feature .fiftyFiftyWrapper_aa{margin-top:0;} .threeQuarter #quoteResultPageDiv .primaryContent, .threeQuarter #quotesAndWatchLists .primaryContent, .threeQuarter #watchListPageDiv .primaryContent {width: 68%;} .threeQuarter #quoteResultPageDiv .secondaryContent, .threeQuarter #quotesAndWatchLists .secondaryContent, .threeQuarter #watchListPageDiv .secondaryContent {width:30%;} #quotesAndWatchLists .secondaryContent .title{margin:5px;} #buttons .button-yellow{float:none;} #buttons .disabledBtn{float:none;} #clnkViewDiv .button-yellow{float:none;} #qtrViewDiv .button-yellow{float:none;} /* ================= Start - Proxy voting styles ==========*/ .contentArea_aa {margin:20px; padding-bottom:10px;} .messagePadding{margin:20px;} .appButtons{text-align:center; margin:20px 0;} #proxies .yellowBar_aa{font-size:1.0em; padding:10px 10px 10px 20px;} #proxies .moreInfo{margin-bottom:20px;} #proxies .yellowBarRight{float: right;} #proxies .yellowBarTitle{font-size: 1.5em;} #proxies iframe{margin-top:20px;} #proxies .proxyError{margin-top:20px;} #proxyShareholderDocs .appButtons{text-align:center; padding-bottom:20px;} #proxyShareholderDocs .appButtons a.button-yellow:link{float:none; margin-left:20px;} #proxies .proxyContent{border-top:1px solid #ccc; padding:20px 0 5px 0;} #proxies .disclaimerText{text-indent:0;} /* ================= End - Proxy voting styles ==========*/ /* Goals */ .riskInfo {font-size:22px; color:#333333; position:relative;} .graySectionBkg {background-color:#efefef;} .finFoundTab #homeTabs-aa ul#riskTolerance-icons { list-style:none; padding:0 1%; background:url(../images/risk-bkg.png) center center repeat-x; height:51px; margin:0 15px 8px 0; position:relative; display:block; width:100%; float:left;} .finFoundTab #homeTabs-aa ul#riskTolerance-icons span.high {font-size: 10px; text-transform: uppercase; float: right; color: #333333; text-align: right; margin:10px 0 0 0; position:absolute; right:0;} .finFoundTab #homeTabs-aa ul#riskTolerance-icons span.low {font-size: 10px; text-transform: uppercase; float: left; color: #333333; text-align: left; margin: 10px 0 0 0; position:absolute; left:0;} .finFoundTab #homeTabs-aa ul#riskTolerance-icons li, .finFoundTab #homeTabs-aa ul#riskTolerance-icons li:hover, .finFoundTab #homeTabs-aa ul#riskTolerance-icons a {float:left; width: 20% !important; background:url(../images/risk-inactive.png) center center no-repeat; margin:0; padding:0; height:100%; cursor:pointer; border:0px} .finFoundTab #homeTabs-aa ul#riskTolerance-icons li.active {background:url(../images/risk-active.png) center center no-repeat; color:#fff; border:0px} .rtqScore {margin-top:16px; font-weight:bold; text-align:center;} .rtTitle{float:left; font-size:1.2em;margin:15px 20px 0 0;} #appointmentReq, #docMyFA_FF{text-align:right;} #appointmentReq .button-gray, #docMyFA_FF .button-gray{float:none; margin:10px 0;} #riskToleranceInfo p{float:right; width:46%} #riskToleranceInfo{margin-top:15px;} .riskTolerance{margin:15px 20px 15px 10px; float:left; width:46%;} #portfolioReviewInfo{padding-top:15px;} /*new edelivery promo*/ .eDeliveryPromo_aa{background-color:#fff; /* Needed for IEs */ -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.2); -webkit-box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); box-shadow: 0px 0px 13px 5px rgba(68,68,68,0.2); zoom: 1; margin:100px; padding:20px; z-index:999; } .eDelPromoTitle{font-size:1.5em; margin-bottom:20px;} .edelPromoButtons a.button-yellow{float:none;margin:30px 10px 50px 0;} .edelPromoButtons a.button-gray{float:left;margin:30px 10px 50px 0;} .eDelPromoLeft, .eDelPromoRight{margin:10px 0; float:left; width:48%;} /*Account Access login styles*/ #loginPageDiv .ui-widget-overlay { opacity: 0.7; background-color: #e8e8e8; background-image: none; } #loginPageDiv .testClass { position: absolute; height: 150px; width: 300px; background-color: #fff; display: none; background-color: #fff; z-index: 200; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #bababa; padding-left: 0px; -webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.08); -moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.08); box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.08); } #loginPageDiv .helpTitle { margin-top: 0px; padding-top: 0px; } #loginPageDiv .infoPopupTxt { padding: 6px; } #loginPageDiv .wizardWrapper { padding: 12px; } #loginPageDiv .wizard { height: 25px; margin-top: 8px; line-height: 24px; } #loginPageDiv .wizard td { text-align: center } #loginPageDiv .wizard a { text-decoration: none } #loginPageDiv .wizard a:hover { text-decoration: underline } #loginPageDiv .wizardFirstGray { background-image: url(../images/wizard_step_between_gray.gif); background-repeat: no-repeat; background-position: right; padding-right: 23px !important; padding-left: 5px; background-color: #e9e9e9; color: #999; } #loginPageDiv .wizardGray { background-image: url(../images/wizard_step_gray_gray.gif); background-repeat: no-repeat; background-position: right; padding-right: 23px !important; padding-left: 5px; background-color: #e9e9e9; color: #999; } #loginPageDiv .wizardYellow { background-image: url(../images/wizard_step_between.gif); background-repeat: no-repeat; background-position: right; padding-right: 23px !important; padding-left: 5px; background-color: #fac724; font-weight: bold } #loginPageDiv .wizardLastGray { background-image: url(../images/wizard_step_end_gray.gif); background-repeat: no-repeat; background-position: right; padding-right: !important17px; padding-left: 5px; background-color: #e9e9e9; color: #999; } #loginPageDiv .wizardLastYellow { background-image: url(../images/wizard_step_end.gif); background-repeat: no-repeat; background-position: right; padding-right: !important17px; padding-left: 5px; background-color: #fac724; font-weight: bold } #loginPageDiv .wizardFloatEdge { background-image: url(../images/wizard_float_edge.gif); background-repeat: no-repeat; width: 10px; height: 30px; float: left; position: absolute; left: 21px; top: 90px } #loginPageDiv .wizardFloatEdgeGray { background-image: url(../images/wizard_float_edge_gray.gif); background-repeat: no-repeat; width: 10px; height: 30px; float: left; position: absolute; left: 21px; top: 90px } #loginPageDiv .elHide { display: none; } #loginPageDiv .widthMed { margin: 0 auto; max-width: 750px; } #loginPageDiv ul#navSettings_aa li:first-child a { background-image: none; } #loginPageDiv .userIDLabel, #logoutPageDiv .userIDLabel { float: left; padding: 4px 6px 0 0; } #loginPageDiv .userIDContainer, #logoutPageDiv .userIDContainer, #loginPageDiv .newUserContainer, #logoutPageDiv .newUserContainer { padding: 5px 10px; } #loginPageDiv { padding-top: 20px; } #loginPageDiv .primaryContent { padding: 0 0 20px 0; } #loginPageDiv .help-block, #logoutPageDiv .help-block { padding: 16px 0 0 0; } #loginPageDiv .help-block .primaryContent { padding: 16px 0 0 0; } #loginFormWrapper > a { float: left; } #loginPageDiv #btnLogin,#logoutPageDiv #btnLogin { float: none; margin-left: 10px; } #loginPageDiv .iconLock, #logoutPageDiv .iconLock { background: url(../images/icon_lock.png) no-repeat; padding-left: 15px; margin-left: 25px; } #securityEnrollment .iconLock{ margin-left:0 } #loginPageDiv #btnEnrollNow { float: none; } #loginPageDiv .text-block { padding: 0 0 16px 0; } #loginPageDiv ul.enrollList { padding-top: 24px; margin-left:15px; } #loginPageDiv ul.enrollList li { padding-bottom: 12px; } #loginPageDiv .loginDisclaimerText { color: #9b9a95; margin: 0 auto; max-width: 770px } #loginPageDiv .loginDisclaimerText a { color: #9b9a95 } #loginPageDiv #btnContinue { float: none; margin-top: 20px; } #loginPageDiv .subSection p { margin-bottom: 12px } .loginForm, #loginPageDiv .grayBox { padding: 10px; margin-bottom: 15px; border: 1px solid #e7e7e7; background-color: #f4f4f4 } #loginPageDiv .grayBox table { border-spacing: 0 } .loginForm:after { content: ""; display: table; height: 0; clear: both } .loginForm label { float: left; clear: left; line-height: 1.8; margin-bottom:6px; } .loginForm legend{ margin-bottom:6px; } .loginForm input, .loginForm select{ float: left; } #loginPageDiv .loginForm > input:last-of-type, #loginPageDiv .loginForm > select:last-of-type{ margin-bottom:0; } .loginForm.nobox{ background:none; border:none; padding:0; } .loginForm select{ height:20px; box-sizing:content-box; padding:0; } .loginForm p { clear: both } .loginForm input + p { padding-top: 12px } #loginPageDiv .hint { margin-left: 4px; line-height: 1.8 } #loginPageDiv .loginActions { text-align: center; margin: 18px 0 6px; clear: both } #loginPageDiv .loginActions a { margin-left: 10px } #loginPageDiv .loginActions a:first-child { margin-left: 0 } #loginPageDiv .emailVerify label { width: 160px } #loginPageDiv .emailVerify [for="checkboxAllow"] { width: 280px; margin-left: 160px; margin-top: 5px; line-height: 1.4 } #loginPageDiv .emailVerify [for="checkboxAllow"] input { margin-left: -20px } #loginPageDiv .changeEmail { display: block } #loginPageDiv .resend { display: block; clear: both; margin-bottom: 12px } #loginPageDiv .emailCode label { width: 180px } /*ul#accountBenefits{margin-bottom:20px}*/ #loginPageDiv .birthDate, #loginPageDiv .ssn { padding: 0; clear:both; } #loginPageDiv .birthDate{ float:left; width:100%; } #loginPageDiv .birthDate legend, #loginPageDiv .ssn legend { display: block; float: left; width: 180px; line-height: 1.8 } #loginPageDiv .birthDate input, #loginPageDiv .birthDate label, #loginPageDiv .loginForm .ssn input { float: none } #loginPageDiv .emailVerifyFull label { width: 180px } /*for log-in-security question*/ #loginPageDiv #clientSideError { display: none } #loginPageDiv #scrnChlngAnswer{ float:none; } #loginPageDiv [for="scrnChlngAnswer"] { margin:0 5px 20px 0; } #loginPageDiv .setSection { position: relative } #loginPageDiv .identity { display: inline-block; position: absolute; top: 16px; right: 0; text-align: right } #loginPageDiv .identity a { display: block } #loginPageDiv .altQuestion { display: block; margin-top:5px; } /*for enroll-step2*/ #logoutPageDiv h2 { font-weight: normal; margin: 0; font-size: 1.8em; padding: 14px; } #logoutPageDiv h2.yellowHeader { color: #555; background-color: #ffcc33; } #logoutPageDiv { padding-top: 20px; } #logoutPageDiv > div.primaryContent > div.yellowBar_aa { background-color: #fff; padding:20px 20px 0; } #logoutPageDiv .noCode, #loginPageDiv .noCode { padding-top: 10px } #logoutPageDiv td #emailAddr, #loginPageDiv td #emailAddr { margin-left: 5px } #logoutPageDiv #contactMe { float:left; margin-top:10px; } /* HEMANTH ENTRIES - MISSING LOGON CSS FILES FROM THE PROD LOGON.CSS */ div.overlay, div.overlayChlg, div.overlayLogonHelp, div.overlayLogonSec, div.overlayLogoffHelp, div.overlayLogoffSec, div.overlayPasswd { display: none; background-color: #FFFFFF; border-top: 1px solid #999; border-right: 1px solid #666; border-bottom: 2px solid #666; border-left: 1px solid #999; padding: 5px; position: absolute; z-index: 10000; width: 500px; } /*override styles for login pages*/ /*login main page*/ #loginPageDiv #loginImg { float: none; margin-left: 6px; } #loginPageDiv #tooltipSecurity { width: 290px; } #loginPageDiv div.scrollHelp, #loginPageDiv div.scrollSec { height: 115px; overflow: auto; clear: both; } #loginPageDiv .iconLock + .overlayLogonSec { margin-left: 25px; } #loginPageDiv:not(.login_aa) .primaryContent .subSection { max-width: 750px; padding: 10px; margin: 20px auto; border: 1px solid #e7e7e7; } #loginPageDiv.login_aa .loginDisclaimerText{ margin-left:20px; } #loginPageDiv .errorMsg, #loginPageDiv .successMsg{ clear:both; margin-bottom:18px; } #loginPageDiv .yellowBar_aa + table { width: 750px; margin: 0 auto; } #loginPageDiv .pageTitle2, #loginPageDiv .subSection .title { background-color: #f1f1f1; margin: -10px -10px 10px; padding: 5px 10px; font-size: 1.3em; font-weight: 400; line-height: 25px; } #loginPageDiv .pageTitle2 > span > span { padding-right: 5px; } #loginPageDiv h3 .padlock { margin-left: 5px; } #loginPageDiv .subSection h3 { margin: 20px 0; } /*.primaryContent .subSection h2.title, .primaryContent .subSection h2.pageTitle2 { background-color: #f1f1f1; margin: -10px -10px 10px; padding: 5px 10px; font-size: 1.3em; line-height: 25px; }*/ /*graybox forms*/ #ForgotUserid, #ForgotPassword, #ottNew, #ottReturn, #LegacyPassword, #enrollContain, #oneTimeTokenConfirmForm { padding: 10px; border: 1px solid #e7e7e7; background-color: #f1f1f1; clear: both; } #ForgotUserid:after, #ForgotPassword:after{ content: ""; display: table; height: 0; clear: both } #ForgotUserid ~ .loginActions:first-of-type{ border-bottom:1px solid #cdcdcd; padding-bottom:12px; margin-bottom:12px; } /*for password help page*/ #loginPageDiv [for="y"], #loginPageDiv [for="n"] { float:left; clear:both; padding-bottom:12px; } #ForgotUserid { margin-bottom: 10px; } #ForgotUserid label, #ForgotUserid legend, #ForgotPassword label, #securityEnrollment label { float: left; clear: left; } #emailUpdate legend, #legacyPassword legend{ margin-bottom:12px; } #loginPageDiv #ForgotUserid label, #loginPageDiv #ForgotUserid legend { width: 210px; } #ForgotPassword label { width: 60px; } #ForgotUserid input, #ForgotPassword input { float: left; } #ForgotUserid fieldset input { float: none; } #ForgotUserid .hint { width: auto; float: none; clear: none; } #loginPageDiv #emailAddr + .hint { display: block; padding-left: 219px; text-indent: -9px; line-height: 1.4; clear: left; } #loginPageDiv .subSection:after, .subSection form:after { content: ""; display: block; height: 0; clear: both; } #loginPageDiv .subSection .loginActions .button-yellow { float: none; } /*for one-time token*/ #loginPageDiv .userId, #logoutPageDiv .userId { padding-bottom:10px; line-height:1.4; display:block; text-align:right; } #loginPageDiv .userId dt, #logoutPageDiv .userId dt{ display:inline-block; font-weight:400; vertical-align:top; line-height:1.4; margin-right:10px; } #loginPageDiv .userId dd, #logoutPageDiv .userId dd{ display:inline-block; font-weight:700; border:0; padding:0; margin:0; } #loginPageDiv .userId a, #logoutPageDiv .userId a { display:block; font-weight:400; } #loginPageDiv .userId + *, #logoutPageDiv .userId + *{ clear:right; } #loginPageDiv .userId.error dd, #logoutPageDiv .userId.error dd{ border:2px solid #EF0000; padding:.3em; margin:-.3em; } #loginCd { margin-right: 5px; } /*for password page*/ #loginPageDiv .choiceDescription { padding-left: 25px; } #loginPageDiv .passImg { margin: 0; } #loginPageDiv .passImg img { height: 100px; width: 100px; margin-right: 5px; border: 1px solid #000; } #loginPageDiv .passImg figcaption { display: inline-block; vertical-align: top; } #loginPageDiv .passImg a { display: block; } #loginPageDiv .passImg:after { content: ""; display: block; height: 0; clear: both; } #LogonPassword #passwd, #LegacyPassword #passwd { margin: 0 5px 20px; } #loginPageDiv #y ~ .choiceDescription, #loginPageDiv #n ~ .choiceDescription { display: none; } #loginPageDiv #y:checked ~ .choiceDescription, #loginPageDiv #n:checked ~ .choiceDescription { display: block; } /*for legacy password page*/ #loginPageDiv #LegacyPassword { margin-top: 10px; } #loginPageDiv #LegacyPassword #passwd { margin-bottom: 0; } #loginPageDiv #emailRow, #loginPageDiv #verifyEmailRow{ margin-left:0; } /*for enrollment pages*/ #loginPageDiv .wizard { display: table; border-spacing: 4px; width: 97%; height: 24px; margin: 30px auto; text-align: center; } #loginPageDiv .wizard li { display: table-cell; position: relative; width: 24%; line-height: 24px; margin-right: 2px; background-color: #e9e9e9; color: #999; } #loginPageDiv .wizard li:before, .wizard li:after { content: ""; display: block; border-width: 12px 0 12px 12px; border-style: solid; } #loginPageDiv .wizard li:before { float: left; border-color: transparent transparent transparent #fff; } #loginPageDiv .wizard li:after { float: right; border-color: transparent transparent transparent #e9e9e9; margin-right: -12px; } #loginPageDiv .wizard li.active { background-color: #fcc81d; color: #000; font-weight: 700; } #loginPageDiv .wizard li.active:after { border-left-color: #fcc81d; } #loginPageDiv .wizard li:nth-child(1) { z-index: 4; } #loginPageDiv .wizard li:first-child:before { display: none; } #loginPageDiv .wizard li:nth-child(2) { z-index: 3; } #loginPageDiv .wizard li:nth-child(3) { z-index: 2; } #loginPageDiv .wizard li:nth-child(4) { z-index: 1; margin-right: 0; } #loginPageDiv .wizard li:last-child:after { display: none; } #enrollContain legend, #reEnrollmentAccountNumber legend { display: inline-block; float: left; margin-right: 5px; margin-bottom:0; line-height: 1.8; } #reEnrollmentAccountNumber fieldset{ padding:0; } #reEnrollmentAccountNumber input{ margin-bottom:0; } #Enroll label, #passwordReset label { float: left; clear: both; width: 180px; line-height: 1.8; } /*#Enroll input, #passwordReset input { margin-bottom: 10px; }*/ #Enroll label + input, #passwordReset label + input { float: left; } #Enroll .hint, #passwordReset .hint { float: left; clear: none; width: auto; } #Enroll [for="dob1"].hint, #passwordReset [for="dob1"].hint { float: none; } .loginForm #dob123-container{ margin-bottom: 8px; display: inline-block; } #Enroll [for="allowEmail"] { width: 280px; padding-left: 200px; line-height: 1.4; margin-bottom: 10px; } #Enroll #allowEmail{ margin:0 0 0 -20px; } #Enroll #agreeCheckbox{ float:left; margin-bottom:20px; } #Enroll #agreeCheckbox input, #securityEnrollment #agreeCheckbox input{ margin-top:0; } #Enroll #lblAgree, #securityEnrollment #lblAgree{ width: auto; margin-left:5px; line-height:1.4; display:block; float:none; } #securityEnrollment #agreeCheckboxSpan { float:left; } #Enroll #lblAgree input { margin-left:-20px } #loginPageDiv #agreeLabel { float: left; width: 92%; } #Enroll .passwordWrapper, #passwordReset .passwordWrapper{ float: left; } #securityEnrollment .passwordWrapper{ float: left; } #reEnrollmentAccountNumber input, #reEnrollmentPersonalInfo{ float:none; } #reEnrollmentPersonalInfo label{ display:inline-block; width:180px; } #reEnrollmentPersonalInfo #verifiedEmailNote{ display:block; padding-left:180px; margin:5px 0 10px; } #reEnrollmentPersonalInfo .loginForm input + p { padding-top: 0px; margin-bottom: 14px; } #reEnrollmentPersonalInfo .inline-label .helptext { margin-left: 25%; padding-top: 0px; margin-bottom: 14px; } #reEnrollmentPersonalInfo .inline-err .helptext { color: #a94442; padding-top: 0px; margin-bottom: 14px; } #loginPageDiv #acceptGuidelines { padding: 20px 0 10px; clear: both; } #loginPageDiv #acceptGuidelines:after { content: ""; display: block; height: 0; clear: both; } #loginPageDiv .scrollMsg { width: 425px; float: left; } #loginPageDiv #acceptGuidelines a { float: right; clear: right; } #loginPageDiv #disclaimerContainerDiv { clear: both; padding:0 10px; } #loginPageDiv #accept:after { content: ""; display: block; height: 0; clear: both; } #loginPageDiv .accountNumber, #loginPageDiv .passwordUserId { display: block; margin-bottom: 6px; line-height: 1.8; } #loginPageDiv .accountNumber span, #loginPageDiv .passwordUserId span { display: inline-block; width: 180px; } #loginPageDiv .disclaimerContainerOuterDivLogon { height: 150px; overflow: auto; border: 3px solid #C0C0C0; margin-bottom: 10px; } #loginPageDiv #securityQuestions { margin-top: 30px; clear: both; } #securityQuestions legend { display: block; font-weight: 700; } #loginPageDiv [for^=challegeQuestionSelect] { font-weight:700; } #securityQuestions label, #imgNameLbl { display: inline-block; width: 223px; float: left; clear: both; line-height: 1.8; } #securityQuestions select, #securityQuestions input { float: left; } #loginPageDiv .whtThis { font-weight: 400; margin-left: 5px; } #loginPageDiv #imgSelectTbl { margin-bottom: 20px; } #loginPageDiv #securityQuestions [id^=answer] { margin-bottom: 30px; } #loginPageDiv .simpleForm { text-align: center; } #securityEnrollment button { margin: 0 10px; } #rememberComputer { clear: both; } #rememberComputer label { width: auto; line-height: 1.3; margin-bottom: 0; } #passwordReset #rememberComputer { margin-top: 20px; } #passwordReset .passImg, #passwordReset .passImg + p { padding-left:180px; } #passwordReset [for="hint"] { margin-bottom: 30px; } [for="loginCd"] { display:block; margin-bottom:5px; } #oneTimeTokenConfirmForm { margin-top: 20px; } #loginPageDiv .userId + #clientSideError + p { clear:both; } /*legacy enrollment pages*/ #securityEnrollment label { width: 223px; line-height: 1.8; } #securityEnrollment [for="imgName"]{ width:auto; } #securityEnrollment [for="allowEmail"] { width: auto; clear: none; padding-left: 245px; width:275px; } #securityEnrollment input[type="radio"] { float: none; margin-top:2px; } #securityEnrollment [type="checkbox"] { clear: left; } #securityEnrollment [for="allowEmail"] #allowEmail{ margin-left:-22px; } .existingInfo dt, .existingInfo dd { display: inline-block; line-height: 1.8; margin: 0 0 6px; } .existingInfo dt { font-weight: normal; float: left; } .existingInfo dd { border: 0; padding: 0; font-weight: 700; } #loginPageDiv .emailAction { font-weight: normal; } #securityEnrollment .existingInfo dt { width: 223px; } #loginPageDiv #pwdHint { right:-325px; } #securityEnrollment fieldset { padding: 0; } #securityEnrollment legend { display: block; font-weight: 700; /*padding: 20px 0 10px;*/ } #securityEnrollment .grayBox:after { content: ""; display: block; height: 0; clear: both; } #rememberComputer { padding: 0; } #rememberComputer label { float: none; display: block; width: auto; } #rememberComputer legend { display: block; margin-bottom: 10px; float: left; } #loginPageDiv .printImg { display: inline-block; padding-bottom: 20px; } #loginPageDiv #noBtn{ float:none; } #loginPageDiv #imageSelect .secImgNav{ display:inline-block; } #loginPageDiv #tdForY{ clear:left; } /*popup styling*/ #loginPageDiv [for="imgName"] + .securityPopupParent{ float:left; margin:0 10px 0 5px; } #loginPageDiv .securityPopupParent { position: relative; display: inline-block; line-height:1.8; } #loginPageDiv .securityPopup { display: none; position: absolute; top: 18px; left: 4px; width: 250px; overflow-y: auto; padding: 5px 30px 5px 5px; border: 1px solid #666; background-color: #fff; font-weight: 400; line-height: 1.4; z-index: 200; } #loginPageDiv .securityPopup .closeIcon { position: absolute; top: 5px; right: 5px; } #loginPageDiv .hintBox { position: relative; display: inline-block; float: left; } #loginPageDiv .hintBox div:first-of-type { display: none; position: absolute; width: 250px; max-height: 200px; padding:5px; border: 3px double #666; background-color: #fff; top: 0; right: -270px; z-index: 100; } #loginPageDiv .hintBox input:focus ~ div { display: block; } #loginPageDiv .tel{ white-space:nowrap; } /*For Branch Password*/ #BranchPassword #passwd{ margin:0 5px; } #BranchPassword .iconInfoLogon{ margin-top:10px; } /*Global-ish login fixes*/ #loginPageDiv input[type="radio"] { vertical-align: middle; margin-top: -2px; } #loginPageDiv #footerCopyright_aa{ float:right; } #loginPageDiv input[size="20"]{ width:146px; } #noflash{ display:none; } #loginPageDiv .errorMsg ul { list-style-image: url("bullet_reg.gif"); } #loginPageDiv .button-yellow { float: none; } /*responsive styles*/ .responsive .grayBox { background-color: #eeeeee; } .responsive .defaultCursor { cursor:default; } .responsive #verification_aa { width: 800px; height: auto; margin: 50px auto; } .responsive #verification_aa table td { padding: 5px 0; } .responsive #verification_aa .grayBox td:nth-child(odd) { width: 15em; float: left; clear: left; text-align: left; padding: 1ex 5px; } .responsive #verification_aa .grayBox td:nth-child(even) { width: 30em; clear: right; float: right; text-align: left; } .responsive #verification_aa .grayBox td input { text-align: left; width: auto; } .responsive #verification_aa .grayBox td label { text-align: left; width: auto; } @media (max-width: 1200px) { .responsive .container_aa { width: 90%; } .responsive .container_aa .grid_10 { width: 100%; } .responsive .container_aa .grid_15 { width: 900px; } .responsive #header { width: 100%; max-height: none; } .responsive #header_left { float: left; width: 25em; } .responsive #header_right { width: 38em; float: right; clear: right; } .responsive #header_right1 { float: right; clear: both; display: block; width: 100%; height: auto; max-height: 15ex; } .responsive #header_right2 { width: 25em; float: right; } .responsive #promoCallout { height: auto; margin: 8px; float: none; width: 100%; clear: both; } .responsive #verification_aa { width: 800px; height: auto; margin: 50px auto; } .responsive #verification_aa table td { padding: 5px 0; } .responsive #verification_aa .grayBox td:nth-child(odd) { width: 15em; float: left; clear: left; text-align: left; padding: 1ex 5px; } .responsive #verification_aa .grayBox td:nth-child(even) { width: 30em; clear: right; float: right; text-align: left; } .responsive #verification_aa .grayBox td input { text-align: left; width: auto; } .responsive #verification_aa .grayBox td label { text-align: left; width: auto; } .responsive #footerWrapper_aa { background-color: #666; height: auto; width: 100%; } .responsive #footerPrivacyStatement_aa .grid_15 { width: 90% } .responsive #utilNav_aa { padding: 0; display: block; margin: 0 auto; } .responsive ul#navSettings_aa { float: right; } .responsive #logo_aa a.edwardJones_logo:link, .responsive #logo_aa a.edwardJones_logo:focus, .responsive #logo_aa a.edwardJones_logo:visited, .responsive #logo_aa a.edwardJones_logo:hover, .responsive #logo_aa a.edwardJones_logo:active { width: 100%; } .responsive #logo_aa_fr a.edwardJones_logo:link, .responsive #logo_aa_fr a.edwardJones_logo:focus, .responsive #logo_aa_fr a.edwardJones_logo:visited, .responsive #logo_aa_fr a.edwardJones_logo:hover, .responsive #logo_aa_fr a.edwardJones_logo:active { width: 100%; } .responsive #footerCopyright_aa, .responsive #footerCopyright_aa a, .responsive ul#footerNav_aa li a:link, .responsive ul#footerNav_aa li a:focus, .responsive ul#footerNav_aa li a:visited { line-height: 1.4; } .responsive #footerCopyright_aa { margin: 10px 0; } .responsive ul#footerNav_aa { margin: 10px auto; } .responsive ul#footerNav_aa a { display: block; padding: 5px 0; } } @media (max-width: 980px) { .responsive .container_aa .grid_15 { width: 800px; } .responsive #verification_aa { width: 720px; height: auto; margin: 50px auto; } } @media (max-width: 860px) { .responsive .container_aa .grid_15 { width: 680px; word-wrap: normal; } .responsive #header_left { float: left; width: 25em; } .responsive #header_right { width: 26em; float: right; clear: right; } .responsive #header_right1 { float: right; clear: both; display: block; width: 100%; height: auto; max-height: 15ex; } .responsive #header_right2 { width: 25em; float: right; margin-top:10px; } .responsive #verification_aa { width: 600px; height: auto; margin: 50px auto; } .responsive .loginDisclaimerText{ padding: 0 10px; } } @media (max-width: 720px) { .responsive .container_aa { width: 100%; margin-left: auto; margin-right: auto; } .responsive .container_aa .grid_10 { margin: 0; } .responsive .container_aa .grid_15 { width: 420px; } .responsive #header_left { float: left; width: 100%; clear: both; } .responsive #header_right { width: 100%; float: right; clear: both; } .responsive #header_right1 { float: right; clear: both; display: block; width: 100%; height: auto; max-height: 15ex; } .responsive #header_right2 { width: 100%; float: left; } .responsive #verification_aa { width: 420px; height: auto; margin: 25px auto; } .responsive #verification_aa table td { padding: 5px 0; } .responsive #verification_aa .grayBox td:nth-child(odd) { width: auto; float: left; clear: both; text-align: left; padding: 0 5px 0ex 5px; } .responsive #verification_aa .grayBox td:nth-child(even) { width: auto; clear: both; float: left; text-align: left; padding: .5ex 5px 2ex 5px; } .responsive #verification_aa .grayBox td input { text-align: left; width: auto; } .responsive #verification_aa .grayBox td label { text-align: left; width: auto; } .responsive .yellowBar_aa, .yellowBar_aa_main { text-align: center; } .responsive #footerCopyright_aa, .responsive #footerCopyright_aa a { color: #fff; font-size: 10px; line-height: 3ex; word-wrap: normal; width: 100%; text-align: center; margin-bottom: 2.5ex; background-color: #555555; padding: 1ex 0; margin: 0 } .responsive ul#footerNav_aa { display: block; padding: 0px; text-align: center; text-align: center; height: auto; width: 400px; padding: 1px 40px; float: none; } .responsive ul#footerNav_aa li { display: inline-block; padding: 0px; float: none; } .responsive ul#navSettings_aa { width: 100%; height: auto; display: block; text-align: center; margin-bottom: 1.25ex; } .responsive ul#navSettings_aa li { float: none; display: inline-block; vertical-align: top; } .responsive .accountNumber span, .responsive .passwordUserId span, .responsive #Enroll label:not(.hint):not([for="allowEmail"]), .responsive #securityEnrollment label:not(.hint):not([for="allowEmail"]), .responsive .birthDate legend, .responsive .ssn legend, .responsive #imgNameLbl { display: block; float: none; clear:both } .responsive #Enroll [for="allowEmail"] { padding-left: 20px; } .responsive #securityEnrollment [for='allowEmail'] { padding-left: 22px } .responsive .scrollMsg { float: none } .responsive #acceptGuidelines a { float: left; clear: left; } .responsive #acceptGuidelines a:last-child { margin-bottom: 20px; } .responsive .wizard { margin: 30px 0; } .responsive .wizard li { width: 23%; } .responsive .loginForm label, .responsive .loginForm legend{ margin:6px 0 0; } .responsive #loginPageDiv .birthDate legend, .responsive #loginPageDiv .ssn legend{ width:100%; } .responsive #loginPageDiv .birthDate{ float:none; } .responsive .loginForm input, .responsive .loginForm select{ float:none; } .responsive #loginPageDiv .accountNumber strong{ display:block; } .responsive #Enroll #allowEmail{ float:left; } .responsive #loginPageDiv .hintBox div:first-of-type{ top:23px; right:initial; } .responsive #loginPageDiv #pwdHint{ margin-top:5px; left:20px; right:initial; } .responsive #loginPageDiv .securityPopupParent{ display:block; } .responsive #loginPageDiv .whtThis{ margin-left:0 } .responsive #loginPageDiv .securityPopup{ margin-left:20px; } .responsive #Enroll #verifiedEmailNote{ padding-left:0; } .responsive #securityEnrollment #verifiedEmailNote{ padding-left:0; } } @media (max-width: 520px) { .responsive #imageSelect, .responsive #imageSelect tbody:not(.hidden), .responsive #imageSelect tfoot { display: block } .responsive #imageSelect { text-align: center; } .responsive #imageSelect tr { display: inline } .responsive #imageSelect td { display: inline-block; } .responsive #imageSelect tfoot { text-align: center; padding: 20px 0 } } @media (max-width: 440px) { .responsive .container_aa { width: 100%; margin-left: auto; margin-right: auto; } .responsive .container_aa .grid_15 { width: 300px; } .responsive #verification_aa { width: 300px; height: auto; margin: 25px auto; } .responsive #verification_aa table td { padding: 5px 0; } .responsive #verification_aa .grayBox td:nth-child(odd) { width: auto; float: left; clear: both; text-align: left; padding: 0 5px 0ex 5px; } .responsive #verification_aa .grayBox td:nth-child(even) { width: auto; clear: both; float: left; text-align: left; padding: .5ex 5px 2ex 5px; } .responsive #verification_aa .grayBox td input { text-align: left; width: auto; } .responsive #verification_aa .grayBox td label { text-align: left; width: auto; } .responsive #footerWrapper_aa { } .responsive ul#footerNav_aa { display: block; padding: 0px; } .responsive ul#footerNav_aa { text-align: center; height: auto; width: 300px; margin: 0 auto; } .responsive ul#footerNav_aa li { display: inline-block; padding: 0px; float: none; } .responsive #Enroll #hint { width: 146px; } } /** START - DOC ONLY VIEW STYLES **/ .ui-dialog { z-index: 1015 !important ;} .ui-widget-overlay {z-index: 1014 !important ;} .unblocked {z-index:1013; position:relative;} .docViewEmlPopupLabel {width:140px;} .docViewEmlPopupCheckbox {margin-left:140px;} /** END - DOC ONLY VIEW STYLES **/ #Enroll .labelForEmailArea {width:181px;} #Enroll #verifiedEmailNote{ display:block; padding-left:180px; margin:5px 0 10px; } #Enroll #emailTxtForBrh{ display:inline-block; float:left; line-height:1.8; } #securityEnrollment #verifiedEmailNote{ display:block; padding-left:223px; } #Enroll #verifiedEmailNote.hidden, #reEnrollmentPersonalInfo #verifiedEmailNote.hidden{ display:none; } /* ----- Start - OffbookSepSimple ----- */ #planDepContributions {margin:10px 20px 30px 20px;} .currYr td, .priorYr td{border-bottom:1px solid #e8e8e8;vertical-align:top; padding:3px;} .highlightRow{ background-color:#f1f1f1; cursor:pointer; } #contribTable input{ text-align:right;} #contributionTable{margin:20px; width:96%;} #xfrFundsRequest dd .grayBg{margin:20px 0 0 0;} #xfrFundsRequest .errorMsg, #xfrFundsConfirm .errorMsg, #xfrFundsError .errorMsg{margin:20px 30px 10px 30px;} .contributionBtns{text-align:center;} .contributionBtns a.button-yellow:link {float:none;} #xfrFundsRequest .disabledBtn, #xfrFundsConfirm .disabledBtn{padding-bottom:7px;} #contribTable td {border-bottom:1px solid #ccc; vertical-align:top; padding:3px; font-size:13px} .total td{text-align:right; padding:3px; border-bottom:1px solid #fff !important} /* ----- End - OffbookSepSimple ----- */ #loginPageDiv #acceptGuidelines {padding-top:0px; margin-top:0px;} #consentAgreementForm > div.horizontalRule {background-color:#e8e8e8; height:1px; margin:15px 0 10px 0;} #aa-alerts .alertContentArea table {margin:0 10px 20px 22px; width:96%;} #aa-alerts .buttonContainer { margin: 10px; text-align: center; } #aa-alerts .buttonContainer a.button-yellow:link { margin-left: 20px; float: none; } #aa-alerts .yellowBar_aa { font-size: 1em; } #aa-alerts .grayBar_aa { margin: 20px 20px 0px; padding-left: 10px; } #aa-alerts .learnMore{font-size: 12px;} .alertsContainerOuterDiv { height: 400px; overflow: auto; padding: 0 10px; /*border:3px solid #C0C0C0;*/ } #aa-alerts .alertmsgNoIcon { PADDING-BOTTOM: 0.8em; PADDING-LEFT: 2em; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left 50%; HEIGHT: 18px; PADDING-TOP: 0.8em } /* Styles for the holdings page - diversificatin bar chart */ .prototype-watermark {position: absolute; display: block; opacity: .05; filter: alpha(opacity=05); color: #000; left: 50%; margin-left: -300px; font-size: 100px; pointer-events: none;} .guided-msg {} .guided-subject {} .account-type {color: #888;} #chart-tabs {float: right;} .holdings-charts {display: none;} .holdings-charts.active {display: block;} .highcharts-container { padding-top: 10px; } #holdings-head .chartAlert { width: 50%; float: right; margin: 8px 0 0; } #holdings-head #main-account-info { width: 50%; float: left; margin: 20px 0 14px; } #holdings-head #main-account-info p { padding-left: 24px; } #holdings-head #holdings-account-info-row{ margin: 30px -30px 0 -18px; min-height: 70px; z-index: 1000; width: 100%; } .optionsAlertMsg {background: transparent url(../images/gold_alert_sml.gif) no-repeat left center; padding: 2px 0px 0px 17px;font-weight: normal; display: inline-block; } .optionsAlertMsg-lg {background: transparent url(../images/gold_alert_lrg.gif) no-repeat left center; padding: 2px 0px 0px 32px; font-size: 2ex;} /*version 1*/ #holdings-head { position: relative; } #chart-tabs { margin: 0 0 0 10px; } #chart-tabs a { background: url(images/chart-tabs-sprite.png) no-repeat; width: 120px; height: 50px; display: inline-block; /*border: 1px solid #eee;*/ position: relative; z-index: 2; opacity: .7; filter: alpha(opacity=70); } #chart-tabs a.active { z-index: 4; opacity: 1; filter: alpha(opacity=100); } #chart-tabs a#div-bar-tab {} #chart-tabs a#holdings-tab {background-position: -120px 0;} #tab-line { border-bottom: 1px solid #ccc; display: block; z-index: 3; position: relative; top: 2px; } #aa-holdings .top-tabs { background-color: #999; margin: -10px -30px 0 -18px; } #aa-holdings .top-tabs ul { margin: 0; background-color: transparent; float: left; display: inline; width: auto; border: none; } #aa-holdings .top-tabs ul li { padding-top: 5px; } #aa-holdings .chartNavigation { position: relative; } #aa-holdings .top-tabs ul li.active a { color: #333; } #aa-holdings .top-tabs .tab-side-text { float: right; text-align: right; width: 450px; padding: 14px 14px 0; color: #fff; } #aa-holdings .top-tabs .tab-side-text a { color: #fff ; } #aa-holdings .guided-account-type, #aa-holdings .future-account-type{ margin: 0; line-height: 18px; font-size: 16px; font-weight: bold; } #aa-holdings .account-objective { line-height: 16px; font-size: auto; font-size: 14px; color: #777; } #aa-holdings .account-objective .objective { font-weight: normal; color: #000; } .ui-dialog-titlebar { display: none; } .holdingsContentArea .optionsAlertMsg { margin-left: 20px; cursor: pointer; } #holdings-head-2 .optionsAlertMsg-lg { margin-top: 15px; } .account-objective { font-size: 16px; margin-bottom: 0; } .account-objective .objective { font-weight: bold; } .report-label { width: 210px; } .getQuoteHeading { position: relative; } .getQuoteHeading > span { font-weight: normal; margin: 2px 0; } .getQuoteHeading .rating { width: 105px; display: block; margin-right: 10px; } #ej-research-rating { /*font-size: 14px; */ margin-top: 10px; } .getQuoteHeading #ej-research-rating .rating { font-weight: bold; } #ratings-more-info { /*position: absolute; right: 0; top: -24px; font-weight: normal;*/ clear: left; float: left; font-weight: normal; display: block; position: relative; top: 6px; } .star1, .star2, .star3 , .star4, .star5{ background-image:url('http://resources.edwardjones.com/gui/applications/images/stars_lg.png'); background-repeat:no-repeat; width:105px; height:24px; display:inline-block; display: block; overflow: hidden; text-indent: -1000px; } .star1{background-position:-84px center;} .star2{background-position:-63px center;} .star3{background-position:-42px center;} .star4{background-position:-21px center;} .star5{background-position:0 center;} .subSection dt.roundCrnr span.title.symbol {font-weight: bold;} a.security-ineligible:hover {text-decoration: none;} .bar-warn-icon { background: url('../images/gold_alert_lrg-trnspt.png'); width: 24px; height: 21px; } .highcharts-tooltip span { width:340px!important; overflow:auto; white-space:normal !important; font-size: 14px !important; padding: 18px 10px 0; text-align: center; } .highcharts-tooltip span tspan span, .highcharts-tooltip tspan.col-label { display: inline !important; margin: 0 !important; padding: 0 !important; } #aa-holdings #holdings-head a.informationIcon {margin-left: 0;} tspan.col-label {padding: 6px 0; display: inline-block; font-size: 11px; width: 100%;} tspan.col-label span {width: 100%; margin: 0 0 0 -5px;} /*.holdingsContentArea .holdings-charts .optionsAlertMsg-red {margin: 0 0 0 0;}*/ .highcharts-tooltip .optionsAlertMsg-red {background: none; padding: 0; display: inline;} #total-equity-values.optionsAlertMsg-red {padding-left: 13px; background-position: 6px 2px;} .optionsAlertMsg-red {background: transparent url(../images/red-alert-icon.png) no-repeat left center; padding: 2px 0px 0px 19px;font-weight: normal; display: inline-block; } .success-label {background: transparent url(../images/in-range-label.png) no-repeat left center; padding: 2px 0px 0px 19px;font-weight: normal; display: inline-block; } .chartAlert .errorMsg {color: #000; font-weight: normal; padding: 2px 0px 0px 40px; font-size: 2ex;} .lowBalAlertMsg-red {background: transparent url(../images/icon-error-rev.png) no-repeat left center; padding: 2px 0px 0px 19px;font-weight: normal; display: inline-block; } .data-label { display: block; padding: 8px 4px; border-radius: 20px; color: #eee; min-width: 40px; text-align: center; margin: 0; font-size: 14px; font-weight: normal; font-family: 'helvetica'; position: relative; top: 10px; /*pointer-events: none;*/ /* -webkit-box-shadow:inset 0 4px 8px 0 rgba(0,0,0,.3); box-shadow:inset 0 4px 8px 0 rgba(0,0,0,.3); */ } .data-label.outside { color: #ffe5e2; } .total-equity { font-size: 22px; font-weight: bold; font-family: 'helvetica'; pointer-events: none; } .total-income { position: relative; left: 20px; bottom: 10px; font-size: 22px; font-weight: bold; top: -21px; pointer-events: none; } .total-income .label { clear: left; color: #fff; display: block; font-weight: normal; font-size: 14px; line-height: 9px; } .total-equity .label { clear: left; font-size: 14px; color: #eee; display: block; font-weight: normal; } .total-equity-label { color: #000; margin-top: 16px; display: block; } .data-label {font-size: 11px;} .data-label.small-amt { top: 20px; left: -39px; color: #444; color: #333; } .data-label.small-amt.outside-range { color: #b42916; } #acctObjChart {position: relative;} #acctObjChart:before { position: absolute; content: ' '; display: block; width: 345px; height: 262px; border-right: 1px solid #ccc; /*background: #f0f0f0;*/ z-index: 0; top: 26px; left: -18px; /*border-radius: 0px 10px 10px 0;*/ } #total-equity-ranges { position: absolute; display: block; top: 273px; left: 6px; font-size: 11px; color: #777; width: 28%; } #total-equity-values { padding: 3px 5px; display: block; position: relative; text-align: center; color: rgb(96, 96, 96); } #total-equity-values:before, #total-equity-values:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 12px; border-left: 1px solid #ccc; } #total-equity-values:after { left: auto; right: -1px; } /*border-left: 1px solid #ccc; border-right: 1px solid #ccc;*/ #total-equity-ranges #total-equity-header { width: 100%; display: block; border-bottom: 1px solid #ccc; padding-bottom: 2px; } .highcharts-data-labels span.in-col-label { text-align: center; display: block; line-height: 12px; font-size: 11px; display: block; color: #eee; text-align: center; margin: 0; font-weight: normal; font-family: 'helvetica'; position: relative; top: 10px; pointer-events: none; z-index: 0; } .highcharts-data-labels > div > span { pointer-events: none; } .highcharts-data-labels span.in-col-label.outside-range { color: rgba(255,255,255,.8); } /* End of holdings page - diversification bar chart */ /*Holdings Pie-chart start */ p#holder_heading + #holder{ height:auto; } /*Holdings Pie-chart end */ #loginPageDiv .userIDContainer .indent tr:last-child .help-block { padding-top: 0; } #loginPageDiv .userIDContainer .userID .indent tr:last-child td:first-child { display: none; } #logoutPageDiv .userIDContainer .indent tr:last-child .help-block { padding-top: 0; } #loginPageDiv #LogonPassword .errorMsg { background-position: 3px 11px; } #loginPageDiv #LogonPassword .errorMsg li { margin-bottom: 0; } #logoutPageDiv #tooltipSecurity {width: 310px;} #logoutPageDiv .iconLock + .overlayLogonSec {margin-left:25px;} .floatRight{ float:right; } /* Styles for the holdings page - diversificatin bar chart */ .prototype-watermark {position: absolute; display: block; opacity: .05; filter: alpha(opacity=05); color: #000; left: 50%; margin-left: -300px; font-size: 100px; pointer-events: none;} .guided-msg {} .guided-subject {} .account-type {color: #888;} #chart-tabs {float: right;} .holdings-charts {display: none;} .holdings-charts.active {display: block;} .highcharts-container { padding-top: 10px; } #holdings-head .chartAlert { width: 50%; float: right; margin: 8px 0 0; } #holdings-head #main-account-info { width: 50%; float: left; margin: 20px 0 14px; } #holdings-head #main-account-info p { padding-left: 24px; } #holdings-head #holdings-account-info-row{ margin: 30px -30px 0 -18px; min-height: 70px; z-index: 1000; width: 100%; } .optionsAlertMsg {background: transparent url(../images/gold_alert_sml.gif) no-repeat left center; padding: 2px 0px 0px 17px;font-weight: normal; display: inline-block; } .optionsAlertMsg-lg {background: transparent url(../images/gold_alert_lrg.gif) no-repeat left center; padding: 2px 0px 0px 32px; font-size: 2ex;} /*version 1*/ #holdings-head { position: relative; } #chart-tabs { margin: 0 0 0 10px; } #chart-tabs a { background: url(images/chart-tabs-sprite.png) no-repeat; width: 120px; height: 50px; display: inline-block; /*border: 1px solid #eee;*/ position: relative; z-index: 2; opacity: .7; filter: alpha(opacity=70); } #chart-tabs a.active { z-index: 4; opacity: 1; filter: alpha(opacity=100); } #chart-tabs a#div-bar-tab {} #chart-tabs a#holdings-tab {background-position: -120px 0;} #tab-line { border-bottom: 1px solid #ccc; display: block; z-index: 3; position: relative; top: 2px; } #aa-holdings .top-tabs { background-color: #999; margin: -10px -30px 0 -18px; } #aa-holdings .top-tabs ul { margin: 0; background-color: transparent; float: left; display: inline; width: auto; border: none; } #aa-holdings .top-tabs ul li { padding-top: 5px; } #aa-holdings .chartNavigation { position: relative; } #aa-holdings .top-tabs ul li.active a { color: #333; } #aa-holdings .top-tabs .tab-side-text { float: right; text-align: right; width: 450px; padding: 14px 14px 0; color: #fff; } #aa-holdings .top-tabs .tab-side-text a { color: #fff ; } #aa-holdings .guided-account-type, #aa-holdings .future-account-type{ margin: 0; line-height: 18px; font-size: 16px; font-weight: bold; } #aa-holdings .account-objective { line-height: 16px; font-size: auto; font-size: 14px; color: #777; } #aa-holdings .account-objective .objective { font-weight: normal; color: #000; } .ui-dialog-titlebar { display: none; } .holdingsContentArea .optionsAlertMsg { margin-left: 20px; cursor: pointer; } #holdings-head-2 .optionsAlertMsg-lg { margin-top: 15px; } .account-objective { font-size: 16px; margin-bottom: 0; } .account-objective .objective { font-weight: bold; } .report-label { width: 210px; } .getQuoteHeading { position: relative; } .getQuoteHeading > span { font-weight: normal; margin: 2px 0; } .getQuoteHeading .rating { width: 105px; display: block; margin-right: 10px; } #ej-research-rating { /*font-size: 14px; */ margin-top: 10px; } .getQuoteHeading #ej-research-rating .rating { font-weight: bold; } #ratings-more-info { /*position: absolute; right: 0; top: -24px; font-weight: normal;*/ clear: left; float: left; font-weight: normal; display: block; position: relative; top: 6px; } .star1, .star2, .star3 , .star4, .star5{ background-image:url('http://resources.edwardjones.com/gui/applications/images/stars_lg.png'); background-repeat:no-repeat; width:105px; height:24px; display:inline-block; display: block; overflow: hidden; text-indent: -1000px; } .star1{background-position:-84px center;} .star2{background-position:-63px center;} .star3{background-position:-42px center;} .star4{background-position:-21px center;} .star5{background-position:0 center;} .subSection dt.roundCrnr span.title.symbol {font-weight: bold;} a.security-ineligible:hover {text-decoration: none;} .bar-warn-icon { background: url('../images/gold_alert_lrg-trnspt.png'); width: 24px; height: 21px; } .highcharts-tooltip span { width:340px!important; overflow:auto; white-space:normal !important; font-size: 14px !important; padding: 18px 10px 0; text-align: center; } .highcharts-tooltip span tspan span, .highcharts-tooltip tspan.col-label { display: inline !important; margin: 0 !important; padding: 0 !important; } #aa-holdings #holdings-head a.informationIcon {margin-left: 0;} tspan.col-label {padding: 6px 0; display: inline-block; font-size: 11px; width: 100%;} tspan.col-label span {width: 100%; margin: 0 0 0 -5px;} /*.holdingsContentArea .holdings-charts .optionsAlertMsg-red {margin: 0 0 0 0;}*/ .highcharts-tooltip .optionsAlertMsg-red {background: none; padding: 0; display: inline;} #total-equity-values.optionsAlertMsg-red {padding-left: 13px; background-position: 6px 2px;} .optionsAlertMsg-red {background: transparent url(../images/red-alert-icon.png) no-repeat left center; padding: 2px 0px 0px 19px;font-weight: normal; display: inline-block; } .success-label {background: transparent url(../images/in-range-label.png) no-repeat left center; padding: 2px 0px 0px 19px;font-weight: normal; display: inline-block; } .chartAlert .errorMsg {color: #000; font-weight: normal; padding: 2px 0px 0px 40px; font-size: 2ex;} .lowBalAlertMsg-red {background: transparent url(../images/icon-error-rev.png) no-repeat left center; padding: 2px 0px 0px 19px;font-weight: normal; display: inline-block; } .data-label { display: block; padding: 8px 4px; border-radius: 20px; color: #eee; min-width: 40px; text-align: center; margin: 0; font-size: 14px; font-weight: normal; font-family: 'helvetica'; position: relative; top: 10px; /*pointer-events: none;*/ /* -webkit-box-shadow:inset 0 4px 8px 0 rgba(0,0,0,.3); box-shadow:inset 0 4px 8px 0 rgba(0,0,0,.3); */ } .data-label.outside { color: #ffe5e2; } .total-equity { font-size: 22px; font-weight: bold; font-family: 'helvetica'; pointer-events: none; } .total-income { position: relative; left: 20px; bottom: 10px; font-size: 22px; font-weight: bold; top: -21px; pointer-events: none; } .total-income .label { clear: left; color: #fff; display: block; font-weight: normal; font-size: 14px; line-height: 9px; } .total-equity .label { clear: left; font-size: 14px; color: #eee; display: block; font-weight: normal; } .total-equity-label { color: #000; margin-top: 16px; display: block; } .data-label {font-size: 11px;} .data-label.small-amt { top: 20px; left: -39px; color: #444; color: #333; } .data-label.small-amt.outside-range { color: #b42916; } #acctObjChart {position: relative;} #acctObjChart:before { position: absolute; content: ' '; display: block; width: 345px; height: 262px; border-right: 1px solid #ccc; /*background: #f0f0f0;*/ z-index: 0; top: 26px; left: -18px; /*border-radius: 0px 10px 10px 0;*/ } #total-equity-ranges { position: absolute; display: block; top: 273px; left: 6px; font-size: 11px; color: #777; width: 28%; } #total-equity-values { padding: 3px 5px; display: block; position: relative; text-align: center; color: rgb(96, 96, 96); } #total-equity-values:before, #total-equity-values:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 12px; border-left: 1px solid #ccc; } #total-equity-values:after { left: auto; right: -1px; } /*border-left: 1px solid #ccc; border-right: 1px solid #ccc;*/ #total-equity-ranges #total-equity-header { width: 100%; display: block; border-bottom: 1px solid #ccc; padding-bottom: 2px; } .highcharts-data-labels span.in-col-label { text-align: center; display: block; line-height: 12px; font-size: 11px; display: block; color: #eee; text-align: center; margin: 0; font-weight: normal; font-family: 'helvetica'; position: relative; top: 10px; pointer-events: none; z-index: 0; } .highcharts-data-labels > div > span { pointer-events: none; } .highcharts-data-labels span.in-col-label.outside-range { color: rgba(255,255,255,.8); } /* End of holdings page - diversification bar chart */ /*Holdings Pie-chart start */ p#holder_heading + #holder{ height:auto; } /*Holdings Pie-chart end */ #loginPageDiv .userIDContainer .indent tr:last-child .help-block { padding-top: 0; } #loginPageDiv .userIDContainer .userID .indent tr:last-child td:first-child { display: none; } #logoutPageDiv .userIDContainer .indent tr:last-child .help-block { padding-top: 0; } #loginPageDiv #LogonPassword .errorMsg { background-position: 3px 11px; } #loginPageDiv #LogonPassword .errorMsg li { margin-bottom: 0; } #logoutPageDiv #tooltipSecurity {width: 310px;} #logoutPageDiv .iconLock + .overlayLogonSec {margin-left:25px;} .floatRight{ float:right; } .tooltip a { color: #fff; } .yellowBarRightSwish .low-balance-wrap .tooltip::before { left: auto; right: 0; } /* Performance screen styles begins here */ #vt-chart {width: 808px; float: left; padding: 10px;} #vt-summary {width: 300px; float: left; border: 2px solid #ddd; padding: 10px ; } #vt-summary table {width: 100%; border-collapse: collapse;} #vt-summary table .tsubhead {} #vt-summary table td {padding: 3px;} #vt-summary table .tsubhead td {padding-top: 14px;} #vt-summary tbody td, #vt-summary table .tsubhead td {border-bottom: 1px solid #ccc;} #vt-summary tbody tr:last-child td {border-bottom: none;} #vt-summary tfoot td {background: #eee; border-top: 2px solid #ccc; font-weight: bold; padding: 8px 3px;} #vt-summary a {font-weight: normal;} #section-1 {margin-top: 16px;} .informational-msg {background-color: #fff5da; padding: 10px; text-align: center; margin-bottom: 16px;} .currency-msg{padding: 10px; text-align: left;margin-bottom: 2px;} .subhead {font-weight: bold;} .align-right {text-align: right;} .summary-head {font-size: 18px;} .yellowBarRightSwish .low-balance-wrap .tooltip { top: 38px; right: 16px; left: auto; font-size: 12px; } .historicalAssetTable {border-collapse: collapse; width: 100%;} .historicalAssetTable td + td {text-align: right;} .historicalAssetTable tfoot td:first-child {text-align: left;} .historicalAssetTable tr.highlight td {background: #fff5da;} .historicalAssetTable tfoot td {padding: 8px;} .performance-tab-content.active {display: block;} .performance-tab-content {display: none; margin-right: -10px;} .performance-tab-content .grayBar_aa {margin: 16px 0 0 0;} .performance-details-totals {margin: 24px 0;} .performance-details-totals .label {font-weight: bold;} .performance-details-totals td + td .label {margin-left: 24px;} .grayBar_aa .as-of-date {float: right; font-size: 14px; padding: 2px;} #assets-details {border-collapse: collapse; } #assets-details thead td {font-weight: bold; vertical-align: bottom; text-align: center;} #assets-details thead tr:nth-child(2) td {text-align: left;} #assets-details * + thead tr:first-child td {text-align: right;} #assets-details thead:first-child tr:nth-child(2) td {text-align: right;} #assets-details td {border: 1px solid #ccc; border-right: none; border-left: none; text-align: right; width: 10%;} #assets-details td:first-child {text-align: left;} /*#assets-details td:nth-child(3), #assets-details td:nth-child(6), #assets-details td:nth-child(8) {border-right: 1px solid #ccc;} #assets-details .no-symbol-opinion #assets-details td:nth-child(3) {border-right: none;} #assets-details td[colspan='3'], #assets-details td[colspan='2']{border-right: 1px solid #ccc;} */ #assets-details .no-border {border: none;} #assets-details .no-border + td:not('.no-border') {border-left: 1px solid #ccc;} #assets-details .border-right {border-right: 1px solid #ccc;} #assets-details * + thead tr:first-child + tr td {background: #f5f5f5;} #assets-details thead:first-child tr:first-child td + td {background: #f5f5f5;} /*#assets-details thead:first-child tr:last-child td {background: #f5f5f5;} */ #assets-details td:last-child {border-right: none;} #assets-details .spacer td {border-bottom: none; height: 20px;} #assets-details tr td .description {text-align: left;} /*use classes for modals instead of IDs*/ /* .ui-widget-overlay {opacity: 0.7; background-color: #e8e8e8; background-image: none; } .ui-dialog {border: none; background: none;} */ .ui-dialog .ui-dialog-content.windowBox {background: #fff; color: #000000; border-color: #999999 #666666 #666666 #999999; border-style: solid; border-width: 1px 2px 2px 1px; z-index: 2000; padding: 0;} .dialog-header {background-color: #fcc81d; height: 27px;} .dialog-title {float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; font-weight: bold; color: #666; } .dialog-content {clear: both; padding: 15px; overflow: auto; text-align: left; line-height: 1.4em; } .close-dialog {height: 26px; width: 25px; float: right; background: transparent url("../images/X_dropshadow.png") no-repeat scroll 0 0; overflow: hidden; text-indent: -9999px; cursor: pointer; display: inline; } .table-bordered {border: 1px solid #ccc; border-collapse: collapse;} .table-bordered td {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; padding: 6px; } .table-bordered tr:last-child td {border-bottom: none; } .table-bordered td:last-child {border-right: none; } .table-bordered tfoot td {border-top: 1px solid #ccc; background: #eee; font-weight: bold; } .breadcrumb {margin-left: 0; padding: 10px; background: #eee; margin: -15px -15px 10px;} .breadcrumb li {display: inline-block; list-style: none; margin-left: 0; color: #777;} .breadcrumb li:after {content: ' > '; display: inline-block; margin: 0 5px 0 10px;} .breadcrumb li:last-child:after {content: '';} .breadcrumb li a {color: #000;} #cash-a-w table td {width: 30%; } #cash-a-w table td + td {width: 50%; } #cash-a-w table td + td + td {width: 20%; text-align: right;} .benchmark-data {display: none;} .benchmark-data td:first-child {padding-left: 40px;} #benchmarking {padding-left: 10px; margin-left: 10px;} .performance-tab-content.active a {font-weight: normal;} .performance-data, .performance-detail-data {position: relative;} .loading-overlay, .loading-overlay-details {position: absolute; width: 100%; height: 100%; background: rgba(190,190,190,1); z-index: 1000;} #section-1 {min-height: 356px;} .holdingsContentArea.performance-data {min-height: 284px;} #loadingMessage {position: relative; width: 100%; height: 500px;} #loadingBenchmark {position: relative; width: 100%; height: 100px;} #errorMessagePerf #errorMsg{margin:15px 0 15px 0px;} /* performance styles ends here */ /* ################################################################################ # # tourGuide Styles # # Scott Mayer (p153639) # version 1.1.0 # ################################################################################ */ .tg-btn { display: inline-block; padding: 4px 8px; margin: 0 3px 0; font-size: 16px; line-height: 1.39; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0); /* IE6-8 */ border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* adds border-radius back in for IE11 only */ } .tg-btn:hover, .tg-btn:focus, .tg-btn.active { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#cccccc, GradientType=0); /* IE6-8 */ } .tg-btn:active { color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-image: -webkit-linear-gradient(top, #e6e6e6 0%, #cccccc 100%); background-image: -o-linear-gradient(top, #e6e6e6 0%, #cccccc 100%); background-image: linear-gradient(to bottom, #e6e6e6 0%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffcccccc', GradientType=0); border-color: #cccccc #cccccc #a6a6a6; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-color: #cccccc; *background-color: #cccccc; } .tg-btn.disabled, .tg-btn[disabled], .tg-btn.disabled:hover, .tg-btn[disabled]:hover { background-color: #e6e6e6; } .tg-btn.active { background-color: #1381df; } .tg-btn.btn { border-radius: 0px\0; } .tg-btn *::-ms-backdrop, .tg-btn.btn { border-radius: 4px; } .tg-btn:hover, .tg-btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; outline: 0; -webkit-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .tg-btn:last-child { margin-right: 0; } .tg-btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: -webkit-linear-gradient(top, #2e95ed 0%, #0f66b0 100%); background-image: -o-linear-gradient(top, #2e95ed 0%, #0f66b0 100%); background-image: linear-gradient(to bottom, #2e95ed 0%, #0f66b0 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e95ed', endColorstr='#ff0f66b0', GradientType=0); border-color: #0f66b0 #0f66b0 #093d6a; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0f66b0; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2e95ed, endColorstr=#0f66b0, GradientType=0); /* IE6-8 */ border-color: #127cd6; background-color: #127cd6; } .tg-btn-primary:hover, .tg-btn-primary:focus, .tg-btn-primary.active { color: #ffffff; background-color: #0f66b0; *background-color: #0d5899; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#127cd6, endColorstr=#0b4b81, GradientType=0); /* IE6-8 */ } .tg-btn-primary:active { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: -webkit-linear-gradient(top, #127cd6 0%, #0b4b81 100%); background-image: -o-linear-gradient(top, #127cd6 0%, #0b4b81 100%); background-image: linear-gradient(to bottom, #127cd6 0%, #0b4b81 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff127cd6', endColorstr='#ff0b4b81', GradientType=0); border-color: #0b4b81 #0b4b81 #05223b; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-color: #0b4b81; *background-color: #0b4b81; } .tg-btn-primary.disabled, .tg-btn-primary[disabled], .tg-btn-primary.disabled:hover, .tg-btn-primary[disabled]:hover { background-color: #127cd6; } .tg-btn-primary.active { background-color: #1381df; } .tg-btn, .tg-btn-group { margin: 0 3px; } .tg-btn-group { position: relative; display: inline-block; vertical-align: middle; } .tg-btn-group > .tg-btn:last-child:not(:first-child), .tg-btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0; } .tg-btn-group > .tg-btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin: 0; } .tg-dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .tg-dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .tg-dropdown-menu li a:link { font-weight: normal; } .tg-dropdown-menu > li > a:hover { background: #ffedba; } .open > .tg-dropdown-menu { display: block; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } #screen-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; } .tg-modal, .tg-tooltip { position: fixed; top: 100px; left: 0; margin: 0px auto; background: #1381df; z-index: 1100; width: 360px; left: 50%; margin-left: -150px; padding: 0 20px 20px; border-radius: 4px; pointer-events: none; opacity: 0; filter: alpha(opacity=0); /*ie8 only*/ -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -o-transform: translate(0, 30px); transform: translate(0, 30px); -webkit-transition: transform .5s ease, opacity .7s ease; -moz-transition: transform .5s ease, opacity .7s ease; -o-transition: transform .5s ease, opacity .7s ease; transition: transform .5s ease, opacity .7s ease; } .tg-modal.active, .tg-tooltip.active { pointer-events: auto; opacity: 1; filter: alpha(opacity=100); /*ie8 only*/ -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -ms-transform: translate(0, 0px); -o-transform: translate(0, 0px); transform: translate(0, 0px); } .tg-modal h1, .tg-tooltip h1, .tg-modal .h1, .tg-tooltip .h1, .tg-modal h2, .tg-tooltip h2, .tg-modal .h2, .tg-tooltip .h2, .tg-modal h3, .tg-tooltip h3, .tg-modal .h3, .tg-tooltip .h3, .tg-modal h4, .tg-tooltip h4, .tg-modal .h4, .tg-tooltip .h4 { margin-top: 22px; margin-bottom: 11px; color: #fff; } .tg-modal p, .tg-tooltip p { color: #eee; margin-bottom: 11px; font-size: 15px; } .tg-modal .tg-modal-footer, .tg-tooltip .tg-modal-footer { text-align: right; margin: 0 -20px -20px; border-top: 1px solid #000; padding: 10px; background: #213037; border-radius: 0 0 4px 4px; } .tg-modal .close, .tg-tooltip .close { float: right; font-size: 42px; font-weight: normal; line-height: 1; color: #fff; text-shadow: none; opacity: .6; filter: alpha(opacity=60); position: absolute; right: 10px; background: none; border: none; } .tg-modal .close:focus, .tg-tooltip .close:focus { outline: 0; } .tg-modal, .tg-series { background: #3f535d; } .tg-series a { color: #fff; text-decoration: underline; } #remind-later-when a { text-decoration: none; } .tg-tooltip { position: absolute; /*top: 200px;*/ left: 200px; margin-left: 0; /*margin-top: -100px;*/ } .tg-tooltip:after { position: absolute; border-top: 10px solid #1381df; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; display: block; content: ' '; width: 0; height: 0; bottom: -19px; left: 10px; } .tg-tooltip.flippedY { margin-top: 10px; } .tg-tooltip.flippedY:after { border-top: 10px solid transparent; border-bottom: 10px solid #1381df; bottom: auto; top: -20px; } .tg-tooltip.flippedX:after { right: 10px; left: auto; } .tg-tooltip.tg-series.flippedY:after { border-top: 10px solid transparent; border-bottom: 10px solid #3f535d; } .tg-tooltip.tg-series:after { border-top: 10px solid #213037; } .tg-inline { border-radius: 4px; background: #1381df; color: #fff; font-size: .8em; text-shadow: none; padding: .1em .4em; } .tg-series-status { position: absolute; left: 0; margin: 0; padding: 0; left: 16px; } .tg-series-status li { display: inline-block; list-style: none; border: 1px solid #86a8b7; width: 10px; height: 10px; border-radius: 9px; margin-left: 4px; } .tg-series-status li.active { background: #86a8b7; } /*online access specific styles */ .tg-series h4 { background: none; padding: 0; border: 0; font-size: 18px; font-weight: normal; } .tg-modal .close, .tg-tooltip .close { right: 0; } .tg-modal .tg-modal-footer, .tg-tooltip .tg-modal-footer { background: #333; } .tg-modal, .tg-series { background: #fff; border-radius: 0; border: 1px solid #eee; -webkit-box-shadow: 0 5px 16px 0 rgba(0,6,0,.5); box-shadow: 0 5px 16px 0 rgba(0,6,0,.5); } .tg-modal p, .tg-tooltip p { color: #555; } .tg-modal.active a, .tg-tooltip.active a, .tg-modal.active a:active, .tg-tooltip.active a:link { font-weight: normal; color: #000 !important; } .tg-modal .tg-modal-footer, .tg-tooltip .tg-modal-footer { background: #eee;border-radius: 0; border-top: 1px solid #ddd; } .tg-modal .tg-modal-footer .tg-modal-footer, .tg-modal .tg-modal-footer .tg-modal-footer { margin: -10px 0 0; border-top: 0; padding-bottom: 0; padding-right: 0; } .tg-tooltip.tg-series:after { border-top-color: #eee; } .tg-modal h4, .tg-series h4{ color: #333; } .tg-series-status li.active { background: #999; } .tg-series-status li { border: 1px solid #999; } .tg-btn-primary { background-image: none; background-color: #fcc81d; border: 1px solid #e0a500; color: #222; text-shadow: none; background-image: -webkit-linear-gradient(top, #fcc81d 0%, #e0a500 100%); background-image: -o-linear-gradient(top, #fcc81d 0%, #e0a500 100%); background-image: linear-gradient(to bottom, #fcc81d 0%, #e0a500 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc81dff', endColorstr='#ffe0a500', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .tg-btn-primary:hover, .tg-btn-primary:focus, .tg-btn-primary.active { background-image: none; background-color: #f6b500; border: 1px solid #e0a500; color: #222; } .tg-btn-primary:active { background-image: none; background-color: #f6b500; border: 1px solid #e0a500; color: #222; } .tg-btn { border-radius: 0; } .tg-dropdown-menu > li > a:hover { background: #f8de98; } .tg-modal .tg-modal-footer { margin-top: 18px; } .tg-series-status li { width: 8px; height: 8px; } .tg-series-status { margin-top: 8px; } .tg-modal .close, .tg-tooltip .close { color: #ccc; font-weight: normal } /******************************************************** Start - styles for new login pages for release 17/01. *********************************************************/ #loginPageDiv.login_2017 li { list-style: disc; } #loginPageDiv.login_2017 input[type="text"], #loginPageDiv.login_2017 input[type="password"], #loginPageDiv.login_2017 input[type="number"] { display: block; width: 100%; height: 32px; padding: 4px 8px; font-size: 16px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-sizing: border-box;, } #loginPageDiv.login_2017 .text-center {text-align: center;} #loginPageDiv.login_2017 .inline-label label { display: inline-block; width: 42%; } #loginPageDiv.login_2017 .inline-label input, #loginPageDiv.login_2017 .inline-label .text-val { display: inline-block; width: 56%; clear: both; } #loginPageDiv.login_2017 .inline-label .text-val { font-weight: bold; margin-bottom: 20px; } #loginPageDiv.login_2017 .inline-label .helptext { width: 56%; margin-left: 44%; } /*specific formatting for email aut-complete markup*/ #loginPageDiv.login_2017 .inline-label.form-group .eac-input-wrap { width: 56%; } #loginPageDiv.login_2017 .inline-label.form-group .eac-input-wrap input { width: 100%; } #loginPageDiv.login_2017 .help-block a { display: block; margin: 10px 0 20px 0; } #loginPageDiv.login_2017 .help-block a:last-child { margin-bottom: 0; } #loginPageDiv.login_2017 .form-group { clear: both; } #loginPageDiv.login_2017 .form-group { margin-bottom: 16px; } #loginPageDiv.login_2017 .helptext { font-size: 11px; color: #999; margin: 4px 0 10px; } #loginPageDiv.login_2017 .success, .success:hover { text-decoration: none; color: #3c763d; } #loginPageDiv.login_2017 .success.pw-success { padding: 10px 0; } #loginPageDiv.login_2017 a.dismiss, a.button-secondary, a.button-yellow:link, a.button-yellow:focus, a.button-yellow:visited { display: inline-block; padding: 14px; text-align: center; font-size: 1em; line-height: 12px; box-sizing: border-box; margin: 0 auto; float: none; } #loginPageDiv.login_2017 .responsive a.button-yellow:link, .responsive a.button-yellow:focus, .responsive a.button-yellow:visited { padding-right: 20px; } #loginPageDiv.login_2017 #email-txt { font-weight: bold; font-size: 14px; } #loginPageDiv.login_2017 #email-sent .section-content { padding: 20px; } #loginPageDiv.login_2017 .primaryContent .subSection { box-sizing: border-box; float: left; margin: 20px 10px 20px 20px; border: none; position: relative; flex: 1; padding: 0; border: 1px solid #e7e7e7; overflow: visible; } #loginPageDiv.login_2017:not(.login_aa) .primaryContent .subSection + .subSection { padding: 0; margin: 20px 20px 20px 10px; } #loginPageDiv.login_2017 .subSection { position: relative; overflow-x: hidden; overflow-y: visible; } #loginPageDiv.login_2017 .subSection dt.group, #loginPageDiv.login_2017 .subSection dd { margin: 0; border: none; } #loginPageDiv.login_2017.login_aa .loginDisclaimerText { width: 100%; box-sizing: border-box; max-width: none; margin-left: 0; padding: 20px; background: #efefef; padding-bottom: 20px; margin-bottom: 0; } #loginPageDiv.login_2017 ul#send-code-ul { margin: 10px 0; } #loginPageDiv.login_2017 ul#send-code-ul li { list-style: none; padding: 0; margin: 0; } #loginPageDiv.login_2017 ul#send-code-ul li label { padding: 4px 0; display: block; } #loginPageDiv.login_2017 .section { box-sizing: border-box; border: 1px solid #e7e7e7; padding: 10px; position: relative; margin: 0; } #loginPageDiv.login_2017 .section-wrap { max-width: 500px; margin: 20px auto; display: block; padding: 0 10px; position: relative; } #loginPageDiv.login_2017 .section dd { padding: 10px; } #loginPageDiv.login_2017 .section p { margin-bottom: 12px; } #loginPageDiv.login_2017 .section .section { border:none; } #loginPageDiv.login_2017 .mobile-copy {display: none;} #loginPageDiv.login_2017 .desktop-copy {display: inline-block;} #loginPageDiv.login_2017 #yes .section, #loginPageDiv.login_2017 #no .section { margin-bottom: 24px; } #loginPageDiv.login_2017 #yes .section { border-bottom: 1px solid #ddd; } #loginPageDiv.login_2017 .help-link { margin-left: 3px; } #loginPageDiv.login_2017 .help-link img { position: relative; top: 3px; } #loginPageDiv.login_2017 #tooltipSecurity, #logoutPageDiv.login_2017 #tooltipSecurity { top: 5px; width: 260px; overflow-y: auto; height: 220px; } #loginPageDiv.login_2017 div.scrollHelp, #loginPageDiv div.scrollSec { height: auto; } @media screen and (max-width: 720px) { #loginPageDiv.login_2017 .mobile-copy {display: inline-block;} #loginPageDiv.login_2017 .desktop-copy {display: none;} #loginPageDiv.login_2017 .subSection-wrap { display: block; } #loginPageDiv.login_2017 .primaryContent .subSection, #loginPageDiv.login_2017 .primaryContent .subSection + .subSection { clear: both; float: none; width:auto; margin: 20px 10px 20px 10px; } #loginPageDiv.login_2017 { padding: 0; } } #loginPageDiv.login_2017 .button-yellow {padding-right: 20px;} #loginPageDiv.login_2017 .remember-device {display: block; margin: 18px 0;} #loginPageDiv.login_2017 .verificationCodeLabel {margin-bottom: 10px;display:block;} #modal-btn-wrap { padding: 20px 0 0 0; text-align: center; } #modal-btn-wrap a { margin-left: 15px; } #loginPageDiv.login_2017 .errorMsg, #loginPageDiv .successMsg {margin-bottom: 0;} #login-uid {margin: 0 20px 18px 0} #saveUserId {margin-top: 16px;} #loginPageDiv.login_2017 .primaryContent { position: relative; padding-bottom: 0; } #login-pod { display: flex; flex-direction: row; border: none; margin: 10px; } #loginPageDiv.login_2017 .primaryContent { -webkit-flex-basis: 60%; -moz-flex-basis: 60%; flex-basis: 60%; -ms-flex-preferred-size: 60%; padding-top: 1px; } #loginPageDiv.login_2017 #sidebar { max-width: 300px; overflow: hidden; position: relative; } #loginPageDiv.login_2017 #sidebar img { margin-bottom: -3px; } #loginPageDiv.login_2017 #left-col { flex: 1; padding: 28px 28px 8px; } #loginPageDiv.login_2017 #forgot, #loginPageDiv.login_2017 #lock {display: inline-block;} #loginPageDiv.login_2017 #lock .fa {display: inline;} #login-form { max-width: 500px; } #login-form .form-group { max-width: 350px; } #loginPageDiv.login_2017 #login-form, #loginPageDiv.login_2017 #not-enrolled { padding: 24px 0; } #loginPageDiv.login_2017 #not-enrolled { border-top: 1px solid #ddd; } #loginPageDiv.login_2017 .title { padding: 24px 0 10px 0; margin: 0; color: #333; font-weight: normal; font-size: 24px; display: block; } #lead-in {font-size: 16px;} #loginPageDiv.login_2017 .actions {text-align: left;} #static-copy {position: absolute; font-size: 18px; bottom: 50px; margin: 20px;} #static-button { position: absolute; bottom: 20px; right: 10px; background: rgba(255,255,255,.8); padding: 10px 12px; text-decoration: none; font-size: 14px;} #loginPageDiv.login_2017 .loginDisclaimerText {max-width: 800px;} #logoutPageDiv .iconLock{margin-left: 20px;} #loginPageDiv.login_2017 .view-tour {margin-top: 20px; } #loginPageDiv.login_2017 #login-pod .view-tour a {color: #777;} #loginPageDiv.login_2017 #login-pod a {color: #555;} #lead-in a {color: #000;} #loginPageDiv.login_2017 .large-hidden {display: none;} #loginPageDiv.login_2017 .login-step.active {display: block;} #loginPageDiv.login_2017 .login-step.active a:link {font-weight: normal;} #loginPageDiv.login_2017 .login-step.active a.button:link{font-weight: bold;} #loginPageDiv.login_2017 .login-step {display: none;} #loginPageDiv.login_2017 .form-group { clear: both; position: relative; font-size: 14px; } #loginPageDiv.login_2017 .form-group label { margin-bottom: 4px; display: block; } @media (max-width: 934px) { /*#forgot {clear: both;}*/ #loginPageDiv .button-yellow:after {content: ' '; display: block; width: 0px; height: 0px; clear: both;} #loginPageDiv.login_2017 .large-hidden {display: block;} } @media (max-width: 834px) { #loginPageDiv.login_2017 #sidebar { overflow: hidden; position: relative; } } @media (max-width: 750px) { #loginPageDiv.login_2017 .title { padding-top: 0; } #loginPageDiv.login_2017 #login-pod { flex-direction: column; } #loginPageDiv.login_2017 #sidebar { max-width: none; } #loginPageDiv.login_2017 #sidebar img { max-width: 100%; min-height: 0; margin: 0 auto; display: block; } #loginPageDiv.login_2017 #left-col {flex: auto;} } @media (max-width: 450px) { #loginPageDiv.login_2017 #forgot, #loginPageDiv #lock {display: block; margin-bottom: 10px; margin-left: 0;} #lead-in a {display: block; margin: 10px 0;} } #logoutPageDiv.login_2017 input { display: inline-block; margin-bottom: 10px; } #logoutPageDiv.login_2017 .responsive a.dismiss, .responsive a.button-secondary, .responsive a.button-yellow:link, .responsive a.button-yellow:focus, .responsive a.button-yellow:visited { display: inline-block; padding: 14px; text-align: center; font-size: 1em; line-height: 12px; box-sizing: border-box; margin: 0 auto; float: none; padding-right: 20px; } #logoutPageDiv.login_2017 #loginFormWrapper { width: 300px; } #logoutPageDiv.login_2017 #btnLogin {margin-left: 0} #logoutPageDiv.login_2017 .iconLock {margin-left: 25px;} #loginPageDiv.login_2017 .hidden {margin-left: 0px;} #loginPageDiv.login_2017 .button-yellow[disabled] {opacity: .3; cursor: not-allowed; } #logoutPageDiv.login_2017 .button-yellow[disabled] {opacity: .3; cursor: not-allowed; } #logoutPageDiv.login_2017 input[type="text"], #loginPageDiv.login_2017 select, #logoutPageDiv.login_2017 input[type="password"] { display: block; width: 100%; height: 32px; padding: 4px 8px; font-size: 16px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 2px; margin-top: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-sizing: border-box; } a.txtUnderline { text-decoration : underline; } @media (max-width: 903px) { .threeQuarter .logout_2017 .primaryContent {width: 100%; float: none; margin: 0;} .threeQuarter .logout_2017 .secondaryContent {width: 100%; float: none;} } @media (max-width: 400px) { #logoutPageDiv.login_2017 #loginFormWrapper { width: 100%; } } #loginPageDiv.login_2017 .hide {display: none !important;} /******************************************************** End - styles for new login pages for release 17/01. *********************************************************/ /*Security settings*/ #bodyContent ul.radio-list { margin-left: 0; } .radio-list li { list-style: none; margin-left: 0; } .radio-list .help-txt, #bodyContent li.help-text { color: #888; margin: 0 0 18px 24px; } label.disabled { opacity: .5; } .successMsgForSettings1 { background: url("icon_success.gif") no-repeat 0px 0px; padding: 5px 0px 5px 34px; } /*prototype dummy styles*/ #windowBox1 { text-align: 'left'; background: #fff; color: #000000; border-color: #999999 #666666 #666666 #999999; border-style: solid; border-width: 1px 2px 2px 1px; z-index: 2000; } #successHolder1 {padding: 20px;} #overlayBox1, #windowBox1 {display: none;} #closeModal, .toolTipBox a.closeIcon { background: transparent url("X_dropshadow.png") no-repeat scroll 0 0;} .textUpdate {background-color: #B5E1B7; color: #3C6B3C; padding: 2px 5px; } .successMessages1 { position: absolute; z-index: 2; background-color: #5cb85c; text-align: center; color: #fff; border: 1px solid #53a653; } #TB_title1{background-color: #fcc81d;height: 27px;} #modalTitle1{float:left; padding: 7px 0 5px 10px; margin-bottom: 1px; font-weight:bold; color: #666;} #remember-this {display: block; margin: 10px 0 10px 20px;} /*====================== New Styles for Aggregated Accounts ============================*/ #invAccountsTab {width:300px;} #homeTabs-aa > ul > li:nth-child(3) {width:241px; text-align: center;} #otherProdSvcsTab {width:205px !important;} .no-out-acct-yellow-border {border: 12px solid #ffcc33; padding:50px 60px;} .no-out-acct-title {font-size: 16px; padding:0 0 10px 0;} .no-out-acct-description {padding:0 0 25px 0;} .no-out-acct-button {text-align: center;} #out-acct-get-started-btn {float:none;} .out-acct-table {font-size: 12px; } .out-acct-table td {padding:3px;} .out-acct-type-wrapper {padding:20px 6px;} .out-acct-type-heading {font-size: 16px; font-weight: bold; border:1px solid #000; border-width: 0 0 1px 0; padding: 0 0 6px 12px;} .out-acct-table-wrapper {padding:0 14px 0 14px;} tr.total > td:nth-child(1) {text-align: left !important;} .out-acct-link {float:right; margin:0 20px 0 0;} .out-acct-button-wrapper {float:right; padding:0 20px 20px 20px;} .out-acct-back-link-wrapper {padding:15px 10px 10px 15px;} .out-acct-back-link {} .out-acct-summary-wrapper {padding:15px; margin:10px; background-color:#f1f1f1;} .out-acc-summary-name {font-size: 1.5em; float:left;} .out-acct-summary-institution {float:left;} .out-acct-summary-value {font-size: 1.5em; float:right;} .out-acct-summary-as-of {float:right;} .out-acct-empty {padding:50px 60px;} div.no-out-acct-description ul {padding:10px 0 10px 20px !important;} div.no-out-acct-description ul li {float:none !important; width:auto !important; text-align: left !important; background:none !important; display:list-item !important;} #modalContent {padding:0;} #termsPanel {padding:10px;} .out-acct-terms-wrapper {padding:50px 60px; background:#fff;} .out-acct-terms-header {font-size: 16px; border:1px solid #000; border-width: 0 0 1px 0; padding: 0 0 12px 12px; margin: 0 0 20px 0;} .out-acct-terms-content {padding:20px;} .fastlink_dialog .ui-dialog-titlebar { display: block; background-color: transparent !important; height: 25px; background-image: none; position: absolute; z-index: 100; right: 10px; top: 8px; } #fastLinkModal {padding:0; margin:0;} .out-acct-mf-wrapper {padding:50px 60px; background:#fff;} .out-acct-mf-header {font-size: 16px; padding: 0 20px ; margin: 0;} .out-acct-mf-content {padding:20px;} .out-acct-mf-msg {padding-bottom:10px;} ul#send-code-ul { margin: 0 0 20px 0; } ul#send-code-ul li { list-style: none; padding: 0; margin: 0; } ul#send-code-ul li label { padding: 4px 0; display: block; } .success, .success:hover { text-decoration: none; color: #3c763d; } #verifCode { display: block; width: 300px; height: 32px; padding: 4px 8px; font-size: 16px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-sizing: border-box; } .verifCodeLabel { padding-bottom: 6px; display: block; } .green-check-img {margin:0 0 -3px 0;} tr.no-border td {border-bottom:0 !important;} tr.error-row td {margin-top:-10px !important; line-height:26px !important;} .agg-error-msg {text-align:center; font-weight:bold; color:#cc0000;} a.button-yellow:hover,a.button-yellow:active{background:url("../images/button-yellow-arrow.gif") right 50% no-repeat #ffd559;} .acct-home-table th, .acct-home-table td {width: auto;} .acct-home-table th:nth-of-type(1), .acct-home-table td:nth-of-type(1) {width: auto;} .acct-summary-table th, .acct-summary-table td {width: 12%;} .acct-summary-table tr.total td {padding: 8px;} /* Linked Accounts Page */ #linked-accounts .contentTable { border-collapse: collapse; } #linked-accounts .heading_aa td { padding-top: 30px; } #linked-accounts .chartLeft { border: 2px solid #ddd; padding: 25px; margin: 28px 0 0 30px; max-width: 20%; font-size: 16px; } #linked-accounts .chartLeft p { text-align: left; } #linked-accounts .chartLeft a.button-yellow { float: none; display: block; padding: 14px; text-align: center; font-size: 12px; line-height: 12px; box-sizing: border-box; margin: 40px auto 0 auto; width: 100%; color: #333; } #shareMyAccountModal ul, #accountLinkingRequestModal ul, #bodyContent .errorMsg ul { list-style: none; text-align: left; } #bodyContent .errorMsg ul, #modal .errorMsg ul { line-height: 1.25em; margin: 0; } .label-spacer { margin: 20px 0; } #linked-accounts .fiftyFiftyWrapper_aa .primaryContent { width: 70%; } [type='checkbox'], [type='radio'] { margin-right: 5px; } div.setSection table.infoTable { margin-left: 0; width: 100%; } #linked-accounts div.setSection td { border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; } #linked-accounts tr.no-border-top td { border-top-width: 0px; } .fiftyFiftyWrapper_aa div.primaryContent > dl:nth-child(3) > dd { padding: 0px 20px; } .activityLinkCA { font-size:0.9em; font-weight:normal !important; text-decoration:underline !important; } .acctSummSelMenu{ width:105px } /* Styles for Summary of accounts screen for canada UAD and CAD */ #bodyContentHdr .yellowBar_aa_ca{ padding-top:5px; padding-bottom:5px; } /*styles added for activity, holdings, summary, and restyled pages */ .yellowBar_aa_ca, .yellowBar_aa_ca_main{ background-color:#fcc81d; padding:15px 15px 15px 20px; margin:0; color:#333; font-weight:normal; font-size:1.6em; height: 62px; } #aa-summaryAcct .yellowBar_aa_ca, #aa-holdings .yellowBar_aa_ca, #aa-actv .yellowBar_aa_ca{ font-size:1.0em; padding:10px 10px 10px 20px; } .yellowBar_aa_ca p{ margin:0; } .yellowBar_aa_ca .dd_aa{ margin-left:40px } #aa-holdings .yellowBar_aa_ca, #aa-summaryAcct .yellowBar_aa_ca{ padding:0 !important; } .yellowBarRightSwishCA{ float: right; height: 62px; overflow: hidden; background: url("../images/yellowSwish.png") left center no-repeat; background-color:#fbc125; font-size:1.5em; padding:0 20px 0 0; } /* .yellowBarRightValueCA,.grandContTitle{ font-size:1em; display: block; } */ .yellowBarRightValueCA, .grandContTitle { font-size: 1em; display: block; line-height: 0.9; } .primaryContent .yellowBar_aa_ca { font-weight:1.7em } #costBasisDetail .yellowBar_aa_ca span { font-size:0.6em } .yellowBarRightSwishCA .low-balance-wrap .tooltip { top: 38px; right: 16px; left: auto; font-size: 12px; } .yellowBarRightSwishCA .low-balance-wrap .tooltip::before { left: auto; right: 0; } #aa-holdings .yellowBarRightSwishCA{ padding:0 28px 0 0; } .yellowBarRightSwishCA.yellow-right-low-balance { overflow: visible; } #curValHeaderUSD, #curValHeaderCAD { width: auto !important; } #tab-investmentAccounts .grandTotalNumeralCA, .grandTotalNumeralCA { display: block; font-size: 1.2em; margin: 0; padding-right: 18px; text-align: right; } #tab-investmentAccounts .caTotal, .caTotal { padding-top: 10px; padding-bottom: 2px; } /* #tab-investmentAccounts .usTotal, .usTotal { padding-bottom: 10px; padding-top: 2px; } */ #tab-investmentAccounts .usTotal, .usTotal { padding-bottom: 2px; padding-top: 2px; } #grandTotalContainer-rightCA{ padding-left: 64px; float: right; height: 75px; overflow: hidden; width:30%; background: url('../images/totalSwish.gif') left center no-repeat; } } /* For Canada account sharing pages */ .accounts-to-share ul { list-style: none; } #acctShareForm label input { display: block; } #acctShareForm .accounts-to-share ul label input { display: inline-block; } #acctShareForm input#emailAddr, #acctShareForm input#conEmailAddr { width: 50%; } #signMeUpButton{padding:6px 20px 6px 15px;margin:30px 10px 50px 0;} #tab-investmentAccounts .moduleContent-paddingAll .grandTotalDate { text-align: left; float: left; } #tblTopRightHead {width: 16.66%;} #oneLine { text-overflow: ellipsis; white-space: nowrap; } div#tg-dialog-finish { margin-left: none !important; } #replydiv{width:auto;} #nextonediv{width:auto;} #prevonediv{width:auto;}