.hnb-aria-only { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } body { background: #394048 !important; } #new-layout { font-size: 12px; font-weight: normal; line-height: normal; /***** Begin: Structural Components. Note: "Structure" itself defined by 960GS *****/ /* Beginning of Interstitial Popup CSS*/ /* End of Interstitial CSS*/ /***** End: Structure *****/ /***** Begin: Form Elements Presentation *****/ /***** End: Form Elements Presentation *****/ /***** Begin: Global Page Components *****/ /* Same as #header */ /*#messageBoxContainer { }*/ /***** End: Global Page Components *****/ /***** Begin: Global Image Styles *****/ /***** End: Global Image Styles *****/ /***** Begin: Global Text Styles *****/ /***** End: Global Text Styles *****/ /***** Begin: Global Page Title *****/ /*#content-intro .TitleMain, #content-intro .TitleBreak, #content-intro .TitleSub { font-size: 18px; color: #394048; font-weight: 700; }*/ /***** End: Global Page Title *****/ /***** Begin: Global Form Style *****/ /***** End: Global Form Style *****/ /****New Global Form******/ /****End New Global Form******/ /***** Begin: UX Styles *****/ /***** End: UX Styles *****/ /***** Begin: Session Logout Overlay *****/ /***** End: Session Logout Overlay *****/ /***** Begin: Overlays (Temporary Styles) *****/ /***** End: Overlays (Temporary Styles) *****/ /***** Begin: Footer Presentation *****/ /***** End: Footer Presentation *****/ /***** Begin: Marketing Areas *****/ /***** End: Marketing Areas *****/ /***** Begin: Status Messages *****/ /***** End: Status Messages *****/ /***** Begin: Validation Summary *****/ /***** End: Validation Summary *****/ /***** Begin: Data Grid Styles *****/ /*.display-table-full-column { width: 190px; }*/ /***** End: Data Grid Styles *****/ /***** Begin: Account Info Styles *****/ /***** End: Account Info Styles *****/ /***** Begin: Date-Time-Picker *****/ /* Make the datepicker Today button look like the Done button http://stackoverflow.com/questions/3139237/jquery-ui-datepicker-today-link */ /***** End: Date-Time-Picker *****/ /***** Begin: Customer Contact Fields *****/ /***** End: Customer Contact Fields *****/ /***** Begin: Ad Manager Styles *****/ /***** End: Ad Manager Styles *****/ /* Begin: MAX ad referral Styles */ /***** End: MAX ad referral Styles *****/ /* Begin: LivePerson Chat Styles */ /* End: LivePerson Chat Styles */ /* Begin: Support Center Update E-mail Address Modal Dialog */ /* End: Support Center Update E-mail Address Modal Dialog */ /* Begin: Support Center - My Statements Widget */ /* End: Support Center - My Statements Widget */ /* Begin: Support Center - Security Center Widget */ /* End: Support Center - Security Center Widget */ /* Begin: Investment Disclaimer */ /* End: Investment Disclaimer */ /* *** TODO: The EnrollmentProgress styles don't need to be global. Use a page-specific CSS file. *** */ /* styles for EnrollmentProgress control */ /* Styling for the jQuery tooltip control. */ /* End: jQuery tooltip styles. */ /*Id Theft*/ /*Help page styles*/ /*SSO Error Page*/ /*.rcc-paymentOption dd { float: left; padding-left: 0px; width: 150px; margin: 0 0 5px; } */ /* Proper form input styles */ /* Special type of form where labels are aligned left and values are aligned right */ /* Start: Inline Ad Styles. */ /* End: Inline Ad Styles. */ /* Begin: Styles to make an input (button) appear like a link */ /* End: Inline Ad Styles. */ /*Link Personal Business Accounts Help Classes*/ /*Styling for Welcome Message on Overview*/ /* standardized fonts used in the FAB*/ /*Flex Styling*/ /* Legal Footer*/ /***** Begin: Standard Widget *****/ /*div.widget-body { font-size: 1.2em; }*/ /***** End: Standard Widget *****/ /***** Begin: Sidebar Widget *****/ /* The styles below contain overrides for jQuery UI's CSS */ /*#sidebar div.widget-body { visibility: hidden; }*/ /***** End: Sidebar Widget *****/ /***** Begin: Widget Extensions *****/ /***** End: Widget Extensions *****/ /* Did not at all want to do this, but can't figure out another way */ /* IE ONLY STYLES */ /*a:link, a:visited, a:active, a:hover, div:hover { color: #000; cursor: default; }*/ /*** Widget CSS ***/ /*div.widget div.widget-body { padding: 10px 0 10px 0; }*/ /*** END Widget CSS ** ** Begin Image CSS ***/ /*** END Image CSS ** ** Begin: Investment Disclaimer ***/ /*** End: Investment Disclaimer ***/ /* Styles for Account Detail to format printing properly */ /*.notPrintable, #nav, #messageBoxContainer, #sidebar, #content-intro, #backToTopLinkBlock, #footer, .arrows, .modalDialog, .ui-datepicker-trigger, .Action_Btn, .hidden, .status-message-success, .status-message-warning, .status-message-info, .widget-title .widget-title-corner.notPrintable a, div.reportParameters, .noPrint { display: none !important; }*/ /* * jQuery UI CSS Framework 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ /* required comment for clearfix to work in Opera \*/ /* end clearfix */ /* Interaction Cues ----------------------------------*/ /* Icons ----------------------------------*/ /* states and images */ /* Misc visuals ----------------------------------*/ /* Overlays */ /*dialog that someone deleted*/ /* * jQuery UI CSS Framework 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=668431&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ /* Interaction states ----------------------------------*/ /* Interaction Cues ----------------------------------*/ /* Icons ----------------------------------*/ /* states and images */ /* positioning */ /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ /* Misc visuals ----------------------------------*/ /* Corner radius */ /* Overlays */ /* * jQuery UI Resizable 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ /* * jQuery UI Selectable 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ /* * jQuery UI Datepicker 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ /* with multiple calendars */ /* RTL support */ /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ /*ProgressBar*/ /*vthreeall.css Line 1581*/ /*hol-legacy.css Line 775*/ /*hol-legacy.css Line 1588*/ /*hol-legacy.css Line 1235*/ /*hol-legacy.css Line 2229*/ /*Added to MSGResearch.aspx*/ /*.hasDatepicker { height: 24px; vertical-align: top; }*/ /*hol-legacy.css Line 347*/ /*hol-legacy.css Line 485*/ /*BillPay.css Line 587*/ /*BillPay.css Line 901*/ /*BillPay.css Line 908*/ /*BillPay.css Line 917*/ /*hol-legacy.css Line 2060*/ /*Transfers.css Line 154*/ /*hol-legacy.css Line 853*/ /*hol-legacy.css Line 775*/ /*hol-legacy.css Line 1588*/ /*hol-legacy.css Line 1235*/ /*hol-legacy.css Line 2229*/ /*Added to MSGResearch.aspx*/ /*.hasDatepicker { height: 24px; vertical-align: top; }*/ /*hol-legacy.css Line 347*/ /*hol-legacy.css Line 485*/ /*BillPay.css Line 587*/ /*BillPay.css Line 901*/ /*BillPay.css Line 908*/ /*BillPay.css Line 917*/ /*hol-legacy.css Line 2060*/ /*Fixes footer overlapping on Bill Pay Scheduled Payments*/ /*Transfers.css Line 154*/ /*hol-legacy.css Line 853*/ /*Transfer.css Line 239*/ /*vthreeall.css Line 1814*/ /*hol-legacy.css Line 2447*/ /*hol-legacy.css Line 2142*/ /*Added .hasDatepicker to MSGCheckCopy.aspx*/ /*hol-legacy.css Line 778*/ } @media print { #new-layout { width: 90% !important; } } #new-layout .interstitial-background { border: 4px solid #d5d5d5; display: block; } #new-layout .interstitial-background > header { background: #5ba63c; color: #fff; display: block; height: 150px; margin: 8px; width: calc(100% - 16px); } #new-layout .interstitial-background > header > h1 { position: relative; display: inline-block; font-family: ApexNewWeb-Medium, Arial, sans-serif; font-size: 32px; margin: 40px 70px 0 !important; padding: 0; text-align: left !important; width: calc(100% - 324px); } #new-layout .interstitial-background > header > img { position: absolute; right: 70px; } #new-layout .interstitial-background > h2 { color: #394048; font-family: ApexNewWeb-Medium, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 50px 80px; } #new-layout .modalDialog-footer { background: #d5d5d5; color: #fff; display: block; height: 45px; width: auto; } #new-layout footer > .button-container { display: flex; justify-content: center; margin: 0 auto; background: #d5d5d5; } #new-layout footer > .button-container > .interstitial-cta { background: #e17a0d; border-radius: 5px; border: 2px solid #e17a0d; color: #fff; font-family: ApexNewWeb-Bold, Arial, sans-serif; font-size: 20px; margin: 4px 15px; padding: 0 20px; text-decoration: none; position: relative; top: 3px; } #new-layout footer > .button-container > .interstitial-cta:hover { background: #fff; color: #e17a0d; } #new-layout #container { padding: 20px 0; } #new-layout #header { height: 57px; margin-bottom: 10px; } #new-layout #nav { width: 940px; height: 58px; margin-bottom: 20px; } #new-layout #content { margin-bottom: 10px; position: relative; } #new-layout #footer { padding: 10px 0; font-size: 1em; } #new-layout body { color: #394048; background-color: #F8F8F8; margin: 0; padding: 0; background: #f8f8f8 url(../../Images/UI/background-960.jpg) top center repeat-y fixed; } #new-layout a { color: #394048; cursor: pointer; font-weight: normal !important; line-height: 18px; } #new-layout a:link { color: #394048; text-decoration: underline; cursor: pointer; } #new-layout a.linkstyle { text-decoration: underline; } #new-layout a:visited { color: #1b5630; text-decoration: none; cursor: pointer; } #new-layout a:hover { color: #2d822a; text-decoration: none; cursor: pointer; } #new-layout a.aspNetDisabled, #new-layout a.aspNetDisabled:link, #new-layout a.aspNetDisabled:visited, #new-layout a.aspNetDisabled:hover { color: #394048; cursor: auto; } #new-layout p { line-height: 15px; } #new-layout label { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #new-layout label.plain { font-weight: normal; } #new-layout span.acct-detail-label { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #new-layout input[type=submit], #new-layout input[type=button], #new-layout input.submit-button, #new-layout input.submit-button-disabled { background: #e17a0d; /*#FFFFFF url(../../Images/UI/btn_orange-small.png) repeat-x 0px -46px;*/ border: 0px none; height: auto; /* The em padding and overflow setting is for IE only. During testing this didn't affect other browsers. http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/ */ /*padding: 0 .8em;*/ padding: 7px 10px; overflow: visible; margin-right: 5px; margin-bottom: 10px; color: #fff; font-weight: bold; font-size: 19px; /*text-transform: capitalize;*/ letter-spacing: 0px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; /* CSS3 specific */ /* background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(221,141,13)), color-stop(0.64, rgb(255,162,2)) ); background-image: -moz-linear-gradient( center bottom, rgb(221,141,13) 27%, rgb(255,162,2) 64% ); */ -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #new-layout input[type=submit].Gray_Btn { font-family: Verdana; font-weight: bold; color: #394048; background-color: #ebebeb; border-color: #394048; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #394048; letter-spacing: 0px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; margin-right: 5px; margin-bottom: 10px; font-weight: bold; font-size: 14px; padding: 4px 15px; } #new-layout .manage-applications-button { font-size: 1.2em !important; } #new-layout .manage-applications-button-div { border-style: solid; padding: 10px; border-top-width: 1px; background: #f8f8f8; border-color: #e1e1e1; } #new-layout input[type=submit], #new-layout input[type=button], #new-layout input.submit-button { cursor: pointer; } #new-layout input.submit-button-disabled { cursor: default; } #new-layout input[type=submit]:hover, #new-layout input[type=button]:hover, #new-layout input.submit-button:hover { background-position: 0px -23px; } #new-layout input.submit-button-disabled, #new-layout input.submit-button-disabled:hover, #new-layout input.submit-button-disabled:focus { background-position: 0px 0px !important; color: #fde6c7; } #new-layout button.submit-button-large { background: #b15e0a; border: 0px none; height: 44px; width: 138px; padding: 0 12px; color: #fff; font-weight: bold; font-size: 1.2em !important; letter-spacing: 1px; cursor: pointer; font-family: Arial, Helvetica, sans-serif !important; /* CSS3 specific */ /* background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(221,141,13)), color-stop(0.64, rgb(255,162,2)) ); background-image: -moz-linear-gradient( center bottom, rgb(221,141,13) 27%, rgb(255,162,2) 64% ); */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #new-layout button.submit-button-large:hover { background-position: 0px -43px; } #new-layout button.submit-button-large.quicklinks { width: 140px; padding: 0px; } #new-layout .heavyMetal-button, #new-layout .heavyMetal-button.submit-button-disabled, #new-layout .heavyMetal-button.aspNetDisabled, #new-layout .heavyMetal-button-disabled { color: #394048; font-size: 12px; } #new-layout .heavyMetal-button-disabled, #new-layout .heavyMetal-button-disabled:hover, #new-layout .heavyMetal-button.aspNetDisabled, #new-layout .heavyMetal-button.aspNetDisabled:hover { cursor: default; } #new-layout input[type=text], #new-layout textarea { border: solid 1px #ccc; padding: 2px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #new-layout input[type=text] { height: 18px; } #new-layout input[type=password], #new-layout textarea { border: solid 1px #ccc; padding: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #new-layout input[type=password] { height: 18px; } #new-layout input[type="radio"] { padding: 0; margin-right: 2px; border: 0; } #new-layout option { color: Black; } #new-layout select { border: solid 1px #ccc; padding: 2px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } @media print { #new-layout select { background: none !important; border: none !important; font-size: 18px !important; top: 3px !important; } #new-layout select:after { display: flex; width: 30px; height: 30px; content: ''; background: #fff; position: absolute; right: 0; } } #new-layout select:disabled { color: #766d65 !important; } #new-layout select.aspNetDisabled, #new-layout input[type=text].aspNetDisabled, #new-layout input[type=radio].aspNetDisabled, #new-layout input[type=checkbox].aspNetDisabled { background: #e1e1e1; color: #394048; } #new-layout .navSkipper a { clip: rect(1px 1px 1px 1px); position: absolute; padding: 0; border: 0; height: 0px; width: 1px; overflow: hidden; } #new-layout .navSkipper a:focus { background: #e1e1e1; position: relative; color: #394048; clip: auto; font-weight: bold; font-size: 14px; border: none; overflow: visible !important; height: 20px; font-family: Arial; text-align: center; margin-left: auto; margin-right: auto; width: 960px; display: block; } #new-layout .navSkipper-always-hidden a { position: absolute; clip: rect(1px 1px 1px 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } #new-layout #hnbLogo { text-indent: -9000px; overflow: hidden; width: 214px; height: 57px; margin: 0; background: url(../../Images/UI/logo-lg.png) -7px 0 no-repeat; } #new-layout #hnbLogo a { display: block; width: 214px; height: 57px; } #new-layout .left { float: left; } #new-layout #messageBoxContainer a.MsgUnRead { background: url(../../Images/Icons/mini-alert.png) no-repeat top left; line-height: 14px; /* Makes room for 14px by 14px background image */ padding-left: 18px; /* Offset for background image */ } #new-layout #messageBoxContainer a.MsgUnRead span { font-weight: bold; } #new-layout #messageBoxContainer a.MsgRead { line-height: 14px; padding-left: 0; } #new-layout #messageBoxContainer a.MsgRead span { font-weight: normal; } #new-layout #lpButtonSmall { margin-right: 5px !important; } #new-layout #messageBoxContainer { height: 57px; width: 700px; float: right; } #new-layout #messageBoxContainer ul { margin: 0; } #new-layout #messageBoxContainer li { display: inline; font-size: 1em; text-decoration: none !important; margin: 0px 0px 0px 0px; } #new-layout #messageBoxContainer a.focused, #new-layout #footerNav a.focused { outline: thin dotted; } #new-layout .WelcomeMessage { text-align: right; padding-bottom: 10px; font-size: 1.2em; } #new-layout div.messageBox { line-height: 20px; } #new-layout div#lpButtonSmall { display: inline-block; } #new-layout .TopNav { float: right; padding-left: 3px; } #new-layout .AnnouncementBox { border: solid 1px #ef8f2d; margin-bottom: 20px; } #new-layout .AnnouncementBoxTop { background-color: #e17a0d; font-size: 19px; color: White; padding: 2px 10px; font-weight: bold; } #new-layout .AnnouncementBoxBottom { background: #f8f8f8; padding: 10px; margin: 0px; } #new-layout .AnnouncementBoxBottom ul { padding: 0; margin: 0; } #new-layout .AnnouncementBoxBottom ul li { margin-left: 15px; } #new-layout #hintBlock ul { padding: 0px; margin: 0; list-style-type: disc; list-style-position: inside; } #new-layout #hintBlock ul li { padding: 0px; margin: 0px; } #new-layout .virtualCardPaymentImage { display: block; text-indent: -9000px; overflow: hidden; margin-top: 5px; width: 23px; height: 23px; background-image: url('data:image/svg+xml;utf8,'); -webkit-print-color-adjust: exact; background-repeat: no-repeat; } #new-layout .mailPaymentImageSmall { display: block; text-indent: -9000px; overflow: hidden; width: 19px; height: 19px; background-image: url(../../Images/img_billpayenvelope.png); -webkit-print-color-adjust: exact; background-repeat: no-repeat; margin-right: 5px; margin-top: 5px; } #new-layout .electronicPaymentImageSmall { display: block; text-indent: -9000px; overflow: hidden; width: 19px; height: 19px; background-image: url(../../Images/img_billpaylightning.png); -webkit-print-color-adjust: exact; background-repeat: no-repeat; margin-right: 5px; margin-top: 5px; } #new-layout .checkMarkImage, #new-layout .electronicPaymentImage, #new-layout .mailPaymentImage { display: block; text-indent: -9000px; overflow: hidden; width: 29px; height: 23px; background-image: url(../../Images/Icons/img_billpaystatusindicators.png); -webkit-print-color-adjust: exact; background-repeat: no-repeat; } #new-layout .checkMarkImage { background-position: -58px 0px; } #new-layout .electronicPaymentImage { background-position: -38px 0px; } #new-layout .mailPaymentImage { background-position: 0px 0px; } #new-layout .printImage, #new-layout .chatImage, #new-layout .helpImage, #new-layout .alertImage { display: block; overflow: hidden; text-indent: 25px; background-image: url(../../Images/Icons/icons_sprite.png); background-repeat: no-repeat; font-size: 1.2em; } #new-layout .printImage { height: 16px; background-position: 0px -46px; float: right; } #new-layout .chatImage { height: 16px; background-position: 0px -30px; } #new-layout .helpImage { float: left; height: 15px; width: 18px; margin: 6px 0 0 10px; text-indent: -9000px; background-position: 0px -15px; } #new-layout .alertImage { height: 15px; background-position: 0px 0px; } #new-layout #lnkBackToTop { /*removing display:block because it is making the link's focus box extremely large when you tab to it*/ /*display: block;*/ width: 200px; height: 20px; } #new-layout #lnkBackToTop :focus { outline: 0 none; } #new-layout .backToTopUpArrow { margin: 0px auto auto auto; line-height: 1; display: inline-block; text-indent: 10px; background: url("../../Images/UI/img_sort-up-arrow.png") no-repeat 0px 4px; font-size: 1.2em; } #new-layout .leftPaddedText { padding: 10px 0px 0px 10px; } #new-layout .leftPaddedTextNoTopPadding { padding: 0px 0px 0px 10px; } #new-layout .requiredFieldText { color: #a75024; } #new-layout .secondLine-Control { margin-top: 10px; } #new-layout span.tooltipEnabled { border-bottom: 1px dotted; cursor: help; } #new-layout .standardMargin { margin: 5px 10px; display: block; } #new-layout .alertRed { color: #D60000; } #new-layout #content-intro { padding: 0px 0px 0px 0px; } #new-layout #content-intro .MainDiv { width: 100%; margin: 0 0 10px 0; } #new-layout #content-intro .SubDiv { float: left; width: 100%; margin: 0; position: relative; display: flex; justify-content: space-between; align-items: center; } #new-layout #content-intro .MainDiv .SubDiv a.printImage { float: none; position: absolute; top: 5px; /* Top margin of .helpImage - 1px */ right: 0px; } #new-layout #content-intro .TitleMain { text-transform: uppercase; } #new-layout #content-intro .TitleBreak { padding-left: 3px; padding-right: 3px; text-transform: none; } #new-layout #content-intro .TitleSub { text-transform: none; font-size: 1.0em; } #new-layout .requiredElement { background: url(../../Images/Icons/img_requiredField.png) no-repeat right 7px; width: 10px; display: inline-block; } #new-layout label.required, #new-layout dl.inputForm label.required-moveIndicator span.required-indicator { background: url(../../Images/Icons/img_requiredField.png) no-repeat right 2px; padding-right: 10px; display: inline-block; line-height: 16px !important; } #new-layout dl.inputForm label.required-moveIndicator { background-image: none; } #new-layout dl.inputForm { padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; margin-top: 0; } #new-layout dl.inputForm dt { margin-right: 10px; width: 120px; float: left; clear: left; vertical-align: middle; } #new-layout dl.inputForm dd { margin-bottom: 5px; display: block; } #new-layout .inputForm dt label, #new-layout .inputForm dd span, #new-layout .inputForm dd label { line-height: 22px; } #new-layout dl.inputForm dd input, #new-layout dl.newInputForm dd input[type=text], #new-layout dl.newInputForm dd input[type=password] { width: 180px; height: 18px; } #new-layout dl.newInputForm dd.customField input[type=text], #new-layout dl.newInputForm dd.customField input[type=password] { width: auto; } #new-layout dl.inputForm dd input[type=checkbox] { width: auto; } #new-layout dl.inputForm dd select, #new-layout dl.newInputForm dd select { width: 186px; /* Extra 6px to make same width as 180px input */ height: 24px; /* Extra 6px to make same height as 18px input */ } #new-layout input[type=checkbox] { margin: 0 3px 0 0; padding: 0; vertical-align: middle; background-color: #5ba65c; } #new-layout dd span.date-time-picker { width: 120px; } #new-layout .newInputForm { margin: 10px; } #new-layout .newInputForm dt { height: 30px; line-height: 30px; float: left; clear: both; font-weight: bold; } #new-layout .newInputForm .noMinHeight { min-height: auto; height: auto; line-height: normal; } #new-layout .newInputForm dd { min-height: 30px; line-height: 30px; text-align: right; } #new-layout .newInputForm dd span { text-align: left; width: 186px; /*TODO:Move width requirement to override*/ display: inline-block; line-height: 31px; } #new-layout .newInputForm dd div { line-height: normal; } #new-layout dd.longText span { width: 186px; display: inline-block; line-height: 18px; } #new-layout dd input.beforeDatePicker { width: 80px; margin-right: 100px; } #new-layout dl.alignRight dd { text-align: right; } #new-layout .ajax-enable { position: relative; } #new-layout .ajax-enable div.ajax-progress-indicator, #new-layout .ajax-enable div.ajax-progress-indicator-withMessage, #new-layout .ad-process-indicator { position: absolute; top: 0px; left: 0px; z-index: 10000; background: url(../../Images/UX/ajax-loader-green.gif) no-repeat center center; background-color: rgba(248, 248, 248, 0.8); width: 100%; height: 100%; padding: 0; margin: 0; } #new-layout .ad-container { position: relative; } #new-layout .ajax-enable div.ajax-progress-indicator-withMessage { background-position: 150px 35%; background-color: #f8f8f8; } #new-layout .ajax-enable div.ajax-progress-indicator-withMessage p { position: absolute; top: 30%; left: 190px; } #new-layout #sessionLogoutDialog #sessionLogoutErrorSummary { margin-bottom: 0px; } #new-layout #sessionLogoutDialog .modalDialog-footer { height: 45px; } #new-layout #sessionLogoutDialog #sessionLogoutDialogWarningMessage { font-weight: bold; margin: 0; color: #394048; } #new-layout #sessionLogoutDialog #btnRefreshSession { /* For some reason IE7 makes these buttons larger than they should be. This width will make it consistent across browsers. */ width: 188px; } #new-layout #sessionLogoutDialog #btnAutoLogOff { /* For some reason IE7 makes these buttons larger than they should be. This width will make it consistent across browsers. */ width: 264px; } #new-layout .moveme { cursor: move; } #new-layout .handle { cursor: move; } #new-layout .msgoff { position: absolute; top: 230px; left: 320px; width: auto; z-index: -1; visibility: hidden; } #new-layout .msgon { position: absolute; top: 230px; left: 320px; z-index: 1; width: 300px; border: 2px solid black; } #new-layout .msgbar { font: bold 1.2em Arial, sans-serif; color: #000; cursor: pointer; background-color: #F5F5F5; } #new-layout .handle { font: bold 1.2em Arial, sans-serif; color: #FFFFFF; } #new-layout .term { color: #cccccc; cursor: pointer; } #new-layout .boxtext { padding: 3px; font-family: Arial; font-size: 1em; } #new-layout .msgHeader { background-color: #5E812D; color: #fff; } #new-layout .msgClose { background-color: #5E812D; } #new-layout .msgBody { background-color: #F5F5F5; color: #000; } #new-layout div.progress-bar { background: transparent url(../../Images/progressbar.gif) no-repeat center center; height: 50px; } #new-layout span.session-refresh-successful { font-size: 1.4em; } #new-layout span.session-refresh-error { color: #f00; font-size: 1em; line-height: normal; } #new-layout #footerBottom { margin-top: 10px; } #new-layout #footerNotices { text-align: center; font-size: 1.2em; font-weight: bold; } #new-layout #footerNav { display: table; margin: 0 auto 15px auto; font-size: 1em; } #new-layout #footerNav ul { margin: 0; padding: 0; } #new-layout #footerNav li { float: left; display: inline; padding: 0 2px; font-size: 1em; text-decoration: none !important; padding: 0 8px 0 9px; margin: 0; } #new-layout #footerNav a { text-decoration: none; } #new-layout #legal a { font-size: 1em; } #new-layout #legal { clear: both; padding: 0px 0 0 0; font-size: 1em; text-align: center; } #new-layout #legal p { margin: 0; font-size: 1em; } #new-layout #legal img { vertical-align: middle; margin: 0; } #new-layout #legal strong { font-weight: bold; font-size: 1.1em; } #new-layout .vert_mktg_zone { display: block; margin-top: 0px; padding: 3px 3px 3px 3px; } #new-layout .horz_mktg_zone { display: block; margin: 2px 0px 10px 0px; padding: 2px 2px 2px 2px; } #new-layout .jQuerySlideUpFix { min-width: 0; } #new-layout .status-message-success, #new-layout .status-message-success-nohide, #new-layout .status-message-warning, #new-layout .status-message-warning-nohide, #new-layout .status-message-info, #new-layout .suspendedAlertWarningMessage { width: 100%; margin: 0px auto 20px auto; padding: 15px 10px 25px 60px; /* CSS3-specific */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 18px; } #new-layout .status-message-success, #new-layout .status-message-success-nohide { border: solid 1px #090; background: #fff url(../../Images/Icons/Success.png) no-repeat 15px center; } #new-layout .status-message-success div span, #new-layout .status-message-success-nohide div span { font-weight: bold; } #new-layout .status-message-warning, #new-layout .status-message-warning-nohide { border: solid 2px #e9bc26; background: #fff url(../../Images/Icons/Alert.png) no-repeat 15px center; } #new-layout .status-message-warning div, #new-layout .status-message-warning-nohide div { padding: 0px 0px 0px 20px; } #new-layout .status-message-warning div span, #new-layout .status-message-warning-nohide div span { color: #000; } #new-layout .status-message-info { border: solid 1px #90CA5D; background: #fff url(../../Images/Icons/Info.png) no-repeat 15px center; } #new-layout .status-message-info div { padding: 0px 0px 0px 20px; } #new-layout .status-message-info div span { color: Olive; } #new-layout .no-data-container { padding: 10px 10px 0 0; text-align: right; } #new-layout .suspendedAlertWarningMessage { background: #fdf7eb url(../../Images/Icons/Alert.png) no-repeat 15px center; border: solid 1px #7ec14a; padding: 10px 10px 10px 60px; } #new-layout .suspendedAlertWarningMessage ul { margin: 10px 0 0 0; } #new-layout .suspendedAlertWarningMessage ul li { margin-left: 15px; } #new-layout .con-error { position: relative; margin: 0px auto 30px auto; width: 390px; border: solid 2px #b00; background: #fff; padding: 15px 10px 25px 60px; font-weight: bold; color: #000; /* CSS3-specific */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #new-layout #validationSummary { font-size: 1.2em; } #new-layout .con-error ul { margin: 0; padding: 0; } #new-layout .con-error ul li { font-weight: normal; margin: 5px 0 0 0; padding: 0; list-style-position: inside; list-style-type: disc; } #new-layout .con-error-noBold { position: relative; width: 312px; margin: 0 auto 30px auto; padding: 20px 75px 20px 75px; border: solid 1px #b00; background: #fcf2f2; font-weight: normal; color: #000; font-size: 1.2em; /* CSS3-specific */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #new-layout .con-error-noimage { position: relative; width: 312px; margin: 0 auto 30px auto; padding: 25px 75px 25px 75px; border: solid 1px #b00; background: #fcf2f2; font-weight: bold; color: #000 !important; /* CSS3-specific */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #new-layout .con-error-noimage ul { margin: 0; padding: 0; } #new-layout .con-error-noimage ul li { font-weight: normal; margin: 5px 0 0 0; padding: 0; list-style-position: inside; list-style-type: disc; } #new-layout .con-error-noBold a { display: block; } #new-layout .con-error-noBold #forgotUsernameLink { float: left; } #new-layout .con-error-noBold p { text-align: center; } #new-layout .con-error-noBold #linkContainer { text-align: center; width: 220px; margin: 0 auto; } #new-layout .display-table-bal-column { width: 190px; } #new-layout .display-table-account-number-column { /* No need to give this column so much room. Helps to make room for remaining columns. */ width: 150px; } #new-layout .display-table-application-name-column { width: 590px; } #new-layout .display-table-pay-column { width: 30px; } #new-layout .display-table-fluid-column { /* Fluid columns should fill the rest of the remaining space. No special CSS declaration specified. CSS rule declared for clarity.*/ } #new-layout .display-table { width: 100%; margin-bottom: 0px; border-collapse: collapse; border: 0px none; } #new-layout .display-table-fixed { margin-bottom: 0px; border-collapse: collapse; border: 0px none; } #new-layout .display-table-Payment-td { vertical-align: text-top !important; padding-bottom: 10px !important; padding-top: 10px !important; } #new-layout .col-hdrs td, #new-layout .col-hdrs th { vertical-align: middle; } #new-layout td.bordered-footer { border-top: 1px solid black !important; border-bottom: 1px solid black !important; } #new-layout .display-table .bordered-footer { border-bottom: 1px solid black !important; border-color: black !important; border-style: solid !important; border-top: 1px solid black !important; } #new-layout .display-table th, #new-layout .display-table tr.col-hdrs td, #new-layout .display-table-overview tr.col-hdrs th, #new-layout .display-table-overview tr.col-hdrs td, #new-layout .display-table-fixed th, #new-layout .display-table-fixed tr.col-hdrs td { padding: 3px 10px; text-align: left; font-weight: bold; min-width: 33px; border: 0px none; border-bottom: solid 1px #e1e1e1; border-top: solid 1px #e1e1e1; } #new-layout .display-table .plainrowheader { background: none !important; font-weight: normal !important; border-style: solid none none; border-color: #e1e1e1; border-width: 1px 0 0; } #new-layout .display-table tr.col-footers td, #new-layout .display-table-overview tr.col-footers th, #new-layout .display-table-overview tr.col-footers td { padding: 3px 10px; text-align: left; background: #eeeeee; font-weight: bold; color: #7c756d; min-width: 50px; border: 0px none; border-bottom: solid 1px #e1e1e1; } #new-layout .display-table tbody tr td, #new-layout .display-table-fixed tbody tr td { padding: 3px 10px; border: 0px none; border-top: solid 1px #e1e1e1; vertical-align: middle; } #new-layout .display-table tfoot tr td { padding: 3px 10px; border: 0px none; border-top: solid 1px #e1e1e1; vertical-align: middle; } #new-layout .extraPadding tbody tr td { padding: 5px 10px !important; } #new-layout .display-table th.centered { text-align: center; } #new-layout .leftAlign { text-align: left !important; } #new-layout .centerAlign { text-align: center !important; } #new-layout .rightAlign { text-align: right !important; } #new-layout .current-sort-column a { padding-right: 10px; display: inline; background: transparent url(../../Images/sort.png) no-repeat scroll right center; } #new-layout .current-sort-column-asc a { padding-right: 10px; display: inline; background: transparent url(../../Images/sort_asc.png) no-repeat scroll right center; } #new-layout .display-table tr.col-ftrs, #new-layout .display-table-overview tr.col-ftrs, #new-layout .display-table-fixed tr.col-ftrs { font-weight: bold; background: #668431; color: #ffffff; } #new-layout .display-table td, #new-layout .display-table-overview td, #new-layout .display-table-fixed td { background: #fff; } #new-layout .display-table-overview tbody tr td { padding: 3px 10px; } #new-layout .display-table tr.reportTotalRow td { font-weight: bold; } #new-layout .display-table.free-table tr { border-bottom: 1px solid #e1e1e1; } #new-layout .display-table.free-table { border: 1px solid #e1e1e1; margin-bottom: 15px; } #new-layout td.breakWord { word-wrap: break-word; } #new-layout .accountInfo { padding: 0px; font-weight: bold; margin: 0px; } #new-layout .accountInfo-header { padding: 0px; text-align: left; margin: 0px; } #new-layout .accountInfo-value { padding: 0px; text-align: right; margin: 0px; } #new-layout .accountInfo h6 { margin: 0px; } #new-layout .newInputForm dd .AccountDropDownList { float: none; } #new-layout .noPlusMinus { margin-left: 14px; } #new-layout .nsfDocLink { margin: 0 0 0 5px; } #new-layout .plusMinusHeader { padding-left: 14px !important; } #new-layout div.date-time-picker, #new-layout div.date-30Day-restricted-time-picker, #new-layout div.date-year-restricted-time-picker, #new-layout div.date-today-restricted-time-picker, #new-layout div.date-today-max-restricted-time-picker { width: 120px; } #new-layout .date-time-picker input, #new-layout .date-30Day-restricted-time-picker input, #new-layout .date-year-restricted-time-picker input, #new-layout .date-today-restricted-time-picker input, #new-layout .date-today-max-restricted-time-picker input { width: 80px !important; } #new-layout .date-time-picker img.ui-datepicker-trigger, #new-layout .date-30Day-restricted-time-picker img.ui-datepicker-trigger, #new-layout .date-year-restricted-time-picker img.ui-datepicker-trigger, #new-layout .date-today-restricted-time-picker img.ui-datepicker-trigger, #new-layout .date-today-max-restricted-time-picker img.ui-datepicker-trigger { width: 15px; height: 15px; cursor: pointer; /* Create illusion that the image is centered vertically. vertical-align:middle doesn't center it correctly. */ vertical-align: text-bottom; margin: 3px 0 0 2px; position: static; } #new-layout .ui-datepicker-buttonpane .ui-datepicker-current { font-weight: bold; opacity: 1; filter: Alpha(Opacity=100); } #new-layout .zip input { width: 50px !important; } #new-layout .zip .zip5 { margin-left: 5px; margin-right: 3px; } #new-layout .zip .zip9 { width: 70px !important; } #new-layout .state select { width: 50px !important; margin-left: 3px; margin-right: 2px; } #new-layout dl.inputForm dd.stateNoMargin select, #new-layout dl.newInputForm dd.stateNoMargin select { width: 50px; } #new-layout #pnltophistorypaging { font-size: 1.2em; } #new-layout .phone input { width: 45px !important; } #new-layout .phone .phone-prefix { margin-left: 3px; margin-right: 4px; } #new-layout .phone .phone-number { margin-left: 1px; } #new-layout #AdRotatorCycle, #new-layout .AdRotatorImage { width: 160px; height: 150px; } #new-layout .adImage { cursor: pointer; cursor: hand; } #new-layout #twoAds { position: relative; left: 200px; } #new-layout #oneAds { position: relative; left: 200px; } #new-layout #AdRotatorPagerWrapper { background: #e1e1e1; width: 100%; height: 22px; margin: 0 0 0 0; position: relative; } #new-layout #AdRotatorPrev, #new-layout #AdRotatorNext { background: url(../../Images/UI/img_AdWidget-Arrows.png) no-repeat; width: 6px; height: 9px; text-indent: -9000px; overflow: hidden; cursor: pointer; position: absolute; top: 6px; } #new-layout #AdRotatorPrev { background-position: 0px 0px; left: 7px; } #new-layout #AdRotatorNext { background-position: -7px 0px; right: 7px; } #new-layout #AdRotatorPager { display: block; width: 48px; /* Width of each page number (#AdRotatorPager a) plus left and right margin of each */ height: 8px; padding: 7px 0 0 0; margin: 0 auto; position: relative; bottom: 21px; } #new-layout #AdRotatorPager a { background: url(../../Images/UI/img_AdWidget-pages.png) no-repeat; background-position: 0px 0px; display: block; width: 8px; height: 8px; float: left; margin: 0px 4px; text-indent: -9000px; overflow: hidden; cursor: pointer; } #new-layout #AdRotatorPager a:focus { outline: none; } #new-layout #AdRotatorPager a:hover { background-position: 0px -8px; } #new-layout #AdRotatorPager a.activeSlide { background-position: 0px -8px; } #new-layout #maxReferralDialog .con-error { width: 310px; margin-bottom: 10px; padding: 15px 10px 25px 10px; } #new-layout #maxReferralDialog .status-message-success { width: 310px; border-width: 2px; border-color: #5ba63c; } #new-layout #maxReferralDialog .comments { clear: left; text-align: left; } #new-layout #maxReferralDialog textarea { height: 75px; width: 376px; } #new-layout .ChatButtonTopRight { position: absolute; left: 600px; top: 5px; } #new-layout .livePersonChatHolder { height: 25px; text-align: right; } #new-layout #emailAddressEditDialog dl.inputForm dt { width: 100px; line-height: 23px; } #new-layout #emailAddressEditDialog dl.inputForm dd input { width: 400px; } #new-layout .statementsWidgetListItems { list-style-type: none; } #new-layout .statementsWidgetListItems li { margin: 0px; } #new-layout .statementWidget select { width: 140px; margin-bottom: 10px; } #new-layout #trusteerLearn { padding-left: 10px; } #new-layout #trusteerLink { padding-left: 10px; padding-bottom: 3px; } #new-layout ul#investmentDisclaimerPoints { display: block; list-style: none; margin: 0 0 10px 0; } #new-layout ul#investmentDisclaimerPoints li { display: block; height: 53px; float: left; margin: 0; padding: 5px; border: solid 1px #868686; border-right: none 0px; text-transform: uppercase; font-weight: bold; } #new-layout ul#investmentDisclaimerPoints li:last-child { border-right: solid 1px #868686; } #new-layout ul#investmentDisclaimerPoints #investmentPointNotADeposit { width: 90px; } #new-layout ul#investmentDisclaimerPoints #investmentPointNotFdicInsured { width: 110px; } #new-layout ul#investmentDisclaimerPoints #investmentPointNotInsuredByGovernment { width: 180px; } #new-layout ul#investmentDisclaimerPoints #investmentPointNotGuaranteed { width: 190px; } #new-layout ul#investmentDisclaimerPoints #investmentPointMayLoseValue { width: 100px; } #new-layout .stepOn { border-right: #666666 1px solid; padding-right: 0px; background-position: center; border-top: #666666 1px solid; padding-left: 0px; font-size: 0.1em; background-image: url(../../images/indicator.gif); padding-bottom: 0px; border-left: #666666 1px solid; padding-top: 0px; border-bottom: #666666 1px solid; background-repeat: no-repeat; height: 10px; background-color: #FEBC00; font-weight: bold; float: left; } #new-layout .stepOff { border-right: #666666 1px solid; padding-right: 0px; border-top: #666666 1px solid; padding-left: 0px; font-size: 0.1em; padding-bottom: 0px; border-left: #666666 1px solid; padding-top: 0px; border-bottom: #666666 1px solid; height: 10px; background-color: #ffffff; color: #FFFFFF; float: left; } #new-layout .stepOffText { padding-bottom: 3px; color: #666666; padding-top: 3px; font-size: 1.2em; float: left; } #new-layout .stepOnText { font-weight: bold; padding-bottom: 3px; color: #000000; padding-top: 3px; font-size: 1.2em; float: left; } #new-layout div.progressBar { width: 16%; text-align: center; } #new-layout div.clearLeft { clear: left; } #new-layout .greenText { color: #1b5630 !important; } #new-layout .greyText { color: #394048 !important; } #new-layout .greyText:hover { color: #1b5630 !important; } #new-layout .bottom-margin { margin-bottom: 10px; } #new-layout .pad { padding: 10px; } #new-layout .pad .inputForm { margin: 0; } #new-layout #tooltip { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); position: absolute; z-index: 3000; background: #FFFFAA; border: 1px solid #FFAD33; text-align: left; padding: 5px; width: 250px; } #new-layout #tooltip h3, #new-layout #tooltip div { margin: 0; font-weight: normal; font-size: 0.833em; color: #000000; font-family: Tahoma, Arial, Helvetica, sans serif; } #new-layout #challengeQuestionIntro p { font-size: 1.2em; } #new-layout #ExpandedAccountSummary { display: none; } #new-layout #PersonalSelected { display: none; } #new-layout #loadingStatus { margin: 35px 10px; } #new-layout .grayText, #new-layout div.grayText a { color: #394048; } #new-layout .imgColumn { min-width: 0px !important; width: 20px !important; } #new-layout .nowrap { white-space: nowrap; } #new-layout table.transferTimesControl tbody tr td { font-weight: bold; } #new-layout table.transferTimesHelp tbody tr td.transferTime, #new-layout table.transferTimesControl tbody tr td.transferTime { width: 150px; text-align: right; } #new-layout .sso-error-message { margin: 0 auto 20px auto; background: url(../../Images/UI/img_error-icon.png) no-repeat 35px 25px; padding: 15px 10px 5px 60px; font-weight: bold; font-size: 1.5em; color: #FF0000; } #new-layout .sso-error-message p { margin: 10px auto; } #new-layout .select-input-text { font-size: 0.83em; } #new-layout .sso-error-note { font-weight: bold; margin-left: 60px; font-size: 1.2em; } #new-layout .sso-error-logoutreminder { font-style: italic; margin-left: 60px; font-size: 1.2em; } #new-layout a.sso-error-closelink { margin: 30px 0 0 60px; display: block; font-size: 1.2em; } #new-layout .logout-note { font-weight: bold; margin-left: 60px; padding-bottom: 10px; font-size: 1.2em; } #new-layout .logout-logoutreminder { font-style: italic; margin-left: 60px; font-size: 1.2em; } #new-layout a.logout-closelink { margin: 30px 0 200px 60px; display: block; font-size: 1.2em; } #new-layout dl.extraWidthFormInput dt { width: 180px; } #new-layout div.fieldNote, #new-layout label.fieldNote, #new-layout dd label.fieldNote { border: 1px solid #999; font-style: italic; font-weight: normal; border-radius: 4px; display: block; padding: 5px; line-height: 15px; margin: 2px 0; } #new-layout #content > .widget > .widget-body.widget-clear-padding > table > tbody > tr > th { text-align: left; } #new-layout label.fieldNote.long { width: 350px; } #new-layout div.fieldNote.smallmargin { margin: 2px 0 0 10px; } #new-layout label.fieldNote.margin { margin: 2px 0 0 20px; } #new-layout label.fieldNote.short { width: 200px; } #new-layout div.fieldNote.medium { width: 360px; } #new-layout .rcc-paymentOption fieldset { float: none !important; width: 300px !important; margin: 0 0 5px; } #new-layout .rcc-paymentOption fieldset input[type=text] { width: 90px; } #new-layout .rcc-paymentOption fieldset input[type=radio] { float: none !important; margin: 0 2px 0 0; vertical-align: middle; width: 12px; } #new-layout .extaHightLabel dt { height: 28px; } #new-layout .normalFont { font-weight: normal; } #new-layout .boldFont { font-weight: bold; } #new-layout .rcc-paymentOption dt label { vertical-align: middle; } #new-layout .disable-fields-with-gray-background { background: #e1e1e1; color: #394048; } #new-layout .hyperlink-with-underline { text-decoration: underline; } #new-layout .hyperlink-with-underline:hover { text-decoration: underline; } #new-layout dd.bottomBoxMargin { float: left; } #new-layout .Messages { text-align: right; float: right; vertical-align: middle; width: 100%; } #new-layout .Messages a { white-space: nowrap; vertical-align: text-top; } #new-layout div#lpButtonSmall { float: right; display: inline-block; margin-top: -5px; vertical-align: top; } #new-layout .fpipe, #new-layout .pipe { padding: 0 5px; font-size: 1.2em; } #new-layout .fpipe { float: right; } #new-layout a.MsgUnRead { float: right; vertical-align: middle; font-size: 1.2em; } #new-layout select.statementsList { margin-top: 1px; vertical-align: middle; } #new-layout a.paddedStatementLink { margin: 0 5px 0 5px; display: none; vertical-align: middle; } #new-layout div.expandedAccountInfo { margin: 15px auto 40px auto; width: 600px; } #new-layout div.expandedAccountInfo a.close { float: left; } #new-layout div.expandInfoLink { margin: 5px 0; text-align: center; } #new-layout div.formItem { margin-bottom: 10px; clear: both; } #new-layout div.formItem.floated { margin: 0; height: 25px; } #new-layout div.formItem.floated .formLabel { width: auto; float: left; } #new-layout div.formItem.floated .formValue { width: auto; float: right; } #new-layout div.formItem .formLabel { width: 230px; line-height: 25px; vertical-align: top; display: inline-block; font-weight: bold; } #new-layout div.formItem .formValue.bold { font-weight: bold; } #new-layout div.formItem .formLabel.normal { font-weight: normal; } #new-layout hr.formSeparator { margin: 8px 0; } #new-layout div.formItem .large { font-size: 1.5em; } #new-layout div.formItem .requiredIndicator { background: url(../../Images/Icons/img_requiredField.png) no-repeat right 7px; width: 10px; display: inline-block; } #new-layout div.formItem .formValue { vertical-align: middle; display: inline-block; line-height: 25px; } #new-layout div.formItem .formValue input.long { width: 200px; } #new-layout div.formItem .padded { padding-left: 10px; } #new-layout label.hidden { position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden; } #new-layout div.formColumn { float: left; width: 290px; padding: 0 10px 10px; } #new-layout a.cancelLink { padding: 0 0.5em; font-size: 1.4em; } #new-layout div.container { display: table; } #new-layout div.column { display: table-cell; } #new-layout div.mortagtebutton { padding-top: 2em; padding-right: 2em; float: right; font-size: 1em; } #new-layout .padTop { padding-top: 20px; } #new-layout .inlineAd-container { height: 50px; background-color: #EEEEEE; font-size: 0.5rem; } #new-layout .inlineAd-feature-left { float: left; height: 100%; width: 68%; } #new-layout .inlineAd-feature-right { float: right; height: 100%; width: 32%; vertical-align: middle; } #new-layout .inlineAd-image { max-width: 100%; max-height: 100%; } #new-layout .vAlignMiddle { margin-top: 15px; margin-bottom: 10px; } #new-layout input.displayAsLink { background: none !important; border: none; padding: 0 !important; color: #394048; cursor: pointer; outline-color: transparent; text-decoration: underline; text-transform: none; font-weight: normal; letter-spacing: 0px; margin: 0 20px; } #new-layout input.displayAsLink:hover { color: #5ba63c; text-decoration: none; cursor: pointer; } #new-layout input.displayAsLink.aspNetDisabled, #new-layout input.displayAsLink.aspNetDisabled:hover { color: #394048; cursor: auto; } #new-layout div.formColumnLeft { float: left; width: 206px; } #new-layout div.formColumnRight { float: left; width: 500px; margin-top: 20px; } #new-layout .rewardsCmgSoonHead { font-family: Arial; font-size: 26px !important; color: #5ba63c !important; font-weight: bold; margin-bottom: 0; } #new-layout .rewardsCmgSoonContent { font-family: Arial; font-size: 14px !important; color: #394048 !important; font-weight: bold; margin-bottom: 0; } #new-layout .hrStyle { width: 600px; text-align: left; margin-left: 10px; margin-bottom: 23px; color: #bcbcbc; } #new-layout #loadingStatus1 { margin: 23px 10px; } #new-layout .header-styling { font-size: 16px; } #new-layout .main-title-styling { font-size: 18px; margin-top: 10px; } #new-layout .verbiage-styling { font-size: 12px; } #new-layout .subcategory-styling { font-size: 14px; } #new-layout .embedded-list-margin { margin-top: 5px; } #new-layout input[type="text"]:disabled { color: #766d65 !important; } #new-layout ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #766d65; } #new-layout :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #766d65; opacity: 1; } #new-layout ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #766d65; opacity: 1; } #new-layout :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #766d65; } #new-layout .hide-selection:focus { outline: 0; } #new-layout .right { float: right; } #new-layout .completed-box { border-style: solid; border-color: #a4c73e; border-width: 2px; background-color: #f8f8f8; font-family: "Arial"; font-weight: bold; margin-bottom: 20px; padding-top: 10px; } #new-layout .needs-attention-box { border-style: solid; border-color: #e9bc26; border-width: 2px; background-color: #f8f8f8; font-family: "Arial"; font-weight: bold; margin-bottom: 20px; padding-top: 10px; } #new-layout .list-items { font-size: 14px; color: #394048; font-family: "Arial"; font-weight: bold; } #new-layout .welcome-title { font-size: 30px; color: #5ba63c; font-family: "ApexNewWeb-Bold"; margin: 0; } #new-layout .welcome-message { font-size: 14px; color: #394048; font-family: "Arial"; line-height: 17px; } #new-layout .message-box-margins { margin-right: 0; margin-left: 0; } #new-layout .welcome-margins { margin-bottom: 30px; margin-left: 20px; } #new-layout .welcome-control-styles { margin-bottom: 15px; box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.35); } #new-layout .close-link-div { margin-right: 10px; margin-top: 10px; float: right; } #new-layout .close-link-a { font-size: 14px; color: #394048; font-family: "Arial"; } #new-layout .completed-image { width: 30px; height: 30px; } #new-layout .icon-yellow-alert { width: 30px; height: 30px; } #new-layout .box-titles { font-size: 20px; color: #394048; font-family: "ApexNewWeb-Bold"; float: left; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; } #new-layout .left-float { float: left; } #new-layout .clear-float { clear: both; } @font-face { #new-layout { font-family: "ApexNewWeb-Bold"; src: url("../fonts/HuntingtonApexWeb-Bold.eot"); src: local("ApexNewWeb-Bold"), url("../fonts/HuntingtonApexWeb-Bold.svg") format("svg"), url("../fonts/HuntingtonApexWeb-Bold.woff") format("woff") !important; } } @font-face { #new-layout { font-family: "ApexNewWeb-Medium"; src: url("../fonts/HuntingtonApexWeb-Medium.eot"); src: local("ApexNewWeb-Medium"), url("../fonts/HuntingtonApexWeb-Medium.svg") format("svg"), url("../fonts/HuntingtonApexWeb-Medium.woff") format("woff") !important; } } @font-face { #new-layout { font-family: "Apex New Medium"; src: url(../fonts/HuntingtonApexWeb-Medium.woff2) format("woff2"), url(../fonts/HuntingtonApexWeb-Medium.woff) format("woff") !important; font-weight: 400; font-style: normal; } } @font-face { #new-layout { font-family: "Apex New Bold"; src: url(../fonts/HuntingtonApexWeb-Bold.woff2) format("woff2"), url(../fonts/HuntingtonApexWeb-Bold.woff) format("woff") !important; font-weight: 700; font-style: normal; } } @font-face { #new-layout { font-family: "Apex New Book"; src: url(../fonts/HuntingtonApexWeb-Book.woff2) format("woff2"), url(../fonts/HuntingtonApexWeb-Book.woff) format("woff") !important; font-weight: 400; font-style: normal; } } @font-face { #new-layout { font-family: "Apex New Small Caps"; src: url(../fonts/HuntingtonApexWeb-MediumCaps.woff2) format("woff2"), url(../fonts/HuntingtonApexWeb-MediumCaps.woff) format("woff"); font-weight: 700; font-style: normal; } } @font-face { #new-layout { font-family: "Apex New Medium"; src: url(../fonts/HuntingtonApexWeb-Medium.woff2) format("woff2"), url(../fonts/HuntingtonApexWeb-Medium.woff) format("woff"); font-weight: 700; font-style: normal; } } @font-face { #new-layout { font-family: "Apex New Book"; src: url(../fonts/HuntingtonApexWeb-Book.woff2) format("woff2"), url(../fonts/HuntingtonApexWeb-Book.woff) format("woff") !important; font-weight: 700; font-style: normal; } } #new-layout .flex-container { padding: 0; margin: 0; /*list-style: none;*/ -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; align-items: stretch; } #new-layout .flex-item { flex-grow: 1; } #new-layout .dspace { width: 20px; } #new-layout .font12 { font-size: 12px; } #new-layout .imitation-label { font-weight: 700; } #new-layout a:link.NoDecoration { text-decoration: none; } #new-layout .showMoreLink { margin: 3px 4px 3px 0; border: solid 1px #394048; text-decoration: none !important; height: 9px; line-height: 9px; width: 8px; float: left; font-size: 1.1em; text-align: center; outline: none; } #new-layout .showMoreLink.bpShowMoreLink { height: 10px; margin: 0 5px 0 0; padding-bottom: 1px; padding-top: 1px; width: 12px; } #new-layout .dpErrorMsg { float: left; } #new-layout #hnbLogoImg { width: 214px; height: 57px; } #new-layout #bigCheckImg { border: 0; } #new-layout .LegalFooterAnchor:hover { color: #5ba63c !important; text-decoration: underline !important; cursor: pointer; } #new-layout .LegalFooterAnchor:visited { color: #1b5630; text-decoration: none; cursor: pointer; } #new-layout .LegalFooterAnchor:link { color: #394048; text-decoration: none; cursor: pointer; } #new-layout .LegalFooterAnchor { color: #394048; cursor: pointer; text-decoration: none; } #new-layout .clearFloat { clear: both; } #new-layout .nonUnderlined { text-decoration: none !important; } #new-layout .hidden { display: none; } #new-layout .hiddenDomVisible { position: absolute; display: block !important; visibility: hidden; height: 0px !important; } #new-layout .noMargin { margin: 0px !important; } #new-layout img.rightAlign, #new-layout .floatRight { float: right; } #new-layout img.leftAlign, #new-layout .floatLeft { float: left; } #new-layout .underline { text-decoration: underline !important; } #new-layout .centered-text { text-align: center; } #new-layout .rightAlign-text { text-align: right; } #new-layout div.widget { margin-bottom: 15px; } #new-layout caption .widget-title .title-text { font-size: 19px; font-weight: 500; } #new-layout caption.widget-title:after { clear: both; } #new-layout div.widget div.widget-title { background: #5ba63c; color: #fff; border: none; /*#7ac043;*/ border-bottom: none; padding: 3px 10px; margin: 0 0 1px 0; height: 33px; line-height: 25px; vertical-align: middle; } #new-layout div.widget-title h3 { position: relative; top: 1px; display: block; margin: 1px 0 0 0; padding: 0; font-weight: 700; font-size: 19px; float: left; width: auto; } #new-layout .widget-body caption { background: #5ba63c; color: #fff; border: solid 1px #84C24F; /*#7ac043;*/ border-bottom: none; padding: 3px 10px; margin: 0 0 1px 0; height: 26px; line-height: 25px; vertical-align: middle; font-weight: 700; font-size: 19px; } #new-layout div.widget-title h3:after { clear: both; } #new-layout div.widget-title p { display: block; margin: 5px 0 0; padding: 5px; font-weight: 700; font-size: 19px; float: left; width: auto; } #new-layout div.widget-title p:after { clear: both; } #new-layout div.widget-title div.widget-title-corner { display: block; /* Floats right... Remember to use "clear" class */ float: right; width: auto; /* Fluid width */ font-size: 19px; font-weight: 700; } #new-layout .bodytext { font-size: 1.2em; } #new-layout div.widget-title div.widget-title-corner h3 { margin: 0px 5px 0px 0px; } #new-layout div.widget-title div.widget-title-corner:before { clear: none; } #new-layout div.widget-title div.widget-title-corner p { margin: 0px; } #new-layout div.widget-title div.widget-title-corner a:link, #new-layout div.widget-title div.widget-title-corner a:visited, #new-layout div.widget-title div.widget-title-corner a:hover, #new-layout div.widget-title div.widget-title-corner a:active { color: White; } #new-layout div.widget-title div.widget-title-corner fieldset.inline { float: left; } #new-layout div.widget-subheader { background: #fff; color: #394048; padding: 10px; margin: 0; border: solid 1px #e1e1e1; } #new-layout div.widget-subheader-noBottomBorder { background: #eeeeee; color: #666; padding: 10px; margin: 0; border: solid 1px #e1e1e1; border-bottom-width: 0; } #new-layout div.widget-subheader p { margin: 0; padding: 0; } #new-layout div.widget-subheader-short { background: #ffffff; color: #394048; padding: 2px 10px 2px 10px; margin: 0; margin-bottom: 0; border: solid 1px #e1e1e1; } #new-layout div.widget-title select { font-size: 12px; } #new-layout div.widget div.widget-body { border: solid 1px #e1e1e1; background: #fff; padding: 10px; border-top: none; position: relative; top: -1px; } #new-layout div.widget div.widget-body .alpha { margin-left: -1px; } #new-layout div.widget div.widget-body .omega { margin-right: -1px; } #new-layout li.service-list { margin: 0 0 3px 0; padding: 3px 3px 3px 10px; } #new-layout li.service-list.indent { padding-left: 20px; } #new-layout div.widget-body h4.sub-title { font: 1.2em Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; padding: 6px 0 3px 10px; margin: 0; } #new-layout div.widget-footer { border: solid 1px #e1e1e1; border-top: none; background: #fff; padding: 10px; } #new-layout div.faux-footer { border: solid 1px #e1e1e1; border-top: none; padding-bottom: 5px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; color: #394048; font-size: 1.2em; padding-top: 5px; overflow: auto; } #new-layout .faux-footer .faux-footer-header { float: left; margin: 0px 10px 0px 5px; } #new-layout .faux-footer .faux-footer-header-nonbold { float: left; margin: 0px 10px 0px 5px; font-weight: 400; } #new-layout .faux-footer .faux-footer-data-nonbold { font-weight: 400; } #new-layout .faux-footer-paybillsheader { padding: 10px 0 10px 0; overflow: auto; } #new-layout div.widget div.emphasis { border: solid 1px #999; border-top: none; background: #a3a09d url(../../Images/UI/img_grey-footer-BGtile.png) repeat-x 0px 0px; height: 43px; } #new-layout div.widget div.widget-clear-padding { padding: 0; margin: 1px 0 0 0; } #new-layout div.widget div.widget-add-padding { padding: 3px 0px 3px 10px; border-top-width: 0px; margin: 0px; } #new-layout div.widget-noMargin { margin: 0; } #new-layout #sidebar .widgets-container.ui-widget { font: 1.0em/1.5 Arial, Helvetica, sans-serif; } #new-layout #sidebar .widgets-container h2 { background: #e1e1e1; color: #394048 !important; padding: 3px 6px 3px 8px; font-weight: normal; font-size: 2.1em; margin: 0 0 2px 0; } #new-layout #sidebar div.widget { margin-bottom: 1px; } #new-layout #sidebar div.widget div.widget-title, #new-layout #sidebar div.widget div.widget-title:hover, #new-layout #sidebar div.widget div.widget-title:active { background: #969590 url(../../Images/UI/btn_sidebar-tile.png) repeat-x; height: 14px; line-height: 14px; margin-bottom: 0px; cursor: pointer; border-radius: 0; } #new-layout #sidebar div.widget div.widget-title { background: #f6f6f6; color: #394048; border: none; } #new-layout #sidebar div.widget div.widget-title:hover, #new-layout #sidebar div.widget div.widget-title.ui-state-hover { background: #e1e1e1; } #new-layout #sidebar div.widget div.widget-title:active, #new-layout #sidebar div.widget div.widget-title.ui-state-active { background: #e1e1e1; } #new-layout #sidebar div.widget-title h3 { font-size: 1.2em; font-weight: bold; } #new-layout #sidebar div.widget div.widget-title .ui-icon { display: block; background: url(../../Images/UI/img_carret-arrows.png) no-repeat; width: 9px; height: 10px; float: left; margin: 0 5px 0 0; } #new-layout #sidebar div.widget div.widget-title .ui-icon { display: block; width: 9px; height: 7px; float: left; background: url(../../Images/UI/img_carret-arrows.png) no-repeat; margin-top: 4px; } #new-layout #sidebar div.widget div.widget-title .widget-arrow { width: 9px; height: 11px; background-position: 0px -7px; margin-top: 2px; } #new-layout #sidebar div.widget div.widget-title .widget-arrowActive { background-position: 0px 0px; } #new-layout #sidebar div.widget { visibility: hidden; } #new-layout .widget-balance-container .balance-label, #new-layout .widget-balance-container .balance-total { display: inline; vertical-align: middle; font-weight: bold; } #new-layout .widget-balance-container .balance-label { padding: 0 10px; } #new-layout .widget-balance-container .balance-total { padding: 0; } #new-layout .widget-standalone-row { border: solid 1px #e1e1e1; background: #f8f8f8; padding: 3px 10px; } #new-layout button.ui-datepicker-trigger { width: 30px; padding: 0; height: 24px; top: 5px; } #new-layout .ad-rotator-tablist { list-style-type: none; } #new-layout .widgets-container { color: #394048; } #new-layout .ui-widget-content a { color: #394048; } #new-layout .ui-widget-content a:hover { color: #1b5630; } #new-layout .widget .search-text-div { display: inline-block; float: left; } #new-layout .widget .search-text-input { border: solid #5ba63c !important; padding: 8px !important; border-width: 1px !important; border-radius: 0 !important; float: left; outline: 0; width: 165px; height: 16px !important; font-size: 14px !important; font-family: "arial", sans-serif; } #new-layout .widget .search-button-div { display: inline-block; background-color: #5ba63c; border: solid #5ba63c; cursor: pointer; border-width: 1px; height: 32px; text-align: center; width: 30px; position: absolute; } #new-layout .widget .search-button-img { width: 20px; margin: 7px 0 7px 0; } #new-layout .widget .search-button-styling { background-color: #5ba63c; height: 32px; padding: 0; border: 0; } #new-layout .widget .clear-float { clear: both; } #new-layout .widget .droplist-styles { width: 197px; font-family: "arial", sans-serif; font-size: 14px; color: #766d65 !important; list-style-type: none; list-style-position: inside; position: absolute; z-index: 5; margin-top: 34px; } #new-layout .widget .droplist-styles li { width: 197px; padding: 8px; border: solid #766d65 !important; border-width: 0 1px 1px 1px !important; margin: 0; background-color: #F8F8F8; cursor: pointer; } #new-layout .widget .intelliresponse-input-parent-div { float: right; margin-right: 30px; } #new-layout .widget .intelliresponse-control-div { height: 38px; margin-bottom: 8px; } #new-layout .widget .droplist-active { font-family: "arial"; font-weight: bold; font-size: 14px; color: #394048; } #new-layout .ada-helper { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #new-layout .search-box { margin-bottom: 15px; } #new-layout .search-box .search-text-div { display: inline-block; /*float: left; height: 44px;*/ width: calc(100% - 44px); } #new-layout .search-box .search-text-input { padding: 15px !important; /*float: left;*/ outline: 0; height: 15px !important; font-size: 14px !important; font-family: "arial", sans-serif; border-width: 0px; border-color: #999; width: 100%; } #new-layout .search-box .search-button-div { display: inline-block; background-color: #5ba63c; border: 0; cursor: pointer; height: 45px; text-align: center; width: 44px; position: absolute; } #new-layout .search-box .search-button-img { width: 27px; height: 27px; margin: 7px 0 7px 0; } #new-layout .search-box .search-button-styling { background-color: #5ba63c; height: 44px; padding: 0; border: 0; } #new-layout .search-box .droplist-styles { font-family: "arial", sans-serif; font-size: 14px; color: #766d65 !important; list-style-type: none; list-style-position: inside; position: absolute; z-index: 1; padding-left: 0; width: 760px; margin-top: 1px; left: 0; } #new-layout .search-box .droplist-styles li { padding: 10px; border: solid #766d65 !important; border-width: 0 1px 1px 1px !important; margin: 0; background-color: #F8F8F8; cursor: pointer; } #new-layout .search-box .intelliresponse-input-parent-div { border: solid #999 !important; border-width: 1px !important; width: 758px; } #new-layout .search-box .intelliresponse-control-div { height: 38px; margin-bottom: 21px; margin-top: 8px; } #new-layout .search-box .droplist-active { font-family: "arial"; font-weight: bold; font-size: 14px; color: #394048; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #new-layout .search-box .search-text-div { display: inline-block; width: calc(100% - 46px); } } #new-layout #header { height: 57px; margin-bottom: 10px; } #new-layout h3 { clear: left; margin: 0 0 10px 0; } #new-layout h3#headerCardManager, #new-layout h3#headerRewards, #new-layout h3#headerPayments { margin: 0 0 0 10px; } #new-layout .col-hdrs, #new-layout .reportTotalRow { border: 0 solid #e1e1e1; } #new-layout .col-hdrs td, #new-layout .reportTotalRow td { border: 0 none; } #new-layout .lbl { text-align: right; font-weight: 700; height: 22px; padding: 2px; } #new-layout div.grn-hdr { background: #fff; color: #000; font-weight: 700; padding: 2px 4px; } #new-layout table { border-collapse: collapse; margin-bottom: 10px; width: 100%; border: 1px solid #E1E1E1; } #new-layout table th, #new-layout table td { border: 0 solid #E1E1E1; border-collapse: collapse; padding: 3px 10px; } #new-layout table th { font-weight: 700; } #new-layout table td { border: 1px dashed #e1e1e1; border-width: 1px 0; } #new-layout td.rightAlign { text-align: right; } #new-layout .preventOverflow { overflow: hidden; } #new-layout .widget-title h3 { float: left; } #new-layout p { font-size: 1.2em; } #new-layout .widget-title .widget-title-corner { display: block; float: right; width: auto; vertical-align: top; margin: -1px 0 0 2px; } #new-layout .widget-title .widget-title-corner:before { clear: none; } #new-layout .widget-title-corner h3 { margin: 0 5px 0 0; } #new-layout .widget-subheader { background: none repeat scroll 0 0 #E5E5E5; border: 1px solid #E1E1E1; color: #666; margin: 0; padding: 10px; clear: left; } #new-layout .widget-body { clear: left; } #new-layout .widget-standalone-row { border: solid 1px #e1e1e1; padding: 3px 10px; } #new-layout .checkMarkImage, #new-layout .electronicPaymentImage, #new-layout .mailPaymentImage { display: block; text-indent: -9000px; overflow: hidden; width: 29px; height: 23px; background-image: url(../../Images/Icons/img_billpaystatusindicators.png); background-repeat: no-repeat; } #new-layout .mailPaymentImageSmall { display: block; text-indent: -9000px; overflow: hidden; width: 19px; height: 19px; background-image: url(../../Images/img_billpayenvelope.png); background-repeat: no-repeat; margin-right: 5px; margin-top: 5px; } #new-layout .electronicPaymentImageSmall { display: block; text-indent: -9000px; overflow: hidden; width: 19px; height: 19px; background-image: url(../../Images/img_billpaylightning.png); background-repeat: no-repeat; margin-right: 5px; margin-top: 5px; } #new-layout .checkMarkImage { background-position: -58px 0; } #new-layout .electronicPaymentImage { background-position: -38px 0; } #new-layout .mailPaymentImage { background-position: 0 0; } #new-layout img.rightAlign { float: right; } #new-layout ul#investmentDisclaimerPoints { display: block; list-style: none; margin: 0 0 10px; } #new-layout ul#investmentDisclaimerPoints li { display: block; height: 35px; float: left; border: solid 1px #868686; border-right: none 0; text-transform: uppercase; font-weight: 700; margin: 0; padding: 5px; } #new-layout ul#investmentDisclaimerPoints #investmentPointNotADeposit { width: 70px; } #new-layout ul#investmentDisclaimerPoints #investmentPointNotFdicInsured { width: 75px; } #new-layout ul#investmentDisclaimerPoints #investmentPointNotInsuredByGovernment { width: 210px; } #new-layout ul#investmentDisclaimerPoints #investmentPointNotGuaranteed { width: 170px; } #new-layout ul#investmentDisclaimerPoints #investmentPointMayLoseValue { width: 80px; } #new-layout #accountSummary { padding: 10px 0; } #new-layout #AccountSummaryRight, #new-layout #ExpandedAccountSummaryRight { margin-left: 10px; } #new-layout .addMarginForPrint { margin-bottom: 20px; font-size: 1.2em; } #new-layout .clearfix:after, #new-layout .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #new-layout .inline, #new-layout .inline * { display: inline; } #new-layout dl.balanceInformation, #new-layout dl.accountSummary { margin-left: 0; width: 330px; } #new-layout dl.balanceInformation dt { float: left; clear: left; white-space: nowrap; width: 45%; padding-right: 10px; } #new-layout dl.accountSummary dt, #new-layout dl.balanceInformation dt, #new-layout dl.accountSummary dd, #new-layout dl.balanceInformation dd { line-height: 17px; } #new-layout dl.accountSummary dt { float: left; clear: both; white-space: nowrap; width: 45%; } #new-layout dl.balanceInformation dt.emphatic, #new-layout dl.balanceInformation dd.emphatic { font-weight: 700; font-size: 15px; padding-bottom: 5px; } #new-layout dl.accountSummary dt.emphatic, #new-layout dd.emphatic { font-weight: 700; font-size: larger; } #new-layout dl.accountSummary dd { font-size: inherit; text-align: right; white-space: normal; } #new-layout div.reportingForm { margin-right: 5px; } #new-layout dl.expandedAccountSummary, #new-layout dl.expandedAccountSummaryLeft { width: 360px; clear: both; } #new-layout dl.expandedAccountSummary dd { text-align: right; float: left; width: 50%; } #new-layout div.expandedAccountSummaryLeft { padding-bottom: 10px; text-align: left; clear: both; } #new-layout #ShowExpandedSummary { clear: both; text-align: center; width: 700px; } #new-layout .printImage { display: none; } #new-layout .display-table tr.reportTotalRow td, #new-layout table tr.col-hdrs td, #new-layout dl.balanceInformation dt.bold, #new-layout dd.bold, #new-layout dl.accountSummary dt.bold, #new-layout dd.bold, #new-layout tbody tr.reportHeaderRow td { font-weight: 700; } #new-layout tbody tr.reportHeaderRow td { font-size: 2.1em; background: #5ba63c; } #new-layout img.leftAlign, #new-layout #AccountSummaryLeft, #new-layout #AccountSummaryRight, #new-layout #balanceInfo, #new-layout #retailCardBalanceInfoRight, #new-layout #ExpandedAccountSummaryRight, #new-layout #ExpandedAccountSummaryLeft { float: left; } #new-layout ul#investmentDisclaimerPoints li:last-child, #new-layout ul#investmentDisclaimerPoints li.lastPoint { border-right: solid 1px #868686; } #new-layout dl.balanceInformation dd, #new-layout dl.expandedAccountSummaryLeft dd { text-align: right; float: left; width: 45%; } #new-layout dl.expandedAccountSummaryLeft dt, #new-layout dl.expandedAccountSummary dt { text-align: left; float: left; width: 45%; } #new-layout .newInputForm { margin: 10px; width: 350px; } #new-layout .newInputForm dt { height: 30px; line-height: 30px; float: left; clear: both; font-weight: bold; } #new-layout .newInputForm dd { line-height: 30px; text-align: right; } #new-layout .newInputForm dd span { text-align: left; width: 186px; display: inline-block; } #new-layout dd input.beforeDatePicker { width: 80px; margin-right: 100px; } #new-layout dl.inputForm dd select, #new-layout dl.newInputForm dd select { width: 186px; /* Extra 6px to make same width as 180px input */ height: 24px; /* Extra 6px to make same height as 18px input */ } #new-layout .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } #new-layout iframe.Disclosure { width: 95%; height: 150px; border: solid 1px #e1e1e1; } #new-layout div.RetailCardInfo { float: right; background: #E4E4E4; } #new-layout .RetailCardSection { float: right; } #new-layout div.leftCap, #new-layout div.centerTile, #new-layout div.rightCap { margin-top: 15px; background-image: none; } #new-layout div.divLeftFloat, #new-layout div.divCenterFloat, #new-layout div.divRightFloat { height: 200px; margin-right: 0px; width: 230px; } #new-layout .grid_6, #new-layout .grid_7 { width: 340px; } #new-layout label.fieldNote { display: block; } #new-layout .plainrowheader { background: none !important; font-weight: normal !important; border-style: solid none none; border-color: #e1e1e1; border-width: 1px 0 0; } #new-layout .plainrowheader .bpPayeeName { font-weight: 700; } #new-layout .ui-helper-hidden { display: none; } #new-layout .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } #new-layout .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: inherit; list-style: none; } #new-layout .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #new-layout .ui-helper-clearfix { display: inline-block; } #new-layout * html .ui-helper-clearfix { height: 1%; } #new-layout .ui-helper-clearfix { display: block; } #new-layout .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } #new-layout .ui-state-disabled { cursor: default !important; } #new-layout .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } #new-layout .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #new-layout .ui-dialog { position: absolute; margin-bottom: 0px !important; } #new-layout .ui-dialog-content { border-radius: 1px; } #new-layout .ui-widget { font-family: inherit; font-size: inherit; z-index: 100; } #new-layout .ui-widget .ui-widget { font-size: inherit; } #new-layout .ui-widget input, #new-layout .ui-widget select, #new-layout .ui-widget textarea, #new-layout .ui-widget button { font-family: inherit; font-size: inherit; } #new-layout .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../lib/jqueryui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } #new-layout .ui-widget-content a { color: #222222; } #new-layout .ui-widget-header { border: 1px solid #aaaaaa; background: #92ce5d url(../../Images/UI/btn_greenbar-tile.png) repeat-x 0px -35px; color: #222222; font-weight: bold; } #new-layout .ui-widget-header a { color: #222222; } #new-layout .ui-state-default, #new-layout .ui-widget-content .ui-state-default, #new-layout .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../lib/jqueryui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } #new-layout .ui-state-default a, #new-layout .ui-state-default a:link, #new-layout .ui-state-default a:visited { color: #555555; text-decoration: none; } #new-layout .ui-state-hover, #new-layout .ui-widget-content .ui-state-hover, #new-layout .ui-widget-header .ui-state-hover, #new-layout .ui-state-focus, #new-layout .ui-widget-content .ui-state-focus, #new-layout .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../lib/jqueryui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } #new-layout .ui-state-hover a, #new-layout .ui-state-hover a:hover { color: #212121; text-decoration: none; } #new-layout .ui-state-active, #new-layout .ui-widget-content .ui-state-active, #new-layout .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../lib/jqueryui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } #new-layout .ui-state-active a, #new-layout .ui-state-active a:link, #new-layout .ui-state-active a:visited { color: #212121; text-decoration: none; } #new-layout .ui-widget :active { outline: none; } #new-layout .ui-state-highlight, #new-layout .ui-widget-content .ui-state-highlight, #new-layout .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(../lib/jqueryui/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } #new-layout .ui-state-highlight a, #new-layout .ui-widget-content .ui-state-highlight a, #new-layout .ui-widget-header .ui-state-highlight a { color: #363636; } #new-layout .ui-state-error, #new-layout .ui-widget-content .ui-state-error, #new-layout .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(../lib/jqueryui/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } #new-layout .ui-state-error a, #new-layout .ui-widget-content .ui-state-error a, #new-layout .ui-widget-header .ui-state-error a { color: #cd0a0a; } #new-layout .ui-state-error-text, #new-layout .ui-widget-content .ui-state-error-text, #new-layout .ui-widget-header .ui-state-error-text { color: #cd0a0a; } #new-layout .ui-priority-primary, #new-layout .ui-widget-content .ui-priority-primary, #new-layout .ui-widget-header .ui-priority-primary { font-weight: bold; } #new-layout .ui-priority-secondary, #new-layout .ui-widget-content .ui-priority-secondary, #new-layout .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } #new-layout .ui-state-disabled, #new-layout .ui-widget-content .ui-state-disabled, #new-layout .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } #new-layout .ui-icon { width: 16px; height: 16px; background-image: url(../lib/jqueryui/images/ui-icons_222222_256x240.png); } #new-layout .ui-widget-content .ui-icon { background-image: url(../lib/jqueryui/images/ui-icons_222222_256x240.png); } #new-layout .ui-widget-header .ui-icon { background-image: url(../lib/jqueryui/images/ui-icons_222222_256x240.png); } #new-layout .ui-state-default .ui-icon { background-image: url(../lib/jqueryui/images/ui-icons_888888_256x240.png); } #new-layout .ui-state-hover .ui-icon, #new-layout .ui-state-focus .ui-icon { background-image: url(../lib/jqueryui/images/ui-icons_454545_256x240.png); } #new-layout .ui-state-active .ui-icon { background-image: url(../lib/jqueryui/images/ui-icons_454545_256x240.png); } #new-layout .ui-state-highlight .ui-icon { background-image: url(../lib/jqueryui/images/ui-icons_2e83ff_256x240.png); } #new-layout .ui-state-error .ui-icon, #new-layout .ui-state-error-text .ui-icon { background-image: url(../lib/jqueryui/images/ui-icons_cd0a0a_256x240.png); } #new-layout .ui-icon-carat-1-n { background-position: 0 0; } #new-layout .ui-icon-carat-1-ne { background-position: -16px 0; } #new-layout .ui-icon-carat-1-e { background-position: -32px 0; } #new-layout .ui-icon-carat-1-se { background-position: -48px 0; } #new-layout .ui-icon-carat-1-s { background-position: -64px 0; } #new-layout .ui-icon-carat-1-sw { background-position: -80px 0; } #new-layout .ui-icon-carat-1-w { background-position: -96px 0; } #new-layout .ui-icon-carat-1-nw { background-position: -112px 0; } #new-layout .ui-icon-carat-2-n-s { background-position: -128px 0; } #new-layout .ui-icon-carat-2-e-w { background-position: -144px 0; } #new-layout .ui-icon-triangle-1-n { background-position: 0 -16px; } #new-layout .ui-icon-triangle-1-ne { background-position: -16px -16px; } #new-layout .ui-icon-triangle-1-e { background-position: -32px -16px; } #new-layout .ui-icon-triangle-1-se { background-position: -48px -16px; } #new-layout .ui-icon-triangle-1-s { background-position: -64px -16px; } #new-layout .ui-icon-triangle-1-sw { background-position: -80px -16px; } #new-layout .ui-icon-triangle-1-w { background-position: -96px -16px; } #new-layout .ui-icon-triangle-1-nw { background-position: -112px -16px; } #new-layout .ui-icon-triangle-2-n-s { background-position: -128px -16px; } #new-layout .ui-icon-triangle-2-e-w { background-position: -144px -16px; } #new-layout .ui-icon-arrow-1-n { background-position: 0 -32px; } #new-layout .ui-icon-arrow-1-ne { background-position: -16px -32px; } #new-layout .ui-icon-arrow-1-e { background-position: -32px -32px; } #new-layout .ui-icon-arrow-1-se { background-position: -48px -32px; } #new-layout .ui-icon-arrow-1-s { background-position: -64px -32px; } #new-layout .ui-icon-arrow-1-sw { background-position: -80px -32px; } #new-layout .ui-icon-arrow-1-w { background-position: -96px -32px; } #new-layout .ui-icon-arrow-1-nw { background-position: -112px -32px; } #new-layout .ui-icon-arrow-2-n-s { background-position: -128px -32px; } #new-layout .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } #new-layout .ui-icon-arrow-2-e-w { background-position: -160px -32px; } #new-layout .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } #new-layout .ui-icon-arrowstop-1-n { background-position: -192px -32px; } #new-layout .ui-icon-arrowstop-1-e { background-position: -208px -32px; } #new-layout .ui-icon-arrowstop-1-s { background-position: -224px -32px; } #new-layout .ui-icon-arrowstop-1-w { background-position: -240px -32px; } #new-layout .ui-icon-arrowthick-1-n { background-position: 0 -48px; } #new-layout .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } #new-layout .ui-icon-arrowthick-1-e { background-position: -32px -48px; } #new-layout .ui-icon-arrowthick-1-se { background-position: -48px -48px; } #new-layout .ui-icon-arrowthick-1-s { background-position: -64px -48px; } #new-layout .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } #new-layout .ui-icon-arrowthick-1-w { background-position: -96px -48px; } #new-layout .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } #new-layout .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } #new-layout .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } #new-layout .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } #new-layout .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } #new-layout .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } #new-layout .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } #new-layout .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } #new-layout .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } #new-layout .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } #new-layout .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } #new-layout .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } #new-layout .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } #new-layout .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } #new-layout .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } #new-layout .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } #new-layout .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } #new-layout .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } #new-layout .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } #new-layout .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } #new-layout .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } #new-layout .ui-icon-arrow-4 { background-position: 0 -80px; } #new-layout .ui-icon-arrow-4-diag { background-position: -16px -80px; } #new-layout .ui-icon-extlink { background-position: -32px -80px; } #new-layout .ui-icon-newwin { background-position: -48px -80px; } #new-layout .ui-icon-refresh { background-position: -64px -80px; } #new-layout .ui-icon-shuffle { background-position: -80px -80px; } #new-layout .ui-icon-transfer-e-w { background-position: -96px -80px; } #new-layout .ui-icon-transferthick-e-w { background-position: -112px -80px; } #new-layout .ui-icon-folder-collapsed { background-position: 0 -96px; } #new-layout .ui-icon-folder-open { background-position: -16px -96px; } #new-layout .ui-icon-document { background-position: -32px -96px; } #new-layout .ui-icon-document-b { background-position: -48px -96px; } #new-layout .ui-icon-note { background-position: -64px -96px; } #new-layout .ui-icon-mail-closed { background-position: -80px -96px; } #new-layout .ui-icon-mail-open { background-position: -96px -96px; } #new-layout .ui-icon-suitcase { background-position: -112px -96px; } #new-layout .ui-icon-comment { background-position: -128px -96px; } #new-layout .ui-icon-person { background-position: -144px -96px; } #new-layout .ui-icon-print { background-position: -160px -96px; } #new-layout .ui-icon-trash { background-position: -176px -96px; } #new-layout .ui-icon-locked { background-position: -192px -96px; } #new-layout .ui-icon-unlocked { background-position: -208px -96px; } #new-layout .ui-icon-bookmark { background-position: -224px -96px; } #new-layout .ui-icon-tag { background-position: -240px -96px; } #new-layout .ui-icon-home { background-position: 0 -112px; } #new-layout .ui-icon-flag { background-position: -16px -112px; } #new-layout .ui-icon-calendar { background-position: -32px -112px; } #new-layout .ui-icon-cart { background-position: -48px -112px; } #new-layout .ui-icon-pencil { background-position: -64px -112px; } #new-layout .ui-icon-clock { background-position: -80px -112px; } #new-layout .ui-icon-disk { background-position: -96px -112px; } #new-layout .ui-icon-calculator { background-position: -112px -112px; } #new-layout .ui-icon-zoomin { background-position: -128px -112px; } #new-layout .ui-icon-zoomout { background-position: -144px -112px; } #new-layout .ui-icon-search { background-position: -160px -112px; } #new-layout .ui-icon-wrench { background-position: -176px -112px; } #new-layout .ui-icon-gear { background-position: -192px -112px; } #new-layout .ui-icon-heart { background-position: -208px -112px; } #new-layout .ui-icon-star { background-position: -224px -112px; } #new-layout .ui-icon-link { background-position: -240px -112px; } #new-layout .ui-icon-cancel { background-position: 0 -128px; } #new-layout .ui-icon-plus { background-position: -16px -128px; } #new-layout .ui-icon-plusthick { background-position: -32px -128px; } #new-layout .ui-icon-minus { background-position: -48px -128px; } #new-layout .ui-icon-minusthick { background-position: -64px -128px; } #new-layout .ui-icon-close { background-position: -80px -128px; } #new-layout .ui-icon-closethick { background-position: -96px -128px; } #new-layout .ui-icon-key { background-position: -112px -128px; } #new-layout .ui-icon-lightbulb { background-position: -128px -128px; } #new-layout .ui-icon-scissors { background-position: -144px -128px; } #new-layout .ui-icon-clipboard { background-position: -160px -128px; } #new-layout .ui-icon-copy { background-position: -176px -128px; } #new-layout .ui-icon-contact { background-position: -192px -128px; } #new-layout .ui-icon-image { background-position: -208px -128px; } #new-layout .ui-icon-video { background-position: -224px -128px; } #new-layout .ui-icon-script { background-position: -240px -128px; } #new-layout .ui-icon-alert { background-position: 0 -144px; } #new-layout .ui-icon-info { background-position: -16px -144px; } #new-layout .ui-icon-notice { background-position: -32px -144px; } #new-layout .ui-icon-help { background-position: -48px -144px; } #new-layout .ui-icon-check { background-position: -64px -144px; } #new-layout .ui-icon-bullet { background-position: -80px -144px; } #new-layout .ui-icon-radio-off { background-position: -96px -144px; } #new-layout .ui-icon-radio-on { background-position: -112px -144px; } #new-layout .ui-icon-pin-w { background-position: -128px -144px; } #new-layout .ui-icon-pin-s { background-position: -144px -144px; } #new-layout .ui-icon-play { background-position: 0 -160px; } #new-layout .ui-icon-pause { background-position: -16px -160px; } #new-layout .ui-icon-seek-next { background-position: -32px -160px; } #new-layout .ui-icon-seek-prev { background-position: -48px -160px; } #new-layout .ui-icon-seek-end { background-position: -64px -160px; } #new-layout .ui-icon-seek-start { background-position: -80px -160px; } #new-layout .ui-icon-seek-first { background-position: -80px -160px; } #new-layout .ui-icon-stop { background-position: -96px -160px; } #new-layout .ui-icon-eject { background-position: -112px -160px; } #new-layout .ui-icon-volume-off { background-position: -128px -160px; } #new-layout .ui-icon-volume-on { background-position: -144px -160px; } #new-layout .ui-icon-power { background-position: 0 -176px; } #new-layout .ui-icon-signal-diag { background-position: -16px -176px; } #new-layout .ui-icon-signal { background-position: -32px -176px; } #new-layout .ui-icon-battery-0 { background-position: -48px -176px; } #new-layout .ui-icon-battery-1 { background-position: -64px -176px; } #new-layout .ui-icon-battery-2 { background-position: -80px -176px; } #new-layout .ui-icon-battery-3 { background-position: -96px -176px; } #new-layout .ui-icon-circle-plus { background-position: 0 -192px; } #new-layout .ui-icon-circle-minus { background-position: -16px -192px; } #new-layout .ui-icon-circle-close { background-position: -32px -192px; } #new-layout .ui-icon-circle-triangle-e { background-position: -48px -192px; } #new-layout .ui-icon-circle-triangle-s { background-position: -64px -192px; } #new-layout .ui-icon-circle-triangle-w { background-position: -80px -192px; } #new-layout .ui-icon-circle-triangle-n { background-position: -96px -192px; } #new-layout .ui-icon-circle-arrow-e { background-position: -112px -192px; } #new-layout .ui-icon-circle-arrow-s { background-position: -128px -192px; } #new-layout .ui-icon-circle-arrow-w { background-position: -144px -192px; } #new-layout .ui-icon-circle-arrow-n { background-position: -160px -192px; } #new-layout .ui-icon-circle-zoomin { background-position: -176px -192px; } #new-layout .ui-icon-circle-zoomout { background-position: -192px -192px; } #new-layout .ui-icon-circle-check { background-position: -208px -192px; } #new-layout .ui-icon-circlesmall-plus { background-position: 0 -208px; } #new-layout .ui-icon-circlesmall-minus { background-position: -16px -208px; } #new-layout .ui-icon-circlesmall-close { background-position: -32px -208px; } #new-layout .ui-icon-squaresmall-plus { background-position: -48px -208px; } #new-layout .ui-icon-squaresmall-minus { background-position: -64px -208px; } #new-layout .ui-icon-squaresmall-close { background-position: -80px -208px; } #new-layout .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } #new-layout .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } #new-layout .ui-icon-grip-solid-vertical { background-position: -32px -224px; } #new-layout .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } #new-layout .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } #new-layout .ui-icon-grip-diagonal-se { background-position: -80px -224px; } #new-layout .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } #new-layout .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } #new-layout .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } #new-layout .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #new-layout .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } #new-layout .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #new-layout .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #new-layout .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } #new-layout .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #new-layout .ui-widget-overlay { background: #000 url("") 50% 50% repeat-x; opacity: .50; filter: Alpha(Opacity=50); } #new-layout .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../lib/jqueryui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #new-layout .ui-resizable { position: relative; } #new-layout .ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block; } #new-layout .ui-resizable-disabled .ui-resizable-handle, #new-layout .ui-resizable-autohide .ui-resizable-handle { display: none; } #new-layout .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } #new-layout .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } #new-layout .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } #new-layout .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } #new-layout .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } #new-layout .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } #new-layout .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } #new-layout .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } #new-layout .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } #new-layout .ui-datepicker { width: 342px; padding: .2em .2em 0; display: none; /*z-index: 999999 !important;*/ font-size: 12px; } #new-layout .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } #new-layout .ui-datepicker .ui-datepicker-prev, #new-layout .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } #new-layout .ui-datepicker .ui-datepicker-prev-hover, #new-layout .ui-datepicker .ui-datepicker-next-hover { top: 1px; } #new-layout .ui-datepicker .ui-datepicker-prev { left: 2px; } #new-layout .ui-datepicker .ui-datepicker-next { right: 2px; } #new-layout .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } #new-layout .ui-datepicker .ui-datepicker-next-hover { right: 1px; } #new-layout .ui-datepicker .ui-datepicker-prev span, #new-layout .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } #new-layout .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } #new-layout .ui-datepicker .ui-datepicker-title select { font-size: inherit; font-weight: normal; margin: 1px 0; } #new-layout .ui-datepicker select.ui-datepicker-month-year { width: 100%; } #new-layout .ui-datepicker select.ui-datepicker-month, #new-layout .ui-datepicker select.ui-datepicker-year { width: 49%; } #new-layout .ui-datepicker table { width: 100%; font-size: inherit; border-collapse: collapse; margin: 0 0 .4em; } #new-layout .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } #new-layout .ui-datepicker td { border: 0; padding: 1px; } #new-layout .ui-datepicker td span, #new-layout .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } #new-layout .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } #new-layout .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } #new-layout .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } #new-layout .ui-datepicker.ui-datepicker-multi { width: auto; } #new-layout .ui-datepicker-multi .ui-datepicker-group { float: left; } #new-layout .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } #new-layout .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } #new-layout .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } #new-layout .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } #new-layout .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } #new-layout .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } #new-layout .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } #new-layout .ui-datepicker-row-break { clear: both; width: 100%; } #new-layout .ui-datepicker-rtl { direction: rtl; } #new-layout .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } #new-layout .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } #new-layout .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } #new-layout .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } #new-layout .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } #new-layout .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } #new-layout .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } #new-layout .ui-datepicker-rtl .ui-datepicker-group { float: right; } #new-layout .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } #new-layout .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } #new-layout .ui-datepicker-cover { display: none; /*sorry for IE5*/ display: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } #new-layout .ui-progressbar .ui-progressbar-value { height: 100%; margin: -1px; } #new-layout .modalDialog { display: none; } #new-layout .modalDialog-title { background: #5ba63c; padding: 3px 10px; margin: 0; height: 30px !important; line-height: 25px; } #new-layout .modalDialog-title h4 { margin: 0; padding: 0; font-weight: 700; font-size: 19px; color: #fff; float: left; } #new-layout .modalDialog-title p { margin: 5px 0 0; padding: 0; font-weight: 700; font-size: 19px; color: #fff; float: left; } #new-layout .modalDialog-close { width: 16px; height: 15px; background: url(../../Images/Icons/btn_Xicon.png) no-repeat 0px -15px; text-indent: -9999px; text-align: left; outline: 0 none; border: 0; float: right; display: block; margin: 5px 0; } #new-layout .modalDialog-close:after { display: block; content: " "; clear: both; } #new-layout a.modalDialog-close:hover { background-position: 0px 0px; } #new-layout a.modalDialog-close:focus { outline: 0px; } #new-layout .modalDialog-body { background: #fff; padding: 10px; border: solid 4px #5ba63c; border-top: 0 none; color: #394048; overflow: auto; font-size: 14px !important; font-family: Arial, sans-serif !important; font-weight: normal !important; } #new-layout .modalDialog-footer { background: #fff; padding: 5px 7px; border: #5ba63c; border-top: none 0px; } #new-layout div.modalDialog-footer button, #new-layout div.modalDialog-footer input[type="submit"], #new-layout div.modalDialog-footer input[type="button"] { font-family: Arial, Helvetica, Sans-Serif; font-size: 19px; font-weight: bold; padding: 5px 8px !important; margin-bottom: 0 !important; } #new-layout .hnb-aria-only { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } #new-layout .hide-table-caption caption { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } #new-layout #content-intro .MainDiv .SubDiv .contentIntro-pageTitle { float: left; } #new-layout h1.contentIntro-pageTitle { font-size: 100%; } #new-layout #pageInfo_lblPageTitle, #new-layout .TitleMain { font-family: ApexNewWeb-Bold, Tahoma; font-size: 32px; color: #5ba63c; } #new-layout .TitleSub { font-family: ApexNewWeb-Bold, Tahoma; font-size: 1.7em; padding-left: 0.5em; margin: 0; color: #5ba63c; } #new-layout button, #new-layout input, #new-layout optgroup, #new-layout select, #new-layout textarea { font-family: sans-serif; /* 1 */ font-size: 1.2em; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } #new-layout dl.inputForm dd input, #new-layout dl.newInputForm dd input[type=text], #new-layout dl.newInputForm dd input[type=password] { width: 186px; height: 24px; } #new-layout dd.bottomBoxMargin { float: left; margin-left: 0px; } #new-layout .date-time-picker input, #new-layout .date-30Day-restricted-time-picker input, #new-layout .date-year-restricted-time-picker input, #new-layout .date-today-restricted-time-picker input, #new-layout .date-today-max-restricted-time-picker input { width: 80px !important; vertical-align: top; } #new-layout button.ui-datepicker-trigger { width: 30px; padding: 3px; height: 24px; } #new-layout .reissue-box { height: 24px !important; } #new-layout #sessionLogoutDialog #btnRefreshSession, #new-layout #sessionLogoutDialog #btnAutoLogOff, #new-layout input[type=submit], #new-layout input[type=button], #new-layout input.submit-button, #new-layout input.submit-button-disabled { background: #e17a0d; /*#FFFFFF url(../../Images/UI/btn_orange-small.png) repeat-x 0px -46px;*/ border: 0px none; height: auto; /* The em padding and overflow setting is for IE only. During testing this didn't affect other browsers. http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/ */ /*padding: 0 .8em;*/ padding: 7px 10px !important; overflow: visible; margin-right: 5px; margin-bottom: 10px; color: #fff; font-weight: bold; font-size: 19px; /*text-transform: capitalize;*/ letter-spacing: 0px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; /* CSS3 specific */ /* background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(221,141,13)), color-stop(0.64, rgb(255,162,2)) ); background-image: -moz-linear-gradient( center bottom, rgb(221,141,13) 27%, rgb(255,162,2) 64% ); */ -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #new-layout .ui-datepicker-trigger img { margin-bottom: 3px; } #new-layout #mainContent_pnlDepStmt td img { height: 16px; max-width: none; width: 16px; } #new-layout input[type=text] { height: 24px; line-height: 24px; } #new-layout .payBillsTableHeader { justify-content: space-between; padding: 13px !important; width: auto; height: auto; max-width: 100%; border: 1px solid #e1e1e1; flex-wrap: wrap; } #new-layout .payBillsTableHeader .manage { order: 2; margin-bottom: 15px; width: 104px; text-align: center; font-size: 10px; } #new-layout .payBillsTableHeader .showhidden { text-align: right; order: 1; margin-bottom: 15px; width: 600px; } #new-layout #mainContent_acctList_AccountDropDownList { font-size: 12px; } #new-layout .payBillsTableHeader .btnAddAPayee { order: 5; font-size: 12px !important; height: 27px !important; } #new-layout caption.widget-title { text-align: left; height: 33px; padding: 3px 0 3px 10px; } #new-layout .bodytext { font-size: 12px; } #new-layout #mainContent_dgPayeeList th a, #new-layout #mainContent_grdRecurringTransfers th a, #new-layout #mainContent_pReport th a { font-weight: bold !important; } #new-layout #ContentPanel, #new-layout #pnlScheduledPager { border-bottom: solid 1px #E1E1E1; background-color: #EFEFEF; height: 30px; padding-top: 3px; padding-bottom: 30px; } #new-layout #sessionLogoutDialog { height: auto !important; border: solid 2px #aaaaaa; border-radius: 5px; } #new-layout #sessionLogoutDialog .modalDialog-title { background: #5ba63c; color: #fff; /*#7ac043;*/ padding: 3px 10px; margin: 0; height: 30px; line-height: 25px; vertical-align: middle; font-size: 18px; font-weight: bold; } #new-layout #sessionLogoutDialog .modalDialog-title p { margin: 0; } #new-layout #sessionLogoutDialog #sessionLogoutErrorSummary { margin-bottom: 0px; } #new-layout #sessionLogoutDialog .modalDialog-body { border: solid 5px #5ba63c; background-color: #fff; margin: 0; padding: 0 0 5px 10px; font-size: 14px; } #new-layout #sessionLogoutDialog #sessionLogoutProgressIndicator { margin-top: -10px; } #new-layout #sessionLogoutDialog .modalDialog-footer { height: 45px; background-color: #fff; padding: 5px 0 0 10px; } #new-layout #sessionLogoutDialog #sessionLogoutDialogWarningMessage { font-weight: bold; margin: 0; color: #394048; } #new-layout #sessionLogoutDialog #btnRefreshSession { /* For some reason IE7 makes these buttons larger than they should be. This width will make it consistent across browsers. */ width: 188px; } #new-layout #sessionLogoutDialog #btnAutoLogOff { /* For some reason IE7 makes these buttons larger than they should be. This width will make it consistent across browsers. */ width: 264px; } #new-layout button, #new-layout input, #new-layout optgroup, #new-layout select, #new-layout textarea { font-family: sans-serif; /* 1 */ font-size: 1.2em; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } #new-layout dl.inputForm dd input, #new-layout dl.newInputForm dd input[type=text], #new-layout dl.newInputForm dd input[type=password] { width: 186px; height: 24px; } #new-layout dd.bottomBoxMargin { float: left; margin-left: 0px; } #new-layout .date-time-picker input, #new-layout .date-30Day-restricted-time-picker input, #new-layout .date-year-restricted-time-picker input, #new-layout .date-today-restricted-time-picker input, #new-layout .date-today-max-restricted-time-picker input { width: 80px !important; vertical-align: top; } #new-layout button.ui-datepicker-trigger { width: 30px; padding: 3px; height: 24px; } #new-layout .reissue-box { height: 24px !important; } #new-layout #sessionLogoutDialog #btnRefreshSession, #new-layout #sessionLogoutDialog #btnAutoLogOff, #new-layout input[type=submit], #new-layout input[type=button], #new-layout input.submit-button, #new-layout input.submit-button-disabled { background: #e17a0d; /*#FFFFFF url(../../Images/UI/btn_orange-small.png) repeat-x 0px -46px;*/ border: 0px none; height: auto; /* The em padding and overflow setting is for IE only. During testing this didn't affect other browsers. http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/ */ /*padding: 0 .8em;*/ padding: 7px 10px !important; overflow: visible; margin-right: 5px; margin-bottom: 10px; color: #fff; font-weight: bold; font-size: 19px; /*text-transform: capitalize;*/ letter-spacing: 0px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; /* CSS3 specific */ /* background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(221,141,13)), color-stop(0.64, rgb(255,162,2)) ); background-image: -moz-linear-gradient( center bottom, rgb(221,141,13) 27%, rgb(255,162,2) 64% ); */ -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #new-layout .ui-datepicker-trigger img { margin-bottom: 3px; } #new-layout #mainContent_pnlDepStmt td img { height: 16px; max-width: none; width: 16px; } #new-layout input[type=text] { height: 24px; } #new-layout .payBillsTableHeader { justify-content: space-between; padding: 13px !important; width: auto; height: auto; max-width: 100%; border: 1px solid #e1e1e1; flex-wrap: wrap; } #new-layout .payBillsTableHeader .manage { order: 2; margin-bottom: 15px; width: 104px; text-align: center; font-size: 10px; } #new-layout .payBillsTableHeader .showhidden { text-align: right; order: 1; margin-bottom: 15px; width: 600px; margin-left: 200px; } #new-layout #mainContent_acctList_AccountDropDownList { font-size: 12px; } #new-layout .payBillsTableHeader .btnAddAPayee { order: 5; font-size: 12px !important; height: 27px !important; } #new-layout caption.widget-title { text-align: left; height: 33px; padding: 3px 0 3px 10px; } #new-layout .bodytext { font-size: 12px; } #new-layout #mainContent_dgPayeeList th a, #new-layout #mainContent_grdRecurringTransfers th a, #new-layout #mainContent_pReport th a { font-weight: bold !important; } #new-layout #pnlFullPageSpanner { height: 0 !important; } #new-layout #PersonalSelected { width: 251px !important; } #new-layout #ContentPanel, #new-layout #pnlScheduledPager { border-bottom: solid 1px #E1E1E1; background-color: #EFEFEF; height: 30px; padding-top: 3px; padding-bottom: 30px; } #new-layout #sessionLogoutDialog { height: auto !important; border: solid 2px #aaaaaa; border-radius: 5px; } #new-layout #sessionLogoutDialog .modalDialog-title p { margin: 0; } #new-layout #sessionLogoutDialog #sessionLogoutErrorSummary { margin-bottom: 0px; } #new-layout #sessionLogoutDialog .modalDialog-body { border: solid 5px #5ba63c; background-color: #fff; margin: 0; padding: 0 0 5px 10px; font-size: 14px; } #new-layout #sessionLogoutDialog #sessionLogoutProgressIndicator { margin-top: -10px; } #new-layout #sessionLogoutDialog .modalDialog-footer { height: 39px; background-color: #fff; padding: 5px 0 0 10px; } #new-layout #sessionLogoutDialog #sessionLogoutDialogWarningMessage { font-weight: bold; margin: 0; color: #394048; } #new-layout #sessionLogoutDialog #btnRefreshSession { /* For some reason IE7 makes these buttons larger than they should be. This width will make it consistent across browsers. */ width: 188px; } #new-layout #sessionLogoutDialog #btnAutoLogOff { /* For some reason IE7 makes these buttons larger than they should be. This width will make it consistent across browsers. */ width: 264px; } #new-layout div.divMrtStaticMsg { font-size: 1em; height: 82px; } #new-layout div.divMrtStaticMsg b { font-weight: bold; } #new-layout div.divMrtStaticMsg div.mrtHeaderMsg { height: 24px; } #new-layout strong, #new-layout b { font-weight: bold !important; } #new-layout p { font-size: 1em; } #new-layout div.faux-footer { font-size: 1em; } #new-layout dl.inputForm dt { width: 180px; } #new-layout h3 { clear: none; } #new-layout .gainLayout { position: relative; padding: 5px 15px; } #new-layout #ExpandedAccountSummaryRight { margin-left: 25px; } #new-layout input[type=text] { height: 24px; font-size: 14px; border-radius: 0; } #new-layout button.ui-datepicker-trigger { position: static; left: -1px; border: 1px solid #ccc; } #new-layout .lblPlaceHolder-inline { font-size: 14px !important; position: relative; } #new-layout div.widget-subheader-short { padding: 5px; } #new-layout #mainContent_transactionSearch_lnkAdvancedSearch { position: relative; top: 4px; } #new-layout dl.balanceInformation dd, #new-layout dl.expandedAccountSummaryLeft dd { width: 42%; } #new-layout #mainContent_accountSelector_AccountDropDownList { position: relative; height: 25px; border-radius: 0; right: -6px; font-size: 12px; } #new-layout #mainContent_transactionSearch_ddlReportType { position: relative; height: 25px; border-radius: 0; top: -1px; font-size: 14px; } #new-layout #mainContent_pnlNoTranHist { margin-top: 15px; } #new-layout .status-message-success, #new-layout .status-message-success-nohide, #new-layout .status-message-warning, #new-layout .status-message-warning-nohide, #new-layout .status-message-info, #new-layout .suspendedAlertWarningMessage, #new-layout .con-error { width: auto; -webkit-print-color-adjust: exact; } #new-layout div.widget-title div.widget-title-corner h3 { margin: 2px 5px 0px 0px; } #new-layout #ContentPanel { border-bottom: none; } #new-layout #pnlFromToDates .hasDatepicker { position: relative; top: -2px; } #new-layout #pnlFromToDates #btInq { position: relative; top: 3px; padding: 2px 7px !important; margin-bottom: 12px; } #new-layout #ContentPanel #pnlFromToDates { position: relative; top: -3px; } #new-layout #mainContent_btnGetHistory, #new-layout #mainContent_btnContinue, #new-layout #btnAddPayee, #new-layout #mainContent_btnUpdate1, #new-layout #btn_Reset1, #new-layout #mainContent_btnUpdate, #new-layout #btn_Reset { margin-bottom: 0 !important; margin-top: 5px !important; } #new-layout #id-widget-footer > input:nth-child(2), #new-layout #mainContent_Button1, #new-layout #beginOrderButton, #new-layout #mainContent_btSingleCheck, #new-layout #mainContent_pnlSingle > div > div.widget-footer > input:nth-child(2), #new-layout #mainContent_btCheckRange, #new-layout #mainContent_pnlMultiple > div > div.widget-footer > input:nth-child(2), #new-layout #mainContent_btDeleteMessages, #new-layout #mainContent_btPassword, #new-layout #content > div.widget > div.widget-footer > input.Action_Btn { margin-bottom: 0 !important; } #new-layout #mainContent_dgQuestions { width: calc(100% - 20px) !important; margin: 10px !important; } #new-layout input[type=text], #new-layout input[type=password] { height: 24px; font-size: 14px; border-radius: 0; font-weight: normal !important; } #new-layout dl.loginForm dt { position: relative; top: 3px; } #new-layout .voice-over-section .AdVerbiageDiv, #new-layout .voice-over-section .AdAlertsVerbiageDiv { padding-top: 0 !important; } #new-layout .voice-over-section .AdAlertsVerbiageDiv { position: relative; top: -6px; } #new-layout .voice-over-section .AdLinkStyling { text-decoration: none !important; } #new-layout .voice-over-section .AdMarginTop .widget-title { width: 100% !important; } #new-layout .voice-over-section div.leftCap, #new-layout .voice-over-section div.centerTile, #new-layout .voice-over-section div.rightCap { background: url(../../Images/detailPanelCenterCompressed.png) repeat-x !important; } #new-layout .voice-over-section .detailsSectionList { padding: 10px 0 0 0; margin: 0; } #new-layout .voice-over-section .detailsSectionList li { padding-bottom: 10px !important; font-size: 11px !important; } #new-layout .voice-over-section .divLeftFloat, #new-layout .voice-over-section .divCenterFloat, #new-layout .voice-over-section .divRightFloat { overflow: hidden !important; width: 245px !important; height: auto !important; } #new-layout .voice-over-section p.detailsSectionDataLabel { margin: 3px 0 0 0; } #new-layout .voice-over-section a#lnkViewCardDetails, #new-layout .voice-over-section #lnkMakePayment, #new-layout .voice-over-section #mainContent_accountSummaryView_retailCardAccountSummary_lnkManageRewards { font-family: Arial; color: #fff; font-weight: bold !important; margin-top: 2px; } #new-layout .voice-over-section .divLeftFloat, #new-layout .voice-over-section .divCenterFloat { margin: 0px 12px 24px 0px !important; } #new-layout #requiredCriteria { width: 300px; } #new-layout #requiredCriteria .criteria dl.inputForm dt { width: 30px; } #new-layout #optionalCriteria { width: 640px; } #new-layout #optionalCriteria dl.inputForm dt { width: 90px; } #new-layout .display-table-full-column { width: 170px; } #new-layout .display-table-bal-column { width: 110px; } #new-layout .display-table-account-number-column { /* No need to give this column so much room. Helps to make room for remaining columns. */ width: 100px; } #new-layout .display-table-application-name-column { width: 590px; } #new-layout .display-table-pay-column { width: 30px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #new-layout #searchWidgetBody button.ui-datepicker-trigger { top: -2px; } } #new-layout ul#investmentDisclaimerPoints { padding: 0 !important; } #new-layout ul#investmentDisclaimerPoints li { display: flex !important; height: 100px !important; width: 20% !important; justify-content: center; align-items: center; } #new-layout #footerContent_InvDisclaimer { border: none !important; display: block !important; } #new-layout .reportParameters { display: flex; justify-content: center; align-items: center; height: 30px; padding: 0 !important; position: relative; top: 4px; } #new-layout .reportParameters ul li { padding-right: 20px !important; } #new-layout #mainContent_accountSummaryView_installmentLoanAccountSummary_dis4ILN { margin: 5px 0 10px 0 !important; } #new-layout optgroup, #new-layout select, #new-layout textarea { font-weight: normal !important; font-family: Arial, Helvetica, sans-serif !important; border-radius: 0 !important; } #new-layout .addPayeeRow.small { width: 340px !important; } #new-layout #PersonalSelected a { font-weight: bold !important; } #new-layout #hintBlock font { font-size: 14px !important; } #new-layout div.divFMERRCCStaticMsg { height: 78px !important; } #new-layout #mainContent_accountSummaryView_retailCardAccountSummary_lnkEditNickName { position: relative; right: -250px; } #new-layout .leftPaddedText { position: relative; left: 20px; } #new-layout .divFMERRCCStaticMsg { width: 100% !important; } @-moz-document url-prefix() { #new-layout #mainContent_transactionSearch_ddlReportType option { display: block !important; } } #new-layout #sessionLogoutDialog #btnRefreshSession, #new-layout #sessionLogoutDialog #btnAutoLogOff, #new-layout input[type=submit], #new-layout input[type=button], #new-layout input.submit-button, #new-layout input.submit-button-disabled { padding: 7px 10px !important; } #new-layout #mainContent_transactionSearch_btnViewDetail { padding: 2px 7px !important; margin-bottom: 0; } #new-layout #footerContent_InvDisclaimer > tbody > tr > td { border: none; } #new-layout #content > div.widget.clearfix > div.widget-body > dl > dd > div.AccountDropDownList { margin-bottom: 15px; } .c-g-widget__container { display: flex; justify-content: center; } .o-g-bare-list > li:last-child > .u-g-border-bottom-alpha, .o-g-bare-list > li.u-g-border-bottom-alpha:last-child { border-bottom: none; } .o-g-kvp__value { top: 0; } tooltip { position: relative; top: 5px; } .calendar-tooltip-fix tooltip { position: relative; top: 0; } .c-g-header { z-index: 1003; } .arrow-z-index-fix:after { z-index: 3 !important; } @media all and (min-width: 1231px) { .o-g-frame__drawer { overflow: visible !important; } } .c-g-footer__nav-item a, .c-g-footer__nav-item a:active, .c-g-footer__nav-item a:visited, .c-g-footer__nav-item a:link { color: #fff; text-decoration: none; } .c-g-footer__nav-item a:hover { text-decoration: underline; } a.c-g-contact__link, a.c-g-contact__link:hover, a.c-g-contact__link:active, a.c-g-contact__link:visited, a.c-g-contact__link:link { color: #fff; } #footer { padding: 0 !important; } @media all and (max-width: 640px) { .c-g-footer__content .u-g-border-left-thin-alpha { border-left: none; } .c-g-footer__content .c-g-footer__nav-item { display: inline-block !important; margin-right: 5rem !important; } } #searchWidgetBody * dl { line-height: 24px !important; } #form-ip4-widgetinsight { width: 100%; } #searchWidgetBody { height: 210px !important; } .footer-margin { float: none !important; } #mainContent_pPayeeInfo { display: flex; } #mainContent_pPayeeInfo .left-float, #mainContent_pPayeeInfo .right { float: none; } #mainContent_imgDeliveryMethod { position: relative; top: 7px; } #mainContent_editPayeeFooter .Action_Btn { margin-bottom: 0 !important; } #mainContent_transactionSearch_btnViewDetail { height: 28px; font-size: 19px !important; } #AccountSummaryRight { float: right !important; } #cdInfo { padding-left: 1px !important; } .noDialogTitle .ui-dialog-titlebar { display: none; } .modalDialog { display: none; } .modalDialog-title { background: #5ba63c; padding: 3px 10px; margin: 0; height: 30px; line-height: 25px; } .modalDialog-title h4 { margin: 0; padding: 0; font-weight: 700; font-size: 19px; color: #fff; float: left; } .modalDialog-title p { margin: 5px 0 0; padding: 0; font-weight: 700; font-size: 19px; color: #fff; float: left; } .modalDialog-close { width: 16px; height: 15px; background: url(../../Images/Icons/btn_Xicon.png) no-repeat 0px -15px; text-indent: -9999px; text-align: left; outline: 0 none; border: 0; float: right; display: block; margin: 5px 0; } .modalDialog-close:after { display: block; content: " "; clear: both; } a.modalDialog-close:hover { background-position: 0px 0px; } a.modalDialog-close:focus { outline: 0px; } .modalDialog-footer { background: #fff; padding: 5px 7px; border: #5ba63c; border-top: none 0px; } div.modalDialog-footer button, div.modalDialog-footer input[type="submit"], div.modalDialog-footer input[type="button"] { font-family: Arial, Helvetica, Sans-Serif; font-size: 19px; font-weight: bold; } .status-message-success, .status-message-success-nohide { border: solid 1px #090; background: #fff url(../../Images/Icons/Success.png) no-repeat 15px 12px; } .status-message-success div span, .status-message-success-nohide div span { font-weight: bold; } .status-message-warning, .status-message-warning-nohide { border: solid 2px #e9bc26; background: #fff url(../../Images/Icons/Alert.png) no-repeat 15px 15px; } .status-message-warning div, .status-message-warning-nohide div { padding: 0px 0px 0px 20px; } .status-message-warning div span, .status-message-warning-nohide div span { color: #000; } .status-message-info { border: solid 1px #90CA5D; background: #fff url(../../Images/Icons/Info.png) no-repeat 15px 50%; } .status-message-info div { padding: 0px 0px 0px 20px; } .status-message-info div span { color: Olive; } .no-data-container { padding: 10px 10px 0 0; text-align: right; } .suspendedAlertWarningMessage { background: #fdf7eb url(../../Images/Icons/Alert.png) no-repeat 15px 15px; border: solid 1px #7ec14a; padding: 10px 10px 10px 60px; } .suspendedAlertWarningMessage ul { margin: 10px 0 0 0; } .suspendedAlertWarningMessage ul li { margin-left: 15px; } /***** End: Status Messages *****/ input[type=submit], input[type=button], input.submit-button, input.submit-button-disabled { background: #e17a0d; border: 0px none; height: auto; padding: 0 5px; overflow: visible; margin-right: 5px; margin-bottom: 10px; color: #fff; font-weight: bold; font-size: 19px; letter-spacing: 0px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } input[type=submit].Gray_Btn { font-family: Verdana; font-weight: bold; color: #394048; background-color: #ebebeb; border-color: #394048; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #394048; letter-spacing: 0px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; margin-right: 5px; margin-bottom: 10px; font-weight: bold; font-size: 14px; padding: 4px 15px; } .modalDialog-body { background: #fff; padding: 10px; border: solid 4px #5ba63c; border-top: 0 none; overflow: visible !important; color: #394048; font-size: 14px; font-family: Arial,sans-serif; font-weight: normal; } .status-message-success, .status-message-success-nohide, .status-message-warning, .status-message-warning-nohide, .status-message-info, .suspendedAlertWarningMessage { width: 100%; margin: 20px auto; padding: 15px 10px 25px 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 18px; } div.modalDialog-footer button, div.modalDialog-footer input[type="submit"], div.modalDialog-footer input[type="button"] { padding: 5px 8px; margin-bottom: 0; } #ExpandedAccountSummaryRight { float: right !important; } .ui-datepicker { font-size: 14px !important; font-family: arial,msan-serif !important; } .ui-tooltip-content { font-size: 14px !important; } .ui-tooltip { padding: 4px !important; } #footerContent_InvDisclaimer { display: none; } #mainContent_transactionSearch_pnlReport { position: relative; top: 4px; right: 5px; } #mainContent_transactionSearch_downloadLink { margin-right: 5px; } .u-g-legacy-html .headerPending { width: 30px; } .u-g-legacy-html .rTable { margin: 0 0 0 50px; } .u-g-legacy-html .rTableCell, .u-g-legacy-html .rTableHead, .u-g-legacy-html .rTableFoot { width: 186px; } .cd-accounts .grid_6 { display: inline-block; width: 49% !important; } .cd-accounts .grid_7 { display: inline-block; vertical-align: top; width: 49% !important; } .c-g-checkbox-classic { width: 20px; height: 20px; position: relative; } .c-g-checkbox-classic label { cursor: pointer; position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin-left: 1px; } .c-g-checkbox-classic label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .c-g-checkbox-classic input[type=checkbox] + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); content: ' ' !important; opacity: 1; background: #fff !important; color: #449d29 !important; width: 15px; height: 15px; display: flex; border: 1px solid #ccc !important; margin-left: -1px; justify-content: center; align-items: center; } .c-g-checkbox-classic input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); content: '\2714' !important; opacity: 1; background: #449d29 !important; color: #fff !important; width: 15px; height: 15px; display: flex; border: none !important; margin-left: -1px; justify-content: center; align-items: center; } .modalDialog-body #mainContent_pnlModalFaq #mainContent_lblModalFaq a { font-weight: normal !important; text-decoration: none !important; border-bottom: 1px solid #000; } .modalDialog-body #mainContent_pnlModalFaq #mainContent_lblModalFaq table { width: 480px !important; } .modalDialog-body #mainContent_pnlModalFaq #mainContent_lblModalFaq table td { width: auto !important; } .modalDialog-body #mainContent_pnlModalFaq #mainContent_lblModalFaq table td:first-child { width: 37px !important; } .modalDialog-body #mainContent_pnlModalFaq #mainContent_lblModalFaq .rTableFoot { width: calc(100% - 28px) !important; } .modalDialog-body #mainContent_pnlModalFaq #mainContent_lblModalFaq div:last-child { float: none !important; max-width: 480px !important; } .transaction-history-right-side { display: flex; height: 56px; flex-direction: column; justify-content: flex-end; align-items: flex-end; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-Thin.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-Thin.woff") format("woff"), url("../fonts/HuntingtonApexWeb-Thin.svg") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-ThinItalic.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-ThinItalic.woff") format("woff"), url("../fonts/HuntingtonApexWeb-ThinItalic.svg") format("svg"); font-weight: 100; font-style: italic; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-Light.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-Light.woff") format("woff"), url("../fonts/HuntingtonApexWeb-Light.svg") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-LightItalic.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-LightItalic.woff") format("woff"), url("../fonts/HuntingtonApexWeb-LightItalic.svg") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-Book.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-Book.woff") format("woff"), url("../fonts/HuntingtonApexWeb-Book.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-BookItalic.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-BookItalic.woff") format("woff"), url("../fonts/HuntingtonApexWeb-BookItalic.svg") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-Medium.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-Medium.woff") format("woff"), url("../fonts/HuntingtonApexWeb-Medium.svg") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-MediumItalic.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-MediumItalic.woff") format("woff"), url("../fonts/HuntingtonApexWeb-MediumItalic.svg") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-Bold.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-Bold.woff") format("woff"), url("../fonts/HuntingtonApexWeb-Bold.svg") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-BoldItalic.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-BoldItalic.woff") format("woff"), url("../fonts/HuntingtonApexWeb-BoldItalic.svg") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-Ultra.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-Ultra.woff") format("woff"), url("../fonts/HuntingtonApexWeb-Ultra.svg") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-UltraItalic.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-UltraItalic.woff") format("woff"), url("../fonts/HuntingtonApexWeb-UltraItalic.svg") format("svg"); font-weight: 800; font-style: italic; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-Heavy.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-Heavy.woff") format("woff"), url("../fonts/HuntingtonApexWeb-Heavy.svg") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'HuntingtonApexWeb'; src: url("../fonts/HuntingtonApexWeb-Heavy.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-Heavy.woff") format("woff"), url("../fonts/HuntingtonApexWeb-Heavy.svg") format("svg"); font-weight: 900; font-style: italic; } @font-face { font-family: 'HuntingtonApexWeb-Caps'; src: url("../fonts/HuntingtonApexWeb-MediumCaps.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-MediumCaps.woff") format("woff"), url("../fonts/HuntingtonApexWeb-MediumCaps.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ApexNewWeb-Bold'; src: url("../fonts/HuntingtonApexWeb-Bold.eot") format("embedded-opentype"), url("../fonts/HuntingtonApexWeb-Bold.woff") format("woff"), url("../fonts/HuntingtonApexWeb-Bold.svg") format("svg"); font-style: normal; } #accountNumberLinkText { border: 1px solid #a0a0a0; padding: 3px; font-size: 12px !important; margin-left: 5px !important; } @media print { #mainContent_pnlAccountSummary > div > div.widget-title > h3, #divNoPendTitle > h3, #divTranHistTitle > h3, #divNoSchedTitle > h3 { color: #000; } #divNoPendTitle_arrows, #divTranHistTitle_arrows, #divNoSchedTitle_arrows, #accountInfo_showMoreInfo, #accountNumberLinkText, #mainContent_transactionSearch_btnViewDetail, #mainContent_transactionSearch_lnkAdvancedSearch, .transaction-history-right-side, .ui-datepicker-trigger, .backToTopUpArrow, .o-g-detail-page__hex-group, .widget-title-corner.bodytext, #mainContent_accountSummaryView_installmentLoanAccountSummary_btnMakePayment, #mainContent_accountSummaryView_pclAccountSummary_btnMakePayment, #btInq, #accountServices, .widget-title-corner, #divPendingTitle_arrows, .reportParameters, button, .review-transfer-footer, #viewManageInvestment { display: none !important; } #mainContent_pnlTranHistSearch div.widget-subheader-short { padding: 0 !important; border: none !important; border-top: none !important; } #txtFromDate, #txtToDate { border: none !important; } #new-layout dl.accountSummary dt, #new-layout dl.balanceInformation dt, #new-layout dl.accountSummary dd, #new-layout dl.balanceInformation dd { line-height: 25px !important; } #accountBalance { padding-bottom: 0 !important; } #transactionSearchFromDiv { position: relative; top: -3px; padding: 0 0 10px 0 !important; } .display-table th { border-bottom: 1px dashed #e1e1e1 !important; } .display-table tbody tr:first-child td { border-top: none !important; } .widget-title, .gainLayout { padding: 0 !important; } .display-table { border: 1px solid #E1E1E1 !important; } #new-layout #ContentPanel #pnlFromToDates { top: 4px !important; } .electronicPaymentImage, .mailPaymentImage { background-image: url(../../Images/Icons/img_billpaystatusindicators.png); } #mainContent_pnlAccountSummary > div > div.widget-body.widget-clear-padding { border: none !important; } #ExpandedAccountSummary { display: block !important; } div.widget div.widget-body, div.widget-subheader-short { border-top: solid 1px #e1e1e1 !important; } .widget-title { background: #2d822a !important; color: #000 !important; border-top-left-radius: 5px; border-top-right-radius: 5px; } .widget-body caption { background: #fff !important; border: none !important; } #FromDate, #ToDate { border: none !important; margin-top: 5px; } input[type=submit] { display: none !important; } #holdsPledgesAmt_showFAQ, #mainContent_accountSummaryView_depositAccountSummary_lnkEditNickname, #mainContent_accountSummaryView_trustAccountSummary_lnkEditNickname { text-decoration: none !important; } @-moz-document url-prefix() { #new-layout .electronicPaymentImage, #new-layout .mailPaymentImage { background: none; position: relative; width: 100% !important; } #new-layout .electronicPaymentImage::before, #new-layout .mailPaymentImage::before { display: block; position: relative; width: 100%; background: none; margin-top: -10px; } #new-layout .electronicPaymentImage::before { content: "Electronic Payment"; } #new-layout .mailPaymentImage::before { content: "Check Payment"; } #paymentHistoryTable > thead > tr > th:nth-child(1), #paymentHistoryTable > tbody > tr > th:nth-child(1) { min-width: 135px !important; } } #new-layout .hide-table-caption caption { display: none; } #new-layout th a, #new-layout td a { text-decoration: none !important; } .date-time-picker input[type=text] { border: none !important; } #ssoTrust { display: none; } #new-layout dl > dd > a { text-decoration: none !important; } a#holdsPledgesAmt_showFAQ, #ExpandedAccountSummaryLeft, #ExpandedAccountSummaryRight { font-weight: bold !important; } #new-layout div.widget div.widget-title { background-color: #fff !important; } #gainLayout, .gainLayout, .display-table, .status-message-success, .footer-text-normal { font-size: 16px !important; } #new-layout .grid_6, #new-layout .grid_7 { width: 400px !important; } #new-layout dl.balanceInformation, #new-layout dl.accountSummary { width: auto !important; } } .c-g-printing-button { display: none !important; } @media print and (-ms-high-contrast: none), (-ms-high-contrast: active) { #new-layout .checkMarkImage, #new-layout .electronicPaymentImage, #new-layout .mailPaymentImage { text-indent: 0 !important; width: 110px !important; background: none !important; } #new-layout #gainLayout, #new-layout .gainLayout, #new-layout .display-table, #new-layout .widget-body { font-size: 18px !important; } #new-layout .grid_6, #new-layout .grid_7 { width: 500px !important; } #new-layout dl.balanceInformation, #new-layout dl.accountSummary { width: auto !important; } } .c-g-printing-button { font-weight: 600 !important; font-family: "Muli", Arial, Helvetica, sans-serif !important; } #navigation_MyTeam > div > svg.c-g-nav-menu__arrow-icon:first-child { display: none !important; }