:root {
    --env-font-family: Lato, sans-serif;
    --env-icon-font-family: "Font Awesome 6 Pro";
}

html {
   -ms-overflow-style: scrollbar; /* DE40003 fix the disappearing scrollbars in IE10/11 */
}

/*Body styles added here only for pages which are standalone and don't use the master page, such as Upload Data Specification*/
body {
    font-family: var(--env-font-family);
    font-size: 12px;
    color: #404040;
    background-color: #FFF;
    margin: 0px;
    /* min-height: 100% causes scrollbars in IE; used solution from http://stackoverflow.com/a/20310218/562978 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    body.inset {
        margin: 8px 12px 10px 12px;
    }

select {
    font-family: var(--env-font-family);
    font-size: 12px;
    width: 200px;
    color: #404040;
}

h1 {
    font-size: 18px;
    color: #2C5172;
    font-weight: normal;
    margin: 0px;
    padding: 0 15px 10px 0;
    display: inline-block;
    text-transform: uppercase;
}

    h1.pageTitle {
        font-size: 18px;
        color: #2C5172;
        font-weight: normal;
        margin: 0px;
        padding: 0px 0px 5px 0px;
        display: block;
        text-transform: uppercase;
    }

h2 {
    font-size: 17px;
    color: #2C5172;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-transform: uppercase;
}

h3 {
    font-size: 14px;
    color: #2C5172;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-transform: uppercase;
}

h4 {
    font-size: 13px;
    color: #2C5172;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-transform: uppercase;
}

input {
    font-family: var(--env-font-family);
    font-size: 12px;
    color: #404040;
}

map {
    display: inline;
}

textarea {
    font-family: var(--env-font-family);
    font-size: 12px;
    color: #404040;
    box-sizing: border-box;
}

/* General styles */
.no-display {
    display: none !important;
}

.hidden {
    visibility: hidden;
}

.italic {
    font-style: italic;
}

.required-marker:after {
    color: crimson;
    content: " *";
}

.custom-placeholder {
    color: #999;
    font-style: italic;
}

/* element classes */
a.expand img, a img {
    border: none;
}

input.cancel {
    margin-left: 4px;
}

input.next {
    margin-left: 4px;
}

input.finish {
    margin-left: 4px;
}

col.numeric {
    text-align: right;
}

/*
   To use the overlay, add .is-overlay-active class to same element.
   Any elements with a z-index > 10 will show above it.
   See Site.js:fnHandleOverlay() for how to activate.
*/
.tamaracOverlay {
    /*background-color: rgba(0,0,0,0.5); // Leaving here to show how to dark the background. */
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

    .tamaracOverlay.is-overlay-active {
        display: block;
    }

div.pdfSection {
    z-index: 10;
}

div.custom {
    position: relative;
    z-index: 0;
}

div.customBackground {
    background: url("../img/Rulers-Guides.png") no-repeat left top;
    padding-left: 17px;
    padding-top: 17px;
    position: relative;
    z-index: -5;
}

div.customLayout {
    border: 0;
    position: relative;
    z-index: -5;
}

div.pdfSection div.customBackground div.customLayout div.control label {
    font: normal normal normal 7.5pt/1.0 Calibri;
}

div.content div.section div.paletteCustom div.control label {
    font: normal normal normal 7.5pt/1.0 Calibri;
}

div.customControls {
    background-color: #E3E3E3;
    border: 1px solid #ccc;
    margin: 10px 0 5px 0;
    padding: 4px 4px;
}

    div.customControls span.controlType {
        background-color: #FFF;
        border: 1px solid Gray;
        color: #2C5172;
        cursor: move;
        display: inline-block;
        padding: 5px 7px 6px 5px;
        text-align: left;
        width: 110px;
    }

        div.customControls span.controlType:hover {
            background-color: #207BA6;
            color: #FFF;
        }

        div.customControls span.controlType > img {
            margin-right: 8px;
            vertical-align: middle;
        }

div.customEditText div.custom > label {
    vertical-align: top;
}

div.customEditText div.custom > textarea {
    width: 290px;
}

div.customEditText fieldset,
div.customEditImage fieldset {
    padding: 0 0 5px 5px;
}

div.customHistory {
    /*border: 1px solid #cccccc;
    border-radius: 0 15px 0 0;
    margin-bottom: 10px;
    padding: 0 5px 5px 5px;
    background-color: #FCFCFC;
    width: 720px;*/
}

div.control {
    background-color: rgb(255,255,255);
    border: solid 1px white;
    cursor: move;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 110px;
}

    div.control label {
        font-family: Calibri;
        font-size: 14px;
        display: block;
    }

        div.control label p {
            margin: 0;
        }

        div.control label.small {
            font-size: 65%;
        }

.ui-resizable-handle {
    z-index: auto !important;
}

.fontGroupWrapper {
    z-index: 140;
    background-color: #ffffff;
    border: solid 1px #CCCCCC;
    padding: 0 6px;
    left: 0px;
    position: absolute;
    top: 10px;
    width: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 295px;
    text-align: left;
    margin: 0 0 0 10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.55);
}

    .fontGroupWrapper ul {
        list-style: none;
        margin: 0;
        padding: 3px;
    }

        .fontGroupWrapper ul li {
            border: 1px dashed #ffffff;
            float: left;
            height: 50px;
            line-height: 22px;
            color: #575858;
            font-size: 20px;
            display: block;
            position: relative;
            padding: 6px 5px 0 7px;
            margin: 6px 0 0 0;
            width: 187px;
            text-decoration: none;
            border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
        }

            .fontGroupWrapper ul li div {
                padding: 5px;
                position: absolute;
                top: 0px;
                right: 0px;
                height: 46px;
                display: none;
                border-left: 1px dotted #cccccc;
            }

            .fontGroupWrapper ul li:hover {
                cursor: pointer;
                color: #000000;
                border: 1px dashed #cccccc;
            }

            .fontGroupWrapper ul li span {
                font-size: 14px;
                color: #b4b1b1;
            }

            .fontGroupWrapper ul li.selected {
                background-color: #E1F3FF;
            }

            .fontGroupWrapper ul li:hover span {
                color: #959595;
            }

            .fontGroupWrapper ul li:hover div {
                font-family: var(--env-font-family) !important;
                font-size: 14px;
                color: #0072bc;
                display: block;
            }

                .fontGroupWrapper ul li:hover div:hover {
                    color: #ffffff;
                    background: #e2e2e2;
                }

div.bordert {
    border-top: solid 1px #c0c0c0;
}

div.borderb {
    border-bottom: solid 1px #c0c0c0;
}

div.chart {
    display: flex;
    flex-direction: row;
    margin: 0px 50px;
}

    div.chart.dashboard {
        margin: 0px 25px;
    }

    div.chart > div {
        background-repeat: no-repeat;
        background-position: center;
        flex: 1;
    }

        div.chart > div.barChart:not(.nodata) {
            background-image: url('../img/loading-barchart.gif');
        }

        div.chart > div.columnChart:not(.nodata) {
            background-image: url('../img/loading-columnchart.gif');
        }

        div.chart > div.lineChart:not(.nodata) {
            background-image: url('../img/loading-linechart.gif');
        }

        div.chart > div.pieChart:not(.nodata) {
            background-image: url('../img/loading-piechart.gif');
        }

        div.chart > div.scatterPlot:not(.nodata) {
            background-image: url('../img/loading-scatterplot.gif');
        }

        div.chart > div:not(:first-child) {
            margin-left: 50px;
        }

    div.chart div.nodata {
        font-family: var(--env-font-family);
        font-size: 14px;
        font-weight: normal;
        text-align: center;
    }

div.colorBlock {
    width: 18px;
    height: 12px;
    margin: 0px;
    padding: 0px;
}

div.colorBlock2 {
    display: inline-block;
    width: 20px;
    height: 15px;
}

div.content {
    margin-top: 10px;
    display: none;
}

    div.content.old {
        margin-top: 10px;
    }

div.delete {
    max-width: 580px;
    border: 1px solid #cccccc;
    padding: 3px;
    background-color: #f1d7d8;
    display: none;
}

div.editReportDate, div.editDatePeriod {
    background-color: #f5f5dc;
    padding: 3px;
    border: 1px solid #cccccc;
    display: none;
}

div.expandAll {
    margin-bottom: 10px;
}

div.filters {
    margin-bottom: 5px;
}

div.groupSettings {
    max-width: 700px;
    border: 1px solid #cccccc;
    padding: 3px;
    background-color: #add8e6;
}

div.options img {
    cursor: pointer;
}

/*div.impersonate {
    border: 1px solid #cccccc;
    padding: 3px;
    background-color: #ffffe0;
    text-align: center;
}*/

div.leftColumn {
    float: left;
}

div.rightColumn {
    float: right;
}

div.right {
    float: right;
}

.rightText {
    text-align: right;
}

div.cell {
    display: table-cell;
}

div.segment.cell {
    width: 100%;
    padding-right: 20px;
}

div.segment div {
    margin: 5px 0;
}

    div.segment div.odd {
        background: #ECECEC;
        padding: 4px 4px 1px 4px;
    }

    div.segment div.even {
        padding: 0 4px;
    }

div.load {
    margin: 10px 0px;
    text-align: center;
}

div.medium {
    width: 700px;
}

div.note {
    margin-top: 20px;
    display: none;
}
/*intentional CSS Hack*/
div.options {
    float: right;
    text-align: right;
    *margin-top: -21px;
}

div.performanceCheck {
    margin-top: 10px;
}

div.postedBy {
    font-size: 11px;
    color: #bbbbbb;
}

div.subsections {
    text-transform: uppercase;
}

div.records div.bar {
    overflow: auto;
}

    div.records div.bar div.search,
    div.records div.contentSection div.search {
        float: right;
        text-align: right;
    }

    div.records div.bar div.actions {
        float: left;
    }

div.bar {
    min-height: 40px;
}

div.save {
    text-align: right;
}

div.section {
    margin-bottom: 10px;
}

div.linebreaks {
    white-space: pre-line;
    color: #666666;
}

div.setting {
    margin: 5px 0px;
}

div.settingName {
    display: inline-block;
    width: 150px;
}

div.settingComment {
    display: inline-block;
    margin-left: 100px;
    color: #666666;
}

div.setting table.indexes {
    width: 400px;
    margin-top: 10px;
    display: none;
}

div.setting table.items {
    width: 400px;
    margin-top: 10px;
    display: none;
}

div.setting.columns {
    overflow: auto;
}

    div.setting.columns div.column {
        float: left;
        min-width: 175px;
    }

div.settings {
    max-width: 670px;
    border: 1px solid #cccccc;
    padding: 3px;
    background-color: #f3f3f3;
    display: none;
}

    div.settings.default {
        max-width: 670px;
    }

    div.settings.short {
        max-width: 400px;
    }

    div.settings.long {
        max-width: 700px;
    }

    div.settings.full {
        max-width: none;
    }

div.singleSave {
    float: right;
    text-align: right;
}

div.staticContent {
    margin-top: 10px;
}

div.subSetting {
    background-color: #f5f5dc;
    padding: 3px;
    border: 1px solid #cccccc;
    display: none;
}

div.subSettingIndent {
    margin-left: 10px;
    display: none;
}

div.subSettingW {
    padding: 3px;
    border: 1px solid #cccccc;
    display: none;
}

div.summary {
    padding: 5px;
    background-color: #F2F5F7;
    margin-bottom: 20px;
}

div.transactionsFilter {
    border: 1px solid #cccccc;
    padding: 3px;
    margin-bottom: 20px;
}

div.editable {
    padding: 3px 0px;
}

div.showEditable {
    border: 1px solid #cccccc;
    padding: 2px 0px;
}

div.indent-small {
    margin-left: 10px;
}

div.indent-medium {
    margin-left: 20px;
}

div.indent {
    margin-left: 25px;
}

div.indent-xlarge {
    margin-left: 40px;
}

div.indent-xlarge {
    margin-left: 50px;
}

div.opaque {
    opacity: 100 !important;
    filter: alpha(opacity=100) !important;
}

option.noneditable {
    color: #A0A0A0;
}

.ui-sideMenu {
    float: left;
    overflow-Y: auto;
}

    .ui-sideMenu .body {
        float: left;
        margin-left: 2px;
        margin-right: 4px;
    }

        .ui-sideMenu .body > ul {
            list-style-type: none;
            margin-top: 0;
            padding: 0;
            border-bottom: 1px solid #ccc;
        }

    .ui-sideMenu h3 {
        color: #000;
        border-top: 1px solid #ccc;
        cursor: pointer;
        display: block;
        font-size: 1.1em;
        min-height: 0; /* support: IE7 */
        position: relative;
        padding: .7em .5em .7em .3em;
    }

        .ui-sideMenu h3 img {
            height: 16px;
            vertical-align: text-top;
            padding-right: 1px;
            width: 16px;
        }

        .ui-sideMenu h3:hover {
            background-color: #d55500;
            color: #fff;
        }

        .ui-sideMenu h3 + ul {
            padding: 1px 2px 1px 0 !important;
        }

            .ui-sideMenu h3 + ul li {
                cursor: pointer;
                margin-left: 25px;
                padding: 5px 5px;
                background-color: #fff;
                color: #000;
                list-style-type: none;
            }

                .ui-sideMenu h3 + ul li:hover {
                    background-color: #d55500;
                    color: #fff;
                }

.ui-sideMenu-underline {
    border-bottom: 1px solid #ccc;
}

.ui-sideMenuItem-selected {
    background-color: #FFF !important;
    background-image: none !important;
    color: #d55500 !important;
}

.ui-sideMenu-clickBar {
    width: 7px;
    background-color: #86B5D9;
    margin-right: 0;
    border: 0;
    cursor: pointer;
}

    .ui-sideMenu-clickBar:hover {
        background-color: #71A9D2;
    }

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

input.sectionName {
    width: 200px;
}

input[type="text"].search {
    width: 200px;
}

input[type="text"].numeric {
    text-align: right;
}

input[type="text"].xxsmall {
    width: 20px;
}

input[type="text"].xsmall {
    width: 50px;
}

input[type="text"].small {
    width: 100px;
}

input[type="text"].medium-small {
    width: 125px;
}

input[type="text"].medium {
    width: 175px;
}

input[type="text"].large {
    width: 250px;
}

input[type="text"].larger {
    width: 300px;
}

input[type="text"].xlarge {
    width: 350px;
}

input[type="text"].xlarger {
    width: 400px;
}

input[type="text"].xxlarge {
    width: 450px;
}

input[type="text"].mediumPct {
    width: 40%;
}

input[type="text"].largePct {
    width: 60%;
}

input[type="text"].xlargePct {
    width: 80%;
}

input[type="text"].xxlargePct {
    width: 87%;
}

textarea.xxlargePct {
    width: 87%;
}

input[type="text"].fullPct {
    width: 99%;
}

textarea.fullPct {
    width: 99%;
}

input[type="text"].date {
    width: 75px;
}

input[type="text"].colorBox {
    width: 25px;
}

input[type="url"] {
    width: 450px;
}

input[type="text"][disabled="disabled"] { /* Required for FF */
    background-color: #E5E5E5;
    border: 0px;
    color: #404040;
}

input[type="text"][disabled] { /* Required for FF */
    background-color: #E5E5E5;
    border: 0px;
    color: #404040;
}

input[type="text"].disabled {
    /*background-color: white;
    border: 1px solid #A8A8A8;*/
    color: #404040;
}

input.watermark {
    color: #cccccc;
    font-style: italic;
}

input.long {
    width: 500px;
}


img.icon {
    vertical-align: bottom;
}

img.middleIcon {
    vertical-align: middle;
}

img.action {
    cursor: pointer;
}

img.expand, img.expandAll, img.collapseAll, img.collapseAllChildren, img.collapse, img.subExpand, img.subSubExpand, img.subSubSubExpand, label.expandAll, label.collapseAll {
    cursor: pointer;
}

img.link {
    cursor: pointer;
}

img.sort {
    cursor: pointer;
    vertical-align: bottom;
}

img.rightMargin {
    margin-right: 10px;
}

img.nssort {
    cursor: n-resize;
}

div.setting input.min, input.max {
    width: 75px;
}

div.setting input[type="text"].search {
    width: 150px;
}

div.setting input[type="text"].short {
    width: 50px;
}

div.setting input[type="text"].shorter {
    width: 100px;
}

div.setting input[type="text"].longer {
    width: 200px;
}

div.setting input[type="text"].long {
    width: 250px;
}

div.setting input[type="text"].xlong {
    width: 300px;
}

div.setting select {
    width: 150px;
}

    div.setting select.shorter {
        width: 100px;
    }

    div.setting select.short {
        width: 50px;
    }

    div.setting select.longer {
        width: 200px;
    }

    div.setting select.long {
        width: 250px;
    }

    div.setting select.xlong {
        width: 300px;
    }

    div.setting select.xxlong, .xxlong {
        width: 375px;
    }

    div.setting select.xxlonger, .xxlonger {
        width: 400px;
    }

    div.setting select.xxxlong, .xxxlong {
        width: 425px;
    }

div.smallTopPadding {
    padding-top: 5px;
}

div.mediumTopPadding {
    padding-top: 10px;
}

div.largeTopPadding {
    padding-top: 20px;
}

div.xsmallBottomPadding {
    padding-bottom: 2px;
}

div.smallBottomPadding {
    padding-bottom: 5px;
}

div.mediumBottomPadding {
    padding-bottom: 10px;
}

div.largeBottomPadding {
    padding-bottom: 20px;
}

div.smallLeftPadding {
    padding-left: 5px;
}

div.mediumLeftPadding {
    padding-left: 10px;
}

div.largeLeftPadding {
    padding-left: 20px;
}

div.xlargeLeftPadding {
    padding-left: 40px;
}

div.xsmallTopMargin {
    margin-top: 2px;
}

div.smallTopMargin {
    margin-top: 5px;
}

div.mediumTopMargin {
    margin-top: 10px;
}

div.largeTopMargin {
    margin-top: 20px;
}

div.inlineSetting {
    display: inline-block;
    width: 300px;
}

div.smallInlineSetting {
    display: inline-block;
    width: 200px;
}

div.largeInlineSetting {
    display: inline-block;
    width: 400px;
}

div.xlarge {
    width: 700px;
}

div.xxxlarge {
    width: 1100px;
}

fieldset.smallTopMargin {
    margin-top: 5px;
}

label.title {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

/* li.content {width:100%;border:1px solid #cccccc;background-color:white;padding:5px;margin-bottom:10px;} */
li.content {
    width: 100%;
    margin-bottom: 10px;
}

select.short {
    width: 100px;
}

select.shorter {
    width: 150px;
}

select.long {
    width: 250px;
}

select.xlong {
    width: 300px;
}

select.xxlong {
    width: 375px;
}

select[disabled="disabled"] {
    background-color: white;
    border: 1px solid #A8A8A8;
    color: #404040;
}

select[disabled] {
    background-color: white;
    border: 1px solid #A8A8A8;
    color: #404040;
}

select.disabled {
    background-color: white;
    border: 1px solid #A8A8A8;
    color: #404040;
}

span.action {
    cursor: pointer;
}

span.sectionLeft {
    padding-left: 20px;
}

span.sectionRight {
    padding-right: 20px;
}

span.link {
    cursor: pointer;
    text-decoration: underline;
    color: #207BA6;
}

    span.link:hover {
        color: #2EA2D7;
    }

span.ilink {
    cursor: pointer;
}

    span.ilink:hover {
        cursor: pointer;
        text-decoration: underline;
    }

span.disabledLink {
    color: #CCC;
}

    span.disabledLink:hover {
        color: #CCC;
    }

span.validator {
    display: none;
    color: #CC0000;
}

span.displayName {
    float: right;
    font-style: italic;
}

span.nowrap {
    white-space: nowrap;
}

span.smallfont {
    font-size: 10px;
}

span.numeric {
    float: right;
}

span.smallBlock {
    display: inline-block;
    width: 60px;
}

span.mediumBlock {
    display: inline-block;
    width: 80px;
}

span.largeBlock {
    display: inline-block;
    width: 100px;
}

span.save {
    float: right;
}

span.smallLeftPadding {
    padding-left: 5px;
}

span.mediumLeftPadding {
    padding-left: 10px;
}

span.largeLeftPadding {
    padding-left: 20px;
}

span.xlargeLeftPadding {
    padding-left: 40px;
}

span.largeNoPadding {
    padding-left: 0px;
}

span.indent-xsmall {
    margin-left: 5px;
}

span.indent-small {
    margin-left: 10px;
}

span.indent {
    margin-left: 25px;
}

table.small {
    width: 500px;
}

table.medium {
    width: 700px;
}

table.largePct {
    width: 80%;
}

table.xlargePct {
    width: 90%;
}

table.fullPct {
    width: 99%;
}

table.legend {
    margin: 0px auto;
}

table.noPadding td {
    padding: 0px;
}

textarea.announcement {
    width: 500px;
    height: 75px;
}

/*table {border-spacing:0px;width:100%;border-collapse:collapse}*/
table.accountList tbody tr td {
    border-bottom: 1px solid #d1d1d1;
}

table.list > tbody > tr > td {
    border-bottom: 1px solid #d1d1d1;
}

tbody.child {
    display: none;
}

td.accrued, td.otherIncome {
    padding-left: 20px;
}

td.child {
    padding-left: 40px;
}

td.colorBlock {
    width: 20px;
}

td.semiBold {
    font-weight: 600;
}

th.numeric {
    text-align: right;
}

td.numeric {
    text-align: right;
    white-space: nowrap;
}

th.cbxAll {
    width: 20px;
}

td.cbx {
    width: 20px;
}

th.divider, td.divider {
    width: 10px;
    border-right: 1px solid #cccccc;
}

th.center {
    text-align: center;
}

td.index {
    padding-left: 40px;
}

td.nested {
    padding-left: 40px;
}

td.nestedindex {
    padding-left: 80px;
}

td.noLeftPadding {
    padding-left: 0px;
}

td.center {
    text-align: center;
}

td.middle {
    vertical-align: middle;
}

td.right2,
td.right {
    text-align: right;
}

td.boundedNumeric {
    text-align: right;
    width: 180px;
}

td.nowrap {
    white-space: nowrap;
}

/*th {padding:3px;text-align:left;border-bottom:1px solid #d1d1d1}*/
th.noborder {
    border: none;
}

td.noborder {
    border: none;
}

th.numeric {
    text-align: right;
}

th.sort {
    font-weight: bold;
    color: #2C5172;
    border-bottom: 1px solid #2C5172;
}

th.sortUp {
    font-weight: bold;
    color: #2C5172;
    border-bottom: 1px solid #2C5172;
}

th.sortDown {
    font-weight: bold;
    color: #2C5172;
    border-bottom: 1px solid #2C5172;
}

th.nested {
    padding-left: 40px;
}

th.noLeftPadding {
    padding-left: 0px;
}

th.center {
    text-align: center;
}

th.right2,
th.right {
    text-align: right;
}

th.nowrap {
    white-space: nowrap;
}

/*thead tr {vertical-align:bottom;}*/
thead.sortable th span.sortable {
    cursor: pointer;
}

thead.sortable tr {
    vertical-align: bottom;
}
/*thead tr td {font-weight:bold}*/

/*tr {vertical-align:top;}*/
tr.textBottom {
    vertical-align: text-bottom;
}

tr.subHeader {
    font-weight: 700;
    vertical-align: top;
    font-size: 13px;
}

td.subHeaderDivider {
    border-left: 1px solid #cccccc;
}

tr.header {
    font-weight: bold;
    vertical-align: bottom;
}

    tr.header td {
        border-bottom: 1px solid #d1d1d1;
    }

tr.even {
    background: #ECF0F2;
}

tr.evenn {
    background: #ECF0F2;
}
/* no border */
tr.event {
    background: #ECF0F2;
}

tr.evenBenchmark {
    background: #ECF0F2;
}
/* no border, and tds won't have lines*/
tr.even > td {
    border-bottom: 0px solid #d1d1d1;
    padding-top: 6px;
    padding-bottom: 6px;
}

tr.event > td, tr.evenn > td {
    padding-top: 6px;
    padding-bottom: 6px;
}

tr.highlight {
    background-color: #add8e6;
}

    tr.highlight td {
        font-weight: bold;
    }

tr.highlight2 {
    background-color: #ddd;
}

tr.unread td {
    font-weight: bold;
}

tr.holdingGroup1, tr.projectedIncomeGroup1 {
    font-weight: bold;
    text-transform: uppercase;
}

    tr.holdingGroup1 td, tr.projectedIncomeGroup1 td {
        padding-top: 15px;
    }

    tr.holdingGroup1 span.expandAll, tr.holdingGroup1 span.expandAll {
        position: absolute;
        left: 400px;
        font-weight: normal;
        font-size: smaller;
    }

tr.holdingGroup2, tr.projectedIncomeGroup2 {
    font-weight: bold;
}

    tr.holdingGroup2 td, tr.projectedIncomeGroup2 td {
        padding-left: 20px;
    }

    tr.holdingGroup2 span.expandAll, tr.projectedIncomeGroup2 span.expandAll {
        position: absolute;
        left: 400px;
        font-weight: normal;
        font-size: smaller;
    }

tr.holdingGroup3, tr.projectedIncomeGroup3 {
    font-weight: bold;
}

    tr.holdingGroup3 td, tr.projectedIncomeGroup3 td {
        padding-left: 40px;
    }

    tr.holdingGroup3 span.expandAll,
    tr.projectedIncomeGroup3 span.expandAll {
        position: absolute;
        left: 400px;
        font-weight: normal;
        font-size: smaller;
    }

tr.holdingSubtotal td,
tr.holdingSubtotal1 td,
tr.holdingSubtotal2 td,
tr.holdingSubtotal3 td,
tr.projectedIncomeSubtotal td {
    border-top: 1px solid #cccccc;
    font-weight: bold;
    text-transform: uppercase;
}

    tr.holdingSubtotal td.blank,
    tr.holdingSubtotal1 td.blank,
    tr.holdingSubtotal2 td.blank,
    tr.holdingSubtotal3 td.blank,
    tr.projectedIncomeSubtotal td.blank {
        border: none;
    }

tr.holdingTotal, tr.projectedIncomeTotal {
    font-weight: bold;
    font-size: larger;
    text-transform: uppercase;
}

    tr.holdingTotal td, tr.projectedIncomeTotal td {
        border-top: 1px solid #cccccc;
    }

tr.holdingManaged, tr.projectedIncomeManaged {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

tr.assetAllocation1 {
    font-weight: bold;
    font-size: larger;
    text-transform: uppercase;
}

    tr.assetAllocation1 > td {
        border-top: 1px solid #d1d1d1;
    }

tr.assetAllocation2 td {
    padding-left: 20px;
}

tr.maturity {
    font-weight: bold;
}

tr.odd > td {
    border-bottom: 0px solid #d1d1d1;
    padding-top: 6px;
    padding-bottom: 6px;
}

tr.oddt > td, tr.oddn > td {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* all lot total cells receive border */
tr.lotTotal > td {
    border-top: 1px solid #d1d1d1;
}

/* only specifically tagged lot total cells receive border */
/*tr.specificLotTotal > td.top {
    border-top: 1px solid #d1d1d1;
}*/

tr.total {
    font-weight: bold;
    background-color: #E4E6E9;
}

    tr.total td {
        border-top: 1px solid #d1d1d1;
    }

tr.totalt {
    font-weight: bold;
    background-color: #E4E6E9;
}

    tr.totalt td {
        border-top: 1px solid #d1d1d1;
    }

tr.totalb {
    font-weight: bold;
    background-color: #E4E6E9;
    border-bottom: 1px solid #d1d1d1;
}

tr.totaln {
    font-weight: bold;
    background-color: #E4E6E9;
}

tr.badinterval td {
    color: Red;
}

td.top {
    border-top: 0px solid #d1d1d1;
}

td.bottom {
    border-bottom: 1px solid #d1d1d1;
}

tr.topPadding td {
    padding-top: 10px;
}

tr.bottomPadding td {
    padding-bottom: 10px;
}

/*td {padding:3px;}*/
td.sort {
    font-weight: bold;
    color: #2C5172;
    border-bottom: 1px solid #2C5172;
}

td.sortUp {
    font-weight: bold;
    color: #2C5172;
    border-bottom: 1px solid #2C5172;
}

td.sortDown {
    font-weight: bold;
    color: #2C5172;
    border-bottom: 1px solid #2C5172;
}

td.noPadding {
    padding: 0;
}

td span.sortable {
    cursor: pointer;
}

tr.sortable {
    vertical-align: bottom;
}

td sup {
    line-height: 0.5;
}

table.holdingsByAccount {
    border-collapse: separate; /* Addresses FF TR border not showing */
}

    table.holdingsByAccount tr.row-data {
        border-top: 1px solid #d1d1d1;
    }

        table.holdingsByAccount tr.row-data:last-child {
            border-bottom: 1px solid #d1d1d1;
        }


    table.holdingsByAccount tr.gray {
        background-color: #ECF0F2;
    }

    table.holdingsByAccount td {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    table.holdingsByAccount tr td:first-child {
        min-width: 220px;
    }

    table.holdingsByAccount tr.row-data td:nth-child(n+2) {
        min-width: 120px;
    }

select.account {
    width: 400px;
}

ul.plain {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    ul.plain li {
        padding: 2px;
    }

ul.column1 {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 49%;
    /* Min-height: */
    min-height: 50px;
    height: auto !important;
    height: 50px;
}

ul.column2 {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: right;
    width: 49%;
    /* Min-height: */
    min-height: 50px;
    height: auto !important;
    height: 50px;
}

ul.dbfooter {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    height: auto !important;
}

ul.dbheader {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    height: auto !important;
}

ul.sectionColumns {
    list-style-type: none;
    margin: 5px 0px;
    padding: 3px 3px 0px 3px;
    border: 1px solid black;
    width: 200px;
}

    ul.sectionColumns li {
        border: 1px solid black;
        margin-bottom: 5px;
        padding: 2px;
        background-color: #f5f5dc;
    }

ul.displayData {
    list-style-type: none;
    margin: 5px 0px;
    padding: 3px 3px 3px 3px;
    width: 800px;
}

    ul.displayData li {
        float: left;
        border: 1px solid #cccccc;
        margin-left: 2px;
        margin-bottom: 5px;
        padding: 2px;
        background-color: #f5f5dc;
    }


/* classes */
.drag {
    cursor: move;
}

.dragPlaceHolder {
    border: 2px dashed #999;
    margin: 5px;
}

.dragPlaceholderHighlight {
    border: 1px solid #ccc;
    margin: 50px;
    background-color: #ff9;
}

.inactive {
    color: #cccccc;
}

.partial {
    font-style: italic;
}

.success {
    color: green;
}

.error {
    color: #CC0000;
}

.dataError {
    color: #CC0000;
}

.info {
    color: Blue;
}

.note {
    color: #666666;
}

.warning {
    color: #df7d3d;
}

.clearB {
    clear: both;
}

.gain {
    color: Green;
}

.loss {
    color: Red;
}

.export {
    display: block;
    float: right;
}

.nopadding {
    padding: 0px;
}

.tab {
    height: 200px;
    overflow: auto;
}

.tabLarge {
    height: 300px;
    overflow: auto;
}

.tabXLarge {
    height: 435px;
    overflow: auto;
}

.tabXXLarge {
    height: 500px;
    overflow: auto;
}

.themeItem {
    cursor: pointer;
}

.sectionError {
    display: none;
    color: #CC0000;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/* id */
#accounts {
    margin-top: 10px;
}

#logo {
    float: left;
    margin-bottom: 10px;
}

#divSections {
    display: none;
    width: 400px;
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
    margin-left: auto;
}

#divIntervalStatus {
    margin: 0 0 7px 0;
}

/*#dashboardSettings {
    margin-bottom: 20px;
    text-align: right;
}*/

#ddlSection {
    min-width: 200px;
}

#groupSelect {
    margin-bottom: 10px;
}

#imgAddSection {
    vertical-align: text-bottom;
}

