Note: * indicates values also used in ACH
Logo:
Type
Height (px)
Alignment
Height (px)
Alignment
Center
Fonts:
Family *
Size (px) *
Size (px) *
General Elements
Background
Color
Values
Body *
#cccccc
Header
#ffffff
Links *
#fe6508
Links hover *
#5e9d9f
Font
#333333
Negative text
#ff0000
Button Elements
Background
Color
Values
Button *
#ffffff #8f8f8f
Button hover *
#ffffff #8f8f8f
Accordion title *
#5e9d9f #ffffff
Accordion title hover *
#ff6600 #ffffff
Accordion content *
#ffffff
Table Elements
Background
Color
Values
Account switcher
#ffffff #000000
Account switcher hover
#41207c #ffffff
Table header *
#777777 #ffffff
Table (even) *
#dddddd
Table (odd) *
#ffffff
Utility Nav Elements
Background
Color
Values
Welcome message
#000000
Utility nav background
Utility nav link
Utility nav link hover
Primay Nav Elements
Background
Color
Values
Primary nav *
#ff6600
Primary nav link *
#ffffff
Primary nav link hover *
#5f9ea0 #ffffff
Primary nav selected *
#ff6600 #ffffff
Secondary Nav Elements
Background
Color
Values
Secondary nav link
Secondary nav link hover
Footer Elements
Background
Color
Values
Footer background
Footer border
Footer div (links and copyright)
Footer text
Footer link
Footer link hover
/**************************************************/
/* Font */
/**************************************************/
/*Fonts should only be defined as pixels on the html element. Other elements should use REM units.*/
html {
font-size: 14px;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:1rem;
}
/*Link colors. To target data section only add main in front of the selector*/
a, a:visited, .button.button-link {
color:#fe6508;
font-weight:500;
}
a:hover, a:active, .button.button-link:hover, .button.button-link:focus:enabled {
color:#5e9d9f;
}
p, .callout p {
color:#333333;
}
/*Negative Account Balance*/
.text--negative {
color:#ff0000;
}
/*Buttons*/
.button,.button.secondary{
background:transparent;
color:#8f8f8f;
border-radius: 0;
}
.button:hover,.button:focus, .button.secondary:hover, .button.secondary:focus{
background:transparent;
color:#f60;
}
.accordion-title, .accordion-title:focus {
background:#5E9D9F;
color:#fff !important;
}
.accordion-title:hover {
background:#f60;
color:#ffffff;
}
.accordion-content {
background:#ffffff;
}
/*OPTIONAL FONTS*/
input, select {
}
h1, h2, h3, .h1, .h2, .h3 {
}
h4, h5, h6, .h4, .h5, .h6 {
}
h1, .h1 {
font-size:1.71rem;
}
h2, .h2 {
font-size:1.43rem;
}
h3, .h3 {
font-size:1.28rem;
}
h4, .h4 {
font-size:1.14rem;
}
h5, .h5 {
font-size:1rem;
}
h6, .h6 {
font-size:.86rem;
}
/**************************************************/
/* Text Transform Attributes */
/**************************************************/
h1, h2, h3, .h1, .h2, .h3 {text-transform:capitalize;}
.button,.button.secondary, label , dt, th{text-transform:capitalize;}
.nav--utility a[href*="EBC_EBC1151"], .nav--primary a[href*="EBC_EBC1151"], .nav--secondary a[href*="EBC_EBC1151"]{text-transform:capitalize;}
/*Various alerts messages */
.alert--error {
background:#fbeae9;
border-color:#f7d6d3;
color:#ad3123;
}
.alert--info {
background:#d9edf7;
border-color:#bce8f1;
color:#2e6a87;
}
.alert--success {
background:#dff0d8;
border-color:#d6e9c6;
color:#3a703c;
}
.alert--warning {
background:#fffdd5;
border-color:#ffe89e;
color:#8c6b33;
}
.text--error {
color:#ad3123;
}
.text--info {
color:#2e6a87;
}
.text--muted {
color:#999;
}
.text--success {
color:#3a703c;
}
.text--warning {
color:#8c6b33;
}
/**************************************************/
/* Layout */
/**************************************************/
body {
background:#cccccc;
}
/*Initiate flex layout*/
div.ebc-main > div.columns {
display: flex;
flex-direction:column;
}
header, footer {
flex:none;
}
main {
flex:1 0 auto;
padding:var(--space) var(--space) 0;
background-color:#ffffff;
}
main::after{
content: '\00a0';
display:block;
margin-top:var(--space);
height:0px;
visibility:hidden;
}
@media (--break-lg){
main{
padding-top:var(--space-lg);
}
main::after{
margin-top:var(--space-lg);
}
}
.wrapper {
/*Fix for iPhones width */
min-width:initial;
/* Never make webpage less than 1100px wide */
}
/*Contains the Utility Navigation, Banner, and Primary Navigation*/
[role="banner"] {
margin:0px;
}
body > div.row{
max-width:1200px;
}
main#main{
max-width:100%;
padding:10px 20px;
margin-bottom:0px;
}
main#main h2 {
padding-top:10px;
}
header, header > div.row:nth-child(2){
background:#fff;
}
header div.row{
max-width:100%;
padding:0px;
}
div.row.collapse.grid.expanded.no-print-information {
max-width:100%;
padding:0px;
margin:0px;
margin-right:12px;
}
[role="banner"] {
}
[role="banner"] > div.row:first-child, [role="banner"] > div.row:first-child > div.medium-12 {
}
.bank-branding {
background:url('logo.png') no-repeat;
height:50px;
margin:22px 0 10px 40px;
}
.medium-12 {
}
div#transactions-right{
left:76%;
padding-left:0px;
}
div#transactions-left{
width:74%;
padding-left:0px;
margin-left:5px;
}
table tr th {
background-color:#777 !important;
color:#ffffff !important;
}
div [ng-controller*="AccountBalanceController"] {
max-width:100%;
padding:0px 20px;
}
.row {
max-width:100%;
}
/*Fixes Home page resizing issue*/
#home-ad-viewer > ul, #home-ad-viewer > ul > li {
height:auto !important;
max-height:none !important;
}
/*Center "More Transactions" button on Account pages*/
table {background:#FFF;}
table tbody tr.batch1button {background:#FFF;}
table tbody tr.batch1button td {border-bottom:none;}
table tbody tr.batch1button td {padding-left:12%;background:#fff !important;}
table tbody tr.batch1button td .button{width:60%;}
/*correcting a wrapping issue with long transaction descriptions*/
#accounts-transactions table td div.ng-scope{
word-wrap: break-word; word-break: break-all; word-break: break-word; overflow-wrap:break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
}
/*Removal of double box shadow on Check Viewer Widget*/
#accounts-transactions-search-check-image {
box-shadow:none;
}
/**************************************************/
/* Table Drop Shadows */
/**************************************************/
.slat {
border-color:#dfdfdf;
}
.table--underlined>thead>tr>th, .table--underlined>tbody>tr>th, .table--underlined>tbody>tr>td {
border-bottom:1px solid #dfdfdf;
}
.table--underlined>thead tr:last-child th {
border-bottom-width:2px;
}
.table--underlined>tbody tr:last-child td, .table--underlined .no-border {
border-bottom-width:0;
}
.table--underlined>tfoot td {
border-top:1px solid #dfdfdf;
}
table.table--transfers tbody td {
border-top:1px solid #dfdfdf;
}
.table--transactions tbody tr:nth-child(even), .table--trans-recent tbody tr:nth-child(even), #scheduled-transfers .table--underlined tbody tr:nth-child(even), #stopPaymentList .table--underlined tbody tr:nth-child(even), .table--underlined tbody tr:nth-child(even) {
background:#dddddd;
}
.table--transactions tbody tr:nth-child(odd), .table--trans-recent tbody tr:nth-child(odd), #scheduled-transfers .table--underlined tbody tr:nth-child(odd), #stopPaymentList .table--underlined tbody tr:nth-child(odd), .table--underlined tbody tr:nth-child(odd) {
background:#ffffff;
}
.arrow {
border-color:#dfdfdf;
}
.arrow--top-right:after {
border-bottom-color:#dfdfdf;
}
.form__group--inline + p.push--large--one-quarter {
display:none;
}
div.singleAccount .grid, .checkfree-widget-container, #home-beavercreek,#home-ad, #searchTransactionsForm, div [data-ui-component*="account-details"], div [data-bind*="modal-wrapper"], #scheduled-transfers, #stopPaymentAdd, #stopPaymentList, #iframe, div [data-bind*="ChangePassword"], div [data-bind*="ChallengeQuestions"], div [data-bind*="with: Email"], div [data-bind*="with: Phone"],div [data-bind*="with: Phone"] + div.slat, div [data-bind*="with: Mobiliti"],div [data-bind*="with: Email"] + div.slat, div.slat, div [ng-controller*="FocusController"], div [ng-controller*="WireListController"], div [ng-controller*="TransferListController"], ul.accordion, table.table--stop-payments, div.callout.ng-scope, div#transactions-left, div#transactions-right{
box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.36);
background: #f1f1f1; /*
background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%);
background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ); */
}
form[name*="loginForm"] div.slat, div[ng-if*="!transferIssue"], div[ng-if*="!stopPayIssue"], form[name*="smallBusinessBillPayEnrollmentForm"] div.slat--last, div [ng-controller*="ProfileController"], div [ng-controller*="ReviewWireListController"] {
box-shadow:none !important;
background-color:transparent !important;
}
div [data-bind*="ChangePassword"], div [data-bind*="ChallengeQuestions"], div [data-bind*="with: Email"], div [data-bind*="with: Phone"],div [data-bind*="with: Phone"] + div.slat, div [data-bind*="with: Mobiliti"],div [data-bind*="with: Email"] + div.slat {
margin-bottom:10px;
}
.mfp-content main {
box-shadow:none !important;
background:#dfdfdf !important;
}
.mfp-content div [data-bind*="modal-wrapper"] {
box-shadow:none !important;
background:#dfdfdf !important;
}
.callout, table.table--transfers tbody, table.table--stop-payments tbody, div.callout.ng-scope div.medium-12, .table--transactions-full tbody{
background-color:transparent;
}
/*Customize Maintenance Message*/
.callout.primary {
}
div [ng-controller*="FocusController"] table tbody tr td {
background-color:#f1f1f1;
}
div [ng-controller*="FocusController"], div [ng-controller*="WireListController"], div [ng-controller*="TransferListController"] {
padding:5px;
}
pre#HelpTextProfileChangePassword{
background-color:#f1f1f1;
margin-bottom:0rem;
padding-bottom:1.25rem;
}
/**************************************************/
/* Account Switcher */
/**************************************************/
#account-switcher-show {
background:#fff; opacity:.88;
}
button#account-switcher-show {
border-radius: 0px;
}
#account-switcher-show, #accountSwitcherHide, #account-switcher {
padding-left:10px !important;
padding-right:10px !important;
padding-top:5px !important;
color:#ffffff;
font-size:1.14rem;
font-weight:bold;
border: 1px solid #222222;
/* Old browsers */
background: -moz-linear-gradient(top, #777 0%, #777 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%, #777));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #777 0%, #777 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #777 0%, #777 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #777 0%, #777 100%);
/* IE10+ */
background: linear-gradient(to bottom, #777 0%, #777 100%);
}
ul#account-switcher {
background:#e9eeda none repeat scroll 0 0;
border:1px solid #333333;
color:#333333;
opacity:1 !important;
}
ul#account-switcher li {
background:#e9eeda none repeat scroll 0 0;
line-height:18px;
font-size:.9rem;
font-weight:normal;
color:#333333 !important;
}
ul#account-switcher li a {
font-size:.9rem;
font-weight:normal;
color:#333333 !important;
}
ul#account-switcher li:hover {
background-color:#41207c;
color:#ffffff !important;
}
ul#account-switcher li a:hover {
background-color:#41207c;
color:#ffffff !important;
}
/*Combined*/
#account-switcher-show, ul#account-switcher, ul#account-switcher li, ul#account-switcher li a, #ipay-account-list a {
background:#ffffff !important;
color:#000000 !important;
}
ul#account-switcher li:hover, ul#account-switcher li a:hover, #ipay-account-list a:hover {
background-color:#41207c !important;
color:#ffffff !important;
}
/**************************************************/
/* Utility Navigation */
/**************************************************/
/*Position of Utility Section*/
header div.collapse:nth-child(1) {
margin-left:10px;
}
header div.no-print::before {
display:none;
}
/*Welcome Message*/
.message--welcome {
margin-top:2px;
}
.message--welcome p {
color:#000;
font-size:.9rem;
}
/*Utility Navigation Buttons*/
.nav--utility {
}
.nav--utility li {
border-left:1px solid #cfcfcf;
height:40px;
}
.nav--utility li:first-child {
border-left:none;
}
.nav--utility a{
text-transform:none;
line-height:26px;
}
.nav--utility a:hover {
}
/**************************************************/
/* Primary Navigation */
/**************************************************/
.nav--primary {
background-color:#f60;
}
.nav--primary a {
font-size:1.14rem;
font-weight:bold;
text-transform:none;
color:#fff;
}
.nav--primary a:hover, .nav--primary li.is--selected a:hover {
background-color:#5f9ea0;
color:#fff;
}
.nav--primary li.is--selected a {
background-color:#5f9ea0;
color:#fff;
}
/**************************************************/
/* Account Navigation */
/**************************************************/
.nav--secondary {
}
.nav--secondary li a {
font-size:1rem;
font-weight:bold;
border-radius:0px !important;
}
.nav--secondary li.is--selected a, .nav--secondary li.is--selected a:hover, .nav--secondary li a:hover {
}
/**************************************************/
/* Footer */
/**************************************************/
.page--footer {
margin-bottom:0px;
}
.page--footer, .page--footer + div{
}
.page--footer div.medium-12, .page--footer .callout {
}
footer .callout {
background-color:transparent;
color:#ffffff;
}
footer nav{
}
footer .callout p {
}
footer a.navitem {
}
footer a.navitem:hover {
text-decoration: underline;
}
/**************************************************/
/* Media Queries */
/**************************************************/
@media screen and (max-width: 1023px) {
div#transactions-left{
width:100%;
padding-left:0px;
margin-top:15px;
margin-left:0px;
}
div.row.collapse.grid.expanded.no-print-information {
max-width:100%;
padding:0px !important;
margin:0px;
}
}
@media screen and (max-width: 599px) {
html {
font-size:12px;
}
div.row, main#main {
padding:0px 5px;
}
body > div.row {
padding:0px;
}
header > div.row:last-child{
padding:0px;
}
/*Add "mobile" logo here*/
.bank-branding {
margin:10px;
}
.nav--primary {
}
.nav--primary li{
}
.nav--primary li:first-child{
border-top:0px;
}
.nav--primary a {
font-size:1rem;
font-weight:bold;
text-transform:none;
}
div.singleAccount .grid, .checkfree-widget-container, #home-beavercreek,#home-ad, .table--transactions, #searchTransactionsForm, div [data-ui-component*="account-details"], div [data-bind*="modal-wrapper"], #scheduled-transfers, #stopPaymentAdd, #stopPaymentList, #iframe, div [data-bind*="ChangePassword"], div [data-bind*="ChallengeQuestions"], div [data-bind*="with: Email"], div [data-bind*="with: Phone"],div [data-bind*="with: Phone"] + div.slat, div [data-bind*="with: Mobiliti"],div [data-bind*="with: Email"] + div.slat, div.slat, div [ng-controller*="FocusController"], div [ng-controller*="WireListController"], div [ng-controller*="TransferListController"], ul.accordion, table.table--stop-payments, div.callout.ng-scope, div#transactions-left, div#transactions-right{
box-shadow:none;
}
}
@media screen and (max-width: 360px) {
html {
font-size:10px;
}
thead th, td {
padding: 0px 2px;
font-size: 1rem;
}
}
@media print {
html {
font-size:14px;
}
header {
display:none;
}
main{
margin:0 !important;
}
main#main {
height:50px;
width:inherit;
padding:0px;
}
div.ebc-main > div.columns {
display: inherit;
}
div#transactions-left{
width:100%;
}
footer {
display:none;
}
}
Fonts:
Family
Size (px)
Size (px)
General Styles
Background
Color
Border
Values
Body
#cccccc
Links
#fe6508
Links hover
#5e9d9f
Button
#ffffff #8f8f8f
Button hover
#ffffff #8f8f8f
Navigation tabs
#ff6600 #ffffff
Navigation tabs hover
#5f9ea0 #ff6600
Navigation tabs selected
#5f9ea0 #ff6600
Accordion
#5e9d9f #ffffff #e6e6e6
Accordion hover
#ff6600 #ffffff #e6e6e6
Accordion content
#ffffff #e6e6e6
Incoming ACH header
#ff6600
Table header
#777777 #ffffff #777777
Table (even)
#dddddd
Table (odd)
#ffffff
Details
#e2e2e2
/**************************************************/
/* WebFonts */
/* Applicable only to Custom themes */
/**************************************************/
/**************************************************/
body, p, a, h5, label, option {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
background:transparent;
color:#0a0a0a;
}
main{
box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.36);
background-color:#ffffff;
}
a,.button.button-link {
color:#fe6508;
}
a:hover, .button.button-link:hover {
color:#5e9d9f;
}
.button, .button.secondary {
background-color:#ffffff;
color:#8f8f8f;
border-color:#ddd;
}
.button:hover, .button.secondary:hover {
background-color:#ffffff;
color:#8f8f8f;
border-color:#ddd;
}
/* Main navigation tabs */
.tabs-title > a, input ~ .switch-paddle {
background-color:#ff6600;
color:#ffffff;
}
.tabs-title > a:hover {
background-color:#5f9ea0 !important;
color:#ffffff;
}
.tabs-title.is-active > a, input:checked ~ .switch-paddle, .datepicker td.active.day {
background-color:#5f9ea0 !important;
color:#ffffff;
}
/* Batch Accordions */
.accordion {
border: 1px solid #e6e6e6;
}
.accordion-title {
color: #ffffff;
border-bottom: 1px solid #e6e6e6;
background: #5e9d9f !important;
}
.accordion-title:hover, .accordion-title:focus {
background-color: #ff6600 !important;
border-bottom: 1px solid #e6e6e6;
color: #ffffff;
}
.accordion-content {
border-bottom: 1px solid #e6e6e6;
background-color: #ffffff;
}
/* Table Headers */
.callout.incoming-header {
background-color:#ff6600;
}
.template-group-header, .table-header {
background-color:#777777;
color:#ffffff;
}
.tab-highlight, .ach-slat, .header-slat, .batch-section, .thick-header, table thead tr th {
border-color:#ff6600;
border-width:3px;
}
table tbody tr:nth-child(even) {
background-color:#dddddd;
}
table tbody tr:nth-child(odd) {
background-color:#ffffff;
}
.row--expanded--details {
background-color:#e2e2e2 !important;
}
/*Default Overrides*/
.file-section {
color:#0a0a0a;
}
.row {
max-width:100%;
}
.max-width {
width:auto;
word-wrap: break-word; word-break: break-all; word-break: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
}
Indicates examples are available.
General Styles
Background
Color
Border
Values
Body
#f5f5f5
Text
#545454
Header
#30a340 #ffffff #ff6600
Form body
#f5f5f5
Help text
#f9f9f9
Footer
Login button
#ff6600 #ffffff
Login button Hover
#30a340 #ffffff
"Next" button
#ff6600 #ffffff
"Cancel" button
#30a340 #ffffff
html {
}
/* Body */
body {
background:#f5f5f5;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
/* Text Color */
body, select {
color:#545454;
}
/* Links */
a {
text-decoration:none;
}
/* Header */
.header {
padding-left:0 !important;
padding-right:0 !important;
border-bottom:5px #f60 solid;
}
/* Header Text */
.header .h1 {
padding:10px 0;
background:#30a340;
color:#fff;
text-shadow:0px -1px 0px rgba(0,0,0,0.3);
}
/* Form Body Background */
.form__body {
background:#f5f5f5;
}
/* Enrollment Help Text */
.instructionaltext {
background:#f9f9f9;
padding:10px;
}
/* Footer Background */
.form__footer {
}
/* Login Now Button Positioning */
p.no-margin--top {
position:relative;
}
/* Login Now Button */
a[data-dma="Cancel"] {
position:absolute;
margin:8px 0 0 0;
padding:10px;
background:#f60;
color:#fff;
text-shadow:0px -1px 0px rgba(0,0,0,0.3);
}
/* Login Now Button Hover */
.form__group a:hover, .form__group a:active, .form__group a:visited, .form__group .button__link:hover, .form__group .button__link:active, .form__group .button__link:visited {
background:#30a340;
color:#fff;
text-shadow:0px -1px 0px rgba(0,0,0,0.3);
}
/* Primary / Next Button */
.button.primary, .button.primary:active, .button.primary:hover, .button.primary:focus, .button.primary:visited {
background-color:#f60;
color:#fff;
border-color:rgba(255,255,255,.6);
}
/* Secondary / Cancel Button */
.button.secondary, .button.secondary:active, .button.secondary:hover, .button.secondary:focus, .button.secondary:visited {
background:#30a340;
color:#fff;
border-color:rgba(255,255,255,.6);
text-shadow:0px -1px 0px rgba(0,0,0,0.3);
}
/* Border Radius */
button, .button, a[data-dma="Cancel"] , [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select, dl dd {border-radius:6px;}
Fonts:
Family
Size (px)
Size (px)
General Styles
Background
Color
Border
Values
Body
#ffffff
Main nav background
Main nav links
Main nav links hover
Main nav links active
New alert
#EE9911
Button
#AA8899 #FFAABB
Button hover
#DD7788 #77CC88
Expand icon
#BB5566
Accordion button
#AA8899 #FFAABB
Accordion button hover
#DD7788 #77CC88
/******************CUSTOM FONT SETUP**********************/
@font-face {
font-family: 'font-name';
src: url(data:font/truetype;charset=utf-8;base64,) format('truetype');
font-weight: normal;
font-style: normal;
}
/***************Body & Font Settings*****************/
body {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
}
.row {
max-width:100%;
}
h1, .h1, panel h1, .panel h1 {
font-size:1.70rem;
font-family: Arial, Helvetica, sans-serif;
}
h2, .h2, panel h2, .panel h2 {
font-size:1.40rem;
font-family: Arial, Helvetica, sans-serif;
}
h3, .h3, panel h3, .panel h3 {
font-size:1.30rem;
font-family: Arial, Helvetica, sans-serif;
}
h4, .h4, panel h4, .panel h4 {
font-size:1.10rem;
font-family: Arial, Helvetica, sans-serif;
}
h5, .h5, panel h5, .panel h5 {
font-size:1rem;
font-family: Arial, Helvetica, sans-serif;
}
h6, .h6, panel h6, .panel h6 {
font-size:.90rem;
font-family: Arial, Helvetica, sans-serif;
}
small {
font-size:75%;
}
/*removes border added to he top of the main navigation line*/
#title-separator {
border:0px;
}
/*Main nav line - simialr structure to NAV3*/
.hero {
background-color:#FFFFFF;
}
.tabs .tab-title>a {
background-color:#00FF00;
color:#0000FF;
font-family: Arial, Helvetica, sans-serif;
border:0px;
}
.tabs .tab-title>a:hover {
background-color:#FFFF00;
color:#FF00FF;
}
.tabs .tab-title.active>a {
background-color:#00FFFF;
color:#110000;
}
/*Main section*/
.panel {
background-color: #FFFFFF;
}
/*New Alert triangle icon*/
.unread-triangle {
border-left:10px solid #EE9911;
}
/*Button Color Setup*/
.button {
background-color:#AA8899;
color:#FFAABB;
}
.button:hover, .button:focus {
background-color: #D78;
color:#7C8;
}
/*Alert Options Accordion Section*/
.accordion .accordion-navigation>a{
background-color:#EEEEEE;
}
.accordion .accordion-navigation>a:hover {
background-color:#CCCCCC;
}
.expand-icon {
color:#B56;
}
/*Buttons Within Accordian*/
.sub-alert-group>li a {
background-color:#A89;
color:#FAB;
}
.sub-alert-group>li a:hover {
background-color: #D78;
color:#7C8;
}
/*Contact Options Section Background Color*/
.contact-card, .sent-alert {
background-color:#EEEEEE;
}
General Styles
Background
Color
Values
Background
#ffffff
Container
#ebebeb
Menu Background
#6bb336
Menu Links
#000000
Menu Links Hover
#000000
Menu Links - Active
#ebebeb #000000
Headers
#69b13b
Links
#0791d2
Links Hover
#0791d2
Buttons
#ffb980 #ffffff
body {
background-color:#FFFFFF;
}
/*Main Navigation Background Setup*/
#menu {
background: #6bb336;
height: 30px;
}
/*Removed Default background of Navigation Buttons*/
#menu .on{
background: transparent;
}
#menu a{
color: #000000;
}
#menu a:hover {
color: #000000;
}
/*Active Button Setup*/
#menu .on a {
background: #ebebeb;
color: #000000;
padding: 0px 15px 0px 15px;
height: 28px;
text-align: center;
line-height: 30px;
border-top-left-radius:6px;
border-top-right-radius:6px;
}
/*Header Colors Across TransferNow*/
h2, h2.tablecaption {
color: #69b13b;
}
a, a.miniexpand {
color: #0791d2;
}
a:hover, a.miniexpand:hover {
color:#0791d2;
}
/*Sets Background of App and corrects a width issue*/
.left {
width: 100%;
background: #ffffff;
}
/*Button Setup*/
a.orange, a.orange span{
background: #ffb980;
color: #ffffff;
border-radius:5px;
}
.footer{
display:none;
}