html, body, form { margin:0; padding:0; }
html, body { height:100%; width:100%; }
body { background-color:rgb(255, 255, 255); color:rgb(0,0,0); }
body, .chicletMenu { font:10pt/12pt Helvetica,Arial,sans-serif; }
form { min-height:100%; position:relative; width:100%; }

#wrapper { z-index:-1 !important; }
form.help-container { overflow:auto; padding:0.5em 1em; }

#copyright { display:block; font-size:7pt; font-size:7.25pt; font-weight:bold; left:50%; line-height:7pt; margin:-1.1em 0 0 -490px; position:absolute; right:0; text-align:center; top:100%; width:980px; z-index:-1; }
#server { color:rgb(84, 84, 84); color:rgba(0, 0, 0, 0.6); display:inline-block; font-size:7pt; font-size:7.25pt; font-weight:bold; left:50%; line-height:7pt; margin:-1.1em 0 0 -445px; position:absolute; text-align:left; top:100%; width:200px; z-index:-1; }
#admin { color:rgb(0, 0, 255); display:inline-block; font-size:7pt; font-size:7.25pt; font-weight:bold; left:50%; line-height:7pt; margin:-1.1em 0 0 252px; position:absolute; text-align:right; top:100%; width:200px; z-index:0; }
#your-user-id { font-weight: bold; text-align: center; }

* { box-sizing:border-box; margin:0; padding:0; }
select { padding:1px; }
a img { border:0; }