#mainHeader {
    overflow: hidden;
}

#divSection {
    text-align: left;
}

    #divSection div.header {
        margin-top: 10px;
        margin-bottom: 10px;
    }

#txtAccount {
    width: 150px;
}

#divBalances div {
    padding: 3px 1%;
}

    #divBalances div.subhead {
        border-top: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
    }

    #divBalances div.indent {
        margin-left: 3%;
    }

    #divBalances div.ul {
        border-bottom: 1px solid #ccc;
    }

    #divBalances div.shade {
        background: #f7f7f7;
    }

    #divBalances div.total {
        font-size: 1.1em;
        font-weight: bold;
        padding: 6px 1%;
        text-transform: uppercase;
    }

#divBalances * span.title {
    display: inline-block;
    width: 50px;
}

#divBalances * span.titleLong {
    display: inline-block;
    width: 80px;
}

#divBalances * span.value {
    display: inline-block;
    width: 80px;
    text-align: right;
}

#divOverview table, #divDocuments table {
    margin-top: 5px;
}

#spnAccountNote {
    position: absolute;
    top: 7px;
    right: 10px;
}

div.breadCrumbs {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 5px;
}

    div.breadCrumbs span.bcCurrent {
        color: #D55500;
        font-size: 1.1em;
    }

    div.breadCrumbs span.bcActive {
        color: #4686CD;
        font-size: 1em;
    }

    div.breadCrumbs span.bcInactive {
        color: #78A7DB;
        font-size: 1em;
    }

    div.breadCrumbs .otherText {
        font-size: 1.1em;
    }

/*splash page*/
.splashContainer {
    background-color: #FFF !important;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    -moz-border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}

    .splashContainer.ui-widget-content {
        border: 0px;
        background: none;
    }

    .splashContainer.ui-dialog {
        padding: 4px;
    }

    .splashContainer .ui-dialog-titlebar {
        display: none;
    }

    .splashContainer .ui-dialog-content {
        border: 0;
        padding: 0;
        background: none;
        overflow: hidden;
        zoom: 1;
    }

.splashBar, .splashContent {
    float: right;
}

.splashBar {
    margin: 0 12px 12px 0;
}

.splashContent {
    margin: 12px 12px 0 12px;
}

.splashBar input {
    margin-left: 1px;
    cursor: pointer;
}

/* master design */

.gotoPage {
    float: left;
    line-height: 1.2em;
    margin: 4px;
    padding: 2px 0 0 5px;
}

.recordsDiv {
    position: relative;
    display: block;
    margin: 7px 0 0 0;
    height: 20px;
    opacity: 1;
}

    .recordsDiv select, .recordsDiv input {
        font-size: 11px;
        float: left;
        margin: 0 3px 0 3px;
    }

    .recordsDiv img {
        float: left;
        margin: 0 2px 0 0;
    }

    .recordsDiv.pager-hidden {
        opacity: 0;
    }

.recordsNavigation {
    float: right;
}

.recordsLabel {
    float: left;
    line-height: 1.2em;
    margin: 2px 4px;
}

a:link, a:visited {
    color: #207BA6;
    text-decoration: underline;
}

a.k-link {
    text-decoration: none;
}

a:hover, a:visited:hover {
    color: #2EA2D7;
    text-decoration: underline;
}

a.action:hover {
    color: black;
    cursor: pointer;
    text-decoration: underline;
}

a:active {
    color: #2EA2D7;
}

a.img {
    border: 0;
    text-decoration: none;
}

    a.img:hover {
        border: 0;
        text-decoration: none;
    }

.img {
    border-bottom: 0px dotted #ffffff;
    text-decoration: none;
}

a.pageLink {
    font-size: 14px;
    color: #207BA6;
    text-decoration: underline;
    text-transform: uppercase;
    cursor: pointer;
}

    a.pageLink:hover {
        color: #2EA2D7;
        text-decoration: underline;
    }

    a.pageLink.active {
        color: #d55500;
        text-decoration: none;
    }

/* HEADER & PROFILE */
.topThinDiv {
    height: 3px;
    background-color: #585858;
    overflow: hidden;
}

.headerDiv {
    height: 60px;
    position: relative;
    padding: 3px 15px 3px 20px;
    background-color: #ffffff;
    min-width: 865px;
}

.headerLinksDiv {
    float: right;
    text-align: right;
    white-space: nowrap;
}

.headerLinksSep {
    width: 1px;
    height: 12px;
    border-right: 1px solid #dadada;
    overflow: hidden;
    margin: 0px 11px 0px 11px;
}

.headerSmallLinksSep {
    width: 1px;
    height: 12px;
    border-right: 1px solid #dadada;
    overflow: hidden;
    margin: 0px 6px 0px 6px;
}

.headerLine {
    border-bottom: 1px dotted #c2c2c2;
}

.headerProfileDiv {
    position: absolute;
    top: 25px;
    right: 5px;
    white-space: nowrap;
}

.headerUserThumb {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    padding: 4px;
    background: url('../UserThumbnail-BG.gif') no-repeat top left;
    overflow: hidden;
}

.headerUserInfo {
    position: absolute;
    top: 3px;
    right: 56px;
    text-align: right;
}

.headerName {
    font-size: 16px;
    line-height: 16px;
}

.headerTitle {
    color: #bababa;
    line-height: 12px;
}

.clientLogo {
    overflow: hidden;
    position: absolute;
    top: 3px;
    left: 20px;
}

.currentUser {
    color: #4d4d4d;
}

.outterNavDiv {
    min-width: 900px;
    position: relative;
    z-index: 20;
}

.todaysDate {
    color: #4d4d4d;
    float: right;
    display: inline;
    white-space: nowrap;
    margin: 7px 0 0 0;
}

.navLinkSep {
    width: 1px;
    overflow: hidden;
    border-right-color: #dadada;
    border-right-width: 1px;
    border-right-style: solid;
    margin-left: 5px;
    margin-right: 5px;
    height: 2px;
}

.contentContainer .round_span3 {
    background: #F2F5F7;
    display: block;
    line-height: 1px;
    overflow: hidden;
    height: 1px;
    margin: 0 3px;
}

.contentContainer .round_span2 {
    background: #F2F5F7;
    display: block;
    line-height: 1px;
    overflow: hidden;
    height: 1px;
    margin: 0 2px;
}

.contentContainer .round_span1 {
    background: #F2F5F7;
    display: block;
    line-height: 1px;
    overflow: hidden;
    height: 1px;
    margin: 0 1px;
}

.contentContainer .containerBorder {
    background: #F2F5F7;
    padding: 1px 5px 1px 5px;
}

.containerBorderNew {
    border: #f3f3f3 5px solid;
    border-radius: 5px;
    padding: 1px 5px 1px 5px;
}

.contentContainer .containerContent {
    background: #ffffff;
    padding: 5px;
    overflow: auto;
}

.contentContainer .content, .contentContainer .settings, .contentContainer select, .contentContainer input {
    font-size: 11px;
}

.functionsContainer {
    display: block;
    margin-bottom: 10px;
}

    .functionsContainer > .functionsContent {
        background: #F2F5F7;
        padding: 5px 10px;
        overflow: auto;
    }

/* manual reconstruction of k-button since it doesn't align properly with non-kendo elements */
div.functionsContainer div.functionsContent input[type="button"],
div.functionsContainer div.functionsContent input[type="submit"] {
    font-weight: bold;
    border: 0px;
    border-radius: 2px;
    background-color: #2EA2D7;
    color: white;
    text-transform: uppercase;
    padding: 2px 12px;
    height: 20px;
}

    div.functionsContainer div.functionsContent input[type="button"]:hover,
    div.functionsContainer div.functionsContent input[type="submit"]:hover {
        background-color: #207BA6;
    }

.clientViewContainer .round_span3 {
    background: #f3f3f3;
    display: block;
    line-height: 1px;
    overflow: hidden;
    height: 1px;
    margin: 0 3px;
}

.clientViewContainer .round_span2 {
    background: #f3f3f3;
    display: block;
    line-height: 1px;
    overflow: hidden;
    height: 1px;
    margin: 0 2px;
}

.clientViewContainer .round_span1 {
    background: #f3f3f3;
    display: block;
    line-height: 1px;
    overflow: hidden;
    height: 1px;
    margin: 0 1px;
}

.clientViewContainer .containerBorder {
    background: #f3f3f3;
    padding: 1px 5px 1px 5px;
}

.clientViewContainer .containerContent {
    background: #ffffff;
    padding: 5px;
}

.clientViewContainer .content {
    display: block;
    margin-top: 0px;
}

/*
    Tab UI over-rides 
*/
.ui-tabs-nav {
    background: #F9F9F9;
    border-color: gray;
    border-width: 0 0 1px 0;
}

.ui-tabs .ui-tabs-panel {
    padding: 0.8em 0.8em;
}

.ui-widget-header .ui-state-default {
    font-weight: normal;
    border: 1px solid gray;
}

.ui-widget-content {
    border: 1px solid #cccccc;
}

.ui-state-default a:link, .ui-state-default a:visited {
    color: Black;
}

.ui-state-active a:link, .ui-state-active a:visited {
    color: #207BA6;
}

/*
    ColorPicker 
*/
#mlColorPicker {
    border: 1px solid black;
    background-color: #DDDDDD;
    padding-bottom: 5px;
    z-index: 1500;
}