input[type=text], input[type=number], input[type=password], textarea, div[contenteditable] { border:1px solid #666; padding:2px; }
input[type=text]:hover, input[type=number]:hover, input[type=password]:hover, textarea:hover, div[contenteditable]:hover { border:1px solid #26A0DA; }
input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus, div[contenteditable]:focus { border:1px solid #000; }
input[type=text].toupper { text-transform:uppercase; }
p { margin:0.95em 0; }
div.v2, p.v2, div.v2 *, p.v2 * { margin:0; padding:0; } /* for compat */
input[type=checkbox], input[type=radio], input+label { margin-left:0.25em; vertical-align:middle; }
input[type=text]+input[type=checkbox] { margin-left:1em; }
input.w3 { width:35px; } input.w2 { width:25px; } input.w4 { width:45px; } input.w9 { width:95px; }

a.help-popup { background-position:center center; background-repeat:no-repeat; display:inline-block; font-size:0; height:16px; vertical-align:text-bottom; width:16px; }

input[type=text].datepicker { width:95px; }
.radio-list-horizontal * { line-height: 20px; vertical-align: middle; }
.radio-list-horizontal label { margin-left:5px; margin-right:30px; }
.radio-list-horizontal label:last-of-type { margin-right:0; }

.lpad-xs { margin-left:15px; } .rpad-xs { margin-right:15px; }
.lpad-s { margin-left:30px; }  .rpad-s { margin-right:30px; }
.lpad-m { margin-left:60px; }  .rpad-m { margin-right:60px; }
.lpad-l { margin-left:90px; }  .rpad-l { margin-right:90px; }
.help-pane { overflow-x:hidden; overflow-y:auto; }

#ifBody { background-color:#FFF; background-image:none; }
#ifBody form { padding:5px; position:relative; }
.form-vars { display:none; }

#btnPlaceholder { left:-50px; position:absolute; top:-50px; visibility:hidden; z-index:-1; }
.btn { 
    -webkit-appearance: none;
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1em;
    line-height: 1.5;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    -webkit-user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
}
.btn:hover, .btn:focus, .btn:active { background-color:#e0e0e0; }
.btn:hover, .btn:focus { 
	background-position:0 -15px;
	border-color:#adadad;
}
.btn:active {
	background-image:none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	border-color:#dbdbdb;
}
.btn.btn-xxs { font-size:0.9em; padding:1px 4px; }
.btn.btn-xs { font-size:0.9em; padding:2px 6px; }
.btn.btn-sm { font-size:1em; padding:3px 8px; }
.btn.btn-lg { font-size:1.2em; padding:6px 12px; }
.btn.btn-xl { font-size:1.3em; padding:8px 15px; }
.btn.btn-xxl { font-size:1.5em; padding:8px 15px; }
.btn.btn-xxs.fixed, .btn.btn-xs.fixed { min-width:60px; }
.btn.btn-sm.fixed { min-width:75px; }
.btn.fixed { min-width:90px; }
.btn.btn-lg.fixed { min-width:110px; }
.btn.btn-xl.fixed, .btn.btn-xxl.fixed { min-width:150px; }
.btn[disabled] {
    background-color: #eee !important;
    background-image: none !important;
    background-position: 0 0 !important;
    border: 1px solid #ddd !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) !important;
    color: #aaa;
    cursor: default !important;
}
a.btn { color:inherit; text-decoration:none; }
@-moz-document url-prefix() 
{
    .btn.btn-xxs { padding:1px 2.5px; }
    .btn.btn-xs { padding:1.5px 4px; }
    .btn.btn-sm { padding:2.5px 5.5px; }
    .btn.btn-lg { padding:5px 10px; }
    .btn.btn-xl { padding:6px 12px; }
    .btn.btn-xxl { padding:8px 15px; }
}

br.c, br.clear { clear:both; }
.l { text-align:left; } .c { text-align:center; } .r { text-align:right; }
.t { vertical-align:top; } .m { vertical-align:middle; }
.fl { float:left; } .fr { float:right; } .fc { clear:both; }

#headerButtons { font-size:1.1em; height:75px; position:relative; }
#headerButtons .change { position:absolute; right:0; top:0; }
#headerButtons .logout { position:absolute; bottom:0; right:0; }

.pane { background-color:#FFF9F2; border-width:2px; border-style:solid; border-color:#CDB891; border-radius:7px; padding:6px; }
.pane.cke_show_borders { background-image:none; border:0; }
.loading-container { min-height:200px; }
.loadingPane {
    background:rgba(128,128,128,0.25) center center no-repeat url('../img/loading-bg.gif'); 
    border-radius:6px; 
    position:absolute; 
    z-index:1; 
}
.loadingPane.flat { border-radius:0; }
.pane-content { height:100%; overflow:auto; position:relative; width:100%; }
.pane-content.no-scroll { overflow:hidden; }
/* Make this targetted?  Or just get rid of it?
.pane-content > div { padding-right:3px; } */
.error { color:#f00; }

.justify { text-align:justify; }
.justify:after {
    content: '';
    display: inline-block;
    font-size: 0;
	margin-top: -100%;
	vertical-align: top;
    width: 100%;
}
.xs { font-size:0.7em; }

#headerBar { }
#headerBar > div { float:left; }
#headerBar > * { vertical-align:top; }
#headerLogo { display:inline-block; height:80px; margin-right:5px; width:485px; }
#headerDetails { display:inline-block; height:80px; width:485px; }
#headerDetails .container { font-size:0.79em; height:100%; line-height:1.05em; width:100%; }
#headerDetails .container div div { display:inline-block; overflow:hidden; padding:1px 2px 0 2px; white-space:nowrap; }
#headerDetails .container .links { padding-top:1px; position:relative; }
#headerDetails .container .links div:nth-child(1) { width:25%; width:24.5%; }
#headerDetails .container .links div:nth-child(2) { width:25%; width:24.5%; }
#headerDetails .container .links div:nth-child(3) { width:25%; width:24.5%; }
#headerDetails .container .links div:nth-child(4) { width:25%; width:26.5%; padding-right:26px; }
#headerDetails .container .links .language-icon { cursor:pointer; height:24px; position:absolute; right:1px; top:1px; width:24px; }
#headerDetails .container .links .language-selector { display:block; font-size:1.1em; list-style:none; padding:0.5em 0.85em; opacity:0; position:absolute; right:2px; top:32px; transition:opacity 0.1s, z-index 0.25s; z-index:-1; }
#headerDetails .container .links .language-selector.active { opacity:1; transition:opacity 0.1s, z-index 0s; z-index:1; }
#headerDetails .container .links .language-selector li { line-height:1.8em; text-align:right; }
#headerDetails .container .links .language-selector li a { display:block; }
#headerDetails .container .links .language-selector li a[disabled] { color:inherit; text-decoration:none; }
#headerDetails .container .links .language-selector li.active { font-weight:bold; }

#headerDetails .container .links .language-selector:after, #headerDetails .container .links .language-selector:before { bottom:100%; border:solid transparent; content:' '; height:0; width:0; position:absolute; pointer-events:none; }
#headerDetails .container .links .language-selector:after { border-width:5px; margin-left:-5px; right:4px; }
#headerDetails .container .links .language-selector:before { border-width:8px; margin-left:-8px; right:1px; }

/* color rules that will need to be overriden along with any .pane rules, and border-color will need to be derived from the hex codes */
#headerDetails .container .links .language-selector:after { border-color:rgba(255, 249, 242, 0); border-bottom-color:#FFF9F2; } /* border color for :after is .pane's border-color with a 0 opacity, and border-bottom-color is .pane's background-color */
#headerDetails .container .links .language-selector:before { border-color:rgba(205, 184, 145, 0); border-bottom-color:#CDB891; } /* border color for :before is .pane's background-color with a 0 opacity, and border-bottom-color is .pane's border-color */

#headerDetails .container .details div:nth-child(1) { width:49%; }
#headerDetails .container .details div:nth-child(2) { width:51%; padding-right:26px; }
#headerDetails .container .details.ext div:nth-child(2) { padding-right:0px; }
#headerDetails .container .btn { width:100%; }
#container { height:100%; min-height:648px; margin:auto; width:975px; }

.old-browser-warning { height:30px; }
.old-browser-warning div { background-color:#FFFF00; font-weight:bold; height:30px; left:0; padding:5px 0; position:fixed; right:0; top:0; z-index:65000; }
.old-browser-warning div p { font-size:1.05em; margin:0 auto; line-height:20px; text-align:center; width:960px; }
.old-browser-warning + #container { min-height:618px; }

.splitPanel { float:left; height:240px; margin:5px 0 0 5px; width:480px; }
.splitPanel.left { height:314px; }
.splitPanel.right { height:165px; }
.fullPanel { height:240px; margin:5px 5px 0 5px; width:965px; }
#secondaryDisplay { float:left; height:240px; margin:10px 5px 0 5px; width:480px; }
#cuAd > img.full { height:100%; width:100%; }
#cuAd p, #cuMessages p { margin:0.25em 0; }
#chiclets { float:left; font-size:0; margin:5px 3px 1px 1px; padding:0; position:relative; width:480px; }
.pane.right + #chiclets { margin: 3px 3px 0 1px; }
#chiclets a { background-position:center center; background-repeat:no-repeat; background-size:contain; }
.fullFooter { bottom:12px; min-height:233px; margin:5px 5px 0 5px; overflow:auto; position:absolute; top:399px; width:965px; }
.splitFooter { bottom:12px; min-height:233px; margin:5px 5px 0 5px; position:absolute; top:399px; width:480px; }
.splitFooter.left { }
.splitFooter.right { margin-left:490px; }
.fullFooter.noChiclets, .splitFooter.noChiclets { min-height:305px; top:325px; }
.fullPage { bottom:10px; min-height:565px; margin:5px 5px 0 5px; overflow:auto; position:absolute; top:80px; width:970px; }
.extended .splitPanel.left { height:334px; }
.extended .splitPanel.right { height:185px; }
.extended .splitFooter, .extended .fullFooter { min-height:213px; top:419px; }

.old-browser-warning + #container > .fullFooter,
.old-browser-warning + #container > .splitFooter { min-height:208px; top:424px; }
.old-browser-warning + #container > .noChiclets { min-height:345px; top:350px; }

#chiclets > a.unread-messages { position:relative; }
#chiclets > a.unread-messages:after { background-color:#32C932; border-radius:10px; color:#fff; content:'!'; display:inline-block; font-size:14pt; font-weight:bold; height:20px; line-height:21px; position:absolute; right:-5px; top:-5px; width:20px; }
#chiclets li > a.unread-messages { background-color:#259625; }
#chiclets li > a.unread-messages:hover { background-color:#2BAF2B; }
#chiclets + .splitPanel.pane { margin-top:0; }

.action { 
	background-color:#FFF9F2; 
	border-color:#CDB891;
	border-style:solid; 
	border-width:2px;
	border-radius:4px; 
	cursor:default;
	display:inline-block; 
	font-size:0;
	height:72px;
	margin:0 0 2px 8px;
	opacity:0.35;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	width:72px;
}
.action[href] {
	cursor:pointer; 
	opacity:1; 
}
.action > div { 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-size:contain; 
	display:inline-block; 
	height:100%; 
	opacity:0.9; 
	text-decoration:none; 
	width:100%; 
}
.action:hover, .action:focus,  .action:active { text-decoration:none; }
.action[href]:hover, .action[href]:focus { }
.action[href]:active { }
.action[href]:hover > div, .action[href]:focus > div, .action[href]:active > div { opacity:1; }
.action { background-size:contain; background-position:center center; }

table.grid td { line-height:1.6; }

/* These are lists that are selectable, the rows have actions */
.dualGrid.loanSfxGrid tbody.past-due td, .dualGrid.shareSfxGrid tbody.past-due td { background-color:#FCC; }
.dualGrid.loanSfxGrid tbody.past-due.highlighted td, .dualGrid.shareSfxGrid tbody.past-due.highlighted td { background-color:#F99; }

.dualGrid, .dualGrid th, .dualGrid td,
.soloGrid, .soloGrid th, .soloGrid td { border:1px solid #CCCBC7; padding:1px 3px; }
.dualGrid, .soloGrid { border-collapse:collapse; font-size:0.88em; width:100%; }
.dualGrid th, .soloGrid th { text-align:center; }
.dualGrid tr button { font-size:0; height:16px; line-height:16px; padding:0; vertical-align:top; width:16px; }
.dualGrid tr button {
    background-image:url(../img/grid-expand.png), linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); 
    background-repeat:no-repeat, repeat-x; 
    background-position:center center; 
    background-size:contain;
}
.dualGrid tr button.toggle {
    background-image:url(../img/grid-collapse.png), linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); 
}
.dualGrid tr button:hover, .dualGrid tr button:focus { background-position:center center, 0 -15px; }
.dualGrid tr button:active { background-image:url(../img/grid-expand.png), none; }
.dualGrid tr button.toggle:active { background-image:url(../img/grid-collapse.png), none; }
.dualGrid tr.details { display:none; font-size:0.92em; line-height:1.3em; }
.dualGrid tr.details.shown { display:table-row; }
.dualGrid tr.details td { margin:0; padding:0; }
.dualGrid tr.details p { display:inline-block; line-height:1em; margin:1px; width:49%; }
.dualGrid tr.details p.full { width:99%; }
.dualGrid tr.details p span { display:inline-block; font-weight:bold; margin-right:5px; text-align:right; width:95px; }
.dualGrid tr.details p span:after { content:':'; }

.dualGrid tr th, .soloGrid tr th {
    background: #cdb891;
    background: -moz-linear-gradient(top, #cdb891 0%, #fff9f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdb891), color-stop(100%,#fff9f2));
    background: -webkit-linear-gradient(top, #cdb891 0%,#fff9f2 100%);
    background: -o-linear-gradient(top, #cdb891 0%,#fff9f2 100%);
    background: -ms-linear-gradient(top, #cdb891 0%,#fff9f2 100%);
    background: linear-gradient(to bottom, #cdb891 0%,#fff9f2 100%);
}
.dualGrid th.sort, .soloGrid th.sort { cursor:pointer; transition:text-shadow 0.3s; }
.dualGrid th.sort:hover, .soloGrid th.sort:hover { text-shadow:1px 1px 2px rgba(255,255,255,0.75), -1px -1px 2px rgba(255,255,255,0.75), 1px -1px 2px rgba(255,255,255,0.75), -1px 1px 2px rgba(255,255,255,0.75); }
.dualGrid tbody:nth-of-type(odd) td, .dualGrid thead:nth-of-type(odd) td, .soloGrid tr:nth-of-type(odd) td { background-color:#F7F1EA; }
.dualGrid tbody:nth-of-type(even) td, .dualGrid thead:nth-of-type(even) td, .soloGrid tr:nth-of-type(even) td { background-color:#FFF9F2; }
.dualGrid tbody:nth-of-type(odd).highlighted td, .soloGrid tr:nth-of-type(odd).highlighted td { background-color:#F7E6D2; }
.dualGrid tbody:nth-of-type(even).highlighted td, .soloGrid tr:nth-of-type(even).highlighted td { background-color:#FFEEDB; }
.dualGrid tbody:not(.no-select):hover td, .dualGrid tbody:not(.no-select).highlighted:hover td, .soloGrid tr:not(.no-select):hover td, .soloGrid tr:not(.no-select).highlighted:hover td { background-color:#FF0; } /* These color items should be in branding.css as well, for CU override */
.dualGrid tbody:not(.no-select).hover td, .soloGrid tbody:not(.no-select).hover td { background-color:#FF0; } /* These color items should be in branding.css as well, for CU override */
.dualGrid, .soloGrid { margin-bottom:1em; } .dualGrid:last-child, .soloGrid:last-child { margin-bottom:0; }
.dualGrid .header, .soloGrid .header { }
.dualGrid .template, .soloGrid .template { display:none; }
.dualGrid tbody:not(.no-select) td, .soloGrid tbody:not(.no-select) td { cursor:pointer; transition:background 0.3s; }
.dualGrid tbody.no-select td, .soloGrid tbody.no-select td { cursor:default; }

/* These are lists that are NOT selectable, the rows only display */
.dualList, .dualList th, .dualList td,
.soloList, .soloList th, .soloList td { border:1px solid #CCCBC7; padding:1px 3px; }
.dualList, .soloList { border-collapse:collapse; font-size:0.88em; width:100%; }
.dualList th, .soloList th { text-align:center; }
.dualList th.sort, .soloList th.sort { cursor:pointer; transition:text-shadow 0.3s; }
.dualList th.sort:hover, .soloList th.sort:hover { text-shadow:1px 1px 2px rgba(255,255,255,0.75), -1px -1px 2px rgba(255,255,255,0.75), 1px -1px 2px rgba(255,255,255,0.75), -1px 1px 2px rgba(255,255,255,0.75); }
.dualList tr button { font-size:0; height:16px; line-height:16px; padding:0; vertical-align:top; width:16px; }
.dualList tr button {
    background-image:url(../img/grid-expand.png), linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); 
    background-repeat:no-repeat, repeat-x; 
    background-position:center center; 
    background-size:contain;
}
.dualList tr button.toggle {
    background-image:url(../img/grid-collapse.png), linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); 
}
.dualList tr button:hover, .dualGrid tr button:focus { background-position:center center, 0 -15px; }
.dualList tr button:active { background-image:url(../img/grid-expand.png), none; }
.dualList tr button.toggle:active { background-image:url(../img/grid-collapse.png), none; }
.dualList tr.details { display:none; font-size:0.92em; line-height:1.3em; }
.dualList tr.details.shown { display:table-row; }
.dualList tr.details td { margin:0; padding:0; }
.dualList tr.details p { display:inline-block; line-height:1em; margin:1px; width:49%; }
.dualList tr.details p.full { width:99%; }
.dualList tr.details p span { display:inline-block; font-weight:bold; margin-right:5px; text-align:right; width:95px; }
.dualList tr.details p span:after { content:':'; }

.dualList tr th, .soloList tr th {
    background: #cdb891;
    background: -moz-linear-gradient(top, #cdb891 0%, #fff9f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdb891), color-stop(100%,#fff9f2));
    background: -webkit-linear-gradient(top, #cdb891 0%,#fff9f2 100%);
    background: -o-linear-gradient(top, #cdb891 0%,#fff9f2 100%);
    background: -ms-linear-gradient(top, #cdb891 0%,#fff9f2 100%);
    background: linear-gradient(to bottom, #cdb891 0%,#fff9f2 100%);
}
.dualList tbody:nth-of-type(odd) td, .soloList tr:nth-of-type(odd) td { background-color:#F7F1EA; }
.dualList tbody:nth-of-type(even) td, .soloList tr:nth-of-type(even) td { background-color:#FFF9F2; }
.dualList tbody:nth-of-type(odd).highlighted td, .soloList tr:nth-of-type(odd).highlighted td { background-color:#F7E6D2; }
.dualList tbody:nth-of-type(even).highlighted td, .soloList tr:nth-of-type(even).highlighted td { background-color:#FFEEDB; }
.dualList, .soloList { margin-bottom:1em; } .dualList:last-child, .soloList:last-child { margin-bottom:0; }
.dualList .header, .soloList .header { }
.dualList .template, .soloList .template { display:none; }
.dualList td, .soloList td { cursor:default; }

table tr.header th, table thead.header th { line-height:1.35; }
.shareSfxGrid td:nth-child(1) { width:3%; }
.shareSfxGrid td:nth-child(2) { text-align:center; width:10%; }
.shareSfxGrid td:nth-child(4), .shareSfxGrid td:nth-child(5) { text-align:right; width:25%; }
.shareSfxGrid td:nth-child(5) { padding-right:5px; }

.loanSfxGrid td:nth-child(1) { width:3%; }
.loanSfxGrid td:nth-child(2) { text-align:center; width:10%; }
.loanSfxGrid td:nth-child(4), .loanSfxGrid td:nth-child(5), .loanSfxGrid td:nth-child(6) { text-align:right; width:17%; width:16.67%; }
.loanSfxGrid td:nth-child(6) { padding-right:5px; }

.loanSfxGrid tr.header th:nth-of-type(1), .shareSfxGrid tr.header th:nth-of-type(1),
.loanSfxGrid thead.header th:nth-of-type(1), .shareSfxGrid thead.header th:nth-of-type(1) { width: 1px; }

.historyGrid { display:none; }
.historyGrid td:nth-child(1) { width:10%; }
.historyGrid td:nth-child(3), .historyGrid td:nth-child(5) { text-align:right; width:12%; }
#loanSfxHistory td:nth-child(4) { text-align:right; }
.placeholder .template { display:table-row; visibility:hidden; }

#history, #suffix { position:relative; }
.pane-content .header { /* background-color:#CDB891; */ height:25px; line-height:25px; }
.pane-content .header span { margin:0 20px; }
.pane-content .header select { margin-top:1px; vertical-align: top; }
.pane-content .header input[type=submit] { vertical-align: top; min-width:70px; }
.pane-content .header button { height:25px; margin-left:50px; max-height:25px; vertical-align:top; }
.pane-content .content { bottom:0; left:0; overflow:auto; position:absolute; right:0; top:25px; }
.pane-content .content.no-header { top:0; }
.pane-content .content.sm-header { top:18px; }
.pane-content .content.lg-header { top:40px; }
.pane-content .content.xl-header { top:64px; }
#suffix > br:last-of-type, #history > br:last-of-type, .content > br:last-of-type { display:none; }

p.note { font-size:0.8em; line-height:1; margin:0; }
#history p.note { float:right; text-align:right; }

.transactionDetail { display:none; }
.transactionDetail { background-color:#CDB891; border-width:2px; border-style:solid; border-color:#C9D2E7; border-color:rgba(96,96,160,0.25); border-radius:6px; font-size:0.85em; min-width:300px; padding:5px; position:absolute; }
.transactionDetail * { cursor:default; }
.transactionDetail p { margin:1px; }
.transactionDetail h3 { border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#C9D2E7; border-bottom-color:rgba(96,96,160,0.25); margin-bottom:0.15em; margin-top:0.3em; padding-bottom:0.15em; text-align:center; }
.popupButtons { border-top-width:2px; border-top-style:solid; border-top-color:#C9D2E7; border-top-color:rgba(96,96,160,0.25); margin-top:2px; padding-top:2px; text-align:center; }
.popupButtons .btn { cursor:pointer; margin: 0 10px; }

#pendingTransactions { }
#pendingTransactions > .single-line { margin-bottom:0; }
#pendingTransactions .no-items { display:none; font-size:0.9em; margin:1em; text-align:center; }
#pendingTransactions table { font-size:0.88em; }
#pendingTransactions table:first-of-type { margin-bottom:1em; }
#pendingTransactions td { vertical-align:top; }
#pendingTransactions td:nth-child(1) { width:3%; }
#pendingTransactions td:nth-child(2) { text-align:center; width:18%; }
#pendingTransactions td:nth-child(3) { text-align:center; width:9%; }
#pendingTransactions td:nth-child(4) { text-align:right; width:15%; }
#pendingTransactions td:nth-child(5) { text-align:center; width:20%; }

#nickname .change { display:none; height:20px; margin-right:4px; vertical-align:top; width:20px; }
#nickname span { line-height:1.75; }
#nickname-change { display:none; }
#nickname-change select { width:350px; }
.single-line { overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap; }
#miniHistory td:nth-child(1) { text-align:right; width:15%; }
#miniHistory td:nth-child(2) { text-align:left; width:60%; max-width:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#miniHistory td:nth-child(3) { text-align:right; width:25%; }

h1 { font-size:1.5em; margin:1.1em auto 0.75em auto; }
h2 { font-size:1.35em; margin:0.95em auto 0.5em auto; }
h3 { font-size:1.2em; margin:0.8em auto 0.3em auto; }
h4 { font-size:1.1em; margin:0.55em auto 0.2em auto; }
h5 { font-size:1em; margin:0.3em auto 0.1em auto; }
h6 { font-size:1em; margin:0 auto; }
h6.c { margin:0 auto 0.1em auto; }
#transferFunds td:nth-child(1) { text-align:right; width:22%; }
#transferFunds td:nth-child(2),#transferFunds td:nth-child(3) { width:39%; }
#transferFunds select { display:block; margin:2px auto; width:100%; }
#transferFunds input[type=text] { margin:1px auto; width:100px; }

fieldset { border:1px solid rgba(96,96,96,0.4); border-radius:5px; font-size:0.9em; }
fieldset legend { font-weight:bold; }
fieldset p { margin:0.3em auto; }

table.fill, input.fill, select.fill { width:99%; width:99.9%; }

div.no-results { color:rgba(0,0,0,0.5); font-size:2em; font-weight:bold; line-height:1.1em; margin:1.5em; text-align:center; }
div.bottom { position:absolute; bottom:0; left:0; padding:5px; right:0; }
div.bottom.not-fixed { position:static; }

.fixed-footer { margin-bottom:2.35em; }
.fixed-footer div.bottom { position:fixed; background-color:#FFF; }

.missingRequired .label, .missingRequired label { color:#F00; font-weight:bold; }
.missingRequired input[type=text], .missingRequired input[type=password], .missingRequired select { background:#FDD; }

.no-close .ui-dialog-titlebar-close { display: none; }

/* Touch Tooltip Support */
#tooltip
{
	text-align: center;
	color: #fff;
	background: #111;
	position: absolute;
	z-index: 100;
	padding: 15px;
}

#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after
{
	border-top-color: transparent;
	border-bottom: 10px solid #111;
	top: -20px;
	bottom: auto;
}

#tooltip.left:after
{
	left: 10px;
	margin: 0;
}

#tooltip.right:after
{
	right: 10px;
	left: auto;
	margin: 0;
}

/* Login Styles */
table#login { border-collapse:collapse; margin:45px auto 0 auto; width:99%; width:99.5%; }
table#login td { padding:2px; }
table#login td:nth-of-type(1) { text-align:right; min-width:100px; }
table#login td:nth-of-type(3) { font-size:0.9em; text-align:left; min-width:150px; }
table#login td.reset { font-size:1em; }
table#login td input[type=text], table#login td input[type=password], table#login td select { width:100%; }
table#login tr.login-link td { padding:0.75em 0 0.25em 0; }

#pnlLoginQuestion { display:none; }

table#login.admin { width:75%; }
table#login.admin td:nth-of-type(1), table#login.admin td:nth-of-type(3) { min-width:150px; }

/* Self Sign-up/Account Reset Styles */
.account-type-options label { margin-right:1em; }
table.self-sign-up { margin:1em 0; }
table.self-sign-up td:nth-of-type(1) { vertical-align:top; width:250px; }
table.self-sign-up .note { font-size:0.85em; padding-bottom:1em; }
table.account-reset { margin:1em 0; }
table.account-reset td:nth-of-type(1) { vertical-align:top; width:250px; }
table.account-reset .note { font-size:0.85em; padding-bottom:1em; }
table.account-reset input+label { margin-right:2em; }

/* Challenge/Response Styles */
table#challenge { width:100%; }
table#challenge td:first-of-type { white-space:nowrap; width:120px; }
table#challenge .question { border:1px solid black; background-color:#f6f6f6; display:block; padding:3px 3px 2px 3px; }
table#challenge .under { font-size:0.75em; }

table#challenge-questions { width:100%; }
table#challenge-questions th { padding-left:3px; text-align:left; }
table#challenge-questions td:nth-child(2) input[type=text] { display:block; width:99%; }

/* Lockout Reset Styles */
table#lockout { width:100%; }
table#lockout td:first-of-type { white-space:nowrap; width:120px; }
table#lockout input[type=text], table#lockout select { width:200px; }

table#reset { width:100%; }
table#reset td:first-of-type { white-space:nowrap; width:120px; }

/* Change Pin Styles */
table#change-pin { }
table#change-pin td:nth-child(1), table#set-password td:nth-child(1), table#update-password td:nth-child(1) { line-height:1; padding-right:5px; text-align:right; width:150px; }
#pinError { color:#F00; margin-left:20px; vertical-align:middle; }

.security-check { display:inline-block; height:21px; margin-left:5px; vertical-align:top; width:21px; }
.security-check.checking { background:transparent url('../img/UID_Checking.gif') no-repeat; }
.security-check.is-good { background:transparent url('../img/UID_Valid.png') no-repeat; }
.security-check.is-bad { background:transparent url('../img/UID_Invalid.png') no-repeat; }

#restrict-list { width:500px; }
#restrict-list #accounts tr.restricted td { background-color:#FCC; }

/* Quick Transfer Styles */
#quick-transfer { overflow:hidden; }
#quick-transfer table { border-spacing:1px; border-spacing:1.5px; }
#quick-transfer td { line-height:0; }
#quick-transfer td:nth-of-type(1) { width:14%; width:13.5%; }
#quick-transfer td input[type=text] { width:100px; }
#quick-transfer td select { width:100%; }
#quick-transfer #transfer-message { padding-top:0.5em; }
#quick-transfer #transfer-help { display:none; }
#quick-transfer .btn { margin-top:4px; }
#quick-transfer #transfer-min-amount, #quick-transfer #transfer-max-amount { display:none; }
.missingRequired #transfer-min-amount, .missingRequired #transfer-max-amount { color:#F00; }
#quick-transfer td.justify:before {
    content: '';
    display: block;
    margin-top: -3px;
}
#quick-transfer #comment-transfer input { width:100%; }

#transfer-list { display:block; }
#transfer-list .container { height:255px; overflow-x:hidden; overflow-y:auto; }
#transfer-list .help-pane { height:250px; }
#transfer-detail, #transfer-edit, #transfer-ach-edit { display:none; }
#transfer-detail table, #transfer-edit table,
#transfer-ach-edit table { margin:auto; table-layout:fixed; width:99%; }
#transfer-edit tr.header,
#transfer-ach-edit tr.header { height:0; visibility:hidden; }
#transfer-edit .container { height:220px; }
#transfer-edit .help-pane { height:330px; }
#transfer-list caption p { text-align:left; }
.hidden { display:none; }

#recurring-transfers { }
#core-recurring-transfers-note, #core-recurring-transfers, #recurring-ach-transfers { display:none; }
#recurring-ach-transfers td.transfer-out:before, #recurring-ach-transfers td.transfer-in:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 15px; width: 15px;
    margin-left: -2px; margin-right: -3px;
}
#recurring-ach-transfers td.transfer-out:before { background-image: url(../img/transfer-out.png); }
#recurring-ach-transfers td.transfer-in:before { background-image: url(../img/transfer-in.png); }
.email-addr { width:250px; }
.frame-fill { border:0 !important; padding:0 !important; width:100% !important; }
.ui-dialog { line-height:0; }
.ui-dialog-titlebar, .ui-dialog > * { line-height:12pt; } /* this should match the line-height from BODY */

/* Pending Transactions */
#cc-items { display: none; }
/* Ad Rotator */
#adv-rotator { height:100%; position:relative; }
#adv-rotator a { opacity:0; left:0; position:absolute; top:0; z-index:-1; }
#adv-rotator a:first-of-type { opacity:1; z-index:0; }

/* History */
#historyTerms { display:none; }
.historyAddl { 
	background-color:#FF0;
	display:none;
	font-size:0.95em;
	line-height:1.1;
	margin:2px 0; 
	opacity:0;
	padding:2px 0; 
	text-align:center;
}
.historyAddl span {
	display: inline-block;
	min-width: 80px;
	margin-right: 5px;
}
.historyAddl .label { text-align: right; }
.historyAddl .value { font-weight: bold; text-align: left; }
.historyAddl .value:empty { display: none; }
.historySSO {
    display:none;
    padding:0.25em;
    text-align:center;
}

/* E-Statements Styles */
.launch-signup { position:absolute; top:0; left:0; right:0; height:64px; line-height:64px; text-align:center; }
.launch-signup p { line-height:1; }
.launch-signup button { vertical-align:middle; }
#signup, #signup-confirm { display:none; }
#signup-buttons div { height:30px; line-height:30px; }
#signup-buttons #confirmation input, #signup-buttons #confirmation input+label { margin-right:0.5em; vertical-align:middle; }
#signup-buttons #confirmation input[type=checkbox] { height:1.5em; width:1.5em; }
#signup-buttons #email-address { text-align:right; }
#signup-buttons #email-address input { width:200px; }

.post-spacer { margin-bottom:1.25em; }
.statement-documents { float:left; height:100%; position:relative; width:150px; }
.unenroll { margin-top:2.5em; width:95%; } 
.unenroll .btn { white-space:pre-line; width:100%; } .unenroll .error { font-size:0.85em; line-height:1.2; }
.select-statement { margin-left: 155px; }
.select-statement ul { float:left; margin-bottom:10px; width:150px; }
.select-statement ul li { list-style-type:none; }
.select-statement hr { margin:-5px 5px 0 0; }
.stmt-dialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { display:block; float:none !important; padding-left: 0.6em; }
.stmt-dialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-of-type { float:right; }

.statementFields { width:100%; }
.statementFields td { border:1px solid #777; padding:2px 1px; text-align:center; width:20%; }

#viewStatement { margin-top:1px; }

#stmt-tree { display:none; float:left; }
#stmt-tree ul, #stmt-tree ul li { margin:0; padding:0; }
#stmt-tree .stmt-type { float:left; position:relative; width:200px; }
#stmt-tree .stmt-account, #stmt-tree .stmt-year, #stmt-tree .stmt-month { float:left; position:relative; width:150px; }
#stmt-tree .stmt-account ul, #stmt-tree .stmt-year ul, #stmt-tree .stmt-month ul { display:none; }
#stmt-tree .stmt-account li, #stmt-tree .stmt-year li, #stmt-tree .stmt-month li { display:block; float:left; list-style-type:none; width:100%; }
#stmt-tree .stmt-account li a, #stmt-tree .stmt-year li a, #stmt-tree .stmt-month li a { margin:0.25em 0; }
#stmt-tree a.selected { font-weight:bold; }
#stmt-tree a, #stmt-tree a:visited { color:blue; }
.statement-header a { font-weight:normal; margin-right:2em; }
.statement-header a.selected { font-weight:bold; }

/* Tax Forms */
#form-tree { display:none; float:left; }
#form-tree ul, #form-tree ul li { margin:0; padding:0; }
#form-tree .form-account, #form-tree .form-year, #form-tree .form-name { float:left; position:relative; width:150px; }
#form-tree .form-account ul, #form-tree .form-year ul, #form-tree .form-name ul { bottom:0; display:none; left:0; position:absolute; right:0; top:0; }
#form-tree .form-account li, #form-tree .form-year li, #form-tree .form-name li { display:block; float:left; list-style-type:none; width:100%; }
#form-tree .form-account li a, #form-tree .form-year li a, #form-tree .form-name li a { margin:0.25em 0; }
#form-tree a.selected { font-weight:bold; }
#form-tree a, #form-tree a:visited { color:blue; }

/* Withdrawals */
#withdraw-container { height:160px; }
#withdraw-container p:first-of-type { margin-top:0; }
#withdraw-container > div { display:none; height:100%; position:relative; }
#withdraw-container > #withdrawFunds { display:block; }
#withdrawFunds table td.label, #withdrawHighRisk table td.label { width:150px; }
#withdrawHighRisk, #withdrawResult { display:none; }
#withdrawFunds select { width:100%; }
#withdraw-help { height: 180px; overflow-x: hidden; overflow-y: auto; }
/* Check Reordering */
#reorder-prompt, #reorder-success { }
#reorder-success { display:none; }

/* Nicknames */
#nickname-list { overflow-y:auto; }
#nickname-list p:first-of-type { margin:0 0 1em 0; line-height:2; }
#nickname-edit { display:none; overflow-y:auto; }
#nicknames td:nth-of-type(1) { text-align:center; }

/* Terms & Conditions, shared */
.terms-container { overflow-y:auto; }
.terms { }
@media only screen and (device-width: 768px) {
    .terms-container { overflow-y:scroll; -webkit-overflow-scrolling:touch; }
}
#hb-terms { }

/* Mobile Banking */
#mbSetup { }
#mbSetup-terms { height:430px; }
.terms-container ~ #mbSetup { display:none; }
#mbSetup > div { display:none; height:405px; overflow-y:auto; }
#mbEdit td.label { width:200px; }
#mbEdit input { width:280px; }
#mbEdit select { width:100%; }
#fingerprints td:nth-of-type(2) { width:100px; }
#fingerprints td:nth-of-type(3) { white-space:nowrap; width:1%; }
#fingerprints .viewing { display:block; } #fingerprints .editing { display:none; }
#fingerprints div a { margin:0 1em; }

/* E~Alerts */
#eAlerts { }
#eAlerts-terms { height:460px; }
.terms-container ~ #eAlerts { display:none; }
#eAlerts > div { display:none; height:415px; overflow-y:auto; }
#eAlerts #eAlert-list { display:block; }
#eAlert-list #no-alerts { display:none; }
#eAlert-list #current-alerts { width:100%; }
#eAlert-list #current-alerts td { vertical-align:top; }
#eAlert-list #current-alerts th:nth-of-type(2) { width:200px; } 
#eAlert-list #current-alerts th:nth-of-type(3) { width:135px; } 
#eAlert-list #alerts-at-max { display:none; font-size:0.9em; line-height:1.2; padding:1.2em 0; text-align:center; }
#eAlert-edit-step1 input { margin:0 0.5em 0 1.5em; }
#eAlert-edit-step2 table td { padding:2px 0; }
#eAlert-edit-step2 table tr:first-of-type td { padding-top:0; }
#eAlert-edit-step2 .rlist { padding:0; }
#eAlert-edit-step2 .label { min-width:200px; width:200px; }
#eAlert-edit-step2 small { display:block; }

/* ACH Transfers */
#achContainer > div { display:none; height:325px; overflow-y:auto; }
#achContainer.tall > div { height:520px; }
#achContainer #achOptions { display:block; }
#achTransfer #disclosure { border:1px solid #CCC; height:200px; overflow-y:auto; }
#achPending table td { text-align:center; }
#achPending table td:nth-of-type(3) { text-align:right; }
#achPending table td:nth-of-type(7) { text-align:left; }
#achDetails2 td { vertical-align:top; }
#achConfirm > p:first-of-type { margin-top:0; }
#fiName:before, #fiAddr:before, #fiCSZ:before, #fiPhone:before, #fiNameConfirm:before, #fiAddrConfirm:before, #fiCSZConfirm:before, #fiPhoneConfirm:before { content:'\200B'; }
#achSameDayTransfer .terms-container { height:240px; }

/* Any Account Transfers */
#any-acct-container > div { display:none; height:225px; overflow-y:auto; }
#any-acct-container > div.show { display:block; }
#org-any-acct-transfer td:nth-of-type(1) { white-space:nowrap; }
#org-any-acct-transfer select { width:100%; }
#org-any-acct-transfer #org-transfer-min-amount, #org-any-acct-transfer #org-transfer-max-amount { display:none; }
#nick-any-acct-transfer td:nth-of-type(1) { white-space:nowrap; }
#nick-any-acct-transfer select { width:100%; }
#nick-any-acct-transfer #nick-transfer-min-amount, #nick-any-acct-transfer #nick-transfer-max-amount { display:none; }

#transfer-nickname-list { overflow-y:auto; }
#transfer-nickname-list p:first-of-type { margin:0 0 1em 0; }
#transfer-nickname-edit { display:none; overflow-y:auto; }
#transfer-nicknames td:nth-of-type(1) { text-align:center; }

/* E~Notices */
#eNotices { }
#eNotices-terms { height:565px; }
.terms-container ~ #eNotices { display:none; }
#eNotices > div { display:none; height:600px; overflow-y:auto; }
#eNotices-active table th { white-space:nowrap; }
#eNotices-active table td:nth-of-type(1), #eNotices-active table td:nth-of-type(3) { text-align:center; width:80px; }
#eNotices-active table td { vertical-align:top; }
#eNotices-active table td p:first-of-type { margin-top:0; } #eNotices-active table td p:last-of-type { margin-bottom:0; }
#eNotices-active table th:nth-of-type(3), #eNotices-active table td:nth-of-type(3) { display:none; }
#eNotices-active table.read th:nth-of-type(3), #eNotices-active table.read td:nth-of-type(3) { display:table-cell; }
#eNotice-view { overflow:hidden; }
#eNotice-view-contact { display:block; }
#eNotice-view-message { display:none; }
#eNotice-view-content { height:600px; overflow:auto; } #eNotice-view-message.shown ~ #eNotice-view-content { height:535px; }
#eNotice-view-content table { border-collapse:collapse; height:calc(100% - 1px); }
#eNotice-view-content table tr:nth-of-type(1) > *,
#eNotice-view-content table tr:nth-of-type(2) > * { height:1.6em; }
#eNotice-view-content table tr:nth-of-type(3) > * { height:3.5em; }
#eNotice-view-content table td, #eNotice-view-content table th { border:1px solid #E4E4E4; padding:2px; }
#eNotice-view-content #notice-content { border:1px solid transparent; }
#eNotice-view-content #notice-content iframe {
    width: 100%;
    height: 100%;
    border: none;
}
#eNotice-view-message textarea { height:60px; max-height:60px; width:100%; max-width:100%; }
#eNotice-view .pre * { font-family:Courier,monospace; font-size:1em; line-height:1; margin:0; white-space:pre; }
#eNotice-view .cu-comment { background-color:yellow; }
#eNotice-view #cu-comment { font-weight:bold; }
.eNoticeBorder { border: 1px solid black; padding: 0.3em; }

/* Change of Address */
#change-address > div { display:none; }
#change-address > #pnlConnectedView, #change-address > #pnlManualChange, #change-address > #change-request { display:block; }
#change-address > #pnlConnectedView ~ #pnlManualChange { display:none; }
#change-address table { }
#change-address table tr td:nth-of-type(even) { font-weight:bold; }
#change-address table tr td:nth-of-type(1) { width:180px; }
#change-address #email-address { width:auto; }
#change-address #alternate-inactive { display:none; }
#change-address p.fl { width:70%; }
#change-address p.fl + .btn { margin-top:0.75em; }

#pnlConnectedView > div { border-top: 1px solid #AAA; margin: 2.5px 0; }
#pnlConnectedView > div:first-of-type { border-top:none; margin-top:0; }

.cass-suggestion { color:#008800; }

/* Secure Message */
#secure-messaging { }
#secure-messaging > div { display:none; height:525px }
#secure-messaging > #secure-message-options { display:block; }

#secure-message-list table td:nth-of-type(1) { text-align:center; width:150px; }
#secure-message-list table td:nth-of-type(3) { text-align:center; width:100px; }
#secure-message-list table td:nth-of-type(4) { text-align:center; width:150px; }
#secure-message-list table.closed th:nth-of-type(3), #secure-message-list table.closed td:nth-of-type(3) { display:none; }
#secure-message-list table tr.unread td { font-weight:bold; }
#secure-message-new textarea { height:415px; width:100%; }
#secure-message-view textarea { height:175px; width:100%; }
#secure-message-view-left, #secure-message-view-right { display:inline-block; height:495px; margin-top:3px; width:50%; }
#secure-message-view-right { float:right; position:relative; }
#secure-message-view-right #secure-message-edit-field { bottom:0; left:0; position:absolute; right:0; }
#secure-message-content {
    border:1px solid #AAA;
    font-family:monospace;
    font-size:0.885em;
    height:360px;
    overflow:auto;
    padding:2px 0 2px 2px;
    white-space:pre-wrap;
    width:99%;
}
#secure-message-attachment-list { height:200px; overflow-y:auto; }
#secure-message-details td:nth-of-type(1) { font-weight:bold; padding-right:5px; width:200px; }
#secure-message-view.closed #secure-message-mark, 
#secure-message-view.closed #secure-message-edit-field { visibility:hidden; }
#secure-messaging #message-result { background-color:#FFFFAA; border-radius:8px; display:none; padding:8px 12px; }
#secure-messaging #message-result:empty { display:none; }
#new-secure-message-header { }
#new-secure-message-header td:nth-of-type(1), #new-secure-message-header td:nth-of-type(3) { width:15%; }
#new-secure-message-header td:nth-of-type(2), #new-secure-message-header td:nth-of-type(4) { width:35%; }
#new-secure-message-header input { width:95%; } #new-secure-message-header select { width:100%; }

/* Remote Deposit */
.deposit-fields { height:100px; position:relative; }
#ddlaccount { width:100%; }

/* Preferences */
#prefs-panel { height:520px; overflow:auto; }
#prefs-panel p.missingRequired { color:#F00; }

/* Authorize PCs */
#auth-get-code, #auth-complete { display:none; }

/* Stop Pay */
#stop-pay > div { display:none; height:335px; overflow-x:hidden; overflow-y:auto; }
#no-stop-pays, #stop-pays-list-error { display:none; }
#stop-pay-step-1-draft table td:nth-of-type(1), #stop-pay-step-1-ach table td:nth-of-type(1) { width: 200px; }
#stop-pay-step-1-draft select, #stop-pay-step-1-ach select { width:100%; }

/* VISA Payments */
#make-payment #lstFromAccountTransfer { width:400px; }
#payment-made { display:none; }

/* Fiserv CC SSO */
#fiserv-credit-card select { width:250px; }

/* Loan Status */
#loan-status > div { display:none; }
#loan-status > #loan-status-loading { display:block; }
#loan-status-results table td:nth-of-type(2),
#loan-status-results table td:nth-of-type(4) { text-align:center; }
#loan-status-results table td:nth-of-type(3) { text-align:right; }

/* Debit Card Self-Op */
#debit-cards > div { display:none; }
#debit-cards > #debit-card-list { display:block; }
#debit-cards table td.label { font-weight:bold; width:250px; }
#debit-cards .expDate input { width:30px; }

/* Certificate of Deposit */
#certificate-of-deposit > div { display:none; }
#certificate-of-deposit > #cd-step1 { display:block; }
#certificate-of-deposit .terms-container { border:1px solid #AAA; height:330px; margin-bottom:1em; padding:0 0.5em; }

/* Sweep Accounts */
#sweep-accounts > div { display:none; height:400px; }
#sweep-accounts > #sweep-account-list { display:block; }
#sweep-account-pane { height:180px; }
#sweep-account-list .help-pane { height:200px; }
#sweep-account-edit input+label { margin-right:1em; }

/* Sub Accounts */
#sub-accounts > div { display:none; height:440px; width:100%; }
#sub-accounts > #sub-account-list,
#sub-accounts > .not-allowed { display:block; }
#sub-accounts > .header { display:block; height:auto; }
#sub-account-pane { height:160px; overflow-y:auto; width:100%; } /*?*/
#sub-account-list .help-pane { height:275px; }
#sub-account-edit { overflow:auto; }
#sub-account-edit tr.top td { vertical-align:top; }
#sub-account-edit .list { border: 1px solid rgba(0, 0, 0, 0.25); margin: 0 0 0.75em 0; height:128px; overflow-y:auto; }
#sub-account-edit .list.last { margin-bottom:0; }

/* Loan Application */
#loan-application > div { display:none; height:400px; overflow-y:auto; }
#loan-application > #loan-list { display:block; }
#loan-application h1 { font-size:1em; margin:0; }
#loan-application #edit-buttons, #loan-application #view-buttons { display:none; margin-top:0.5em; }
#loan-application .loan-page { display:none; height:380px; overflow-y:auto; }
#loan-application .loan-page table td:nth-of-type(1) { width:200px; }
#loan-application input[type=text].fill { width:95%; }
#loan-application input.datepicker { width:80px; }
#loan-error {
    display: inline-block;
    width: 55%;
}

/* Text Banking */
#text-banking > div { display:none; }
#text-banking > #text-banking-list { display:block; }
#text-banking-pane { height:200px; overflow-y:auto; }
#text-banking .help-pane { height:360px; }
#text-banking-nicknames td:nth-of-type(3) { text-align:center; width:80px; }

/* Bill Pay Signup */
#ipay-signup td { text-align:left; }

/* Theme Support */
.theme { padding:1em; }
.theme-thumbnail { float:left; height:120px; margin-right:1em; width:160px; }
.theme-thumbnail img { height:100%; width:100%; }
.theme-selection { float:right; height:120px; width:120px; } .theme-selection .btn { display:block; margin:18px 0; width:100%; }
.theme-name { line-height:120px; } .theme-name span { font-size:1.8em; line-height:1.5; }

/* P2P */
#p2pContainer > div { display:none; height:385px; overflow-y:auto; }
#p2pContainer #p2pHistory { display:block; }
#p2pNewPayment #disclosure { border:1px solid #CCC; height:200px; overflow-y:auto; }
#p2pContainer .details div { min-height:2.25em; position:relative; }
#p2pContainer .cancel-payment { position:absolute; bottom:0.25em; right:0.25em; min-width:100px; }
#p2pContainer .terms-container { height: 290px; }
#p2pManageRecipients .view { display:block; } #p2pManageRecipients .edit { display:none; }
#recipients td { width:33%; }
#p2pRecipient .label { white-space:nowrap; width:1%; }

/* SSOs */
#scorecard-info td { padding: 0.2em 0; width: 50%; }

/* DMS CU Docs and Member Docs */
#dms-docs, #dms-docs > div { height:100%; width:100%; }
#dms-member-docs, #dms-member-docs > div { height:100%; width:100%; }
#account-select { margin-bottom:10px; }
#account-select select { margin-right:5px; width:275px; }
#account-select td * { vertical-align:middle; }
#account-select td:nth-of-type(1) { width:48%; }
#account-select td:nth-of-type(2) { width:1%; }
#account-select td:nth-of-type(3) { width:51%; }
#upload-panel { margin:auto; width:600px; }
#upload-panel td:nth-of-type(1) { width:100px; }
#member-folders td:nth-of-type(odd) { width:19%; }
#member-folders td:nth-of-type(even) { width:1%; }
#member-folders input { margin-bottom:15px; width:100%; }
#browserView {
    height:460px;
    width:100%;
    margin:0;
    background:#9F9F9F;
}
#browserView .icon {
    margin: 0 3px 0 1px;
    vertical-align:text-bottom;
}
.breadcrumb { margin:0; }
#breadcrumbBar {
    line-height:24px;
    height:24px; /*total: 28px */
    vertical-align:middle;
    margin:0;
    padding:2px 2px 2px 2px;
    background:#FFFFFF;
    border:2px groove #BFBFBF;
    overflow:hidden;
    white-space:nowrap;
}
#fileFolderList {
    width:100%;
    height:432px;
    margin:0;
}
#folderList {
    width:18%;
    height:428px; /*total: 422px */
    background:#FFFFFF;
    border:2px groove #BFBFBF;
    vertical-align:top;
}
#folderSubList {
	width:10%;
	height:428px;
	background:#FFFFFF;
	border:2px groove #BFBFBF;
	vertical-align:top;
}
#fileList {
    height:428px; /*total: 28px */
    background:#FFFFFF;
    border:2px groove #BFBFBF;
    vertical-align:top;
}
#folderListDiv {
    height:100%;
    overflow:auto;
    margin:0;
    padding:0;
}
#fileListDiv {
    font-size:0.9em;
    height:420px;
    margin:0;
    overflow:auto;
    padding:0;
}
.fileInfoContainer { display:inline-block; float:left; }
.fileInfoDocType { display:inline-block; width:380px; word-break:break-all; }
.fileInfoDate { display:inline-block; width:100px; word-break:break-all; }
.fileInfoAccount { display:inline-block; width:140px; word-break:break-all; }
.fileInfoSequence { display:inline-block; width:100px; word-break:break-all; }
.fileInfoFolderPath { display:inline-block; width:20px; }
.fileIconContainer { display:inline-block; float:left; }
.fileIconContainer img { vertical-align:top; }
#folderListDiv > div:nth-of-type(odd) { background:#FFFFFF; padding:2px; }
#folderListDiv > div:nth-of-type(even) { background:#DFDFDF; padding:2px; }
#folderListDiv > div:hover { background:#FCFCDC !important; }

#folderSubListDiv > div:nth-of-type(odd) { background:#FFFFFF; padding:2px; }
#folderSubListDiv > div:nth-of-type(even) { background:#DFDFDF; padding:2px; }
#folderSubListDiv > div:hover { background:#FCFCDC !important; }

#fileListDiv > div > div:nth-of-type(odd) { background:#FFFFFF; padding:2px; }
#fileListDiv > div > div:nth-of-type(even)  { background:#DFDFDF; padding:2px; }
#fileListDiv > div > div:hover { background:#FCFCDC; }

.pager {font-size:8pt; padding:4px 0; height:20px; position:relative; text-align:left; /*total: 28px */}
.spacerItem { display:inline-block; min-width:6px; padding:2px 0; margin:0; font-size:6pt; background:#FFF; }
.pagerItem { display:inline-block; min-width:18px; border:1px solid black; text-decoration:none; padding:2px; margin:0; background:#FFF; color:#000; text-align:center; }
.pagerItem:hover { background:#DDD; }
.currentPage { display:inline-block; min-width:18px; border:1px solid #888; text-decoration:none; padding:2px; margin:0; background:#FFF; color:#888; font-weight:bold; text-align:center; }
.pagerPrev, .pagerNext { display:inline-block; width:50px; border:1px solid black; text-decoration:none; padding:2px; color:#000; }
.pagerPrev:hover, .pagerNext:hover { background:#DDD; }
.pagerFileList { position:absolute; right:4px; line-height:21px; }
/* The spacers need to be wider than the item they are containing, due to margin/padding */
.pagerPrevSpacer { display:inline-block; width:60px; text-align:right; margin:0; }
.pagerNextSpacer { display:inline-block; width:60px; text-align:left; margin:0;}

/* Default Branding */
body {
    background:#CEB993 url(../img/OverflowBG.png) center center repeat-y;
}
#headerLogo {
    background-color:transparent; 
    background-image:url('../img/StockBanner.jpg');
    background-repeat:no-repeat;
    background-position:left center; 
    background-size:auto 100%; 
}
#wrapper {
    background-color:transparent;
    bottom:0;
    left:50%;
    margin-left:-490px;
    position:absolute;
    top:0;
    width:980px;
}
#logoutFooter { display:none; }
a.help-popup { background-image:url(../img/help-icon.png); }

.pane {
    background-color:#FFF9F2; 
    border-color:#CDB891;
}

.action { 
	background-color:#FFF9F2; 
	border-color:#CDB891;
}

/* .pane-content .header { background-color:#CDB891; } */
.transactionDetail { background-color:#FFF9F2; }

/* Standard chiclets */
#chiclets #btnHome { background-image:url(../img/NavIconsDefault/Default_Home.gif); }
#chiclets #btnBillPay { background-image:url(../img/NavIconsDefault/Default_BillPay.gif); }
#chiclets #btnStatements { background-image:url(../img/NavIconsDefault/Default_eStatements.gif); }
#chiclets #btnAccountServices { background-image:url(../img/NavIconsDefault/Default_AccountServices.gif); }
#chiclets #btnInfoServices { background-image:url(../img/NavIconsDefault/Default_Information.gif); }
#chiclets #btnMaintenance { background-image:url(../img/NavIconsDefault/Default_Maintenance.gif); }

.chicletMenu { display:none; opacity:0; position:absolute; }
.chicletMenu { background-color:#CDB891; border:2px solid #CDB891; border-radius:4px; margin-top:2px; width:146px; z-index:1; }
.chicletMenu ul { list-style-type:none; margin-left:0; padding-left:0; } 
.chicletMenu ul li a { background-color:#004163; color:#FFF; display:block; font-weight:bold; margin-top:2px; padding:1em; text-decoration:none; transition:background-color 0.3s; }
.chicletMenu ul li a:hover { background-color:#016AA1; }
.chicletMenu ul li:first-of-type a { border-top-left-radius:2px; border-top-right-radius:2px; margin-top:0; }
.chicletMenu ul li:last-of-type a { border-bottom-left-radius:2px; border-bottom-right-radius:2px; margin-bottom:0; }

/*   E-Statement Branding   */

/* NEW STATEMENTS STYLES */
.Statement .Item {
	background-color:#99CCFF;
}
.Statement .AlternatingItem {
	background-color:#FFFFFF;
}
.Statement .AlternatingItem TD,.Statement .Item TD {
	border-bottom:1px solid #CCCCCC;
}

.Statement .SectionHeader, .Statement .YtdSummaryHeader {
	background-color:green;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	color:White;
	border:3px ridge white;
	font-size:12pt;
	font-weight:bold;
}

.Statement .SectionSubHeader {
	background-color:#E8F3B1;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
	padding-right:5px;
}
.Statement .ItemTable {
	width:100%;
}
.Statement .Header {
	background-color:navy;
}
.Statement .Header TD {
	color:White;
	white-space:nowrap;
	font-size:7pt;
	font-family:Verdana;
}
.Statement {
	width:720px;
}
.Statement TABLE {
	border-collapse:collapse;
}
.Statement TD {
	padding:2px;
	font-family:Courier;
	font-size:8pt;
}

.Statement .ItemTable .DateColumn, 
.Statement .ItemTable .AmountColumn, 
.Statement .ItemTable .NewBalanceColumn,
.Statement .ItemTable .FinanceChargeColumn, 
.Statement .ItemTable .PrincipalColumn {
	/* text-align:right; */
	white-space:nowrap;
}
.Statement .ItemTable .DescColumn {
}
.Statement .ItemTable .DateColumn {
	padding-right:20px;
}

.Statement .FormattedFooter {
	background-color:#B1F3DC;
	margin-bottom:10px;
	text-align:center;
	border:1px solid black;
	padding-top:10px;
	margin-top:10px;
}
.Statement .FormattedHeader {
	background-color:#E8F3B1;
	text-align:center;
}
.Statement .UnderlinedItem {
	text-decoration:underline;
	font-weight:bold;
}

.StatementWrapper {
	text-align:center;
}
.StatementWrapper TABLE {
	width:720px;
}
.StatementWrapper .Title TD {
	border:1px solid navy;
	border-collapse:collapse;
}

.FormattedHeader pre,
.FormattedFooter pre {
	font-family:Courier;
	font-size:8pt;
	margin:0;
	text-align:left;
}

.YtdSummaryHeader {
	margin-bottom:5px;
}
.YtdSummaryContent {
	border:1px solid black;
	padding-top:5px;
}


.StatementWrapper pre {
}

#StatementLogo {
	display:none;
}
/* Reference Styles For Admin */
.main-logo-footer { text-align: center; }
.main-logo-footer img.logo { max-height: 65px; }

.future-payoff span { display: inline-block; }
.future-payoff label { display: inline-block; width:100px; }
.future-payoff div { margin: 0.25em 0; }
.future-payoff span.value { font-weight: bold; }

form.change-security > div:not(.aspNetHidden):after { 
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	content: '';
	display:block; 
	padding: 0.25em 0;
	height: 1px; width: 100%;
}
form.change-security > div:last-of-type:after { display:none; }
.setup-2fa td { padding:1em; padding-left: 0; vertical-align: top; }
.setup-2fa p:first-child { margin-top: 0; }
.setup-2fa-code img { 
	border: 1px solid black;
	max-width:300px; 
}
.setup-2fa-code textarea { 
	display: block;
	font-size: 1.05em;
	resize: none;
	white-space: pre-wrap; 
	width: 100%; max-width: 300px; 
	word-break: break-word; 
}
.setup-2fa.valid-2fa td { width: 50%; }

ul#backup-codes { display: none; }
ul#backup-codes li {
    float: left;
    line-height: 1.5em;
    list-style: none;    
    text-align: center;
    width: 33%; width: 33.3%;
}