#mlSelectedColorDiv {
    float: left;
    width: 43px;
    height: 20px;
    border: solid 1px black;
    background-color: white;
    margin: 5px;
}

#mlSelectedColorText {
    float: left;
    width: 60px;
    border: solid 1px black;
    font-size: small;
    margin: 5px;
}

#mlColors {
    float: left;
    margin: 0 5px 0 5px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    clear: both;
    width: 260px;
    height: 156px;
}

.mlColor {
    border-left: 1px solid black;
    border-top: 1px solid black;
    float: left;
    width: 12px;
    height: 12px;
}

/* Theme formatting buttons */
.formatButtonOff {
    width: 24px;
    height: 24px;
    margin: 2px;
    background: url(../img/format-bg-off.png) no-repeat;
    background-position: 0 0;
    display: inline-block;
    cursor: pointer;
}

    .formatButtonOff:hover {
        background-position: 0 -26px;
    }

.formatButtonOn {
    width: 24px;
    height: 24px;
    margin: 2px;
    background: url(../img/format-bg-on.png) no-repeat;
    background-position: 0 0;
    display: inline-block;
    cursor: pointer;
}

    .formatButtonOn:hover {
        background-position: 0 -26px;
    }


.formatButton2Off {
    width: 34px;
    height: 24px;
    margin: 2px;
    background: url(../img/format-bg2-off.png) no-repeat;
    background-position: 0 0;
    display: inline-block;
    cursor: pointer;
}

    .formatButton2Off:hover {
        background-position: 0 -26px;
    }

.passwordRequirement {
    padding: 0px 0 0 25px;
    margin-left: 25px;
    font-size: 11px;
    color: #8f8f8f;
    border-left: 1px dotted #cccccc;
}

.passwordRequirementSub {
    padding: 5px 0 5px 0;
    line-height: 27px;
}

.portal-client {
    display: none;
}

.expand-clients {
    cursor: pointer;
}


/* Frozen column headers */
.frozenHeader {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: white;
    z-index: 10;
    display: none;
}

    .frozenHeader #divDisplayHeader {
        padding-top: 1px;
    }

    .frozenHeader .expandAll {
        padding-top: 5px;
    }

    .frozenHeader table {
        background-color: inherit;
        empty-cells: show;
    }

    .frozenHeader td, .frozenHeader th {
        vertical-align: bottom;
    }

    .frozenHeader span.sortable {
        cursor: pointer;
    }


/* End frozen column headers */

/* Master User Login */
.header1 {
    color: #999999;
    font-size: 22px;
    padding: 2% 4% 2% 4%;
    background-color: #ffffff;
}

.loginContainer {
    width: 400px;
}

    .loginContainer .loginContent {
        background: #ececec;
        padding: 2px 5px;
        overflow: auto;
    }

    .loginContainer .round_span3 {
        background: #ececec;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 3px;
    }

    .loginContainer .round_span2 {
        background: #ececec;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 2px;
    }

    .loginContainer .round_span1 {
        background: #ececec;
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 1px;
    }

.loginControl {
    width: 100%;
    *width: 85%;
}

div.login {
    padding: 2% 4% 2% 4%;
    background-color: #ffffff;
    font-size: 12px;
}

#divDashboards {
    margin-top: 15px;
    display: none;
}

#divEnableDashboard,
.shareSection {
    display: none;
}

input.saveAsNew {
    margin-left: 4px;
}

div#divSettings.settings {
    margin-top: 5px;
}

.ui-autocomplete .security-header {
    color: #ccc;
    padding: 2px;
}

ul.ui-autocomplete {
    z-index: 1100;
}

/* custom error page */
.errorContainer {
    margin: auto;
    width: 600px;
}

.errorPanel {
    border: 1px solid #ccc;
    margin-top: 100px;
    padding: 22px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(184,182,184,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(184,182,184,1);
    box-shadow: 0px 0px 10px 0px rgba(184,182,184,1);
}

/* Manual Security Snapshot Create/Edit Form */

#divSnapshotForm input[type=checkbox] {
    vertical-align: top;
}

#divSnapshotForm #divActiveCheckbox {
    margin-left: 15px;
}

#divSnapshotForm #ddlFundingAccount {
    margin-right: 4px;
}

#divSnapshotForm #divGlobalNotes {
    margin-top: 12px;
    margin-bottom: 12px;
}

#divSnapshotForm div.setting div {
    display: inline-block;
}

    #divSnapshotForm div.setting div.col1 {
        width: 170px;
        text-align: right;
    }

#divSnapshotForm div.col1 label {
    margin-right: 4px;
}

#divSnapshotForm div.setting input {
    margin-right: 4px;
}

    #divSnapshotForm div.setting input[type=text][disabled] {
        color: #a8a8a8;
    }

#divSnapshotForm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #cccccc;
    font-style: italic;
}

#divSnapshotForm ::-moz-placeholder { /* Firefox 19+ */
    color: #cccccc;
    font-style: italic;
}

#divSnapshotForm :-ms-input-placeholder { /* IE 10+ */
    color: #cccccc;
    font-style: italic;
}

#divSnapshotForm :-moz-placeholder { /* Firefox 18- */
    color: #cccccc;
    font-style: italic;
}

#divSnapshotForm #divReturnMessage {
    text-align: center;
    color: darkslategray;
    margin-top: 12px;
    margin-bottom: 12px;
}

#divSnapshotForm #divSnapshotMessage {
    display: inline-block;
}

#divSnapshotForm #divSaveButtons {
    float: right;
}

#divSnapshotForm span.errorTag {
    margin-left: 4px;
    font-size: 120%;
}

/* Splash dialog */
.splashButton {
    height: 30px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 2px;
    border: 1px solid #2EA2D7;
    color: #2590C2;
    font-weight: 500;
    min-width: 75px;
    background-color: #FFF;
    font-size: 14px !important;
}

    .splashButton:hover, .splashButton:active, .splashButton:active:hover, .splashButton:focus:active {
        background-color: #F2F5F7;
        color: #207BA6;
        border-color: #2EA2D7;
    }
/*Site Themes page*/

span.defaultColorBox {
    height: 2em;
    width: 2em;
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    border: 1px;
    border-style: solid;
    border-color: #D3D3D3;
}

label.defaultColorBox {
    height: 2em;
    width: 2em;
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    border-radius: 3px 3px 3px 3px;
    border: 5px;
}


#exampleHeaderNav {
    margin: 0 0 25px 0;
    height: 60px;
    border-bottom: 1px solid #cccccc;
    position: relative;
    z-index: 100;
}

    #exampleHeaderNav .fa-th-large {
        font-family: var(--env-icon-font-family);
        font-size: 20px;
        font-weight: normal;
    }

#exampleLogo {
    width: 100%;
    background-color: lightgray;
    margin-top: 15px;
}

    #exampleLogo > span {
        margin-left: 5px;
    }

    #exampleLogo span.k-widget.k-dropdown.k-header {
        margin: 5px;
    }

/*End of Site Themes page*/

/* BEGIN EmailTemplate.htm styles */
#divEmailTemplate li.k-button {
    line-height: 2em;
}

#divEmailTemplate .settingsLabelLine {
    align-items: baseline;
    display: flex;
    width: 87%;
}

    #divEmailTemplate .settingsLabelLine label {
        font-weight: 600;
        margin-right: 5px;
    }

    #divEmailTemplate .settingsLabelLine div.settingsInput {
        flex-grow: 1;
        position: relative;
    }

        /* Show invalid icon to right of textbox. */
        #divEmailTemplate .settingsLabelLine div.settingsInput .k-invalid-msg {
            position: absolute;
            right: -15px;
            top: 3px;
        }

#divEmailTemplate #txtBccCustomEmails {
    width: 100%;
}
/* END EmailTemplate.htm styles */

/* BEGIN Account Notes Control */

span.accountNote {
    cursor: pointer;
    color: #2590C2;
    font-size: 8px;
}

span.accountNoteDisabled {
    color: #2590C2;
    opacity: 0.4;
    font-size: 8px;
}

i.accountNote.fa-stack-1x {
    top: 8px;
    left: -1px;
}

span.accountNoteMedium {
    cursor: pointer;
    color: #2590C2;
    font-size: 12px;
}

span.accountNoteLarge {
    cursor: pointer;
    color: #2590C2;
    font-size: 18px;
}

span.accountNoteAddExportIcon {
    cursor: pointer;
    color: #2590C2;
    padding: 7px; 
    border: solid 1px #2590C2; 
    border-radius: 2px;
    font-size: 16px;    
}

span.accountNoteAddExportIcon:hover {
    background-color: #F2F5F7;
}

span.accountNoteEditDeleteIcon {
    cursor: pointer;
    color: #2590C2;
    font-size: 16px;  
    padding: 7px;
    border: none;
    border-radius: 2px;
}

span.accountNoteEditDeleteIcon:hover {
    color: #207BA6;
}

span.accountNoteLargeDisabled {
    color: #2590C2;
    opacity: 0.4;
    font-size: 18px;
}

span.accountNoteHeader {
    cursor: pointer;
    color: #FFF;
    font-size: 8px;
}

span.accountNoteHeaderDisabled {
    opacity: 0.4;
    color: #FFF;
    font-size: 8px;
}

i.accountNoteHeader.fa-stack-1x {
    top: 1px;
    left: -1px;
}

tr.accountNoteHeader {
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    border-style: none;  
}

tr.accountNoteDetailText:hover {
    background-color: #F2F5F7;
}

td.accountNoteDetail {
    font-weight: 600;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/* End  Account Notes Control */

/* BEGIN Assets & Liabilities styles. */
.assets-no-data, .liabilities-no-data {
    border-top: 1px solid lightgray;
}

.assets-liabilities-tab .net-worth-msg {
    margin-top: 0;
}

.assets-liabilities-tab .loading-indicator, .assets-liabilities-page .loading-indicator {
    height: 100%;
    margin: 200px auto;
    position: absolute;
    width: 100%;
    z-index: 5;
}

.assets-liabilities-tab .tabContent, .assets-liabilities-page .content {
    opacity: 1;
    transition: opacity 0.8s ease-out;
}

    .assets-liabilities-tab .tabContent.loading-in-progress, .assets-liabilities-page .content.loading-in-progress {
        opacity: 0;
    }

.assets-liabilities-tab th.balance-align .k-link,
.assets-liabilities-page th.balance-align .k-link {
    text-align: right !important;
}

.assets-liabilities-page .grid.settingsGrid td.row-commands {
    text-align: right;
}

/* NOTE: Kendo grids do **NOT** function within display:flex containers.
   If a grid has height of '100%', the container *must* have an exact height defined.
*/
.assets-section .contentGroup,
.liabilities-section .contentGroup {
    height: 300px;
}

    .assets-section .contentGroup.assets-no-data,
    .liabilities-section .contentGroup.liabilities-no-data {
        height: auto;
        max-height: 300px;
    }

.test .assets-section {
    background-color: lightgreen;
}

.test .liabilities-section {
    background-color: lightyellow;
}

.assets-section .contentHeader .k-button,
.liabilities-section .contentHeader .k-button {
    float: right;
    height: unset;
}

#alPopup .grid .k-grid-content {
    max-height: unset;
}

#alPopup .al-row {
    display: flex;
    justify-content: space-between;
    margin: 0 3px;
}

    #alPopup .al-row .settingsLine {
        flex-basis: 50%;
        max-width: 48%;
    }

        #alPopup .al-row .settingsLine .k-combobox,
        #alPopup .al-row .settingsLine .k-dropdown,
        #alPopup .al-row .settingsLine .k-textbox {
            width: calc(100% - 25px);
        }

#alPopup .settingsInput .k-widget .validation-message {
    position: absolute;
    top: 4px;
    right: -18px;
}

#alPopup .ddl-parent > .validation-message {
    margin-left: 5px;
}

#alPopup .al-row .settingsLine .buttons {
    float: right;
}

    /* Reset button heights. */
    #alPopup .al-row .settingsLine .buttons .k-button,
    #alPopup .autocomplete-parent .k-autocomplete .k-input {
        height: unset;
    }

#alPopup .button.balance-history span {
    display: none;
}

#alPopup .balance-history.add {
    float: right;
}

#alPopup .grid.settingsGrid tr td.row-commands {
    /* To override standard td padding, so button height matches rest of UI. */
    padding-top: 4px;
    padding-bottom: 4px;
}

#alPopup .grid.settingsGrid .row-commands .k-button {
    line-height: 24px; /* To match actual height. */
}

#alPopup .grid.settingsGrid .k-grid-edit-row .k-grid-update span,
#alPopup .grid.settingsGrid .k-grid-edit-row .k-grid-cancel span {
    display: none;
}

/* Use flex columns to layout tab & command bar. */
#alPopup {
    display: flex;
    flex-direction: column;
    padding: 28px 10px 10px 10px; /* Enough room for .notification. */
}

    #alPopup .popup-row {
        flex-grow: 1;
    }

        #alPopup .popup-row:last-of-type {
            background-color: unset;
            flex-grow: 0;
        }

        #alPopup .popup-row .k-tabstrip-wrapper,
        #alPopup .popup-row .k-tabstrip-wrapper .k-tabstrip {
            /* Seriously?  I have to specify this manually? */
            height: 100%;
        }

    #alPopup .notification.staging {
        display: none;
    }

    #alPopup .notification.deploy {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

        #alPopup .notification.deploy .k-notification-wrap {
            font-size: 13px;
        }

        #alPopup .notification.deploy .k-notification {
            height: unset;
        }

    #alPopup .details {
        margin-top: 4px;
    }

    /* Balance History grid */
    #alPopup .balance-history .k-pager-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #alPopup .balance-history .k-grid-norecords {
        height: unset;
    }

    #alPopup .balance-history .k-grid-edit-row td {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    #alPopup .balance-history .value-balance {
        text-align: right;
    }

    #alPopup .balance-history .k-header.value-balance {
        text-align: center;
    }

    #alPopup .balance-history .modified-by {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #alPopup .balance-history .k-grid-edit-row .k-widget.k-datepicker {
        /* Give it enough room for the validation message. */
        width: 85%;
    }

    #alPopup .popup-row .grid .row-commands {
        text-align: right;
    }

    /** END Balance History grid */

    /* Reduce margin for command button row. */
    #alPopup .al-row.commands .settingsLine {
        margin-bottom: 0;
    }

        #alPopup .al-row.commands .settingsLine .settingsInput {
            white-space: nowrap;
        }

#alConfirmDelete {
    padding: 10px;
}

/* Yodlee container*/
#divYodleeFastLinkRefresh iframe {
    margin-top: -60px;
}

/* END A&L styles. */