.pageContainer {
    width: 1024px;
    height: 100%;
    margin: 0px auto;
}

.lblDescription {
    padding: 3px 7px;
    border: #ececec;
    height: 13px;
}

.grid_16 {
    margin-left: -22px;
}

#content {
    background-color: #FFF;
    border: 1px solid #FFF;
    box-shadow: 1px 1px 5px #CCC;
    padding: 0px 10px 0 5px;
    width: 1050px !important;
}

#content-login {
    border: 1px solid #009999;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 5px #CCC;
    min-height: 670px;
    overflow: auto;
    padding: 10px 10px 0;
    width: 1009px !important;
}


a.main.current {
    color: #009999;
    font-weight: bold;
}

.next-step {
    color: #000;
}

td {
    vertical-align: middle;
}

.tdMiddle td {
    vertical-align: middle;
}


.homeButton {
    color: #FFFFFF;
    float: right;
    font-size: 1.2em;
    padding: 7px 11px 0 0;
    text-align: right; /*background-color: transparent;     background-position: left center;     border: solid 0px #000000;     position: relative;     padding-top: 10px;     vertical-align: text-bottom;     vertical-align: top;     font-family: Arial;     font-size: 8pt;     color: #000000;     cursor: pointer;     height: 23px;*/
}

.subHeading {
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    color: #009999;
    background-color: transparent;
    background-image: url("Images/FRBHeaderBackground1.gif");
    background-repeat: repeat-x;
    position: relative;
    vertical-align: middle;
    font-size: 9pt;
    text-align: center;
    height: 30px;
    width: 350px;
}

.smallHeading {
    font-weight: bold;
    font-size: 11pt;
    background-color: transparent;
    color: #009999;
    text-decoration: none;
}

.smallHeadingStyle {
    background-color: transparent;
    color: #FFFFFF;
    text-decoration: none;
    font-family: FNBSansThin;
    font-size: 13px;
    font-weight: bold;
}

.smallHeadingStyleData {
    background-color: transparent;
    color: #000000;
    text-decoration: none;
    font-family: FNBSansThin;
    font-size: 13px;
    font-weight: bold;
}

.mediumHeading {
    background-color: transparent;
    color: #FFFFFF;
    text-decoration: none;
    font-family: FNBSansThin;
    font-size: 15px;
    font-weight: bold;
}

.textBoxStyle {
    background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
    border: 1px solid #E5E5E5;
    box-shadow: 4px 3px 9px #666; /*font: 13px/100% Verdana,Tahoma,sans-serif;*/
    -moz-border-radius: 7px;
    -moz-box-shadow: 4px 3px 9px #666;
    -webkit-box-shadow: 4px 3px 9px #666;
    font-size: 10pt;
    outline: 0 none;
    padding: 6px;
    width: 150px;
    height: 12px;
    clip: rect(3px, 3px, 3px, 3px);
    font-weight: 500;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: bold;
    color: #5F5F5F;
}

.tcTabstyle {
    width: 100%;
    background: none repeat scroll 0 0 #009999;
    border: 1px none #009999;
    padding: 4px;
    left: 50%;
    margin-bottom: 0px;
}

    .tcTabstyle tr td {
        padding: 7px;
    }

.warning {
    color: #009999;
}

.CashAndBankWarning {
    color: #0A4FA4;
}

.helpIcon {
    background-color: transparent;
    background-image: url("../../Images/TipHelp.gif");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    height: 16px;
    vertical-align: middle;
    width: 15px;
}

a.smallHeading:link {
    color: #009999;
    font-size: 12pt;
    text-decoration: none;
    font-family: FNBSansLight;
    font-weight: normal;
}

a.smallHeading:visited {
    font-weight: bold;
    color: #009999;
    font-size: 11pt;
    text-decoration: none;
}

.smallPrint {
    font-size: 8pt;
}

table tr td {
    font-family: FNBSansLight;
    font-size: 9pt;
    padding: 0px 0px 0px 0px;
    border: none;
}

.tcTab {
    height: 100%;
    left: 0px;
    margin-top: 0px;
    position: relative;
    top: 0px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px none #BFE5A6; /*border-radius: 8px 8px 8px 8px;     box-shadow: 1px 1px 5px #C7C7C7;*/
    min-height: 24px;
    padding: 4px;
}

.GridViewCol {
    padding-left: 50px;
}

.gridHeader {
    /*border: solid 1px #FFFFFF;     background-image: url("Images/FRBGridHeader.png");*/
    background-position: center center;
    font-weight: normal; /* changed for ie9, works well in Firefox*/
    text-align: justify;
    height: 30px;
    font-family: FNBSansRegular;
    vertical-align: middle;
    color: #FFF;
    text-decoration: none;
    border-top: 1px none #C7C7C7;
    background-color: #009999;
}

    .gridHeader th {
        padding: 3px;
        padding-left: 0;
        font-family: FNBSansThin;
        font-weight: normal;
        border: none;
        font-size: 11pt;
        text-align: justify;
    }



    .gridHeaderAFS {
    /*border: solid 1px #FFFFFF;     background-image: url("Images/FRBGridHeader.png");*/
    background-position: center center;
    font-weight: normal; /* changed for ie9, works well in Firefox*/
    text-align: justify;
    height: 30px;
    font-family: FNBSansRegular;
    vertical-align: middle;
    color: #FFF;
    text-decoration: none;
    border-top: 1px none #C7C7C7;
    background-color: #009999;
}

    .gridHeaderAFS th {
        padding: 3px;
        padding-left: 0;
        font-family: FNBSansThin;
        font-weight: normal;
        border: none;
        font-size: 11pt;
       
    }


.gridHeaderLarge {
    font-size: 1.2em;
}

.gridHeaderTop {
    border: 1px solid #009999;
    border-bottom: none;
    width: 990px;
    margin-bottom: 0px;
    height: 30px;
    font-family: FNBSansThin;
    vertical-align: middle;
    font-size: 10pt;
}

.gridHeaderDesc2 {
    background-color: Transparent;
    background-image: url("Images/arrow_down.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.gridHeaderAsc2 {
    background-color: Transparent;
    background-image: url("Images/arrow_up.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.gridHeaderForUploadPdf {
    background-position: center center;
    font-weight: normal; /* changed for ie9, works well in Firefox*/
    text-align: justify;
    height: 30px;
    font-family: FNBSansRegular;
    vertical-align: middle;
    color: #FFF;
    text-decoration: none;
    border: none;
    background-color: #009999;
}

.gridHeaderForMisc {
    background-position: center center;
    font-weight: normal; /* changed for ie9, works well in Firefox*/
    text-align: center;
    height: 30px;
    font-family: FNBSansRegular;
    vertical-align: middle;
    color: #FFF;
    text-decoration: none;
    border: none;
    background-color: #009999;
}
/* end grid new style */

#tabs .container {
    /*background: url('Images/tabs_bg.png') repeat-x left top;*/
    border-bottom: none;
}

#tabs ul li a:hover {
    text-decoration: underline;
}

#tabs ul li a {
    background-color: #66CCCC;
    border: 0px;
    display: block;
    color: #000000;
    height: 34px;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 5px;
}

    #tabs ul li a span {
        background-color: #66CCCC;
        height: 34px;
        padding: 10px 10px 0px 0px;
        display: block;
        cursor: pointer;
        white-space: nowrap;
    }

    #tabs ul li a.current {
        background-position: left bottom;
        background-color: #ADDBDB;
        padding: 0px 0px 0px 5px;
    }

        #tabs ul li a.current span {
            background-position: right bottom;
            background-color: #ADDBDB;
        }

    #tabs ul li a.tempoff {
        background-position: left top;
    }

        #tabs ul li a.tempoff span {
            background-position: right top;
        }

#tabs ul li.first a {
    color: #1b486a !important;
}

tr.gridItem td {
    padding: 6px;
    border: none;
    border-bottom: 1px solid #009999;
    padding-left: 0;
}


tr.gridItem:last-child {
    border-bottom: solid 1px #009999;
}

tr.gridAltItem:last-child {
    border-bottom: solid 1px #009999;
}

tr.gridItem {
    border-top: none 1px #009999;
    vertical-align: top;
}

.gridItem {
    background-color: #FFF;
    font-size: 9pt;
    padding: 3px;
    border-bottom: solid 1px #009999;
}

.gridItemDE {
    background-color: #FFF;
    font-size: 9pt;
    padding: 3px;
    border-bottom: solid 0px #009999;
}

.EmailgridItem {
    background-color: #FFF;
    font-size: 9pt;
    padding: 3px;
    border-bottom: solid 1px #009999;
}

tr.gridInvoiceItem td {
    padding: 1px;
    border: none;
    border-bottom: 1px solid #009999;
    padding-left: 0;
}

tr.gridInvoiceItem {
    border-top: none 1px #009999;
    vertical-align: top;
}

.gridInvoiceItem {
    background-color: #FFF;
    font-size: 9pt;
    padding: 2px;
    border-bottom: solid 1px #009999;
}

tr.gridItemWarning td {
    padding: 3px;
    border: none;
}

tr.gridItemWarning {
    border-top: solid 1px #E7E7E7;
    vertical-align: top;
}

.gridItemWarning {
    background-color: #FFBABA;
    font-size: 9pt;
    padding: 3px;
}

tr.gridAltItem td {
    padding: 6px;
    border: none;
    border-bottom: 1px solid #009999;
    padding-left: 0;
}

tr.gridAltItem {
    border-top: none 1px #009999;
    vertical-align: top;
}

.gridAltItem {
    background-color: #FFF;
    font-size: 9pt; /* border-left: solid 1px #FFFFFF;     border-right: solid 1px #FFFFFF;*/
    padding: 3px;
    border-bottom: solid 1px #009999;
}

.gridAltItemDE {
    background-color: #FFF;
    font-size: 9pt; /* border-left: solid 1px #FFFFFF;     border-right: solid 1px #FFFFFF;*/
    padding: 3px;
    border-bottom: solid 0px #009999;
}

tr.gridAltItemWarning td {
    padding: 3px;
}

tr.gridAltItemWarning {
    border-top: solid 1px #E7E7E7;
    vertical-align: top;
}

.gridAltItemWarning {
    background-color: #FFBABA;
    font-size: 9pt;
    padding: 3px;
}

.gridSelectedItem {
    background-color: #D0D4D9; /*colors can be changes if required*/
    color: #414141;
    font-weight: bold;
    font-size: 9pt;
}

.gridHeader a {
    background-color: Transparent;
    font-size: 11pt;
    font-weight: normal;
    color: #FFF;
    border: solid 0px #000000;
    cursor: pointer;
    border-collapse: collapse;
    text-align: left;
    background-position: right center;
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
}

.gridHeaderButton {
    background-color: #64ADAF;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    border: solid 0px #000000;
    cursor: pointer;
    text-align: left;
    background-position: right center;
    background-repeat: no-repeat;
    text-align: center;
}



.gridHeader span {
    background-color: #009999;
    background-position: right center;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
}

.gridHeader td {
    text-align: center;
}

.gridHeaderDesc {
    background-image: url("../../Images/arrow_down.png");
}

.gridHeaderAsc {
    background-image: url("../../Images/arrow_up.png");
}

.OnScreenReportLevel1 {
    background-color: #D0D4D9;
    font-weight: normal;
    font-size: 11pt;
}

tr.OnScreenReportLevel1 td {
    padding: 3px 5px 3px 5px;
}

.OnScreenReportLevel2 {
    background-color: #ECECEC;
    font-weight: normal;
    font-size: 10pt;
}

tr.OnScreenReportLevel2 td {
    padding: 3px 5px 3px 10px;
}

.OnScreenReportLevel3 {
    background-color: #F7F7F7;
}

tr.OnScreenReportLevel3 td {
    padding: 3px 5px 3px 20px;
}

.OnScreenReportLevel4 {
    background-color: Transparent;
    font-size: 8pt;
}

tr.OnScreenReportLevel4 td {
    padding: 3px 5px 3px 30px;
}


.errorLabel {
    color: #FF0000; /*kept it red now, can be changed if required*/
    padding: 5px 0px 5px 0px;
    font-size: 10pt;
}

    .errorLabel ul {
        padding: 0;
    }

.warningLabel {
    color: #334D55; /*kept it as it is now, can be changed if required*/
    padding: 5px 0px 5px 0px;
}

.buttonContainer {
    text-align: left;
}

input.submit, input.button {
    background-color: #000000;
    border: solid 1px #000000;
    border-bottom: solid 2px #FC3838;
    border-collapse: collapse;
    cursor: pointer;
    color: #000000;
}

.editButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/edit.gif");
    width: 15px;
    height: 15px;
    background-position: center center;
    vertical-align: inherit;
    background-repeat: no-repeat;
    cursor: pointer;
}

.saveButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/save.gif");
    width: 20px;
    height: 20px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
}

.deleteButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/delete.gif");
    width: 20px;
    height: 20px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
}

.cancelButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/cancel.gif");
    width: 20px;
    height: 20px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
}

.deactivateButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/deactivate.gif");
    width: 20px;
    height: 20px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
}

.reactivateButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/reactivate.gif");
    width: 20px;
    height: 20px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
}

.plusButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/iconArrowDownBig.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 12px;
    text-indent: 15px;
    vertical-align: text-bottom;
    width: 0;
}

.plusButtonDocument {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/iconArrowDownBig.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    padding: 2px 12px;
    text-indent: 17px;
    vertical-align: text-bottom;
    width: 0;
}

.sentButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/active.gif");
    background-position: left top;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 12px;
    text-indent: 17px;
    vertical-align: text-bottom;
    width: 0;
}

.emailTable {
    background-color: Transparent;
    background-position: left top;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    padding: 2px 12px;
    text-indent: 17px;
    vertical-align: text-bottom;
}

.emailButton {
    background-color: Transparent;
    background-image: url("../../Images/mail_forward.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 10px;
    text-indent: 15px;
    vertical-align: text-bottom;
    width: 0;
}

.emailButtondocumentexplorer {
    background-color: Transparent;
    background-image: url("../../Images/mail_forward.png");
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 10px;
    text-indent: 15px;
    vertical-align: text-bottom;
    width: 0;
}

.emaildivcontainer {
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 1px;
    vertical-align: text-bottom;
    width: 0;
}

.emaildivcontainercheckbox {
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 0px 1px;
    vertical-align: text-top;
    width: 0;
}

.printButtonNew {
    background-color: Transparent;
    background-image: url("../../Images/Yes.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 12px;
    text-indent: 15px;
    vertical-align: text-bottom;
    width: 0;
}

.minusButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/iconArrowUpBig.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 12px;
    text-indent: 15px;
    vertical-align: text-bottom;
    width: 0;
}

.splitCategoryButton {
    background-color: Transparent;
    background-image: url("../../Images/splitcategory.gif");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border: solid 0px #000000;
    cursor: pointer;
    width: 15px;
    height: 15px;
}

.journalReverseButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/images/reverse.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: inherit;
    border: solid 0px #000000;
    cursor: pointer;
    width: 15px;
    height: 15px;
}

input[type=submit].deleteManualTransactionButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/images/delete.gif");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: inherit;
    border: solid 0px #000000;
    cursor: pointer;
    width: 27px;
    height: 25px;
}

.addNewButton {
    background-color: Transparent;
    background-image: url("../../Images/NewDocument.PNG");
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: center center;
    border: solid 0px #000000;
    cursor: pointer;
    width: 15px;
    height: 15px;
}

.addNewPlus {
    background-color: Transparent;
    background-image: url("../../Images/AddNew.gif");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border: solid 0px #000000;
    cursor: pointer;
    width: 15px;
    height: 20px;
}

.activeBudget {
    background-color: Transparent;
    background-image: url("../../Images/active.gif");
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 0px #000000;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

input[type="submit"].showSchedule {
    background-color: Transparent;
    background-image: url("../../Images/calButton.gif");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: inherit;
    border: solid 0px #000000;
    cursor: pointer;
    width: 23px;
    height: 22px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
    display: inline;
    font-size: 1em;
}

.inactiveBudget {
    background-color: Transparent;
    background-image: url("../../Images/notactive.gif");
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 0px #000000;
    cursor: pointer;
    width: 13px;
    height: 13px;
}

.printButtonDocument {
    background-color: Transparent;
    background-image: url("Images/print.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 10px;
    text-indent: 15px;
    vertical-align: text-bottom;
    width: 0;
}

.printButton {
    background-color: Transparent;
    background-image: url("Images/print.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 12px;
    text-indent: 15px;
    vertical-align: text-bottom;
    width: 0;
}

.simulation {
    background-image: url("../../Images/simulation.gif");
    background-color: Transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
}

.MAButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/Merchant.gif");
    width: 15px;
    height: 15px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
}

.EditTButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/edit.png");
    width: 16px;
    height: 16px;
    background-position: center center;
    vertical-align: inherit;
    background-repeat: no-repeat;
    cursor: pointer;
}

.Yes {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/Yes.png");
    width: 20px;
    height: 20px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.AdvancedRule {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/AdvancedRule.png");
    width: 16px;
    height: 16px;
    background-position: center center;
    vertical-align: inherit;
    background-repeat: no-repeat;
    cursor: pointer;
}

.textBox {
    width: 150px;
}

.fillTextBox {
    width: 200px;
}

.invoiceAmountField {
    text-align: right;
    font-size: 1em;
    width: 100%;
}

.amountField {
    width: 80px;
    text-align: right;
    font-size: 1em;
}

.amountFieldSmall {
    width: 70px;
    text-align: right;
}

.amountFieldSmallest {
    width: 80px;
    width: 55px\9;
    text-align: right;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .amountFieldSmallest {
        width: 55px;
    }
}

.DataGrid {
    width: 100%;
    margin-bottom: 0;
}

.modalBackground {
    background-color: Gray; /* for IE */
    filter: alpha(opacity=60); /* CSS3 standard */
    opacity: 0.6; /* for Mozilla */
    -moz-opacity: 0.6;
}

.popupBox {
    position: relative;
    border: solid 1px #B8C8B0;
    background-color: White;
    padding: 2px;
    -moz-border-radius: 10px;
    vertical-align: middle;
}

    .popupBox span {
        padding: 1px;
        vertical-align: middle;
    }

    .popupBox hr {
        margin: 1px;
        padding: 1px;
    }

    .popupBox .popupBoxTitle {
        font-weight: bold;
        font-size: medium;
    }

    .popupBox input {
        padding: 1px;
        vertical-align: middle;
    }

        .popupBox input[type="image"] {
            height: 24px;
            width: 24px;
        }

#tblSaveConfirmation {
    margin-bottom: 0;
}

    #tblSaveConfirmation tr td {
        padding: 5px;
        text-align: center;
    }

    #tblSaveConfirmation tr th {
        padding: 5px;
        background-color: #009999;
        color: #fff;
        font-size: 13px;
        width: 150px;
    }

#tblSaveWait {
    margin-bottom: 0;
}

    #tblSaveWait tr td {
        padding: 5px;
        text-align: center;
    }

    #tblSaveWait tr th {
        padding: 5px;
        background-color: #009999;
        color: #fff;
        font-size: 13px;
        width: 150px;
    }

.popupCalendar {
    background-color: White;
    font-family: FNBSansThin;
    font-size: 8pt;
}

.progressBox {
    /* for IE */
    filter: alpha(opacity=70); /* CSS3 standard */
    opacity: 0.7; /* for Mozilla */
    -moz-opacity: 0.7;
    background-image: url("../../App_Themes/FNB/Images/loader.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    cursor: wait;
    width: 100%;
    height: 100%;
    z-index: 10000;
    text-align: center;
}

.passwordStrength {
    font-size: 8pt;
    font-weight: bold;
}

.ControlTable {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px none #ADDBDB;
}

    .ControlTable td {
        padding: 4px;
    }

#filterOptionsMain, #filterpanel {
    border: none;
    background-color: #009999;
    /*color: #FFF;*/
    border: 1px none #009999;
    padding: 4px;
    padding-top: 10px;
}

    #filterOptionsMain table td, #filterpanel table td, #dvTransactions table td {
        padding: 0px;
    }

    #filterOptionsMain label, #filterpanel label, #filterOptionsMain span, #filterpanel span {
        font-family: FNBSansLight;
        font-size: 10pt;
        /*color: #000;*/
    }

#dvTransactions {
    border: none;
    height: 86px;
    width: 120px;
    float: left;
    background-color: #009999;
    color: #FFF;
}

    #dvTransactions label {
        font-family: FNBSansLight;
        font-size: 10pt;
        color: #000;
    }

.Next {
    display: block;
    float: left;
    margin-left: 8px;
}

.ddlPeriods {
    width: 76px;
}

.ddlAccount {
    width: 160px;
}

.ddlPartner {
    width: 150px;
}

.ddlVAT {
    width: 150px;
}

.ddlCategory {
    width: 290px;
}

.ddlFinancialCategory {
    width: 210px;
}

.ddlTransactionType {
    width: 103px;
}

.ddlStatus {
    width: 104px;
}

.reportWarning {
    border: solid 1px #505050;
}

.multiLine {
    font-family: FNBSansThin;
    font-size: 9pt;
}

.animatedImage {
    background-image: url("Images/animated.gif");
}

/*---------------------------------------------------Budgets-----------------------------------------------------*/
/*These Styles are for the Budget Screen and are short hand to save on size
 CI - Change Indicator Field
 CT - Category Type Field
 M_ - Monthly Amount Field with _ as number
 AT - Annual toatal field
 DA - Default amount field
.MA_ - CSS class for monthly Amount fields
.AT - CSS class for annual total field
.DA - CSS class for default amount field
.PA - Percentage Adjustment
.ATS - Annual Total Summary Field
.DAS - Default Amount Summary Field
.MS_ - Monthly Amount Summrary Field
.SV - Summary Value
.YA - year amount
*/
.PA {
    width: 120px;
}
/* Common use */
.SV {
}
/* month values */
.M1, .M2, .M3, .M4, .M5, .M6, .M7, .M8, .M9, .M10, .M11, .M12, .MS1, .MS2, .MS3, .MS4, .MS5, .MS6, .MS7, .MS8, .MS9, .MS10, .MS11, .MS12, .DA, .MA, .DAS {
    width: 47px;
    font-size: "10";
    font-family: FNBSansThin;
    text-align: Right;
}
/*year values */
.AT, .Y2, .Y3, .Y4, .Y5, .ATS, .YS2, .YS3, .YS4, .YS5, .YA {
    width: 70px;
    font-size: "10";
    font-family: FNBSansThin;
    text-align: Right;
}

.POS {
    color: Blue;
}

.NEG {
    color: #000000; /*#FF00FF; original color changed to black taking pointers from screenshot*/
}

.budgetHeading {
    color: #009999;
    font-size: 16px;
    font-weight: bold;
    padding-left: 0;
}

h3.budgetHeading {
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    padding: 2px;
    padding-left: 20px;
    padding-bottom: 4px;
    background-color: #009999;
    background-image: url('../../App_Themes/FNB2/Images/arrow_down.png');
    background-repeat: no-repeat;
    background-position: 1px 7px;
    cursor: pointer;
    margin: 6px 0px;
}

h3.budgetHeadingNoImage {
    background-image: none;
}

.budgetHeader {
    border-top: 1px solid #C7C7C7;
    background-color: #009999;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    word-wrap: break-word;
    font-family: FNBSansThin;
}

    .budgetHeader th input {
        background-color: #009999;
        border: none;
        color: #FFFFFF;
        font-family: FNBSansThin;
        font-size: 8pt;
        font-weight: normal;
        text-decoration: none;
        word-wrap: break-word;
        width: 60px;
    }

.budgetHeaderlevel2 {
    border-top: 1px solid #C7C7C7;
    background-color: #73C7C7;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    word-wrap: break-word;
    font-family: FNBSansThin;
}

    .budgetHeaderlevel2 th input {
        background-color: #73C7C7;
        border: none;
        color: #FFFFFF;
        font-family: FNBSansThin;
        font-size: 8pt;
        font-weight: normal;
        text-decoration: none;
        word-wrap: break-word;
        width: 60px;
    }

.budgetGridItem {
    background-color: #FFF;
}

tr.budgetGridItem td {
    padding: .5px;
    padding: 1px\9;
    border-top: 1px none #009999;
    border-right: 1px none #009999;
    border-left: 1px none #009999;
    border-bottom: 1px none #009999;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    tr.budgetGridItem td {
        width: 59px;
        padding: 1px;
    }
}

tr.budgetGridItem td input {
    background-color: #FFF;
    border: 1px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 8pt;
    text-align: right;
    width: 63.5px;
    width: 59px\9;
    line-height: 24px;
    height: 24px;
    padding: .5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    tr.budgetGridItem td input {
        width: 59px;
    }
}

tr.budgetGridItem td .budgetCategory {
    background-color: #FFF;
    border: none;
    font-family: FNBSansLight;
    font-size: 9pt;
    text-align: left;
    width: 120px;
}

.budgetGridAltItem {
    background-color: #FFFFFF;
}

tr.budgetGridAltItem td {
    padding: .5px;
    padding: 1px\9;
    border-top: 1px none #009999;
    border-right: 1px none #009999;
    border-left: 1px none #009999;
    border-bottom: 1px none #009999;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    tr.budgetGridAltItem td {
        width: 59px;
        padding: 1px;
    }
}

tr.budgetGridAltItem td input {
    background-color: #FFF;
    border: 1px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 8pt;
    text-align: right;
    width: 63.5px;
    width: 59px\9;
    line-height: 24px;
    height: 24px;
    padding: .5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    tr.budgetGridAltItem td input {
        width: 59px;
    }
}

tr.budgetGridAltItem td .budgetCategory {
    background-color: #FFF;
    border: none;
    font-family: FNBSansLight;
    font-size: 9pt;
    text-align: left;
    width: 120px;
}

.budgetPositive {
    color: Green;
}

.budgetNegative {
    color: Magenta;
}

.budgetHide {
    display: none;
}

/*---------------------------------------------------Filters-----------------------------------------------------*/
/* Filter area */
.FilterDiv {
    background-color: #EDEDED;
    border: 2px groove;
}
/*Button to hide/show filter area */
.ShowFilter {
    cursor: hand;
    font-size: 9pt;
    color: #000;
    background: url("../../App_Themes/FNB2/images/iconArrowDownBigArrow.png") no-repeat scroll 0 center transparent;
    display: inline;
}

.HideFilter {
    cursor: hand;
    font-size: 9pt;
    color: #000;
    background: url("../../App_Themes/FNB2/images/iconArrowUpBigArrow.png") no-repeat scroll 0 center transparent;
    display: inline;
}
/* Labels for filterby fields */
.FilterLabel {
    font-family: FNBSansThin;
    font-size: 8pt;
    font-weight: bold;
}
/*----------------------------------------------Short messages Table --------------------------------------------- */
.ImportantMessage {
    border-width: 1px;
    border-spacing: 3px;
    border-style: double;
    border-color: #505050;
    border-collapse: separate;
    background-color: white;
    min-height: 120px;
    height: auto;
}

    .ImportantMessage th {
        border-width: 0px;
        padding: 1px;
        border-style: inset;
        border-color: gray;
        background-color: white;
        vertical-align: top;
    }

    .ImportantMessage td {
        border-width: 0px;
        padding: 1px;
        border-style: inset;
        border-color: gray;
        background-color: white;
        vertical-align: top;
    }

.ImportantMessageListItem {
    list-style-position: inside;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    min-height: 120px;
    height: auto;
}

/*----------------------------------------------Welcome screen left pane --------------------------------------------- */
.welcomeLeftPane {
    background-color: #FFFFFF; /*Hints from the screenshot*/
    vertical-align: top;
    width: 200px;
}

    .welcomeLeftPane td {
        text-align: left;
    }
/*---------------------------------------------- Help Page --------------------------------------------- */
.helpHeading, .screenElementHeader, .methodStepsHeader, .examplesHeader, .advancedHelpHeader {
    background-color: #C7C7C7; /*Hints from the screenshot*/
    font-weight: bold;
    font-family: FNBSansThin;
    font-size: 12pt;
    padding: 4px;
}

.screenElementHeader {
    padding-top: 6px;
    font-size: 11pt;
}

.helpContent, .screenElementContent, .methodStepContent, .examplesContent, .advancedContent {
    font-size: 10pt;
    padding-bottom: 15px;
}
/*---------------------------------------------- Messaging --------------------------------------------- */
.msgName {
    font-size: 12pt;
    color: #0A4FA4;
}

.msgThread {
    background-color: #FFFFFF;
}

/*---------------------------------------------- Multiple Tax Popup --------------------------------------------- */
#div_multiple_tax {
    display: none;
    width: 510px;
    height: 160px;
    background-color: #FFF;
    border: 6px solid #BFE5A6;
    color: #000;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 5px;
    box-shadow: 1px 1px 5px #C7C7C7;
}

.subtable {
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #BFE5A6;
    width: 100%;
}

    .subtable td, .subtable th {
        padding: 1px 5px;
        border: none;
        font-family: FNBSansThin;
        font-size: 10pt;
        font-weight: normal;
    }

    .subtable thead {
        font: normal 15px Helvetica Neue,Helvetica,sans-serif;
        text-shadow: 0 1px 0 white;
        color: #999;
    }

    .subtable th {
        border-bottom: 1px solid #E6E6E6;
        background-color: #F8981D;
        color: #FFFFFF;
    }

    .subtable td {
        font-size: 12px;
        padding: 5px;
        border-bottom: 1px solid #E6E6E6;
        color: #FFFFFF;
    }

    .subtable tr:hover {
        background-color: #C7C7C7;
    }

    .subtable tr:nth-child(even) {
        background-color: #FBAF56;
    }

    .subtable tr:nth-child(odd) {
        background-color: #FBAF56;
    }

    .subtable tr {
        background-color: #FBAF56;
    }

.positiveAmount {
    color: #009999;
    font-weight: bold;
}

.negativeAmount {
    color: #FF9900;
    font-weight: bold;
}

.neutralAmounts {
    color: black;
    font-weight: bold;
}

.smartButtons {
    padding: 17px 4px 0 4px;
    float: left;
}

    .smartButtons a {
        background: -moz-linear-gradient(center top, #FF9900 5%, #FF9900 100%) repeat scroll 0 0 #FF9900;
        border: medium none;
        border-radius: 0 0 0 0;
        color: #FFFFFF;
        cursor: pointer;
        font-family: FNBSansThin;
        font-size: 1.4em;
        font-size: 1.3em\9;
        font-weight: normal;
        height: 25px;
        height: 20px\9;
        line-height: 18px;
        padding: 0;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        padding: 3px;
        padding: 4px 0 0 0\9;
        background-color: #FF9900;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .smartButtons a {
        height: 20px;
        font-size: 1.3em;
        padding: 4px 0 0 0;
    }
}

.smartButtons img {
    vertical-align: text-top;
}

.smartButtonsText {
    border: 1px solid #009999;
    font-family: FNBSansLight;
    font-size: 0.8em;
    font-weight: normal;
    color: #555;
    cursor: pointer;
    display: table-cell;
    padding: 2px 12px;
}

.smartButtonsText a {
    color: #009999;
    text-decoration: none;
    width: auto;
}

.smartButtonsText img {
    vertical-align: middle;
}

#placeHolderAlters {
    background-color: #90cdce;
    padding: 32px 0 0 30px;
    color: #505050; /*      border: 1px solid #BFE5A6;     -moz-border-radius: 5px;     border-radius: 5px;          box-shadow: 2px 2px 3px #C7C7C7;*/
}

    #placeHolderAlters ul li {
        margin-top: 0px;
        list-style: inside;
    }


        #placeHolderAlters ul li.liItem {
            border-top: solid 1px #E7E7E7;
            vertical-align: top;
            background-color: #90CDCE;
            font-size: 9pt;
            padding: 5px;
            color: #FFF;
        }

        #placeHolderAlters ul li.liAlternateItem {
            border-top: solid 1px #E7E7E7;
            vertical-align: top;
            background-color: #90CDCE;
            font-size: 9pt;
            padding: 5px;
            color: #FFF;
        }

        #placeHolderAlters ul li:last-child {
            border-bottom: solid 1px #E7E7E7;
        }

/*******************************************************************************
  HEADING CLASSES
*******************************************************************************/
h1 {
    font-size: 22px;
    color: #FFFFFF;
    display: block;
    margin-top: 10px;
}

    h1.dashboard {
        padding-left: 0px;
        font-size: 28px;
        color: #000000;
        font-family: FNB SanS Light;
    }

    h1.connectors {
        color: #009999;
    }

    h1.content_edit {
        padding-left: 35px;
    }

h2 {
    font-size: 15px !important;
}

h3 {
    font-size: 13px;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: #009999;
    font-weight: bold;
    background: #fff;
    outline: 0;
}

#tabs ul {
    list-style: none outside none;
    margin: 0;
    padding: 6px;
}

    #tabs ul li {
        display: inline;
    }

#tabs .container {
    height: 45px;
    padding-top: 0px;
    width: 1067px !important;
    margin-top: 0px;
    background-color: #006666;
}

h3.chartsFont {
    color: #099;
    font-weight: normal;
    padding: 0px 0px 0 0px;
    clear: none;
    margin-bottom: 0;
    background-color: #E7E7E7;
}

h3.chartsFontWelcomeDashboard {
    color: #099;
    font-weight: normal;
    padding: 0px 0px 0 0px;
    clear: none;
    margin-bottom: 0;
    background-color: #E7E7E7;
    width: 237px;
    font-size: 15px;
    padding: 2px 0 2px 4px;
    width: 222px\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    h3.chartsFontWelcomeDashboard {
        width: 236px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    h3.chartsFontWelcomeDashboard {
        width: 221px;
    }
}

ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #009999;
    font-weight: bold;
    font-size: 11px;
    margin: 0 50px 0 0;
}


.inputtext {
    border: 1px solid #E5E5E5;
    font-size: 14px/100%;
    font-size: 1em;
    font-family: FNBSansLight;
    outline: 0 none;
    padding: 6px;
    width: 170px;
    -moz-border-radius: 7px;
}

@font-face {
    font-family: Laconic;
    src: url(Aller.ttf);
}

.dashboarduser {
    background-color: #FFFFFF;
    border: 1px none #CCCCCC;
    height: auto;
    margin: 0px 0 0 0;
    padding: 3px;
    width: 255px;
    width: 239px\9;
    color: #000;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dashboarduser {
        width: 239px;
    }
}


#dvInnerActivityBox {
    background-color: #E7E7E7;
    padding: 12px 0 18px 3px;
    height: 164px;
    height: 134px\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #dvInnerActivityBox {
        height: 134px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    #dvInnerActivityBox {
        height: 128px;
    }
}

.dvInnerBox {
    width: 255px;
    width: 226px\9;
    height: auto;
    background-color: #FFF;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dvInnerBox {
        width: 244px;
    }
}

.demo-container {
    float: left;
    width: 243px;
    width: 228px\9;
    border: 2px solid #FFF;
    padding: 0px;
    margin-bottom: 2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .demo-container {
        width: 242px;
    }
}

.grey .accordion, .grey .accordion li, .grey .accordion ul {
    margin: 0;
    padding: 0;
    border: none;
}

    .grey .accordion a {
        padding: 10px 10px 10px 50px;
        background: #ececec;
        text-decoration: none;
        display: block;
        color: #333;
        border-bottom: 1px solid #E7E7E7;
        border-top: 1px solid #fff;
        position: relative;
    }

        .grey .accordion a.dcjq-parent, .grey .accordion a.dcjq-parent:hover {
            background-color: #E7E7E7;
            border-top: 1px solid #E7E7E7;
            color: #009999;
            font-size: 10pt;
            padding: 10px 10px 10px 33px;
            vertical-align: top;
            font-weight: bold;
        }

            .grey .accordion a.dcjq-parent.active {
            }

        .grey .accordion a .dcjq-icon {
            position: absolute;
            top: 50%;
            left: 3px;
            width: 34px;
            margin-top: -17px;
            height: 34px; /*background: url(../images/arrow_grey_right.png) no-repeat 0 center;*/
            background: url(../../App_Themes/FNB2/images/iconArrowDownBigArrow.png) no-repeat 0 center;
        }

        .grey .accordion a.dcjq-parent.active .dcjq-icon {
            /*background: url(../images/arrow_grey_down.png) no-repeat 0 center;*/
            background: url(../../App_Themes/FNB2/images/iconArrowUpBigArrow.png) no-repeat 0 center;
        }

        .grey .accordion a:hover {
            background: #fff;
            color: #009999;
        }

        .grey .accordion a:active {
        }

        .grey .accordion a.bold {
            font-weight: normal;
        }

            .grey .accordion a.bold:hover {
                font-weight: normal;
            }

    .grey .accordion li.dcjq-current-parent a.dcjq-name {
        background-color: #F8F8F8;
        border-top: 1px solid #E7E7E7;
        color: #009999;
        font-size: 9pt;
        padding-left: 8px;
    }

    .grey .accordion li.dcjq-current-child a.dcjq-name {
        background-color: #F4F4F4;
        border-bottom: 1px solid #E7E7E7;
        color: #009999;
        font-size: 8pt;
        padding-left: 8px;
    }

/*----- REPORTS EXPLORER ------------------------------------------------------------------------------------------- */

.reportItem {
    background-color: #F7F7F7;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 15px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    width: 100%;
    text-align: left;
    vertical-align: top;
    width: 99%;
    z-index: 50;
}

    .reportItem .reportItemDetail {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: 58%;
    }

    .reportItem .reportName {
        font-size: 1.2em;
        font-weight: bold;
    }

    .reportItem .reportDescription {
        font-size: 0.8em;
    }

.reportAction {
    font-size: 1.1em;
    display: block;
    left: 475px;
    position: absolute;
    vertical-align: middle;
}

    .reportAction .reportView {
        background-color: transparent;
        background-image: url('../../images/onscreen.png');
        background-repeat: no-repeat;
        background-position: center center;
        border-style: none;
        height: 24px;
        width: 24px;
        vertical-align: middle;
    }

    .reportAction .reportPrint {
        background-color: transparent;
        background-image: url('Images/print.png');
        background-repeat: no-repeat;
        background-position: center center;
        border-style: none;
        height: 24px;
        width: 24px;
        vertical-align: middle;
    }

    .reportAction .reportDownload {
        background-image: url(Images/download.png);
        background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        display: inline-block;
        color: #555;
        vertical-align: middle;
    }

    .reportAction .reportEmail {
        background-color: transparent;
        background-image: url('Images/mail_forward.png');
        background-repeat: no-repeat;
        background-position: center center;
        border-style: none;
        height: 24px;
        width: 24px;
    }

    .reportAction .reportSchedule {
        background-color: transparent;
        background-image: url('../../images/schedule.png');
        background-repeat: no-repeat;
        background-position: center center;
        border-style: none;
        height: 24px;
        width: 24px;
        vertical-align: middle;
    }

    .reportAction input {
        margin-left: 3px;
        margin-right: 3px;
        vertical-align: middle;
    }

    .reportAction select {
        margin-left: 3px;
        margin-right: 3px;
        vertical-align: middle;
    }

.reportParameters {
    font-size: 1.2em;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

    .reportParameters .fields {
        display: inline-block;
    }

    .reportParameters .actions {
        display: inline-block;
        text-align: right;
    }

    .reportParameters span {
        margin: 3px;
        padding: 3px;
    }

    .reportParameters input {
        margin: 3px;
        padding: 3px;
    }

    .reportParameters select {
        margin: 3px;
        padding: 3px;
    }

        .reportParameters select[name*=DDL_Reports] {
            width: 125px;
        }

        .reportParameters select[name*=DDL_Category] {
            width: 125px;
        }

        .reportParameters select[name*=DDL_Partner] {
            width: 125px;
        }

        .reportParameters select[name*=DDL_PartnerBalance] {
            width: 125px;
        }

/*----- END REPORTS EXPLORER ------------------------------------------------------------------------------------------- */

/*----------- For Listview on TransactionCategory Page ---------------------*/

.header th {
    background-color: #009999;
    border: 0 solid #000000;
    color: #FFFFFF;
    font-family: fnbsansthin;
    font-size: 11pt;
    font-weight: normal;
    padding: 6px;
}

.header {
    margin-bottom: 0px;
    border: none;
    border-spacing: 0;
}

.example {
    margin-bottom: 0px;
    border: none;
    border-spacing: 0;
}

    .example a {
        font-size: 9pt;
        text-decoration: none;
    }

    .example td {
        border-bottom: 1px solid #009999;
        padding: 6px;
        background-color: #FFF;
    }

    .example tr.a td {
        background-color: #FFF;
        padding: 6px;
    }
/* Alternating rows */


/* --------------- For Credit Note Button --------------------*/

.PCNButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/PCN.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    height: 0;
    padding: 2px 12px;
    text-indent: 15px;
    vertical-align: text-bottom;
    width: 0;
}

.SCNButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/SCN.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    padding: 2px;
    text-indent: 25px;
    width: 0;
}

input[type="submit"] {
    background-image: none;
    border: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9900), color-stop(1, #ff9900) );
    background: -moz-linear-gradient( center top, #ff9900 5%, #ff9900 100% );
    background-color: #ff9900;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    display: inline-block;
    color: #ffffff;
    font-family: FNBSansThin;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
    text-decoration: none;
}

    input[type="submit"] :hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9900), color-stop(1, #ff9900) );
        background: -moz-linear-gradient( center top, #ff9900 5%, #ff9900 100% );
        background-color: #ff9900;
    }

    input[type="submit"] :active {
        position: relative;
        top: 1px;
    }

.buttonNew {
    background-image: none;
    border: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9900), color-stop(1, #ff9900) );
    background: -moz-linear-gradient( center top, #ff9900 5%, #ff9900 100% );
    background-color: #ff9900;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    color: #ffffff;
    font-family: FNBSansThin;
    font-size: 1.2em;
    font-weight: normal;
    padding: 5px;
    padding: 4px\9;
    text-decoration: none;
    height: 25px;
    height: 17px\9;
}

    .buttonNew:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9900), color-stop(1, #ff9900) );
        background: -moz-linear-gradient( center top, #ff9900 5%, #ff9900 100% );
        background-color: #ff9900;
    }

    .buttonNew:active {
        position: relative;
        top: 1px;
    }

a.buttonNew, a.buttonNew:visited, a.buttonNew:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9900), color-stop(1, #ff9900) );
    background: -moz-linear-gradient( center top, #ff9900 5%, #ff9900 100% );
    background-color: #ff9900;
    color: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonNew, a.buttonNew {
        font-size: 1.2em;
        padding: 4px;
        height: 17px;
    }
}

a.buttonDisabled, a.buttonDisabled:hover {
    background-image: none;
    border: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ececec), color-stop(1, #eee) );
    background: -moz-linear-gradient( center top, #ececec 5%, #eee 100% );
    background-color: #ececec;
    cursor: not-allowed;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    display: inline-block;
    color: #ffffff;
    font-family: FNBSansThin;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
    text-decoration: none;
    margin-bottom: 5px;
}


input[type="submit"].gridHeaderButton {
    background-color: Transparent;
    font-size: 11pt;
    font-weight: normal;
    color: #FFF;
    border: solid 0px #000000;
    cursor: pointer;
    text-align: left;
    background-position: right center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    background: none;
    filter: none;
    text-shadow: none;
    height: auto;
}

input[type="submit"].plusButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/iconArrowDownBig.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: inherit;
    border: solid 0px #000000;
    cursor: pointer;
    width: 23px;
    height: 22px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
    display: inline;
    font-size: 1em;
}

input[type="submit"].plusButtonWhite {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/iconArrowDownBigWhite.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: inherit;
    border: solid 0px #000000;
    cursor: pointer;
    width: 23px;
    height: 22px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
    display: inline;
    font-size: 1em;
    margin-left: 4px;
}

input[type="submit"].minusButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/iconArrowUpBig.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: inherit;
    border: solid 0px #000000;
    cursor: pointer;
    width: 23px;
    height: 22px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
    display: inline;
    font-size: 1em;
}

input[type="submit"].minusButtonWhite {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/iconArrowUpBigWhite.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: inherit;
    border: solid 0px #000000;
    cursor: pointer;
    width: 23px;
    height: 22px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
    display: inline;
    font-size: 1em;
}

input[type="submit"].splitCategoryButton {
    background-color: Transparent;
    background-image: url("../../Images/splitcategory.gif");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border: solid 0px #000000;
    cursor: pointer;
    width: 16px;
    height: 16px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].journalReverseButton {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/images/reverse.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: inherit;
    border: solid 0px #000000;
    cursor: pointer;
    width: 16px;
    height: 16px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
    display: inline;
    font-size: 1em;
}

input[type="submit"].editButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/edit.gif");
    width: 24px;
    height: 24px;
    background-position: center center;
    vertical-align: inherit;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
    display: inline;
    font-size: 1em;
}

input[type="submit"].deactivateButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/deactivate.gif");
    width: 0px;
    height: 0px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    adding: 12px;
    display: inline-block;
}

input[type="submit"].simulation {
    background-image: url("../../Images/Simulation.png");
    background-color: Transparent;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].addNewPlus {
    background-color: Transparent;
    background-image: url("../../Images/AddNew.gif");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border: solid 0px #000000;
    cursor: pointer;
    width: 15px;
    height: 20px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].printButton {
    background-color: Transparent;
    background-image: url("Images/print.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border: solid 0px #000000;
    cursor: pointer;
    width: 20px;
    height: 20px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].saveButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/save.gif");
    width: 20px;
    height: 20px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].deleteButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/delete.gif");
    width: 24px;
    height: 24px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].cancelButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/cancel.gif");
    width: 24px;
    height: 24px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].deactivateButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("Images/deactivate.gif");
    width: 0px;
    height: 0px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 12px;
    display: inline-block;
}

input[type="submit"].reactivateButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("Images/reactivate.gif");
    width: 0px;
    height: 0px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
    padding: 12px;
    display: inline-block;
}

input[type="submit"].activeBudget {
    background-color: Transparent;
    background-image: url("Images/active.gif");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: inherit;
    border: solid 0px #000000;
    cursor: pointer;
    width: 16px;
    height: 16px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
    display: inline;
    font-size: 1em;
}

input[type="submit"].inactiveBudget {
    background-color: Transparent;
    background-image: url("../../Images/notactive.gif");
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 0px #000000;
    cursor: pointer;
    width: 13px;
    height: 13px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 12px;
    display: inline-block;
    vertical-align: top;
}

input[type="submit"].PCNButton {
    background-color: Transparent;
    background-image: url("Images/PCN.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border: solid 0px #000000;
    cursor: pointer;
    width: 20px;
    height: 20px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].SCNButton {
    background-color: Transparent;
    background-image: url("Images/SCN.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border: solid 0px #000000;
    cursor: pointer;
    width: 20px;
    height: 38px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].addNewButton {
    background-color: Transparent;
    background-image: url("../../Images/NewDocument.PNG");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border: solid 0px #000000;
    cursor: pointer;
    width: 24px;
    height: 24px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

input[type="submit"].gridHeaderDesc2 {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/arrow_down.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

input[type="submit"].gridHeaderAsc2 {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/arrow_up.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

input[type="submit"].loginImage {
    margin: 20px 0px 0px 20px;
    border: solid 0px #FFFFFF;
    background-color: Transparent;
    background-image: url("Images/LoginAnimation.gif");
    background-position: center center;
    height: 357px;
    width: 480px;
}

input[type="submit"].MAButton {
    background-color: Transparent;
    background-image: url("../../Images/Merchant.gif");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border: solid 0px #000000;
    cursor: pointer;
    width: 15px;
    height: 15px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

.Zero_Or {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/0_Orange.gif");
    background-repeat: no-repeat;
}

.One_Or {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/1_Orange.png");
    background-repeat: no-repeat;
}

.Two_Or {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/2_Orange.png");
    background-repeat: no-repeat;
}

.Three_Or {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/3_Orange.png");
    background-repeat: no-repeat;
}

.Four_Or {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/4_Orange.png");
    background-repeat: no-repeat;
}

.Five_Or {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/5_Orange.png");
    background-repeat: no-repeat;
}

.Six_Or {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/6_Orange.png");
    background-repeat: no-repeat;
}

.Zero_Gr {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/0_Green.png");
    background-repeat: no-repeat;
}

.One_Gr {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/1_Green.png");
    background-repeat: no-repeat;
}

.Two_Gr {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/2_Green.png");
    background-repeat: no-repeat;
}

.Three_Gr {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/3_Green.png");
    background-repeat: no-repeat;
}

.Four_Gr {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/4_Green.png");
    background-repeat: no-repeat;
}

.Five_Gr {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/5_Green.png");
    background-repeat: no-repeat;
}

.Six_Gr {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/6_Green.png");
    background-repeat: no-repeat;
}

.Last_Or {
    background-image: url("../../App_Themes/FNB2/Images/QuickStart/Last_Orange.png");
    background-repeat: no-repeat;
}

.corners {
    border-right: 1px solid #009999;
    border-left: 1px solid #009999;
}


#dvUploadStatus {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 3px 4px 3px #CCCCCC;
    -moz-box-shadow: 3px 4px 5px #CCCCCC;
    -webkit-box-shadow: 3px 4px 5px #CCCCCC;
    min-height: 188px;
    margin: 0;
    height: auto;
    padding: 3px 3px 3px 0;
    width: 280px;
}

#dvUploadStatusChart {
    height: 241px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #dvUploadStatusChart {
        height: 235px;
    }
}

#dvAlerts, #dvBusinessMeasures, #dvPortfolioManagement {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 3px 4px 3px #CCCCCC;
    -moz-box-shadow: 3px 4px 5px #CCCCCC;
    -webkit-box-shadow: 3px 4px 5px #CCCCCC;
    height: auto;
    margin: 0;
    padding: 3px 3px 3px 0;
    width: 390px;
}

    #dvAlerts ul li {
        font-size: 11px;
        text-shadow: none;
        margin-top: 0px;
        list-style: inside;
        text-align: left;
    }

        #dvAlerts ul li.liItem {
            border-top: solid 1px #E7E7E7;
            vertical-align: top;
            background-color: #F8F8F8;
            font-size: 9pt;
            padding: 5px;
            color: #009999;
        }

        #dvAlerts ul li.liAlternateItem {
            border-top: solid 1px #E7E7E7;
            vertical-align: top;
            background-color: #FFF;
            font-size: 9pt;
            padding: 5px;
            color: #009999;
        }

#dvKPI, #dvCreditRatios {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 3px 4px 3px #CCCCCC;
    -moz-box-shadow: 3px 4px 5px #CCCCCC;
    -webkit-box-shadow: 3px 4px 5px #CCCCCC;
    height: auto;
    margin: 0;
    padding: 3px;
    width: 390px;
}



#tblConvKPI {
    background-color: #fff; /*border-radius: 5px;     -moz-border-radius: 5px 5px 5px 5px;     -webkit-border-radius: 5px;     border: 1px solid #646464;*/
    width: 100%;
}

    #tblConvKPI td, #tblConvKPI th {
        padding: 1px 5px;
        font-size: 12px;
        border: none;
    }

    #tblConvKPI thead {
        font: normal 15px Helvetica Neue,Helvetica,sans-serif;
        text-shadow: 0 1px 0 white;
        color: #999;
    }

    #tblConvKPI th {
        border-bottom: 1px dashed #505050;
        background-color: #FFF;
    }

    #tblConvKPI td {
        font-size: 12px;
        padding: 5px;
        border-bottom: 1px dashed #505050;
    }

    #tblConvKPI tr:hover {
        background-color: #C7C7C7;
    }

    #tblConvKPI tr:first-child td {
        border-top: 1px dashed #505050;
    }

    #tblConvKPI tr:nth-child(even) {
        background-color: #FFF;
    }

    #tblConvKPI tr:nth-child(odd) {
        background-color: #FFF;
    }

    #tblConvKPI .tdLeft {
        width: 60%;
        font-size: 12px;
        font-weight: bold;
        border-right: 1px solid #505050;
        background-color: #C7C7C7;
    }

    #tblConvKPI .tdRight {
        width: 40%;
        background-color: #E2E2E2;
    }

#tblCalendar {
    width: 283px;
    height: 228px;
}

    #tblCalendar td {
        padding: 12px 4px 12px 4px;
        font: normal 13px Helvetica Neue,Helvetica,sans-serif;
        text-align: center;
    }

        #tblCalendar td.cal_month {
            padding: 4px;
            font: normal 12px Helvetica Neue,Helvetica,sans-serif;
            text-align: left;
            width: 92px;
        }

    #tblCalendar tr:first-child td {
    }

    #tblCalendar tr:nth-child(even) {
        background-color: #FFF;
    }

    #tblCalendar tr:nth-child(odd) {
        background-color: #F8F8F8;
    }

        #tblCalendar tr:nth-child(odd) td {
            border-top: solid 1px #e7e7e7;
        }

    #tblCalendar tr:nth-child(even) td {
        border-top: solid 1px #e7e7e7;
    }

    #tblCalendar a.tb_red {
        cursor: pointer;
        background-image: url("../../images/CMIcons/tb_red.png");
        background-repeat: no-repeat;
    }

    #tblCalendar a.tb_amber {
        cursor: pointer;
        background-image: url("../../images/CMIcons/tb_amber.png");
        background-repeat: no-repeat;
    }

    #tblCalendar a.tb_gray {
        cursor: not-allowed;
        background-image: url("../../images/CMIcons/tb_gray.png");
        background-repeat: no-repeat;
    }

    #tblCalendar a.deb_red {
        cursor: pointer;
        background-image: url("../../images/CMIcons/deb_red.png");
        background-repeat: no-repeat;
    }

    #tblCalendar a.deb_amber {
        cursor: pointer;
        background-image: url("../../images/CMIcons/deb_amber.png");
        background-repeat: no-repeat;
    }

    #tblCalendar a.deb_gray {
        cursor: not-allowed;
        background-image: url("../../images/CMIcons/deb_gray.png");
        background-repeat: no-repeat;
    }

    #tblCalendar a.bud_red {
        cursor: pointer;
        background-image: url("../../images/CMIcons/bud_red.png");
        background-repeat: no-repeat;
    }

    #tblCalendar a.bud_amber {
        cursor: pointer;
        background-image: url("../../images/CMIcons/bud_amber.png");
        background-repeat: no-repeat;
    }

    #tblCalendar a.bud_gray {
        cursor: not-allowed;
        background-image: url("../../images/CMIcons/bud_gray.png");
        background-repeat: no-repeat;
    }

    #tblCalendar a:hover {
        text-decoration: none;
    }
/* ----------------------------------------------------------------- */

.listNav {
    margin: 0 0 10px;
}

.ln-letters {
    overflow: hidden;
}

    .ln-letters a {
        font-size: 1.2em;
        display: block;
        float: left;
        padding: 2px 6px;
        border: 1px solid silver;
        border-right: none;
        text-decoration: none;
        font-family: FNBSansLight;
    }

        .ln-letters a.ln-last {
            border-right: 1px solid silver;
        }

        .ln-letters a:hover, .ln-letters a.ln-selected {
            background-color: #eaeaea;
        }

        .ln-letters a.ln-disabled {
            color: #ccc;
        }

.ln-letter-count {
    text-align: center;
    font-size: 1em;
    line-height: 1;
    margin-bottom: 5px;
    color: #000;
}

#ctl00_c_ulEntityList {
    margin: 0 auto;
    padding: 0;
}

    #ctl00_c_ulEntityList li {
        border-bottom: 1px solid #009999;
        float: left;
        margin-top: 10px;
    }

        #ctl00_c_ulEntityList li.ln-no-match {
            float: left;
            border: 1px none silver;
        }

        #ctl00_c_ulEntityList li label {
            border-right: 1px none silver;
            display: inline;
            margin: 0 3px 3px 0;
            padding: 9px;
            text-align: center;
            text-decoration: none;
            width: 100px;
            float: left;
        }

        #ctl00_c_ulEntityList li a {
            border-right: 1px none silver;
            display: inline;
            margin: 0 3px 3px 0;
            padding: 9px;
            text-align: center;
            width: 100px;
            float: left;
            font-weight: normal;
            font-family: FNBSansLight;
            font-size: 1.1em;
        }

            #ctl00_c_ulEntityList li a.newmsg {
                display: inline;
                margin: 10px 0 0 39px;
                padding: 9px;
                text-align: center;
                text-decoration: none;
                float: left;
                width: 28px;
                background-image: url('../../MasterPages/images/newmessage.png');
                background-repeat: no-repeat;
                vertical-align: middle;
            }


#tblEntityHeader {
    background-position: center center;
    font-weight: normal; /* changed for ie9, works well in Firefox*/
    text-align: justify;
    height: 30px;
    font-family: FNBSansRegular;
    vertical-align: middle;
    color: #FFF;
    text-decoration: none;
    border-top: 1px none #C7C7C7;
    background-color: #009999;
    width: 1024px;
}

    #tblEntityHeader th {
        padding: 3px;
        padding-left: 0;
        font-family: FNBSansThin;
        font-weight: normal;
        border: none;
        font-size: 11pt;
    }

    #tblEntityHeader a {
        color: #FFF;
        text-decoration: none;
        font-weight: normal;
        font-size: 11pt;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tblEntityHeader {
        width: 1024px;
    }
}

#tblEntityHeader tr td {
    padding: 13px 0 13px 20px;
}

    #tblEntityHeader tr td label {
        text-align: center;
        text-decoration: none;
        font-size: 11pt;
        color: #FFF;
        padding: 10px;
        width: 52px;
        font-weight: normal;
    }

/* demo-specific
----------------------------------------------------------------- */

#demoThree-nav .ln-letters a {
    border: none;
    border-top: 2px solid pink;
    color: red;
}

    #demoThree-nav .ln-letters a.ln-last {
        border-right: none;
    }

    #demoThree-nav .ln-letters a:hover, #demoThree-nav .ln-letters a.ln-selected {
        border-top: 2px solid red;
        background-color: pink;
        color: White !important;
    }

    #demoThree-nav .ln-letters a.ln-disabled {
        color: pink;
    }

        #demoThree-nav .ln-letters a.ln-disabled:hover {
            color: white;
        }

#demoThree-nav .ln-letter-count {
    color: red;
}

#demoThree li {
    color: pink;
}

    #demoThree li a {
        color: red;
        text-decoration: none;
    }

        #demoThree li a:hover {
            text-decoration: underline;
        }
/*-------------------------------------------------------------------------*/

.lbwarning {
    color: gray;
    font-size: 11px;
    font-weight: normal;
}

#dvStep2 {
    margin-left: 10px;
}

    #dvStep2 table tr td {
        padding: 3px 0 0 0;
        text-align: left;
        vertical-align: middle;
    }

    #dvStep2 table tr th {
        color: #009999;
        border: 1px solid #f2f2f2;
        width: 30%;
    }

    #dvStep2 label {
        font-weight: normal;
        vertical-align: middle;
    }

    #dvStep2 .headerc {
        font-weight: bold;
        vertical-align: middle;
        font-size: 13px;
        color: #009999;
    }

    #dvStep2 .infoc {
        font-weight: normal;
        vertical-align: middle;
        font-size: 11px;
        color: #009999;
        font-style: italic;
    }

    #dvStep2 hr {
        width: 99%;
        color: #009999;
        box-shadow: 0px 0px 6px #d2d2d2;
        -moz-box-shadow: 0px 0px 6px #d2d2d2;
        -webkit-box-shadow: 0px 0px 6px #d2d2d2;
    }

    #dvStep2 input[type="text"] {
        width: 250px;
        border: 1px solid #E5E5E5;
        -moz-border-radius: 5px;
        outline: 0 none;
        padding: 6px;
        height: 14px;
        clip: rect(3px, 3px, 3px, 3px);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        color: #5F5F5F;
    }

    #dvStep2 textarea {
        width: 250px;
        border: 1px solid #E5E5E5;
        -moz-border-radius: 5px;
        outline: 0 none;
        padding: 6px;
        height: 44px;
        clip: rect(3px, 3px, 3px, 3px);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        color: #5F5F5F;
    }

    #dvStep2 #tblSecurity {
        margin-right: 10px;
    }

        #dvStep2 #tblSecurity tr td {
            border-top: 1px none #f2f2f2;
            border-bottom: 1px solid #f2f2f2;
            border-left: 1px none #f2f2f2;
            border-right: 1px solid #f2f2f2;
            padding: 4px;
        }


#tblSecurity tr td label {
    margin-left: 10px;
}

#tblSecurity tr td input[type="text"] {
    margin-left: 25px;
    vertical-align: middle;
}
/**********************************************************/
#dvStartupHelp {
    background-color: #FFF;
    color: #555;
    display: none;
}

    #dvStartupHelp p {
        color: #888;
        font-size: 13px;
        font-style: italic;
        line-height: 14px;
        text-transform: none;
    }

    #dvStartupHelp b {
        color: #555;
    }

.left_line {
    border-left: 1px solid #e7e7e7;
}


/************To set report grid border style start **********************/
.reportItemBorder, tr.reportItemBorder td {
    border-right: 1px none #C6DEFF;
    border-left: 1px none #C6DEFF; /*border:1px solid #3BB9FF;*/
    border-bottom: 1px solid #009999;
    padding: 7px;
}

    .reportItemBorder a, tr.reportItemBorder td a {
        font-size: 9pt;
    }

.reportHeaderBorder, tr.reportHeaderBorder th, tr.reportHeaderBorder td {
    border: 1px none #C6DEFF; /*border:1px solid #3BB9FF;*/
    padding: 7px;
}
/************To set report grid border style end **********************/

.grad_dropdown, .grad_textbox {
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
    background: -moz-linear-gradient(top, white, white);
    background: -o-linear-gradient(top, white, white);
    background-color: whiteSmoke;
    font-family: FNBSansThin;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
    border: 1px solid #009999;
    color: #009999;
}

    .grad_dropdown option {
        font-weight: normal;
    }

    .grad_dropdown:focus, .grad_textbox:focus {
        box-shadow: 0 0 5px #ff9900;
        -moz-box-shadow: 0 0 5px #ff9900;
        -webkit-box-shadow: 0 0 5px #ff9900;
    }

.grad_textbox {
    width: 200px;
    margin-right: 2px;
    height: 18px;
}


.userLabel {
    color: #009999;
    font-weight: normal;
}

.userValueLabel {
    color: #ff9900;
    font-weight: bold;
}

.Doneto {
    background-color: #009999;
    color: #FFFFFF;
    font: bold 8px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",Geneva,Verdana,sans-serif;
    text-align: center;
    height: 50px;
    width: 100%;
    text-align: center;
}

.Overdue {
    background-color: #aa4643;
    color: #FFFFFF;
    font: bold 8px/1 FNBSansThin;
    padding: 12px 0 14px;
    text-align: center;
    background-repeat: repeat-x;
    height: 50px;
    width: 100%;
    text-align: center;
}

.Due {
    color: #FFFFFF !important;
    font-size: 8px;
    font-weight: bold;
    line-height: 1;
    overflow: visible;
    padding: 5px 15px 6px;
    position: relative;
    text-decoration: none;
    background-color: #FFCC33;
    height: 50px;
    width: 100%;
    text-align: center;
}

.Future {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #BBBBBB;
    background-image: -moz-linear-gradient(center top, #BBBBBB, #CCCCCC);
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",Geneva,Verdana,sans-serif;
    padding: 8px 0;
    text-align: center;
    height: 50px;
    width: 100%;
    text-align: center;
}

.fsstatus {
    vertical-align: top;
    margin-left: 3px;
    margin-top: 3px;
}

#tblCalenderHeader {
    border: 2px solid #009999;
    border-bottom: 1px none #009999;
}

#dvBalanceSheetMeasures, #dvIncomeStatementMeasures {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 3px 4px 3px #CCCCCC;
    -moz-box-shadow: 3px 4px 5px #CCCCCC;
    -webkit-box-shadow: 3px 4px 5px #CCCCCC;
    height: auto;
    margin: 0;
    padding: 3px;
}

.nonCompliancesZero {
    background-color: #E2EBCE;
    color: #000000;
    opacity: 0.8;
}

    .nonCompliancesZero label {
        color: #000000;
        font-weight: normal;
    }

    .nonCompliancesZero a {
        color: #000000;
        text-decoration: underline;
    }

.nonCompliancesOne {
    background-color: #F0E7AE;
    color: #000000;
    opacity: 0.8;
}

    .nonCompliancesOne label {
        color: #000000;
        font-weight: normal;
    }

    .nonCompliancesOne a {
        color: #000000;
        text-decoration: underline;
    }

.nonCompliancesTwo {
    background-color: #F0D1B8;
    color: #000000;
    opacity: 0.8;
}

    .nonCompliancesTwo label {
        color: #000000;
        font-weight: normal;
    }

    .nonCompliancesTwo a {
        color: #000000;
        text-decoration: underline;
    }

.nonCompliancesThree {
    background-color: #F3D3D2;
    color: #000000;
    opacity: 0.8;
}

    .nonCompliancesThree label {
        color: #000000;
        font-weight: normal;
    }

    .nonCompliancesThree a {
        color: #000000;
        text-decoration: underline;
    }

.nonCompliancesZero label.nonCompliant {
    color: #8B0A05;
    font-weight: bold;
}

.nonCompliancesOne label.nonCompliant {
    color: #8B0A05;
    font-weight: bold;
}

.nonCompliancesTwo label.nonCompliant {
    color: #8B0A05;
    font-weight: bold;
}

.nonCompliancesThree label.nonCompliant {
    color: #8B0A05;
    font-weight: bold;
}


.documentButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/document.gif");
    width: 20px;
    height: 20px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
}

input[type="submit"].documentButton {
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    background-color: Transparent;
    background-image: url("../../Images/document.gif");
    width: 20px;
    height: 20px;
    background-position: center center;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    text-shadow: none;
    padding: 0;
}

#dvBenchmark {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 3px 4px 3px #CCCCCC;
    -moz-box-shadow: 3px 4px 5px #CCCCCC;
    -webkit-box-shadow: 3px 4px 5px #CCCCCC;
    height: auto;
    margin: 0;
    padding: 3px;
}

.fsStatusItems {
    width: auto;
    padding-left: 10px;
    padding-top: 5px;
    vertical-align: top;
}

.nonFsStatusItems {
    width: auto;
}

#dvUserCalendar {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 3px 4px 3px #CCCCCC;
    -moz-box-shadow: 3px 4px 5px #CCCCCC;
    -webkit-box-shadow: 3px 4px 5px #CCCCCC;
    margin: 0;
    padding: 3px 3px 3px 0;
}

.alertCalender {
    height: 285px;
    overflow: scroll;
}

#dvIncomeStatementMonthlyIA, #dvIncomeStatementYearlyIA, #dvBalanceSheetMeasuresIA, #dvCreditRatiosIA {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 3px 4px 3px #CCCCCC;
    -moz-box-shadow: 3px 4px 5px #CCCCCC;
    -webkit-box-shadow: 3px 4px 5px #CCCCCC;
    height: auto;
    margin: 0;
    padding: 3px;
}

#tblNewMessage {
    width: 400px;
}

    #tblNewMessage tr td {
        padding: 10px;
    }

.popupBoxMessage {
    position: relative;
    -moz-border-radius: 10px;
    vertical-align: middle;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
    background: -moz-linear-gradient(top, white, white);
    background: -o-linear-gradient(top, white, white);
    background-color: whiteSmoke;
    font-family: FNBSansThin;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
    border: 2px solid #009999;
    color: #009999;
}

    .popupBoxMessage:hover {
        box-shadow: 0 0 23px #ff9900;
        -moz-box-shadow: 0 0 23px #ff9900;
        -webkit-box-shadow: 0 0 23px #ff9900;
    }

.popupBoxMessageF {
    position: relative;
    -moz-border-radius: 10px;
    vertical-align: middle;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
    background: -moz-linear-gradient(top, white, white);
    background: -o-linear-gradient(top, white, white);
    background-color: whiteSmoke;
    font-family: FNBSansThin;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    color: #009999;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .popupBoxMessageF:hover {
        box-shadow: 0 0 23px #e5e5e5;
        -moz-box-shadow: 0 0 23px #e5e5e5;
        -webkit-box-shadow: 0 0 23px #e5e5e5;
    }


#tblNewMessage input[type="text"] {
    background-color: #FFFFFF;
    border: 2px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 1.2em;
    height: 27px;
    line-height: 21px;
    padding: 3px 6px;
    width: 100%;
}

#tblNewMessage input[type="checkbox"] {
    vertical-align: middle;
    margin: 0px 7px 3px 0px;
}

#tblNewMessage textarea {
    background-color: #FFFFFF;
    border: 2px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 1.2em;
    height: 44px;
    padding: 3px 6px;
    width: 100%;
}

#tblNewMessageF {
    width: 400px;
    border: 10px solid rgba(82, 82, 82, 0.7);
    -moz-border-radius: 10px;
    outline: 0 none;
    height: 44px;
    clip: rect(3px, 3px, 3px, 3px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #5F5F5F;
    margin: 0;
}

    #tblNewMessageF tr td {
        padding: 10px;
    }

    #tblNewMessageF tr.headerF {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #009999;
        border-color: #009999 #009999 -moz-use-text-color;
        border-image: none;
        border-style: solid solid none;
        border-width: 1px 1px 0;
        color: #FFFFFF;
        padding: 0;
    }

        #tblNewMessageF tr.headerF td {
            font-size: 14px;
            font-weight: bold;
        }

    #tblNewMessageF .inputField {
        border: 1px solid #8496ba;
        cursor: text;
        font-size: 12px;
        font-family: FNBSansThin;
        min-height: 1px;
        z-index: 999;
        margin: 0;
        padding: 2px;
        background-color: #fff;
        list-style-type: none;
        clear: left;
        width: 396px;
    }
/********/

#ulPartnerList {
    margin: 0 0;
    padding: 0;
    width: 600px;
}

    #ulPartnerList li {
        border-bottom: 1px solid silver;
        border-left: 1px solid silver;
        border-right: 1px solid silver;
        width: 514px;
        padding: 6px;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #ulPartnerList li {
        width: 500px;
    }
}

#ulPartnerList li.ln-no-match {
    border: 1px none silver;
}

#ulCategory li.ln-no-match {
    border: 1px none silver;
}

#ulPartnerList li label {
    border-right: 1px none silver;
    display: inline;
    margin: 0 3px 3px 0;
    padding: 9px;
    text-align: center;
    text-decoration: none;
    width: 200px;
}

#ulPartnerList li a {
    border-right: 1px none silver;
    display: inline;
    margin: 0 0px 0px 0;
    padding: 4px;
    width: 300px;
    width: 220px\9;
    float: left;
    font-weight: normal;
    font-family: FNBSansLight;
    font-size: 10pt;
}

#tblPartnerHeader {
    border: 1px solid silver;
    width: 514px;
    margin-bottom: 0px;
}

#tblCategoryHeader {
    border: 1px solid silver;
    width: 513px;
    margin-bottom: 0px;
}

#tblItemHeader {
    border: 1px solid silver;
    width: 513px;
    margin-bottom: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tblPartnerHeader {
        width: 514px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tblCategoryHeader {
        width: 514px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tblItemHeader {
        width: 514px;
    }
}

#tblPartnerHeader tr td {
    padding: 13px 0 13px 0px;
}

#tblCategoryHeader tr td {
    padding: 13px 0 13px 0px;
}

#tblItemHeader tr td {
    padding: 13px 0 13px 0px;
}

#tblPartnerHeader tr td label {
    color: #009999;
    font-family: FNBSansLight;
    font-size: 11pt;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    /*width: 52px;*/
}

#tblCategoryHeader tr td label {
    color: #009999;
    font-family: FNBSansLight;
    font-size: 11pt;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

#tblItemHeader tr td label {
    color: #009999;
    font-family: FNBSansLight;
    font-size: 11pt;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
/*******/

#inputBtnNo, #inputBtnNoOnPage {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9900), color-stop(1, #ff9900) );
    background: -moz-linear-gradient( center top, #ff9900 5%, #ff9900 100% );
    background-color: #ff9900;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: FNBSansThin;
    font-size: 1.3em\9;
    font-size: 1.3em;
    height: 25px;
    line-height: 18px;
    text-align: center;
    border-radius: 0;
    text-decoration: none;
    font-weight: normal;
    padding: 3px;
    padding: 4px\9;
}

    #inputBtnNo:hover, #inputBtnNoOnPage:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9900), color-stop(1, #ff9900) );
        background: -moz-linear-gradient( center top, #ff9900 5%, #ff9900 100% );
        background-color: #ff9900;
    }

    #inputBtnNo:active, #inputBtnNoOnPage:active {
        position: relative;
        top: 1px;
    }

/*******/
#breadcrumbs-four {
    overflow: hidden;
    width: 100%;
    padding: 20px 40px 20px 90px;
    width: 1000px;
    height: 250px;
}

    #breadcrumbs-four li {
        float: left;
        margin: 0 70px 0 10px;
        width: 220px;
        min-width: 220px;
        min-height: 170px;
        height: 190px;
    }

        #breadcrumbs-four li label {
            float: left;
            text-decoration: none;
            color: #444;
            text-shadow: 0 1px 0 rgba(255,255,255,.5);
            font-size: 20px;
            font-weight: bold;
        }

    #breadcrumbs-four div {
        background: #009999;
        padding: .7em 1em;
        float: left;
        text-decoration: none;
        color: #fff;
        position: relative;
        min-width: 220px;
        width: 220px;
        font-size: 12px;
        min-height: 195px;
        height: 190px;
        line-height: 18px;
        text-align: justify;
        box-shadow: 8px 3px 8px #CCC;
    }

        #breadcrumbs-four div:hover {
            color: #fff;
        }

        #breadcrumbs-four div::before, #breadcrumbs-four div::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 1em;
            background: #009999;
        }

        #breadcrumbs-four div::before {
            left: -.5em;
            border-radius: 5px 0 0 5px;
        }

        #breadcrumbs-four div:hover::before {
            background: #009999;
        }

        #breadcrumbs-four div::after {
            right: -.5em;
            border-radius: 0 5px 5px 0;
        }

        #breadcrumbs-four div:hover::after {
            background: #009999;
        }

    #breadcrumbs-four .current, #breadcrumbs-four .current:hover {
        font-weight: bold;
        background: none;
    }

        #breadcrumbs-four .current::after, #breadcrumbs-four .current::before {
            content: normal;
        }

.loanAmount {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    border: 1px solid #4f8A10;
    padding: 5px;
    display: table;
    margin: 0 auto;
}

.loanButton {
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    display: table;
    margin: 0 auto;
}

.eligibleMessage {
    font-size: 14px;
    line-height: 22px;
    display: table;
    margin: 0 auto;
}

#dvUserCalendar .qualified {
    background-color: #DFF2BF;
    color: #4f8A10;
    font-size: 13px;
    padding: 5px;
    text-align: justify;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#dvUserCalendar .unqualified {
    background-color: #FEEFB3;
    color: #9F6000;
    font-size: 13px;
    padding: 5px;
    text-align: justify;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/*Partner Search Design classes Start*/
.watermarked {
    color: Gray;
}

#tblPartner {
    margin-bottom: 0;
}

    #tblPartner tr td {
        padding: 5px;
    }

    #tblPartner tr th {
        padding: 5px;
        background-color: #009999;
        color: #fff;
        font-size: 13px;
        width: 100px;
    }

input[type="submit"].btnLoad {
    display: none;
    color: White;
    width: 1px;
    height: 1px;
}

.lbtnPartnerCreate {
    text-decoration: underline;
    color: Blue;
}
/*Partner Search Design classes End*/
/*Category Search Design classes Start*/
.watermarked {
    color: Gray;
}

#tblCategory {
    margin-bottom: 0;
}

    #tblCategory tr td {
        padding: 5px;
    }

    #tblCategory tr th {
        padding: 5px;
        background-color: #009999;
        color: #fff;
        font-size: 13px;
        width: 100px;
    }

input[type="submit"].btnLoad {
    display: none;
    color: White;
    width: 1px;
    height: 1px;
}

.lbtnCategoryCreate {
    text-decoration: underline;
    color: Blue;
}
/*Category Search Design classes End*/
input[type="text"], input[type="password"] {
    background-color: #FFFFFF;
    border: 1px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 1em;
    height: 27px;
    height: 17px\9;
    line-height: 21px;
    padding: 3px 6px;
}

    input[type="text"].inputtext, input[type="password"].inputtext {
        font-size: 1em;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="text"] {
        height: 17px;
    }

    input[type="password"] {
        height: 17px;
    }
}

select {
    background-color: #FFFFFF;
    border: 2px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 1em;
    height: 27px;
    line-height: 21px;
    padding: 3px 6px;
}

    select option {
        font-family: FNBSansLight;
        font-size: 1em;
    }

textarea {
    background-color: #FFFFFF;
    border: 2px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 1.2em;
    height: 27px;
    line-height: 21px;
    padding: 3px 6px;
}


.disabledLabel {
    background-color: #E7E7E7;
    border: 2px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 1.2em;
    height: 27px;
    line-height: 21px;
    padding: 1px 6px;
    color: #888;
    width: 100%;
    min-width: 120px;
}


.switch .slide-button, .toggle p span {
    display: none;
}


.toggle {
    position: relative;
    padding: 0;
    margin-left: 24px;
    width: 100px;
}

    .toggle label {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
    }

    .toggle input {
        position: absolute;
        opacity: 0;
        -moz-opacity: 0.00;
        filter: alpha(opacity=0);
        z-index: 5;
    }

    .toggle p {
        position: absolute;
        left: -110px;
        width: 100%;
        margin: 0;
        padding-right: 0px;
        text-align: left;
    }

        .toggle p span {
            position: absolute;
            top: -4px;
            left: 0;
            z-index: 5;
            display: block;
            width: 50%;
            margin-left: 108px;
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            cursor: pointer;
        }

.leftspan {
    margin-left: 160px\9;
}

:root .leftspan {
    margin-left: 0px\0;
}

.toggle p span:last-child {
    left: -7%;
    top: -7px;
}

.toggle .slide-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0;
}


/* Shared */
.toggle, .switch {
    display: block;
    height: 20px;
}

    .switch *, .toggle * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .switch .slide-button, .toggle .slide-button {
        display: block;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .toggle label, .toggle p, .switch label {
        line-height: 30px;
        vertical-align: middle;
    }

    .toggle input:checked ~ .slide-button {
        right: 50%;
    }

.candy {
    background-color: #8DCDCD;
    color: #000;
    text-align: center;
    float: right;
}

    .candy input:checked + label {
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    }

    .candy .slide-button {
        border: 1px none #333;
        background-color: #009999;
    }

    .candy p {
        color: #333;
        text-shadow: none;
    }

    .candy span {
        color: #FFF;
    }

.portlets {
    padding: 0 10px;
    float: none;
}

.column {
    float: left;
    margin-right: 0px;
    padding: 10px;
    width: 280px;
    width: 249px\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .column {
        width: 251px;
    }
}

#ctl00_c_bottomright.column {
    float: right;
    margin-top: 0px;
}



@font-face {
    font-family: "FNBSansRegular";
    font-style: normal;
    font-weight: normal;
    src: url('Fonts/fnb_sans-regular-webfont.eot');
    src: url('Fonts/fnb_sans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/fnb_sans-regular-webfont.woff') format('woff'), url('Fonts/fnb_sans-regular-webfont.ttf') format('truetype'), url('Fonts/fnb_sans-regular-webfont.svg#FNBSansRegularRegular') format('svg');
}

@font-face {
    font-family: "FNBSansBold";
    font-style: normal;
    font-weight: normal;
    src: url('Fonts/fnb_sans-bold-webfont.eot');
    src: url('Fonts/fnb_sans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/fnb_sans-bold-webfont.woff') format('woff'), url('Fonts/fnb_sans-bold-webfont.ttf') format('truetype'), url('Fonts/fnb_sans-bold-webfont.svg#FNBSansRegularRegular') format('svg');
}

@font-face {
    font-family: "FNBSansLight";
    font-style: normal;
    font-weight: normal;
    src: url('Fonts/fnb_sans-light-webfont.eot');
    src: url('Fonts/fnb_sans-light-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/fnb_sans-light-webfont.woff') format('woff'), url('Fonts/fnb_sans-light-webfont.ttf') format('truetype'), url('Fonts/fnb_sans-light-webfont.svg#FNBSansRegularRegular') format('svg');
}

@font-face {
    font-family: "FNBSansThin";
    font-style: normal;
    font-weight: normal;
    src: url('Fonts/fnb_sans-thin-webfont.eot');
    src: url('Fonts/fnb_sans-thin-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/fnb_sans-thin-webfont.woff') format('woff'), url('Fonts/fnb_sans-thin-webfont.ttf') format('truetype'), url('Fonts/fnb_sans-thin-webfont.svg#FNBSansRegularRegular') format('svg');
}

@font-face {
    font-family: "FNBSansThinItalic";
    font-style: normal;
    font-weight: normal;
    src: url('Fonts/fnb_sans-thinitalic-webfont.eot');
    src: url('Fonts/fnb_sans-thinitalic-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/fnb_sans-thinitalic-webfont.woff') format('woff'), url('Fonts/fnb_sans-thinitalic-webfont.ttf') format('truetype'), url('Fonts/fnb_sans-thinitalic-webfont#FNBSansRegularRegular') format('svg');
}

@font-face {
    font-family: "FNBSansItalic";
    font-style: normal;
    font-weight: normal;
    src: url('Fonts/fnb_sans-italic-webfont.eot');
    src: url('Fonts/fnb_sans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/fnb_sans-italic-webfont.woff') format('woff'), url('Fonts/fnb_sans-italic-webfont.ttf') format('truetype'), url('Fonts/fnb_sans-italic-webfont.svg#FNBSansRegularRegular') format('svg');
}

body {
    font-family: "FNBSansLight";
    font-size: 62.5%;
}

html {
    background: none repeat scroll 0 0 #E7E7E7;
    overflow-x: hidden;
    overflow-y: scroll;
}

* {
    -moz-box-sizing: border-box;
}

p {
    font-size: 1.6em;
    line-height: 1.4;
    margin-bottom: 0.5em;
    padding-left: 15px;
    padding-right: 15px;
}

h1 {
    font-size: 2.4em;
}

h2 {
    clear: both;
    font-size: 1.8em;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 10px;
}

h3 {
    clear: both;
    font-size: 1.8em;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 15px;
}

h4 {
    clear: both;
    font-size: 1.8em;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 15px;
}

h5 {
    clear: both;
    font-size: 1.8em;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 15px;
}

h6 {
    clear: both;
    font-size: 1.8em;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 15px;
}

a {
    color: #000000;
    font-size: 1.2em;
    border: 1px none #FFF;
}

    a:link {
        cursor: pointer;
    }

    a:visited {
        color: inherit;
    }

    a:hover, a:active, a:focus {
        cursor: pointer;
    }

p a {
    font-size: 1em;
}

.gridGroup {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
}

.gridCol {
    display: block;
    float: left;
}

.grid10 {
    width: 10%;
}

.grid13 {
    width: 13.3333%;
}

.grid16 {
    width: 16.6666%;
}

.grid15 {
    width: 15%;
}

.grid20 {
    width: 20%;
}

.grid23 {
    width: 23%;
}

.grid25 {
    width: 25%;
}

.grid30 {
    width: 30%;
}

.grid33 {
    width: 33.3333%;
}

.grid40 {
    width: 40%;
}

.grid50 {
    width: 50%;
}

.grid60, .grid68 {
    width: 60%;
}

.grid65 {
    width: 65%;
}

.grid67 {
    width: 66.6666%;
}

.grid70 {
    width: 70%;
}

.grid75 {
    width: 75%;
}

.grid80 {
    width: 80%;
}

.grid90 {
    width: 90%;
}

.grid100 {
    width: 1024px;
}

.grid20px {
    width: 20px;
}

.gridHalf {
    width: 50%;
}

.gridThirds {
    width: 33.333%;
}

.gridQuarters {
    width: 25%;
}

.gridFifths {
    width: 20%;
}

.gridSixths {
    width: 16.666%;
}

.gridSevenths {
    width: 14.28%;
}

.gridEighths {
    width: 12.5%;
}

.gridNinths {
    width: 11.111%;
}

.gridTenths {
    width: 10%;
}

.gridElevenths {
    width: 9.09%;
}

.gridTwelfths {
    width: 8.333%;
}

.gridThirteenths {
    width: 7.692%;
}

.dlGroup {
}

    .dlGroup.dlOnTop {
    }

.dlTitle {
    clear: left;
    font-size: 1.4em;
    padding: 5px 0 0 15px;
}

    .dlTitle.formElementLabel {
        font-family: "FNBSansRegular"FNBSansThin;
        font-size: 1.4em;
        padding: 7px 10px 7px 15px;
    }

.paddedRows .dlTitle {
    padding-bottom: 10px;
}

.paddedRows .dlData {
    padding-bottom: 10px;
}

.boldLabels .dlTitle {
    font-family: FNBSansRegular;
    font-size: 16px;
}

.boldLabels .dlData {
    font-size: 16px;
}

.dlData .tooltipFix {
    float: left;
}

.dlData .tooltipParent {
    float: right;
    margin-left: 10px;
    margin-top: -5px;
}

.dlData.formElementContainer {
    font-size: 1.4em;
    padding: 7px 10px 7px 15px;
}

.dlData .dlTitleEmpty {
}

.settingsButtonPadding, .settingsRightAlignPadding {
    padding: 5px 0 5px 15px;
}

.settingsLandingPage .settingsLandingAcountFields {
    border-left-width: 16px;
}

.settingsLandingAcountFields .dlTitle {
    font-size: 1.6em;
    padding: 12px 10px 10px 15px;
}

.dlGroup.dlOnTop .dlTitle {
    width: 100%;
}

    .dlGroup.dlOnTop .dlTitle.dlTitleEmpty {
        display: none;
    }

.dlGroup.dlOnTop .dlData {
    width: 100%;
}

.lt-ie8 .grid10.last {
    overflow: hidden;
}

.lt-ie8 .grid10.last, .lt-ie8 .grid20.last, .lt-ie8 .grid25.last, .lt-ie8 .grid30.last, .lt-ie8 .grid40.last, .lt-ie8 .grid50.last, .lt-ie8 .grid60.last, .lt-ie8 .grid70.last, .lt-ie8 .grid80.last, .lt-ie8 .grid90.last {
    float: none;
    width: auto;
}

.hideElement {
    display: none !important;
    height: 0;
    overflow: hidden;
    padding: 0;
}

.visibleContent {
    display: block !important;
    opacity: 1;
}

.hiddenContent {
    display: none !important;
}

.verticalMiddle {
    vertical-align: middle !important;
}

.hideBody {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.overFlowShow {
    opacity: 0.8;
}

.opacity100 {
    opacity: 1;
}

.offScreen {
    left: -500px;
}

.content {
    display: none;
    overflow: hidden;
}

.left-sidebar-top {
    background: url("../../App_Themes/FNB2/Images/menu/left-top.png") no-repeat scroll 0 0 transparent;
    height: 23px;
    left: -35px;
    position: absolute;
    top: 27px;
    width: 42px;
    z-index: 51;
}

.left-sidebar-bottom {
    background: url("../../App_Themes/FNB2/Images/menu/left-bottom.png") no-repeat scroll 0 0 transparent;
    height: 11px;
    left: 5px;
    position: absolute;
    top: -5px;
    width: 40px;
    z-index: 100;
}

.overlay {
    background-color: #8B8B8B;
    height: 100%;
    left: 40px;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 148;
}

.overlay-panel {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 10% auto 0;
    width: 350px;
}

.pageWrapper {
    padding-left: 0px;
    padding-top: 40px;
}

    .pageWrapper.minimalTopMenu {
        padding-top: 0;
    }

#main {
    display: block;
    padding-bottom: 70px;
}

.pageGroup {
    clear: both;
    display: none;
    position: relative;
    background-color: #FFF;
    width: 100%; /*75.91%;*/
}

.htmlBackGround {
    background: url("../../App_Themes/FNB2/Images/menu/left-side-bar.png") repeat-y scroll 123px 0px #E7E7E7;
    margin-top: -8px;
}

#extendedPageHeader h1 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 5px solid #73C7C7;
    padding: 10px 5px 10px 15px;
}

#extendedPageHeader.subTabHeadingFix {
    padding: 0px;
}

    #extendedPageHeader.subTabHeadingFix h1 {
        background: none repeat scroll 0 0 transparent;
        border-bottom: medium none;
        padding: 0;
        color: #000;
    }

#subTabsPageHeader {
    float: left;
    min-height: 1px;
    min-width: 30%;
}

#extendedPageHeader.italics h1, .confirmHeaderInner .italics {
    font-style: italic;
}

.mobiHeaderCloseButton {
    display: none;
}

.subTabsMenu {
    background: none repeat scroll 0 0 white;
    border-bottom: 6px solid #73C7C7;
    float: left;
    width: 1024px;
    position: fixed;
    z-index: 201;
}

.subTabsMenuInner {
    float: left;
    width: 100%;
}

.subTabsMenu div.subTab {
    background: url("../../Images/subTabsBorder.png ") no-repeat scroll 0 center transparent;
    color: black;
    /*cursor: pointer;*/
    display: table;
    float: left;
    font-size: 1.4em;
    height: 52px;
    padding: 0 10px 0 5px;
    position: relative;
    top: 5px;
    width: 7%;
    width: 7%/9;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .subTabsMenu div.subTab {
        width: 7%;
    }
}

.subTabsMenu .subTabText {
    display: table-cell;
    padding: 0 0 4px;
    vertical-align: middle;
}

.subTabsMenu div.active {
    background: none repeat scroll 0 0 #72C6C6;
    color: #FFFFFF;
}

.subTabsMenu div.hover {
    background: none repeat scroll 0 0 #72C6C6;
    color: #FFFFFF;
}

.subTabsMore {
    background: url("/banking/03images/fnb/arrows/turqRight.gif") no-repeat scroll right center transparent;
    color: #009999;
    cursor: pointer;
    display: none;
    float: left;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    list-style-type: none;
    margin-right: 1px;
    padding: 0 18px 0 20px;
    width: 24px;
}

#currentSubTab {
    float: none;
    position: fixed;
    z-index: 200;
    margin-top: 54px;
}

.headerControlLabel {
    float: left;
}

    .headerControlLabel .labelInner {
        font-family: FNBSansRegular;
        font-size: 1.6em;
        padding: 8px 5px 5px 15px;
    }

.tableHeaderControls {
    background: none repeat scroll 0 0 #73C7C7;
    float: left;
    height: 42px;
    height: 30px\9;
    height: 30px\0;
    margin: 0px 0 0;
    padding: 6px 0;
    position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tableHeaderControls {
        height: 30px;
    }
}

.tableHeaderControls .radioButtonContainer {
    clear: none;
    padding-bottom: 0;
    width: 80%;
}

.tableHeaderControls .switcherAdjust {
    border: medium none;
    padding-top: 0;
}

.tableHeaderControls .radioButtonContainer .radioButton {
    padding: 4px 12px;
}

.tableHeaderControls .searchField {
    background: url("../../03images/fnb/ui/searchIcon.gif") no-repeat scroll right center #FFFFFF;
    border: medium none;
    padding-bottom: 0;
    padding-right: 32px;
    padding-top: 0;
    position: absolute;
    right: 0;
    top: 6px;
    width: 30%;
}

    .tableHeaderControls .searchField .grid60 {
        width: 100%;
    }

    .tableHeaderControls .searchField input {
        border: medium none;
    }

.tableHeaderControls .switcherGroup {
    padding: 0;
}

#footerWrapper {
    bottom: -7px;
    display: none;
    height: 76px;
    margin-left: -40px;
    position: fixed;
    z-index: 150;
    width: 1064px;
}

    #footerWrapper.visibleContent {
        display: block;
        opacity: 1;
    }

* html #footerWrapper {
    position: absolute;
}

    #footerWrapper #fnb-logo {
        background: url("../../App_Themes/FNB2/Images/menu/fnb-logo-wide.png") no-repeat scroll left center transparent;
        height: 50px;
        left: 5px;
        position: absolute;
        top: 6px;
        width: 309px;
        z-index: 100;
    }

    #footerWrapper #support-reference {
        bottom: 7px;
        color: #000000;
        font-size: 10px;
        left: 5px;
        position: absolute;
        z-index: 100;
    }

    #footerWrapper #footerContent {
        background-color: #E7E7E7;
        font-family: FNBSansLight;
        height: 70px;
        position: relative;
        z-index: 10;
    }

    #footerWrapper .footerBorder {
        background-color: #FFFFFF;
        height: 6px;
        margin-left: 5px;
    }

    #footerWrapper #footerElements {
        height: 75px;
        z-index: 150;
    }

#formFooterButtons {
    bottom: 0;
    max-height: 65px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 160;
}

    #formFooterButtons > .clearfix {
        padding-left: 20px;
    }

    #formFooterButtons .footerBtn {
        bottom: 0;
        color: #FFFFFF;
        cursor: pointer;
        display: table;
        float: right;
        height: 65px;
        position: relative;
        z-index: 160;
    }

        #formFooterButtons .footerBtn.displayNone {
            display: none;
        }

        #formFooterButtons .footerBtn a {
            background-color: #FF9900;
            border-left: 1px solid #E7E7E7;
            color: #FFFFFF;
            display: table-cell;
            font-family: FNBSansLight;
            font-size: 18px;
            height: 100%;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
        }

.footerBtn a:hover, .footerBtn a:active, .footerBtn a:focus {
}

#formFooterButtons .footerBtn .actionMenuButtonIcon {
    display: none;
}

#formFooterButtons .mobiFooterButton {
    display: none;
}

#formFooterButtons .inactiveButton {
    color: #000000;
    display: table-cell;
    font-family: FNBSansLight;
    font-size: 18px;
    height: 100%;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

#formFooterButtons .dropdown-wrapper {
    background-color: #73C7C7;
    bottom: 0;
    float: right;
    margin: 0 2px 0 0;
    padding-bottom: 1px;
    position: relative;
    width: 30%;
}

    #formFooterButtons .dropdown-wrapper .grid40 {
        color: #FFFFFF;
        font-family: FNBSansLight;
        padding-left: 5px;
        padding-right: 0;
        text-align: left;
        width: 20%;
    }

    #formFooterButtons .dropdown-wrapper .grid60 {
        width: 80%;
    }

#formFooterButtons .dropdown-selection {
    min-height: 48px;
}

#formFooterButtons .dropdown-initiator {
    margin: 0;
}

#formFooterButtons .dropdown-select {
    padding-right: 0;
    text-align: left;
}

#formFooterButtons .dropdown-single-wrapper .dropdown-selection, #formFooterButtons .dropdown-two-wrapper .dropdown-selection, #formFooterButtons .dropdown-three-wrapper .dropdown-selection {
    margin: 0;
    padding: 9px 10px 9px 20px;
}

#formFooterButtons .dropdown-selection-white {
    margin: 0;
}

#formFooterButtons .dropdown-item-row-h1, #formFooterButtons .dropdown-item-row-h2 {
    float: left;
    width: 100%;
}

#formFooterButtons .dropdown-selection-white {
    border: 2px solid #73C7C7;
    height: 65px;
}

#formFooterButtons .dropdown-three-wrapper .dropdown-label-inner {
    color: #FFFFFF;
    margin: 0;
    padding: 17px 5px;
    text-align: left;
}

#formFooterButtons .dropdown-h1 {
    font-family: FNBSansRegular;
}

#formFooterButtons .dropdown-h2 {
    font-family: FNBSansLight;
}

#formFooterButtons .dropdown-item-cell-left.dropdown-h3, #formFooterButtons .dropdown-item-cell-right.dropdown-h3, #formFooterButtons .dropdown-item-cell-right.dropdown-h4, #formFooterButtons .dropdown-item-cell-left.dropdown-h4 {
    line-height: 14px;
    width: 100%;
}

#formFooterButtons .dropdown-item-cell-right.dropdown-h4, #formFooterButtons .dropdown-item-cell-left.dropdown-h4 {
}

#actionMenuButtonWrapper {
    background-color: #FF9900;
    cursor: pointer;
    left: -34px;
    position: fixed;
    top: 144px;
    z-index: 147;
}

    #actionMenuButtonWrapper #actionMenuIcon {
        background: url("../../03images/base/actionmenu/action-menu-icon.png") no-repeat scroll left center transparent;
        height: 25px;
        margin: 7px 4px;
        width: 26px;
    }

    #actionMenuButtonWrapper #moreoptionsActionMenuTextSwap {
        background: url("../../03images/base/actionmenu/more-options-text.png") no-repeat scroll center center transparent;
        height: 114px;
        margin: 7px 4px 15px;
        width: 26px;
    }

    #actionMenuButtonWrapper #actionMenuText {
        display: none;
    }

.actionWrap {
    left: 40px;
    padding-bottom: 80px;
    position: absolute;
    top: 130px;
    width: 100%;
}

#actionMenu {
    background-color: #FF9900;
    display: none;
    min-height: 100%;
    overflow: hidden;
    padding: 0 85px 0 0;
}

.actionTable {
    display: table !important;
}

.actionMenuCol {
    display: table-cell;
    width: 23%;
}

#actionMenuOrangeBanner .actionColHeader {
    border-bottom: 2px solid white;
    padding-bottom: 10px;
    width: 100%;
}

#actionMenuOrangeBanner, .moreoptionsBannerOne {
    background-color: #FF9900;
    color: #FFFFFF;
    min-height: 200px;
    padding: 0 0 10px;
    width: 100%;
}

.actionMenuCol.col_0_of_4 {
    background: none repeat scroll 0 0 #FF9900;
}

.actionMenuColUp {
    font-size: 14px;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

.actionMenuContents {
    height: 100%;
    width: 100%;
}

.actionMenuButtonIcon {
    background: url("../../03images/base/actionmenu/dot-button-off.png") no-repeat scroll 0 0 transparent;
    height: 47px;
    width: 47px;
}

.actionMenuButton {
    cursor: pointer;
    display: table;
    padding: 0 0 8px;
    width: 100%;
}

    .actionMenuButton:hover .actionMenuButtonIcon {
        background: url("../../03images/base/actionmenu/dot-button-over.png") no-repeat scroll 0 0 transparent;
    }

    .actionMenuButton .actionMenuButtonIconText {
        color: #FFFFFF;
        display: table-cell;
        font-family: FNBSansRegular;
        font-size: 16px;
        height: auto;
        padding: 0 0 0 5px;
        vertical-align: middle;
        width: 100%;
    }

.moreOptionsDownArrow {
    background: url("../../03images/base/actionmenu/orangeArrow.png") no-repeat scroll 0 0 transparent;
    height: 38px;
    left: 15px;
    position: relative;
    width: 24px;
}

.actionMenuHeader {
    color: #FFFFFF;
    padding: 10px 0 0 10px;
}

    .actionMenuHeader.orange {
        color: #FFFFFF;
        font-size: 45px;
    }

.bannerSubHeadings {
    font-size: 1.6em;
    width: 90%;
}

.actionColHeading {
    border-bottom: 2px solid white;
}

.actionMenuBottomLabel {
    color: #747474;
    font-family: FNBSansRegular;
    font-size: 1.6em;
    padding-left: 15px;
    position: relative;
    text-align: center;
}

.actionMenuContents .actionColHeader {
    font-size: 14px;
    padding: 60px 10px 10px;
}

.actionMenuHeader.grey1, .actionMenuHeader.grey3, .actionMenuHeader.grey4 {
}

.actionMenuHeader.grey1 {
    background-color: #CBCBCA;
    font-size: 16px;
}

.actionMenuHeader.grey2 {
    background-color: #EEEEEE;
    font-size: 14px;
    padding: 0 5px 10px 10px;
}

.actionMenuHeader.grey3 {
    background-color: #C1C1C0;
    font-size: 16px;
}

.actionMenuHeader.grey4 {
    background-color: #B1B1B0;
    margin-left: 5px;
    margin-right: 5px;
}

.actionMenuHeader.grey5 {
    background-color: #F3F3F3;
    font-size: 14px;
    padding: 10px 5px 10px 10px;
}

.actionMenuHeader.grey6 {
    background-color: #F8F8F8;
    margin-left: 5px;
    margin-right: 5px;
}

.actionListLink {
    font-family: FNBSansRegular;
    margin-top: 8px;
}

.actionMenuHeader.grey2 .actionListText, .actionMenuHeader.grey5 .actionListText, .actionMenuHeader.grey6 .actionListText {
    color: #000000;
    cursor: pointer;
    margin-top: 8px;
}

.actionMenuHeader.grey2 .actionListComment, .actionMenuHeader.grey5 .actionListComment, .actionMenuHeader.grey6 .actionListComment {
    color: #B2B1B1;
    font-size: 14px;
    margin-top: 5px;
}

.actionMenuHeader.actionMenuLast {
}

.actionMenuHeader.turq {
    background-color: #009999;
}

.actionMenuLeftRightBorder {
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
}

.actionMenuLeftBorder {
    border-left: 5px solid #FFFFFF;
}

.actionMenuRightBorder {
    border-right: 5px solid #FFFFFF;
}

.actionMenuSingleColumn {
    width: 68%;
}

.actionMenuDoubleColumn {
    width: 34%;
}

.col_1_of_4 {
    background-color: #EEEEEE;
}

.col_2_of_4 {
    background-color: #F3F3F3;
}

.col_3_of_4 {
    background-color: #EEEEEE;
}

.actionMenuUrlWrapper {
    background-color: #E7E7E7;
    display: none;
    overflow-x: hidden;
    padding-bottom: 250px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 141;
}

#actionMenuUrlWrapper .tableRow {
    cursor: pointer;
}

    #actionMenuUrlWrapper .tableRow:hover {
        background: none repeat scroll 0 0 #E7E7E7;
    }

#actionMenuUrlWrapper .actionMenuLeftBar {
    background-color: #B1B1B1;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 20%;
}

#actionMenuUrlWrapper #actionTableClose {
    background: url("/banking/03images/base/actionmenu/closeBtt.gif") no-repeat scroll 6px 12px transparent;
    cursor: pointer;
    display: block;
    height: 44px;
    position: absolute;
    right: 0;
    width: 80px;
    z-index: 5;
}

#actionMenuUrlWrapper .actionMenuLeftBar p {
    color: #FFFFFF;
    font-size: 30px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}

#actionMenuUrlWrapper .actionMenuLeftBar h2 {
    color: #FFFFFF;
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
}

#actionMenuUrlWrapper .tableContainer {
    float: left;
    left: 10px;
    padding-right: 49px;
    position: relative;
    width: 100%;
}

#actionMenuUrlWrapper .table {
    margin-left: 20%;
    width: 80%;
}

.actionMenuUrlWrapper .tableContainer .tableCellItem {
    height: 42px;
    line-height: 42px;
}

.actionMenuUrlWrapper .tableContainer .tableRow {
    border-bottom: 4px solid #E7E7E7;
}

.actionMenuUrlWrapper h1 {
    width: 25%;
}

#actionMenuUrlWrapper .input-wrapper.searchField .formElementContainer {
    background: url("../../03images/fnb/ui/searchIcon.gif") no-repeat scroll right center transparent;
    float: right;
    padding-right: 34px;
    position: relative;
    right: 86px;
    top: 2px;
    width: 20%;
}

#actionMenuUrlWrapper .input-wrapper.searchField .input-input {
    border: 0 none;
}

.actionMenuNoOptions {
    color: white;
    font-size: 10px;
    margin: 0 0 5px 25px;
}

#actionMenuUrlWrapper .searchField .grid60 {
    left: 20%;
    padding: 0 0 0 2px;
    position: relative;
    top: 6px;
}

.input Error {
    background-color: #FF9900;
    color: #FFFFFF;
}

.error {
    background: none repeat scroll 0 0 #FF9900;
    border-bottom: 6px solid white;
    color: #FFFFFF;
    font-family: FNBSansThin;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 160;
}

.errorButtonWrapper {
    background: url("../../03images/base/error/close-icon.png") no-repeat scroll center center transparent;
    cursor: pointer;
    float: right;
    height: 25px;
    margin: 10px;
    width: 26px;
}

.errorMessageWrapper {
    font-size: 2.4em;
    padding: 15px 0 0 20px;
}

#errorsWrapper, .errorsWrapper {
    font-size: 1.6em;
    margin: 10px 0 0;
    padding: 0 10px 10px;
}

.errorWrapper {
    border-left: 0 none;
    float: left;
    padding: 0 0 20px 15px;
}

.errorText {
    padding: 0 0 0 5px;
}

.errorMsg {
    display: none;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 999;
}

.error .errorMsg {
    display: block;
}

.errorMsg .errorMsgClose {
    height: 7px;
    position: absolute;
    right: -15px;
    top: -5px;
    width: 25px;
}

.errorMsg .errorMsgArrow {
    background: url("/banking/03images/fnb/arrows/dropDownBoxArrow.gif") no-repeat scroll center top transparent;
    height: 7px;
    margin: 0 auto;
    width: 25px;
}

.errorMsg .errorMsgBubble {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FF9900;
    border-right: 1px solid #FF9900;
    color: #000000;
    padding: 5px;
}

#headerButtonsWrapper {
    height: 35px;
    margin-left: 00px;
    overflow: hidden;
    margin-top: -8px;
    width: 1024px;
}

    #headerButtonsWrapper .headerButton:first-child {
        background-color: #FF9900;
        border-left: 1px solid #E7E7E7;
        color: #FFFFFF;
        cursor: pointer;
        float: right;
        height: 37px;
        position: relative;
        top: -39px;
    }

        #headerButtonsWrapper .headerButton:first-child a span {
            color: #FFFFFF;
            font-family: FNBSansRegular;
            font-size: 0.9em;
        }

    #headerButtonsWrapper .headerButton {
        background-color: #FFFFFF;
        border-left: 1px solid #E7E7E7;
        color: #000000;
        cursor: pointer;
        float: right;
        height: 37px;
        position: relative;
        top: -39px;
    }

.headerButton a.privateContactBtn {
    background: url("Images/contact.jpg") no-repeat scroll -2px center transparent;
    padding-left: 35px;
}

.headerButton a.inboxBtn {
    background: url("Images/inbox.jpg") no-repeat scroll -2px center transparent;
    padding-left: 35px;
}

.headerButton a {
    float: left;
    padding: 10px 0 0 8px;
    text-align: center;
    text-decoration: none;
}

.headerButton.logOutButton a {
    float: left;
    padding: 8px 0 0 8px;
    text-align: center;
    text-decoration: none;
}

.headerButton a span {
    color: #888888;
    font-family: FNBSansRegular;
    font-size: 0.9em;
}

    .headerButton a span.selectedButton {
        color: #000000;
    }

.settingsButton, .contactButton, .optionsButton {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #DCDCDC;
    font-family: FNBSansRegular;
    font-size: 1.4em;
    text-align: left;
}

    .settingsButton a span, .contactButton a span, .optionsButton a span {
        color: #888888;
        font-family: FNBSansRegular;
        font-size: 1.4em;
    }

    .settingsButton img, .contactButton img, .optionsButton img {
        float: left;
        padding: 4px;
    }

.searchBox {
    background: none repeat scroll 0 0 #FFFFFF;
}

.radioButtonContainer .tooltipParent {
    float: left;
    margin-left: 10px;
}

.tooltipParent {
    background: none repeat scroll 0 0 #C1E7E5;
    height: 30px;
    position: relative;
    width: 30px;
}

.input-wrapper .input-container-inner .tooltipParent {
    position: absolute;
    right: 0;
}

.tooltip {
    background: none repeat scroll 0 0 #ADDBDB;
    border: 3px solid white;
    cursor: pointer;
    display: none;
    margin-top: -50px;
    max-width: 200px;
    padding: 5px 5px 8px 8px;
    position: absolute;
}

.input-wrapper .input-container-inner.toolTipSpacer {
    padding-right: 38px;
    position: relative;
}

.tooltip .tooltip-pointer {
    background: url("/banking/03images/base/tooltip/pointer.png") no-repeat scroll left top transparent;
    bottom: -17px;
    height: 17px;
    left: 180px;
    position: absolute;
    width: 15px;
}

.tooltip-pointer-left {
    background: url("/banking/03images/base/tooltip/pointer_left.png") no-repeat scroll left top transparent;
    bottom: -17px;
    height: 17px;
    left: 10px;
    position: absolute;
    width: 15px;
}

.tooltipButton {
    background: url("/banking/03images/base/tooltip/questionMark.png") no-repeat scroll 1px center transparent;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.tooltipButtonCross {
    background: url("/banking/03images/base/tooltip/crossMark.png") no-repeat scroll center center transparent;
}

.tooltip-close {
    background: url("/banking/03images/base/tooltip/close-icon.png") no-repeat scroll center center transparent;
    cursor: pointer;
    float: left;
    height: 26px;
    width: 25px;
}

.tooltip-text {
    float: left;
    font-size: 1.4em;
    line-height: 18px;
    max-width: 200px;
    padding: 5px;
    text-align: left;
}

.multiTableCellTooltip {
    position: absolute;
    top: 11px;
}

.confirmPage {
}

    .confirmPage .confirmDate {
        font-size: 1.4em;
    }

    .confirmPage .confirmHeader {
        position: relative;
    }

        .confirmPage .confirmHeader .confirmHeaderInner {
            position: relative;
        }

.confirmHeader .confirmHeaderInner .confirmHeaderTopText {
    font-size: 1.8em;
    padding-left: 15px;
    padding-top: 13px;
}

.confirmHeader .confirmHeaderInner .confirmHeaderBottomText {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 2.4em;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 5px;
}

    .confirmHeader .confirmHeaderInner .confirmHeaderBottomText .confirmTextOne {
        font-family: FNBSansRegular;
    }

    .confirmHeader .confirmHeaderInner .confirmHeaderBottomText .confirmTextTwo {
        font-size: 0.7em;
    }

.confirmHeader .confirmHeaderInner .confirmDate {
    bottom: 10px;
    position: absolute;
    right: 10px;
}

.confirmPage h2 {
    padding: 0 0 10px 20px;
}

    .confirmPage h2 span {
        font-size: 1.4em;
    }

.confirmPage .recipientCount {
    background: none repeat scroll 0 0 #AAC6C7;
    border: 2px solid white;
    font-size: 1.4em;
    margin: 0 5px;
    padding: 2px 5px;
    text-align: center;
}

.confirmPage .floatLeftRecipient {
    float: left;
    font-size: 1.6em;
    padding: 3px 0 0;
}

.confirmPage .dotOrange {
    background: url("/banking/03images/base/dots/dot-orange.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    padding: 4px 7px;
}

.confirmPage .confirmRowOne {
    margin: 40px 0 0;
}

    .confirmPage .confirmRowOne tr {
        height: 40px;
    }

    .confirmPage .confirmRowOne td:first-child {
        padding: 0 0 0 1.5%;
    }

    .confirmPage .confirmRowOne td {
        vertical-align: middle;
    }

.confirmPage .detailsColumn {
    background: none repeat scroll 0 0 #FFFFFF;
}

.confirmPage .confirmRowTwo tr {
    height: 40px;
}

.confirmPage .confirmRowTwo td {
    vertical-align: middle;
}

    .confirmPage .confirmRowTwo td:first-child {
        padding: 0 0 0 1.5%;
    }

.confirmPage .tableRow {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    clear: both;
    display: block;
    float: left;
    margin-bottom: 2px;
    min-height: 34px;
    padding: 2px 0;
    width: 100%;
}

.confirmPage .tableHeaderRow {
    position: relative;
}

    .confirmPage .tableHeaderRow span {
        color: #666666;
    }

.confirmPage .tableGroupHeader img {
    bottom: -7px;
    left: 5px;
    position: absolute;
    z-index: 1;
}

.confirmPage .tableHeaderRow .tableHeaderInnerRow {
    color: #666666;
    padding-left: 5px;
}

.confirmPage .tableHeaderRow.tableGroupHeader span {
    color: #666666;
}

.confirmPage .tableCell {
    padding: 0 15px;
}

.confirmPage .totalRow {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 2px solid #CCCCCC;
    height: 42px;
    line-height: 42px;
    margin-bottom: 0;
    padding: 0 0 6px;
}

.confirmNotifications .tableDataRow {
    background: none repeat scroll 0 0 #D8D7D5;
}

.confirmNotifications .tableRowInner, .confirmNotifications .tableCellItem {
    padding: 0;
}

.confirmNotifications #type {
    padding: 0 0 0 15px;
}

.confirmFinishTable .badStatus {
    background: url("/banking/03images/fnb/ui/no.png") no-repeat scroll 95% 2px transparent;
    text-align: left;
    width: 100%;
}

.confirmFinishTable .goodStatus {
    background: url("/banking/03images/fnb/ui/yes.png") no-repeat scroll 95% 2px transparent;
    text-align: left;
    width: 100%;
}

.rightBox {
    height: 100%;
    position: absolute;
    right: 0;
    top: 3px;
    width: 20%;
    z-index: 1;
}

.rightBoxContent {
    border-left: 6px solid #FFFFFF;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.rightBoxInner {
    color: #FFFFFF;
    padding: 0 20px;
}

.rightBox h5 {
    background: none repeat scroll 0 0 white;
    color: #000000;
    font-size: 2.8em;
}

.whiteMessageContainer {
    margin: 67px 0 0;
}

.totalContainer {
    list-style: none outside none;
}

.finishMessageArrow {
    position: relative;
    right: -40px;
}

#processingResultViewBean {
    float: left;
}

.rowMarker {
    float: left;
}

.eziWrapper {
    background-color: #FFFFFF;
    border-left: 6px solid #FFFFFF;
    bottom: 70px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 134px;
    z-index: 149;
}

#eziPannelButtonsWrapper {
    bottom: 70px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 5;
}

#eziPannelButtons {
    background: none repeat scroll 10px 0 #FF9900;
    border-top: 6px solid #FFFFFF;
    float: right;
    height: 70px;
    padding: 0 25px 0 0;
    position: relative;
    width: 40%;
}

.eziWrapper .actionMenuContents {
    background: none repeat scroll 0 0 transparent;
}

#eziPannelButtonsWrapper .actionMenuButton {
    float: right;
    height: 47px;
    margin: 7px 3px 5px 0;
    opacity: 1;
    width: auto;
}

#eziPannelButtonsWrapper .actionMenuButtonIconText {
    width: auto;
}

.eziWrapper .actionMenuHeader {
    font-size: 1.6em;
}

.eziWrapper .bannerSubHeadings {
    width: 100%;
}

#eziPannelButtonsWrapper .actionMenuButton p, #eziPannelButtonsWrapper .actionMenuButton .actionMenuButtonIconText {
    margin-top: 18px;
}

#eziPannelButtonsWrapper .actionMenuButton .actionMenuButtonIcon {
    background-image: url("../../03images/base/actionmenu/dot-button-off.png");
    background-position: center 90%;
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
}

#eziPannelButtonsWrapper .actionMenuButton:hover .actionMenuButtonIcon {
    background-image: url("../../03images/base/actionmenu/dot-button-over.png");
}

.eziPage td.grid100 {
    width: 100%;
}

.eziPage td.grid50 {
    width: 50%;
}

.eziWrapper h3 {
    background: none repeat scroll 0 0 #E7E7E7;
    font-family: FNBSansThin;
    font-size: 2.4em;
    text-align: left;
}

#eziWrapper .ghostBlock {
}

#eziWrapper .rightBoxContent {
    border: medium none;
}

#eziWrapper .rightBox h5 {
    padding: 10px;
}

#eziWrapper .rightBox {
    width: 100%;
}

#eziWrapper .dropdown-three-wrapper .dropdown-label-inner {
    padding: 20px 0 0;
}

#eziWrapper .dlTitle, #eziWrapper .dlData {
    padding-bottom: 10px;
}

.eziPage p {
    padding: 10px 0 10px 20px;
}

.eziPage .note, .eziPage .hint, .eziPage .tc {
    background-position: 15px 15px;
    margin: 0;
    padding: 5px 30px 5px 100px;
}

.eziWrapper .formElementLabel {
    padding: 5px 10px 5px 15px;
    width: 100%;
}

.eziWrapper .dropdownElementWrapper {
    width: 100%;
}

.eziWrapper .formElementContainer {
    width: 100%;
}

.eziWrapperGrey {
    background: none repeat scroll 0 0 #E7E7E7;
    border-left: 6px solid #FFFFFF;
    bottom: 65px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 134px;
    z-index: 6;
}

    .eziWrapperGrey h2, .eziWrapperGrey h3 {
        background-color: #E7E7E7;
        font-family: FNBSansThin;
        line-height: 2em;
        padding: 10px 0 10px 20px;
        text-align: left;
    }

    .eziWrapperGrey h3 {
        border-bottom: 6px solid #FFFFFF;
        font-size: 2.4em;
        padding-left: 20px;
    }

    .eziWrapperGrey .gridGroup h3 {
        margin: 5px 0 0;
    }

    .eziWrapperGrey .gridGroup h2 {
        border-bottom: 6px solid #FFFFFF;
        padding: 10px 0 10px 20px;
    }

    .eziWrapperGrey .dropdown-initiator {
        margin: 10px;
    }

.dropdown-label-inner {
    padding: 17px 0 0 20px;
}

.eziWrapperGrey .dropdown-selection {
    margin: 0 !important;
}

.eziWrapperGrey .dropdown-content {
    width: 100%;
}

.eziWrapperGrey .dropdown-content-top-indicator-inner {
    margin: -5px 10px 0;
    padding: 0 0 0 20px;
}

.eziWrapperGrey .dropdown-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 5px 0 0;
    padding: 0 0 0 20px;
}

.eziWhiteBg .dropdown-wrapper {
    background-color: #FFFFFF;
}

.eziWrapperGrey .dropdown-content-wrapper {
    margin: -12px 0 0 10px;
}

.eziWrapperGrey .input-wrapper {
    padding: 0 0 0 20px;
}

.eziWhiteBg {
    background-color: #FFFFFF;
}

.eziGreySpace {
    background-color: #E7E7E7;
}

.eziGreySpacePublicRecipient {
    background-color: #E7E7E7;
    bottom: 0;
    left: 5px;
    position: absolute;
    right: 0;
    top: 230px;
}

.eziListWrapper {
}

.eziListItem {
    background-color: #FFFFFF;
    margin: 5px 0 0 20px;
    padding: 5px;
    width: 90%;
}

.eziGreySpaceButtonWrapper {
    background: none repeat scroll 0 0 #E7E7E7;
    height: 35px;
    margin: 5px 0 0;
    padding: 5px 0 0;
    width: 100%;
}

    .eziGreySpaceButtonWrapper .doSomething {
        padding: 0 0 0 20px;
    }

.eziWrapperGrey .addRecipientsRemoveButton {
    background: url("/banking/03images/base/icons/removeIconTurq.png") no-repeat scroll right center transparent;
    color: #029899;
    margin: 20px 17px 0 5px;
}

#eziWrapper .addRecipientsAddButtonWrapper {
    background: none repeat scroll 0 0 #E7E7E7;
    border: medium none;
    color: #029899;
    height: 25px !important;
    margin: 10px 0 0;
    padding: 15px 0;
}

#eziWrapper .addRecipientsAddButton {
    background: url("/banking/03images/base/icons/addIconTurq.png") no-repeat scroll right center transparent;
    margin: 0 19px 0 0;
}

#eziWrapper #addRecipientExtender .grid50, #eziWrapper #addRecipientExtender .grid40, #eziWrapper #addRecipientExtender .grid60, #eziWrapper #addRecipientExtender .grid20, #eziWrapper #addRecipientExtender .grid30 {
    width: 100%;
}

#eziWrapper #addRecipientExtender .margin50 {
    margin: 0;
}

#eziWrapper #addRecipientExtender .dropdown-initiator {
    cursor: pointer;
    margin: 10px 0 10px 5px;
    position: relative;
}

#eziWrapper #addRecipientExtender .dropdown-wrapper.margin50 .dropdown-label-inner, #eziWrapper #addRecipientExtender .dropdown-wrapper.gridElementSpacing .dropdown-label-inner {
    padding-left: 0;
}

.phonebookAddHeading {
    margin: 5px 0 0 20px;
    padding: 5px;
    width: 90%;
}

.phonebookAddLabels {
    padding: 0 0 0 10px;
}

.phonebookSearch .gridFull {
    width: 91%;
}

.phonebookDelete .gridFull {
    width: 91%;
}

#phoneNumberUpdate .gridFull {
    width: 91%;
}

.phonebookDelete .gridThird {
    height: 42px;
}

    .phonebookDelete .gridThird .innerMargin {
        height: 100%;
    }

.phoneBook .eziLabel {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
}

.phoneBook .input-container {
    margin: 0 10px 0 0;
    padding: 0;
}

#phoneNumberUpdate .input-container {
    margin: 0 10px 0 0;
    padding: 0;
}

.phoneBookAdd .eziListItem {
    margin: 5px 0 0 15px;
    padding: 3px;
    width: auto;
}

.phoneBookAdd {
    padding: 5px;
}

.branchSearchResult {
    padding: 5px 0;
}

.eziWrapper .actionMenuContents {
    background: none repeat scroll 0 0 transparent;
}

.eziwrap30 #eziPannelButtonsWrapper {
    width: 29%;
}

.doSomething .eziPannelTitleIcon {
    background: url("../../03images/fnb/icons/add_grey.png") no-repeat scroll left center transparent;
    height: 28px;
    width: 28px;
}

.eziPannelTitleNegIcon .eziPannelTitleIcon {
    background: url("../../03images/fnb/icons/remove_grey.png") no-repeat scroll left center transparent;
    height: 28px;
    width: 28px;
}

.footerMessage {
    background: none repeat scroll 0 0 #72C6C6;
    border-left: 2px solid #72C6C6;
    border-top: 4px solid #FFFFFF;
    bottom: 70px;
    font-size: 1.6em;
    left: 40px;
    min-width: 100%;
    padding: 10px 60px 10px 0;
    position: fixed;
    right: -1px;
    text-align: right;
    z-index: 147;
}

.footerMessageText {
    float: right;
    margin: 0 0 0 10px;
}

.footerMessageTotal {
    float: right;
    margin: 0 50px 0 5px;
}

.pagingWrapper {
    background: none repeat scroll 0 0 #ADDBDB;
    border-bottom: 6px solid white;
    border-top: 6px solid white;
    text-align: center;
}

    .pagingWrapper .searchBar {
        display: none;
    }

    .pagingWrapper .dropdown-item-icon {
        display: none;
    }

    .pagingWrapper .dropdown-initiator {
        margin: 3px 0;
    }

.pagination .dropdown-content-wrapper {
    margin: -5px 0 0 15px;
}

.pagination .dropdown-item {
    background: none repeat scroll 0 0 #C8ECEB !important;
}

.pagination .dropdown-item-row-wrapper {
    margin: 0;
}

.pagination {
    float: left;
    width: 20%;
}

    .pagination .td {
        font-size: 1.4em;
        padding-top: 0;
        text-align: center;
        vertical-align: middle;
    }

.pageLimits {
    border-right: 3px solid white;
    height: 42px;
}

    .pageLimits td {
        text-align: center;
        width: 33.3333%;
    }

        .pageLimits td:first-child {
            padding: 0 10% 0 0;
            text-align: right;
        }

        .pageLimits td:last-child {
            text-align: left;
        }

    .pageLimits .dropdown-selection {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #BCE4E4;
        padding: 8px 0 8px 20px;
    }

    .pageLimits .dropdown-content-top-indicator {
        display: none;
    }

    .pageLimits .dropdown-content {
        margin-top: -4px;
    }

.pagination2 {
    float: right;
    height: 42px;
    width: 40%;
}

.pagingPrevious {
    border-left: 3px solid white;
    border-right: 3px solid white;
    text-align: center;
    vertical-align: middle;
    width: 25%;
}

    .pagingPrevious a {
        cursor: pointer;
        padding: 10px 0;
    }

.pagingNext {
    border-left: 3px solid white;
    text-align: center;
    vertical-align: middle;
    width: 25%;
}

    .pagingNext a {
        cursor: pointer;
        padding: 10px 0;
    }

.pagingChoice {
    text-align: center;
    vertical-align: middle;
    width: 50%;
}

    .pagingChoice input {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #BCE6E5;
        padding: 5px 0 5px 10px;
        width: 50px;
    }

    .pagingChoice span {
    }

.limiterDropDown {
    width: 80px;
}

.entriesChoice {
    width: 90px;
}

    .entriesChoice .dropdown-item-icon, .entriesChoice .dropdown-item.selected-item {
        display: none;
    }

    .entriesChoice .dropdown-initiator {
        margin: 0;
    }

    .entriesChoice .dropdown-selection, .dropdown-two-wrapper .dropdown-selection, .dropdown-three-wrapper .dropdown-selection {
    }

.pagination .formElementWrapper {
    padding-bottom: 0;
    padding-top: 0;
}

.displayNone, .hidden {
    display: none;
}

.displayBlock, .show {
    display: block;
}

.positionRelative {
    position: relative;
}

.positionAbsolute {
    position: absolute;
}

.positionFixed {
    position: fixed;
}

.alignLeft {
    text-align: left;
}

.alignCenter, .centerContent {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.valignTop {
    vertical-align: top;
}

.valignMiddle, .vertMiddle {
    vertical-align: middle;
}

.valignBottom, .alignBottom {
    vertical-align: bottom;
}

.valignBaseline {
    vertical-align: baseline;
}

.floatLeft, .left {
    float: left;
}

.floatRight {
    float: right;
}

.clearLeft {
    clear: left;
}

.clearRight {
    clear: right;
}

.clear, .clearBoth {
    clear: both;
}

.whiteText {
    color: #FFFFFF;
}

.teal1 a {
    color: #FFFFFF;
}

.amber1 {
    background-color: #FF9900;
    color: #FFFFFF;
}

.teal1 {
    background-color: #009999;
    color: #FFFFFF;
}

.teal2 {
    background-color: #14A1A1;
}

.teal3 {
    background-color: #26A8A8;
}

.teal4 {
    background-color: #3BB1B1;
}

.teal5 {
    background-color: #4DB8B8;
}

.teal6 {
    background-color: #61C0C0;
}

.teal7 {
    background-color: #73C7C7;
}

.teal8 {
    background-color: #87CFCF;
}

.teal9 {
    background-color: #99D6D6;
}

.teal10 {
    background-color: #BFE5E5;
}

.teal11 {
    background-color: #ADDBDB;
}

.lightTeal1 {
    background-color: #70D4D4;
}

.whiteBg, .white {
    background-color: #FFFFFF;
}

.darkGreyBg {
    background-color: #CCCCCC;
}

.grey {
    background-color: #D8D7D5;
}

.grey1 {
    background-color: #E7E7E7;
}

.grey2 {
    background-color: #F1F1F1;
}

.grey3 {
    background-color: #F6F6F6;
}

.grey2 .innerPad, .grey5 .innerPad, .grey6 .innerPad {
    padding: 10px;
}

.padTop5 {
    padding-top: 5px;
}

.padTop7 {
    padding-top: 7px;
}

.padTop10 {
    padding-top: 10px;
}

.padTop15 {
    padding-top: 15px;
}

.padTop20 {
    padding-top: 20px;
}

.padBottom5 {
    padding-bottom: 5px;
}

.padBottom10 {
    padding-bottom: 10px;
}

.padBottom20 {
    padding-bottom: 20px;
}

.padBottom50 {
    padding-bottom: 50px;
}

.padLeft10 {
    padding-left: 10px;
}

.padLeft15 {
    padding-left: 15px;
}

.padLeft20 {
    padding-left: 20px;
}

.padLeft40 {
    padding-left: 40px;
}

.padLeft45 {
    padding-left: 45px;
}

.padLeft50 {
    padding-left: 50px;
}

.padLeft70 {
    padding-left: 70px;
}

.padRight11 {
    padding-right: 11px;
}

.padRight10 {
    padding-right: 10px;
}

.padRight20 {
    padding-right: 20px;
}

.padding10 {
    padding: 10px;
}

.padding20 {
    padding: 20px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginBottom0 {
    margin-bottom: 0;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginTop0 {
    margin-top: 0;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop20 {
    margin-top: 20px;
}

.noMargin {
    margin: 0;
}

.borderTopWhite, .borderTopGrey, .borderTopTurq, .borderTopAmber, .borderRightWhite, .borderRightGrey, .borderRightTurq, .borderRightAmber, .borderBottomWhite, .borderBottomGrey, .borderBottomTurq, .borderBottomAmber, .borderLeftWhite, .borderLeftGrey, .borderLeftTurq, .borderLeftAmber {
    -moz-box-sizing: border-box;
}

.borderTopWhite, .borderTopGrey, .borderTopTurq, .borderTopAmber {
    border-top-style: solid;
    border-top-width: 6px;
}

.borderRightWhite, .borderRightGrey, .borderRightTurq, .borderRightAmber {
    border-right-style: solid;
    border-right-width: 6px;
}

.borderBottomWhite, .borderBottomGrey, .borderBottomTurq, .borderBottomAmber {
    border-bottom-style: solid;
    border-bottom-width: 6px;
}

.borderLeftWhite, .borderLeftGrey, .borderLeftTurq, .borderLeftAmber {
    border-left-style: solid;
    border-left-width: 6px;
}

.borderTopWhite {
    border-top-color: #FFFFFF;
}

.borderRightWhite {
    border-right-color: #FFFFFF;
}

.borderBottomWhite {
    border-bottom-color: #FFFFFF;
}

.borderLeftWhite {
    border-left-color: #FFFFFF;
}

.borderTopGrey {
    border-top-color: #E7E7E7;
}

.borderRightGrey {
    border-right-color: #E7E7E7;
}

.borderBottomGrey {
    border-bottom-color: #E7E7E7;
}

.borderLeftGrey {
    border-left-color: #E7E7E7;
}

.borderTopTurq {
    border-top-color: #009999;
}

.borderRightTurq {
    border-right-color: #009999;
}

.borderBottomTurq {
    border-bottom-color: #009999;
}

.borderLeftTurq {
    border-left-color: #009999;
}

.borderTopAmber {
    border-top-color: #FF9900;
}

.borderRightAmber {
    border-right-color: #FF9900;
}

.borderBottomAmber {
    border-bottom-color: #FF9900;
}

.borderLeftAmber {
    border-left-color: #FF9900;
}

.borderImgLeftWhite, .borderImgRightWhite {
    background-image: url("/banking/03images/base/grids/whiteBorderVertical.png");
    background-repeat: repeat-y;
}

.borderImgLeftWhite {
    background-position: left top;
}

.borderImgRightWhite {
    background-position: right top;
}

ul {
    padding-left: 15px;
    padding-top: 7px;
}

    ul a {
        font-size: 1em;
    }

ol.bulletedList {
    font-size: 1.4em;
    list-style: decimal outside none;
    padding: 5px 0 0 15px;
}

    ol.bulletedList > li {
        list-style: decimal outside none;
        margin-bottom: 0.6em;
    }

        ol.bulletedList > li ol.bulletedList > li {
            list-style: lower-alpha outside none;
            margin-left: 1em;
        }

.listNone > li {
    margin-bottom: 0.6em;
}

.listDisc > li, .listCircle > li, .listSquare > li, .listDecimal > li, .listLowerAlpha > li, .listUpperAlpha > li {
    font-size: 1.4em;
    margin-bottom: 0.6em;
    margin-left: 1em;
}

.listNone, .listNone > li {
    list-style: none outside none;
}

.listDisc, .listDisc > li {
    list-style: disc outside none;
}

.listCircle, .listCircle > li {
    list-style: circle outside none;
}

.listSquare, .listSquare > li {
    list-style: square outside none;
}

.listDecimal, .listDecimal > li {
    list-style: decimal outside none;
}

.listLowerAlpha, .listLowerAlpha > li {
    list-style: lower-alpha outside none;
}

.listUpperAlpha, .listUpperAlpha > li {
    list-style: upper-alpha outside none;
}

.bulletedList .bulletedList {
    margin-top: 0.6em;
}

.prettyDateLabel {
    float: left;
    font-size: 1.4em;
    padding-left: 15px;
    padding-top: 5px;
    width: 40%;
}

.searchOrText {
    font-size: 1.4em;
    padding-left: 10px;
    padding-top: 7px;
    text-align: center;
    width: 5%;
}

#branchSearchButton, #phoneBookSearchButton, #publicRecipientSearchButton {
    background-color: #73C7C7;
    color: #FFFFFF;
    display: block;
    font-size: 1.4em;
    height: 30px;
    line-height: 18px;
    text-align: center;
    width: 100%;
}

#formElement_publicRecipientSearchButton {
    padding: 0 10px 0 0;
}

#phoneBookSearchContainerText {
    padding-right: 0;
}

#phoneBookSearchButton {
    margin-right: 7%;
}

.formElementLabel {
    font-family: "FNBSansRegular";
    font-size: 1.4em;
    padding: 7px 0px 0 0px;
}

.td .formElementLabelSingle {
    border-top: 1px solid #E7E7E7;
    font-family: "FNBSansRegular";
    font-size: 1.4em;
    padding: 5px 10px 0 15px;
}

.formElementLabel.labelMultiline {
    padding-top: 8px;
}

.td .formContainerBorder {
    border-top: 1px solid #E7E7E7;
}

.formElementWrapper {
    float: left;
    padding-bottom: 7px;
    padding-top: 0px;
    width: 100%;
}

.formContainerBorder {
}

.td .formElementWrapper {
    border-top: 1px solid #E7E7E7;
}

    .td .formElementWrapper:first-child {
        border-top: medium none;
    }

    .td .formElementWrapper.radioButtonContainer.switcherAdjust:first-child {
        border-top: 6px solid white;
    }

        .td .formElementWrapper.radioButtonContainer.switcherAdjust:first-child .switcherWrapper {
            width: 100%;
        }

        .td .formElementWrapper.radioButtonContainer.switcherAdjust:first-child .formElementLabel {
            font-family: FNBSansLight;
            padding-right: 5px;
        }

.formElementContainer {
    padding-left: 15px;
    padding-right: 10px;
}

.dropdownElementWrapper {
    padding-left: 15px;
    padding-right: 10px;
}

.mobiDropdownInnerLabelWrapper {
    display: none;
}

.input-input {
    background-color: #FFFFFF;
    border: 2px solid #ADDBDB;
    float: left;
    font-family: FNBSansLight;
    font-size: 1.4em;
    height: 30px;
    line-height: 21px;
    padding: 4px 10px;
    width: 100%;
}

.inputNote {
    float: left;
    margin-top: 5px;
    position: relative;
    width: 100%;
}

.inputNoteInner {
    font-size: 1.4em;
    padding: 20px;
}

span.inputNoteInner, a.inputNoteInner {
    font-size: 1.3em;
    padding: 0px;
}

.inputNoteArrow {
    background-image: url("/banking/03images/base/input/inputNoteArrow.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 13px;
    left: 10px;
    position: absolute;
    top: -13px;
    width: 12px;
}

.input-input:focus, .input-input.input-focus {
    border-color: #FF9900;
}

.notecontentFooter {
    border: 3px solid #FFFFFF;
    bottom: 76px;
    color: #000000;
    position: absolute;
    width: 200%;
}

.inputNoteArrowDown {
    background: url("/banking/03images/base/input/inputNoteArrowDown.png") no-repeat scroll 0 0 transparent;
    height: 14px;
    left: 64px;
    position: absolute;
    top: -14px;
    width: 20px;
}

input[type="button"], input[type="submit"], input[type="reset"], button {
    background-color: #FF9900;
    background-color: -moz-linear-gradient(center top, #FF9900 5%, #FF9900 100%) repeat scroll 0 0 #FF9900;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: FNBSansThin;
    font-size: 1.5em\9;
    font-size: 1.2em;
    height: 25px;
    line-height: 18px;
    text-align: center;
    border-radius: 0;
    text-decoration: none;
    font-weight: normal;
    padding: 3px;
    padding: 4px\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button {
        font-size: 1.2em;
        padding: 4px;
    }
}

.checkbox-wrapper {
    margin: 5px 0;
}

.checkboxGroup {
    position: relative;
}

    .checkboxGroup.positionAbsolute {
        position: absolute;
    }

    .checkboxGroup .hidden {
        display: none;
    }

.checkboxValue {
    display: none;
}

.checkboxGraphic {
    background-color: #FFFFFF;
    border: 2px solid #ADDBDB;
    cursor: pointer;
    height: 10px;
    padding: 11px;
    text-align: center;
    width: 10px;
}

.checkbox-label {
    font-size: 1.4em;
    padding: 5px 0 0 10px;
}

.checkboxGraphic.selected {
    background: url("../../03images/base/checkbox/tick.png") no-repeat scroll center center #FFFFFF;
    border: 2px solid #009999;
}

.checkboxGraphic.disabled {
    border: 2px solid #EEEEEE;
}

    .checkboxGraphic.disabled.selected {
        background: url("../../03images/base/checkbox/tick-disabled.png") no-repeat scroll center center #F6F6F6;
    }

.note, .hint, .tc {
    background-position: 20px center;
    background-repeat: no-repeat;
    float: left;
    font-size: 1.6em;
    margin: 20px 0;
    padding: 10px 15px;
    width: 100%;
}

label.note {
    font-size: 1.6em;
    margin: 0;
    padding: 0px 5px;
    width: 100%;
    float: none;
    background-position: inherit;
    color: #009999;
}

label.noteBG {
    font-size: 1.6em;
    margin: 0 0px;
    padding: 0px 5px;
    width: 100%;
    float: none;
    background-position: inherit;
    background-color: #FF9900;
}

.note a, .hint a, .tc a {
    color: #000000;
    font-size: 1em;
    text-decoration: underline;
}

.note .radioButton {
    font-size: 1em;
}

.note.largeNoteAdjust, .tc.largeNoteAdjust, fin .hint.largeNoteAdjust {
    background-position: 20px 20px;
    margin-top: 0;
    padding-top: 10px;
}

.note p, .hint p, .tc p {
    font-size: 1em;
    margin-bottom: 0;
}

.note.noteTop {
    background-image: none;
    border-top: 1px solid white;
    font-size: 1.6em;
    margin: 0;
    padding-left: 15px;
}

.confirmPage .note h1, .confirmPage .note h2, .confirmPage .note h3 {
    padding-left: 0;
}

.dropdown-keyboard-tab {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 1px;
    position: absolute;
    width: 1px;
}

.formFooterButtons .dropdown-wrapper {
    padding-top: 0;
}

    .formFooterButtons .dropdown-wrapper .grid40 {
        width: 20%;
    }

    .formFooterButtons .dropdown-wrapper .grid60 {
        width: 80%;
    }

.formFooterButtons .dropdownElementWrapper {
    padding-left: 0;
}

.dropdown-wrapper .grid100 {
    width: 100%;
}

.dropdown-label-inner {
    padding-right: 10px;
}

.dropdown-single-wrapper .dropdown-label-inner {
    padding: 17px 0 0 20px;
}

.dropdown-two-wrapper .dropdown-label-inner {
    padding-top: 23px;
}

.dropdown-three-wrapper .dropdown-label-inner {
    padding: 17px 0 0 20px;
}

.dropdown-label-inner, .dropdown-wrapper.gridElementSpacing .dropdown-label-inner {
    padding-left: 20px;
}

.dropdown-initiator {
    cursor: pointer;
    padding-left: 15px;
    position: relative;
}

.dropdown-trigger {
    background: url("../../03images/base/dropdown/right-arrow.png") no-repeat scroll center center #FF9900;
    cursor: pointer;
    height: 24px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 24px;
}

.dropdown-trigger-selected {
    background: url("../../03images/base/dropdown/down-arrow.png") no-repeat scroll center center #FF9900;
}

.dropup-trigger-selected {
    background: url("../../03images/base/dropdown/up-arrow.png") no-repeat scroll center center #FF9900;
}

.dropdown-single-wrapper .dropdown-trigger {
    margin: 5px;
}

.dropdown-two-wrapper .dropdown-trigger {
    margin-top: 5px;
}

.dropdown-three-wrapper .dropdown-trigger {
    margin-top: 5px;
}

.dropdown-single-wrapper .dropdown-selection, .dropdown-two-wrapper .dropdown-selection, .dropdown-three-wrapper .dropdown-selection {
    background: none repeat scroll 0 0 #73C7C7;
    color: #000000;
    height: auto;
    margin: 0 10px 0 0;
    padding: 11px 0 10px 20px;
}

.dropdown-selection-white {
    background-color: #FFFFFF;
    border: 2px solid #ADDBDB;
    color: #000000;
    height: auto;
    overflow: hidden;
    padding: 6px 0 6px 20px;
}

.dropdown-wrapper-expanded .dropdown-selection-white {
    color: #000000;
    height: auto;
}

.dropdown-three-wrapper .dropdown-selection-white {
    min-height: 56px;
    padding: 5px 0 5px 20px;
}

.dropdown-content-wrapper {
    background-color: #FFFFFF;
    border: 2px solid #D7EFEF;
    display: none;
    margin: 0 0 0 15px;
    padding: 4px;
    position: absolute;
    z-index: 147;
}

.dropdown-content-footer-wrapper {
    bottom: 55px;
}

ul.dropdown-content {
    padding: 0;
}

.dropdown-content {
    list-style: none outside none;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 50;
}

.dropdown-content-top {
    background: none repeat scroll 0 0 #C8ECEB;
    margin: 0 0 4px;
    width: 100%;
}

.dropdown-content-top-indicator {
    height: 10px;
}

.dropdown-content-top-indicator-inner {
    background: none repeat scroll 0 0 #73C7C7;
    height: 12px;
    margin: -5px 10px 0 15px;
}

.dropdown-item, .dropdown-item-first {
    background: url("../../03images/base/dropdown/drop-circle-small.png") no-repeat scroll 5px center #C8ECEB;
    color: #000000;
    cursor: pointer;
    height: auto;
    list-style: none outside none;
    margin: 0 0 1px;
    min-height: 30px;
    padding: 5px 0 5px 5px;
}

.dropdown-three-wrapper .dropdown-content .dropdown-item {
    margin: 0 0 5px;
}

.dropdown-item.selected-item {
    background: url("../../03images/base/dropdown/drop-circle-small.png") no-repeat scroll 5px center #D7EFEF;
}

.dropdown-item:hover {
    background: url("../../03images/base/dropdown/drop-circle-small.png") no-repeat scroll 5px center #D7EFEF;
}

.dropdown-item-row {
    width: 100%;
}

.dropdown-single-wrapper .dropdown-content .dropdown-item-row {
    line-height: 14px;
    margin: 8px 0;
}

.dropdown-item-cell-left, .dropdown-item-cell-right {
    float: left;
    line-height: 14px;
    width: 30%;
}

.dropdown-selection .dropdown-item-cell-right, .dropdown-selection .dropdown-item-cell-left {
    float: left;
    line-height: 16px;
    width: 50%;
}

.dropdown-single-wrapper .dropdown-item-icon {
    float: left;
    height: 29px;
    width: 30px;
}

.dropdown-two-wrapper .dropdown-item-icon {
    background: url("../../03images/base/dropdown/drop-circle-small.png") no-repeat scroll 90% center transparent;
    float: left;
    height: 29px;
    width: 30px;
}

.dropdown-three-wrapper .dropdown-item-icon {
    background: url("../../03images/base/dropdown/drop-circle-large.png") no-repeat scroll 90% center transparent;
    float: left;
    height: 62px;
}

.dropdown-selection .dropdown-item-icon, .dropdown-selection-white .dropdown-item-icon {
    float: left;
    height: 0;
    width: 0;
}

.dropdown-content-wrapper .dropdown-h4 {
    line-height: 14px;
    margin: 8px 0;
}

.dropdown-three-wrapper .dropdown-content .dropdown-item-row {
    line-height: 14px;
    margin: 8px 0;
}

.dropdown-h1 {
    font-family: FNBSansRegular;
    font-size: 14px;
}

.dropdown-h2 {
    font-family: FNBSansLight;
    font-size: 14px;
}

.dropdown-h3 {
    font-family: FNBSansLight;
    font-size: 11px;
}

.dropdown-h4, .dropdown-h5 {
    font-family: FNBSansRegular;
    font-size: 14px;
}

.dropdown-item-icon-wrapper {
}

.dropdown-item-row-wrapper {
    margin: 0 0 0 40px;
}

.dropdown-selection-white .dropdown-item-row-wrapper {
    margin: 0;
}

.dropdown-selection-white .dropdown-item-row-h1 {
    margin: 0;
}

.dropdown-selection-white .dropdown-item-row-h2 {
    margin: 0;
}

.dropdown-item-row-h1 {
    margin: 0 0 0 40px;
}

.dropdown-item-row-h2 {
    margin: 0 0 0 40px;
}

.ammountsHolder .dropdown-item-row {
    float: left;
    width: 50%;
}

.ammountsHolder .dropdown-h3 {
    width: 100%;
}

.ammountsHolder .dropdown-h4 {
    width: 100%;
}

.dropdown-wrapper.disabled .dropdown-selection-white {
    background: none repeat scroll 0 0 #F6F6F6;
    border-color: #EEEEEE;
}

.dropdown-wrapper.disabled .dropdown-trigger {
    background: none repeat scroll 0 0 #DDDDDD;
}

.dropdown-wrapper.disabled .dropdown-h4 {
    color: #999999;
}

.dropdown-focus {
    border: 2px solid #FF9900;
}

.singleTier-trigger {
    top: 3px;
}

.dropdown-input-wrapper {
    position: relative;
}

.dropdown-content-top .marginLeft10 {
    margin-left: 10%;
}

.dropdown-content-top .marginLeft20 {
    margin-left: 20%;
}

.dropdown-content-top .marginLeft30 {
    margin-left: 30%;
}

.dropdown-content-top .marginLeft40 {
    margin-left: 40%;
}

.dropdown-content-top .marginLeft50 {
    margin-left: 50%;
}

.dropdown-content-top .marginLeft60 {
    margin-left: 60%;
}

.dropdown-content-top .marginLeft70 {
    margin-left: 70%;
}

.dropdown-content-top .marginLeft80 {
    margin-left: 80%;
}

.dropdown-content-top .marginLeft90 {
    margin-left: 90%;
}

.dropdown-input-container {
    padding: 2px;
}

.dropdown-input {
    background-color: #FFFFFF;
    border: 0 none;
    height: 34px;
    line-height: 34px;
    padding: 0;
    text-indent: 10px;
    width: 100%;
}

.dropdown-input-icon-search {
    background: url("../../03images/base/dropdown/search-icon.png") no-repeat scroll 0 0 transparent;
    height: 34px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 34px;
}

.dropdown-scroller {
    overflow-x: hidden;
    overflow-y: auto;
}

.dropdown-static {
    position: static;
    width: 100%;
}

#formFooterButtons .dropdown-disabled .dropdown-selection, .dropdown-disabled .dropdown-selection-white {
    background-color: #C7C7C7;
    border-color: #C7C7C7;
}

.dropdown-disabled .dropdown-trigger {
    background-color: #888888;
}

.dropdown-disabled .dropdown-trigger, .dropdown-disabled .dropdown-initiator {
    cursor: default;
}

.switcherAdjust {
    border-right: 6px solid white;
    border-top: 6px solid white;
}

    .switcherAdjust .radioButton {
        padding: 5px 12px;
        /*padding: 1px 8px;*/
    }

    .switcherAdjust .formElementLabel {
        color: #FFFFFF;
        padding-top: 13px;
    }

    .switcherAdjust.formElementWrapper {
        padding-bottom: 0;
        margin-top: -12px;
        padding-left: 0;
        margin-left: 200px;
    }

        .switcherAdjust.formElementWrapper.searchField {
            border: medium none;
        }

.td .switcherAdjust {
    border-left: 6px solid white;
}

    .td .switcherAdjust .grid10 {
        width: 20%;
    }

    .td .switcherAdjust .grid90 {
        width: 80%;
    }

    .td .switcherAdjust .radioButton {
        padding: 5px 12px;
    }

.formTable .radioButtonContainer .radioButton {
    padding: 0 12px;
}

.radio-focus {
    background: none repeat scroll 0 0 #FFFFFF !important;
}

.radioGroupValue {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 1px;
    position: absolute;
    width: 1px;
}

.radioButtonContainer {
    float: left;
}

.radioButtonsGroup {
    background: none repeat scroll 0 0 #73C7C7;
    float: left;
    padding: 4px;
    position: relative;
}

.radioExtraWideFix .left {
    padding-left: 20px;
    padding-top: 10px;
}

.radioExtraWideFix .padLeft10Fix {
    padding-left: 10px;
}

.radioButton {
    -moz-user-select: none;
    cursor: pointer;
    float: left;
    font-size: 1.4em;
    line-height: 1.45em;
    padding: 0 12px;
}

.switcherWrapper {
    background: none repeat scroll 0 0 #8DCDCD;
    float: left;
    margin: 1px;
}

.switcherWrapperSelected {
    background: none repeat scroll 0 0 #ADDBDB;
    float: left;
}

.button {
    cursor: pointer;
}

    .button .bigCircLeft, .button .bigPlusLeft, .button .bigMinusLeft, .button .smallMinusRight {
        background-repeat: no-repeat;
    }

    .button .bigCircLeft, .button .bigPlusLeft, .button .bigMinusLeft {
        height: 33px;
        padding: 14px 0 0 57px;
    }

    .button .bigCircLeft {
        background-image: url("../../03images/base/buttons/icon-circ.png");
    }

    .button .bigPlusLeft {
        background-image: url("../../03images/base/buttons/icon-circ-plus.png");
    }

    .button .bigMinusLeft {
        background-image: url("../../03images/base/buttons/icon-circ-minus.png");
    }

    .button .smallMinusRight {
        background: url("../../03images/base/buttons/icon-circ-small-minus.png") repeat scroll right center transparent;
        height: 21px;
        padding: 0 31px 0 0;
    }

    .button .smallTurqPlus {
        color: #009999;
        font-size: 1.2em;
        height: 31px;
        padding: 7px 10px 0 20px;
        background: url("../../Images/arrow_down.png") no-repeat scroll 2px 6px #ADDBDB;
    }

    .button .bigPlusLeft {
    }

    .button .bigCircLeft:hover {
        background-image: url("../../03images/base/buttons/icon-circ-hover.png");
    }

    .button .bigPlusLeft:hover {
        background-image: url("../../03images/base/buttons/icon-circ-plus-hover.png");
    }

    .button .bigMinusLeft:hover {
        background-image: url("../../03images/base/buttons/icon-circ-minus-hover.png");
    }

    .button .smallMinusRight:hover {
        background-image: url("../../03images/base/buttons/icon-circ-small-minus-hover.png");
    }

    .button.blueButton {
        background: none repeat scroll 0 0 #70D4D4;
        color: white;
        cursor: pointer;
        font-size: 18px;
        height: 37px;
        line-height: 35px;
        margin: 2px 2px 0 0;
        text-align: center;
        top: -39px;
        white-space: nowrap;
        width: 20%;
    }

        .button.blueButton p {
        }

        .button.blueButton:hover {
            background: none repeat scroll 0 0 #009999;
        }

.orangeArrowBlock {
    background: url("../../03images/fnb/icons/inputIconOrange.png") no-repeat scroll 0 0 transparent;
    height: 24px;
    left: -15px;
    position: absolute;
    top: 4px;
    width: 22px;
}

.tableAddButtonContainer {
    background-color: #FFFFFF;
    clear: both;
    width: 1024px;
}

.tableAddButton {
    float: none;
    /*float: left;
    padding: 10px 15px;
    padding: 6px 15px\9;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tableAddButton {
        padding: 0;
    }
}


.pagingWrapper .td {
    vertical-align: middle;
}

.pagingWrapper .formTable {
    clear: none;
}

.pagination2 {
    font-size: 1.4em;
}

.formTable {
    clear: both;
    display: table;
}

h2 + .formTable.grid100 {
    clear: both;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
    vertical-align: top;
}

    .td.grid50 {
        width: 50%;
    }

    .td.grid100 {
        width: 100%;
    }

.ghostBlock {
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border-left: 1px solid #E7E7E7;
    display: table-cell;
    width: 33.33%;
}

.col1, .col2, .col3, .col4, .col5 {
    width: 20%;
}

.groupedCol1 {
    width: 100%;
}

.confirmPage.singlePayment .col1, .confirmPage.singlePayment .col2, .confirmPage.singlePayment .col3, .confirmPage.singlePayment .col4 {
    text-align: left;
    width: 25%;
}

.tableNoDataText {
    border-bottom: 1px solid #009999;
    clear: both;
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}

.tableRow {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #009999;
    clear: both;
    display: block;
    float: left;
    min-height: 42px;
    padding: 2px 10px;
    position: relative;
    width: 100%;
}

.tableCell {
    padding: 0 5px;
}

.tableRowInner {
    line-height: 41px;
}

.groupedHeaderInner.borderLeft {
    border-left: 1px solid white;
}

.groupedHeaderInner.borderRight {
    border-right: 1px solid white;
}

.groupedHeaderInner .headingGroupInner {
    font-family: FNBSansBold;
    padding-left: 4px;
    padding-right: 4px;
}

.tableHeaderRow {
    background: none repeat scroll 0 0 #009999;
    clear: both;
    color: white;
    display: block;
    float: left;
    font-family: FNBSansBold;
    line-height: 23px;
    padding: 0 10px;
    width: 100%;
}

.tableGroupHeader {
    background: none repeat scroll 0 0 #F6F6F6;
    height: 50px;
    line-height: 50px;
    position: relative;
}

    .tableGroupHeader img {
        bottom: -7px;
        left: 5px;
        position: absolute;
        z-index: 1;
    }

        .tableGroupHeader img.folderImg {
            margin-right: 10px;
            position: relative;
            top: 10px;
        }

.tableHinnerImage {
    background: url("/banking/03images/base/tables/arrowDown.png") repeat scroll 0 0 transparent;
    bottom: -5px;
    height: 7px;
    left: 1px;
    position: absolute;
    width: 13px;
    z-index: 1;
}

.tableHeaderRow.tableGroupHeader div {
    color: #000000;
    font-family: FNBSansLight;
    font-size: 1.8em;
}

#eziWrapper .tableHeaderRow.tableGroupHeader span {
    color: #000000;
}

.tableHeaderRow a {
    color: white;
    cursor: pointer;
    font-size: 1.4em;
}

.tableCell.selectAllActive .tableHeaderCellItem {
    background-color: #009999;
    text-align: center;
}

.tableHeaderRow a.selectAllLink {
    background-color: #E3E5E4;
    color: #000000;
    display: block;
    font-family: FNBSansRegular;
    left: -2px;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: -38px;
    width: 100%;
}

.tableHeaderRow a.copyRows {
    background-color: #E3E5E4;
    color: #000000;
    display: block;
    font-family: FNBSansRegular;
    left: 0;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: -38px;
    width: 100%;
}

.tableHeaderRow div {
    color: white;
    font-family: FNBSansRegular;
}

    .tableHeaderRow div.sizeFix {
        font-size: 1.4em;
    }

.tableCell, .groupColCell {
    display: block;
    float: left;
}

.tableCellItem.warning1 {
    color: #FF9900;
    font-family: FNBSansRegular;
}

.tableCellItem.warning2 {
    color: #FF9900;
    font-family: FNBSansRegular;
}

.tableCellItem.warning3 {
    color: #FF9900;
    font-family: FNBSansRegular;
}

.tableCellItem.warning4 {
    color: #FF9900;
    font-family: FNBSansRegular;
}

.tableCellItem.warning5 {
    color: #FF9900;
    font-family: FNBSansRegular;
}

.tableCellItem.warning7 {
    color: #FF9900;
    font-family: FNBSansRegular;
}

.tableCellItem.warning8 {
    color: #FF9900;
    font-family: FNBSansRegular;
}

.tableCellItem.warning10 {
    color: #FF9900;
    font-family: FNBSansRegular;
}

.tableCellItem {
    display: block;
    float: none;
    font-size: 1.4em;
}

    .tableCell.right, .tableCellItem.right, .right .tableCellItem {
        text-align: right;
    }

    .tableCellItem.doubleItemTop, .tableCellItem.doubleItemBottom {
        padding-bottom: 0;
        padding-top: 0;
    }

    .tableCellItem.tableRadioButtonCell {
        line-height: 1.45em;
        padding-top: 5px;
    }

        .tableCellItem.tableRadioButtonCell .radioButton {
            font-size: 1em;
        }

    .tableCellItem .input-container {
        float: left;
        position: relative;
        width: 100%;
    }

    .tableCellItem .input-input {
        font-size: 1em;
    }

    .tableCellItem.tooltipPad {
        padding-right: 38px;
        position: relative;
    }

        .tableCellItem.tooltipPad .tooltipParent {
            color: #000000;
            position: absolute;
            right: 0;
            top: 5px;
        }

.tableCell.selectAllActive {
    background-color: #E3E5E4;
    text-align: center;
}

    .tableCell.selectAllActive .checkbox-wrapper {
        margin: 5px 0;
        text-align: center;
    }

.tableCell .input-wrapper {
    margin-top: 5px;
}

.tableCell.selectAllActive .checkboxGraphic {
    background-color: #FFFFFF;
    border: 2px solid #D7EFEF;
    cursor: pointer;
    float: none;
    height: 10px;
    margin: 0 auto;
    padding: 11px;
    text-align: center;
    width: 10px;
}

.tableCell.selectAllActive .checkbox-wrapper.floatLeft {
    float: none;
}

.tableCell.selectAllActive .checkbox-label {
    float: none;
    padding: 0;
}

.tableHeaderCellItem {
    display: block;
    float: none;
    position: relative;
}

    .tableHeaderCellItem .selectAllActive {
        text-align: center;
    }

.tableCellItem img {
    float: left;
}

.tableCell .rowMoreButton {
    cursor: pointer;
    height: 42px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 47px;
}

    .tableCell .rowMoreButton .phoneRowMoreButton {
        background: url("/banking/03images/fnb/arrows/tableRightWhite.png") no-repeat scroll right center #ACE2E2;
        cursor: pointer;
        height: 34px;
        line-height: 34px;
        text-align: center;
    }

    .tableCell .rowMoreButton .phoneRowMoreButtonWrapper {
        background: none repeat scroll 0 0 #76C4C4;
        display: none;
        margin-bottom: 8px;
        padding: 4px;
    }

    .tableCell .rowMoreButton .arrow {
        background: url("/banking/03images/fnb/arrows/tableRightOrange.png") no-repeat scroll left center transparent;
        height: 100%;
    }

.hiddenLabel {
    display: none;
    text-align: left;
    width: 47px;
}

.stack {
    float: none;
    line-height: 21px;
}

.hideCol {
    display: none;
}

.turq .tableList {
    background: none repeat scroll 0 0 #009999;
}

.turq .tableControls {
    background: none repeat scroll 0 0 #009999;
}

.turq .tableRow {
    background: none repeat scroll 0 0 #27A3A3;
    border-bottom: 5px solid #009999;
}

.turq p {
    color: white;
}

    .turq p.mediumText {
        color: white;
        font-size: 20px;
    }

.turq a {
    color: white;
}

.turq .tableHeaderRow {
    display: none;
}

.turq .badStatus {
    background: url("/banking/03images/fnb/ui/no.png") no-repeat scroll 95% 2px transparent;
    text-align: left;
    width: 100%;
}

.turq .goodStatus {
    background: url("/banking/03images/fnb/ui/yes.png") no-repeat scroll 95% 2px transparent;
    text-align: left;
    width: 100%;
}

.confirmNotifications .tableHeaderRow {
    height: 20px;
    line-height: 20px;
}

.tableCellItem.goodStatus {
    background: url("/banking/03images/fnb/finish/tickColorIcon.png") no-repeat scroll 5px 5px transparent;
    padding-left: 40px;
}

.tableCellItem.badStatus {
    background: url("/banking/03images/fnb/finish/crossColorIcon.png") no-repeat scroll 5px 2px transparent;
    padding-left: 40px;
}

.tableCellItem.pendingStatus {
    background: url("/banking/03images/fnb/finish/pendingColorIcon.png") no-repeat scroll 5px 5px transparent;
    padding-left: 40px;
}

.tableCellItem.print {
    background: url("/banking/03images/fnb/finish/icon_print.png") no-repeat scroll center 2px transparent;
    color: transparent;
    cursor: pointer;
    padding-bottom: 11px;
    text-indent: -10000px;
}

    .tableCellItem.print a.formButton {
        color: transparent;
        text-indent: -10000px;
    }

.tableCellItem.download {
    background: url("/banking/03images/fnb/finish/icon_download.png") no-repeat scroll center 2px transparent;
    cursor: pointer;
    padding-bottom: 12px;
}

    .tableCellItem.download a.formButton {
        color: transparent;
        text-indent: -10000px;
    }

.tableContainer .eziLinks {
    display: block;
    overflow: hidden;
}

    .tableContainer .eziLinks .eziOuter {
        float: left;
        width: 90px;
    }

    .tableContainer .eziLinks .eziLink {
        background-color: #E7E7E7;
        color: #000000;
        cursor: pointer;
        height: 30px;
        line-height: 30px;
        margin-left: 0;
        padding: 0;
        text-decoration: none;
    }

        .tableContainer .eziLinks .eziLink.first {
            border-left: 1px solid #FFFFFF;
        }

            .tableContainer .eziLinks .eziLink.first .eziInner {
                border-left: 1px solid #CCCCCC;
            }

        .tableContainer .eziLinks .eziLink .eziInner {
            background: none repeat scroll 0 0 #D2E5E4;
            border-right: 1px solid #FFFFFF;
            font-size: 1.4em;
            text-align: center;
        }

            .tableContainer .eziLinks .eziLink .eziInner:hover {
                background: none repeat scroll 0 0 #B7DBD9;
            }

        .tableContainer .eziLinks .eziLink.disabled {
            background-color: #CCCCCC;
            color: #555555;
        }

.turq .tableContainer .eziLinks .eziLink {
    border: 1px solid #FFFFFF;
}

.totalCellInner {
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    text-align: right;
}

.totalRow {
    background: none repeat scroll 0 0 #E7E7E7;
}

.tablePhoneButtonSet {
    display: none;
    float: left;
    width: 100%;
}

    .tablePhoneButtonSet .buttonSetInner {
        background: none repeat scroll 0 0 #76C4C4;
        display: none;
        height: 0;
        margin-bottom: 8px;
        overflow: hidden;
        padding: 4px;
    }

    .tablePhoneButtonSet .colLeft {
        float: left;
        width: 50%;
    }

    .tablePhoneButtonSet .colRight {
        float: left;
        margin-left: 1%;
        width: 49%;
    }

    .tablePhoneButtonSet .phoneTableBtt {
        background: none repeat scroll 0 0 #ACE2E2;
        cursor: pointer;
        float: left;
        height: 41px;
        line-height: 41px;
        text-align: center;
        width: 100%;
    }

.phoneContentButton {
    background: url("/banking/03images/base/tables/payExpandIcon.jpg") no-repeat scroll 80% 100% transparent;
    cursor: pointer;
    display: none;
    position: absolute;
    width: 100%;
}

.mobiBtt {
    background: url("/banking/03images/fnb/ui/mobiMoreBtt.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: none;
    height: 42px;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    z-index: 10;
}

.mobiPopupWrapper {
    background: none repeat scroll 0 0 #D7EFEF;
    bottom: 72px;
    left: 40px;
    position: absolute;
    right: 0;
    top: 135px;
    z-index: 149;
}

.mobiPopupInnerWrapper {
    height: 100%;
    overflow-y: scroll;
}

.moreOptionsBtt {
    background: url("/banking/03images/fnb/ui/eziGradient.gif") repeat-x scroll 1px top transparent;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #009999;
    cursor: pointer;
    display: none;
    font-size: 16px;
    height: 42px;
    line-height: 41px;
    position: absolute;
    right: 0;
    text-align: left;
    text-indent: 3%;
    top: 41px;
    width: 50%;
    z-index: 10;
}

.payBtt {
    background: url("/banking/03images/fnb/ui/eziGradient.gif") repeat-x scroll left top transparent;
    border-top: 1px solid #CCCCCC;
    color: #009999;
    cursor: pointer;
    display: none;
    font-size: 16px;
    height: 42px;
    left: 0;
    line-height: 41px;
    position: absolute;
    text-align: left;
    text-indent: 50px;
    top: 41px;
    width: 50%;
    z-index: 10;
}

.tableRow .large a {
    color: #000000;
    text-decoration: underline;
}

.tableRow a {
    color: #000000;
    cursor: pointer;
    font-size: 1em;
    text-decoration: underline;
}

    .tableRow a.formButton {
        text-decoration: none;
    }

#popupWrapper {
    background-color: #009999;
    color: #FFFFFF;
    left: 40px;
    overflow: hidden;
    padding: 20px 5px 20px 10%;
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 148;
}

    #popupWrapper #extendedPageHeader h1 {
        background: none repeat scroll 0 0 transparent;
        padding: 0 0 10px;
    }

    #popupWrapper #extendedPageHeader {
        padding: 0 0 10px;
    }

    #popupWrapper #eziPannelButtonsWrapper {
        bottom: 10px;
        position: relative;
        width: auto;
    }

    #popupWrapper #eziPannelButtons {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        top: 20px;
    }

.download a.formButton, .print a.formButton {
    background: none repeat scroll 0 0 transparent;
    color: transparent;
    padding: 10px 0 0;
}

.download-w {
    background: url("/banking/03images/fnb/finish/icon_download.png") no-repeat scroll left center transparent;
    color: transparent;
    cursor: pointer;
    font-size: 16px;
    height: auto;
    position: absolute;
    right: 50px;
    top: 10px;
    width: auto;
}

    .download-w .formButton {
        background: none repeat scroll 0 0 transparent;
        color: #000000;
        font-size: 0.5em;
        left: 35px;
        padding: 0;
        position: relative;
    }

.confirmFinishHeaderButtonContainer {
    position: absolute;
    right: 0;
    top: 0;
}

    .confirmFinishHeaderButtonContainer .print .formButton {
        background: none repeat scroll 0 0 transparent;
        color: #000000;
        font-size: 14px;
        padding: 0;
        position: absolute;
        text-decoration: none;
    }

    .confirmFinishHeaderButtonContainer .download .formButton {
        background: none repeat scroll 0 0 transparent;
        color: #000000;
        font-size: 14px;
        padding: 0;
        position: absolute;
        text-decoration: none;
    }

    .confirmFinishHeaderButtonContainer .print {
        background: url("/banking/03images/fnb/finish/icon_print.png") no-repeat scroll 90% 10px transparent;
        color: transparent;
        cursor: pointer;
        float: left;
        height: 50px;
        padding-bottom: 10px;
        width: 70px;
    }

    .confirmFinishHeaderButtonContainer .download {
        background: url("/banking/03images/fnb/finish/icon_download.png") no-repeat scroll 90% 10px transparent;
        color: transparent;
        cursor: pointer;
        float: left;
        height: 50px;
        padding-bottom: 10px;
        width: 100px;
    }

.orrangeBgArrowLeft {
    background: url("../../03images/testing/orrangeBgArrowLeft.png") no-repeat scroll 0 0 transparent;
    margin: 0 10px 30px 0;
    min-height: 34px;
    padding: 0 0 0 48px;
}

.datePicker {
    float: left;
}

.calendarLabel .calendarLabelText {
    margin: 0;
    padding: 10px 0 0;
    text-align: left;
}

.datePickerDate.marginNoLabel {
    margin: 10px 0 0;
}

.dropArrow {
    background: url("../../03images/base/dropdown/right-arrow.png") no-repeat scroll center center #FF9900;
    cursor: pointer;
    float: left;
    height: 25px;
    margin-left: -13px;
    margin-top: 6px;
    width: 20px;
}

.datepickerWrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ADDBDB;
    cursor: pointer;
    height: 65px;
    min-width: 90px;
    padding: 0 1px 0 0;
}

.datePickerWeekday {
    float: left;
    font-size: 1.8em;
    padding: 15px 0 0 15px;
}

.monthName {
    color: #000000 !important;
    font-size: 20px;
    padding: 14px 10px 0;
    text-align: left;
}

.datePickerDayYear {
}

.datePickerDay {
    color: #000000 !important;
    float: left;
    font-size: 48px;
    padding: 10px 5px 0;
}

.datePickerYear {
    color: #000000 !important;
    float: left;
    font-size: 18px;
    padding: 3px 0 0;
    width: auto;
}

.toolTipSpacer .datePickerDate {
    padding: 0 30px 0 0;
}

.datePicker.toolTipSpacer {
    position: relative;
}

.datePicker .tooltipParent {
    position: absolute;
    right: 0;
    top: 7px;
}

#formFooterButtons .datePicker {
    background: none repeat scroll 0 0 #73C7C7;
    float: right;
    margin: 0 1px 0 0;
    padding: 0;
    position: relative;
}

    #formFooterButtons .datePicker.formElementWrapper {
        width: 15%;
    }

    #formFooterButtons .datePicker .calendarLabel {
        color: #FFFFFF;
        float: left;
        font-family: FNBSansLight;
        padding: 5px 0 0 5px;
        width: 20%;
    }

#formFooterButtons .datePickerDate {
    float: right;
    height: 65px;
    margin: 0;
    padding-right: 0;
    width: 80%;
}

#formFooterButtons .datePickerDay {
    font-size: 3.3em;
    padding: 0 5px;
}

#formFooterButtons .datePickerDayYear {
    padding: 4px 0 0;
}

#formFooterButtons .datePickerWeekday {
    font-size: 1.4em;
    padding: 10px 0 0 8px;
    text-align: left;
    width: 80%;
}

#formFooterButtons .datepickerWrapper {
    border: 2px solid #73C7C7;
}

#formFooterButtons .monthName {
    font-size: 1.4em;
    padding: 7px 0 0 9px;
}

#formFooterButtons .datePickerYear {
    font-size: 10px;
}

#formFooterButtons .calendarLabel .calendarLabelText {
    font-size: 1em;
    padding: 0;
}

#eziWrapper .datepickerWrapper {
    margin: 0 12px 0 0;
}

#eziWrapper .pageType {
    margin: 10px 0 10px 20px;
}

#eziWrapper .accName {
    font-size: 24px;
    margin: 10px 0 0 18px;
}

#eziWrapper .accNumber {
    margin: 0 0 10px 20px;
}

.eziSpacer {
    height: 70px;
}

.addRecipientsAddButtonWrapper {
    background: url("../../03images/base/addnotifications/addIconLarge.png") no-repeat scroll center center transparent;
    border: 2px dashed white;
    cursor: pointer;
    margin: 0 4px 0 6px;
}

.addRecipientsAddButton {
    background: url("../../03images/base/icons/addIcon.png") no-repeat scroll right center transparent;
    height: 23px;
    margin-right: 6px;
    margin-top: 6px;
}

.addRecipientsRemoveButton {
    background: url("../../03images/base/icons/removeIcon.png") no-repeat scroll right center transparent;
    cursor: pointer;
    height: 23px;
    margin: 0 10px 5px 5px;
}

.addRecipientsAddButtonLink {
    float: right;
    margin-right: 30px;
    position: relative;
    top: 4px;
}

.addRecipientsRemoveButtonLink {
    float: right;
    margin-right: 30px;
    position: relative;
    top: 4px;
}

.addRecipientRow {
    background: none repeat scroll 0 0 white;
}

.recipientsFormTable tr {
    border-top: 5px solid #E7E7E7;
}

.addRecipientExtender .formTable {
    margin: 5px 0 0;
}

.dwRemoveButton {
    background: url("../../03images/base/icons/removeIcon.png") no-repeat scroll right center transparent;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    padding-right: 30px;
    text-align: right;
    text-decoration: none;
}

#dwAddButton {
    background: url("../../03images/base/addnotifications/addIconLarge.png") no-repeat scroll center center transparent;
    border: 2px dashed #FFFFFF;
    cursor: pointer;
    display: block;
    height: 100px;
    margin: 6px 0 6px 6px;
    text-decoration: none;
}

#dwAddButtonLabel {
    background: url("../../03images/base/icons/addIcon.png") no-repeat scroll right center transparent;
    display: block;
    height: 38px;
    line-height: 38px;
    margin-right: 8px;
    padding-right: 30px;
    text-align: right;
}

.tc .checkbox-wrapper {
    float: left;
}

.tc .tcText {
    float: left;
    padding: 10px 0 0 5px;
}

.mobiDropdownInnerLabelWrapper, .mobiFooterButton {
    display: none;
}

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

.row-fluid:after {
    clear: both;
}

.row-fluid:before, .row-fluid:after {
    content: "";
    display: table;
    line-height: 0;
}

.row-fluid:before, .row-fluid:after {
    content: "";
    display: table;
    line-height: 0;
}

.row-fluid {
    width: 100%;
}

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span3 {
        width: 23.4043%;
    }

    .row-fluid [class*="span"] {
        -moz-box-sizing: border-box;
        display: block;
        float: left;
        margin-left: 2.12766%;
        width: 100%;
    }


.widget {
    margin-bottom: 8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .widget [class*="span"] {
        width: 381px;
    }
}

[class^="well"], [class*=" well"] {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #E7E7E7;
    border: 1px none #D5D5D5;
    position: relative;
    padding: 2px;
}

.view {
    margin: 3px;
    position: relative;
    height: 306px;
}

.view-back {
    background: url("../img/icons/zoom.png") no-repeat scroll 50% center #777777;
    display: none;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 0;
}

.view img {
    z-index: 10;
}

.media.row-fluid [class*="span"] {
    float: left;
    margin: 0 0;
    width: 380px;
    padding: 3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .media.row-fluid [class*="span"] {
        width: 381px;
    }
}

.media.row-fluid [class*="span"]:first-child {
    margin-left: -47px;
    margin-left: -47px\9;
    margin-top: 3px;
    padding: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .media.row-fluid [class*="span"]:first-child {
        margin-left: -15px;
    }
}


div#ctl00_pageHelp {
    padding: 0px;
    margin: 18px 0 0 3px;
    margin: 0px 0 0 3px\9;
    position: absolute;
}

:root div#ctl00_pageHelp {
    margin: 30px 0 0 3px\0;
}

div#ctl00_pageHelp a {
}

div#ctl00_pageHelp li a {
}

div#ctl00_pageHelp a span {
    padding: 10px 18px;
}

div#liCss li, div#liCss li p {
    list-style: disc;
    margin-bottom: 0;
    margin-left: 21px;
    font-size: 10pt;
}

div#liCss p {
    margin-bottom: 2px;
    line-height: 1;
    font-size: 1.2em;
}

div#liCss a {
    font-size: 1.2em;
}

a#ctl00_hlWhatsNew {
    clear: both;
    color: #009999;
    font-size: 1.6em;
    height: 28px;
    padding: 0;
    float: right;
}


.Rookie {
    border: none;
    background: #009999 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.Amateur {
    border: none;
    background: #006666 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.Guru {
    border: none;
    background: #FF9900 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.Pro {
    border: none;
    background: #CC6600 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ui-widget-content {
    background-color: #8DCDCD;
    border: none;
    color: #333333;
}

.business-content {
    background-color: #E7E7E7;
    width: 98%;
    height: 35px;
    padding: 9px 0 0 4px;
    margin: 3px 0 0 0;
    display: none;
}

.business-font {
    font-size: 14px;
    margin: 0 4px;
    padding: 0px 5px;
    float: none;
    background-position: inherit;
}

.activity-status {
    margin: 7px 6px 0 0;
    padding: 0 0 0 4px;
    width: 241px;
    width: 226px\9;
    height: 150px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .activity-status {
        width: 240px;
        height: 149px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .activity-status {
        width: 225px;
        height: 144px;
    }
}

.ui-welcome_right_round_button {
    background: url("../../App_Themes/FNB2/Images/round_arrow_btn1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 277px;
    height: 34px;
    position: absolute;
    right: -5px;
    width: 38px;
    cursor: pointer;
}

.ui_left_round_button {
    background: url("../../App_Themes/FNB2/Images/Previous_arrow_btn.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*bottom: 270px;*/
    height: 25px;
    /*position: absolute;*/
    /*right: -5px;*/
    width: 38px;
    cursor: pointer;
    background-position: center;
}

.ui_right_round_button {
    background: url("../../App_Themes/FNB2/Images/round_arrow_btn1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*bottom: 277px;*/
    height: 25px;
    /*position: absolute;*/
    /*right: -5px;*/
    width: 38px;
    cursor: pointer;
    background-position: center;
}


.topMenu {
    background: none repeat scroll 0 0 #E7E7E7;
    font-family: FNBSansLight;
    opacity: 1;
    position: fixed;
    width: 100%;
    z-index: 149;
}

ul.topNav {
    padding: 0;
}

.topNav {
    padding: 0;
    position: relative;
}

    .topNav li {
        cursor: pointer;
        display: table;
        height: 86px;
    }

.topNavScrollable {
    position: relative;
}

.topNavContainer {
    overflow: hidden;
    position: relative;
}

.topNavWrapper {
    margin: 0px 0 0 0px;
}

.topNav li a {
    color: #888888;
    display: table-cell;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1em;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
}

.topNav li.selected a {
    color: #000000;
}

.topNav .gridCol {
    background: url("../../03images/base/frame/tabseperator.jpg") no-repeat scroll right 50% transparent;
    overflow: hidden;
    white-space: nowrap;
}

    .topNav .gridCol.lastTab {
        background: none repeat scroll 0 0 transparent;
    }

.topNavBottomBorderContainer {
    position: relative;
}

.topNavMenuSlider {
    background: none repeat scroll 0 0 #009999;
    bottom: 6px;
    float: left;
    height: 6px;
    width: 1024px;
}

.topNavBottomBorder {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 7px;
    width: 1024px;
}

.topNavMenuSliderIndicator {
    background: none repeat scroll 0 0 #92CAC9;
    bottom: -92px;
    float: left;
    height: 6px;
    position: absolute;
    z-index: 150;
}

.topNav li#topMenuButtons {
    display: table;
    float: left;
    min-width: 72.8px;
    overflow: hidden;
}

.topMenuButtons {
    background-color: #E7E7E7;
    position: absolute;
    right: 0;
    z-index: 110;
}

.topNavWrapper a.leftScrollButton {
    background: url("../../03images/base/frame/left-scroll-button.png") no-repeat scroll center center transparent;
    cursor: pointer;
    float: left;
    height: 86px;
    width: 35px;
}

.topNavWrapper a.rightScrollButton {
    background: url("../../03images/base/frame/right-scroll-button.png") no-repeat scroll center 42% transparent;
    cursor: pointer;
    height: 99px;
    position: absolute;
    right: 0;
    top: 35px;
    width: 30px;
}

.rightScrollBottomBorder {
    background: url("../../03images/base/frame/right-scroll-bottom-border.jpg") no-repeat scroll center bottom transparent;
    height: 100%;
    width: 30px;
}

.hiddenBar {
    background-color: #E7E7E7;
    height: 15px;
    margin-left: -35px;
    position: absolute;
    width: 35px;
    z-index: 50;
}

.hiddenBarLogin {
    background-color: #E7E7E7;
    height: 15px;
    margin-left: -35px;
    position: absolute;
    width: 35px;
    z-index: 50;
}

.hiddenBar2 {
    background-color: #E7E7E7;
    height: 35px;
    margin-left: -4px;
    position: absolute;
    width: 73px;
    z-index: 50;
}

.lineBar {
    background: url("../../App_Themes/FNB2/Images/menu/left-side-bar.png") repeat-y scroll 0 0 #E7E7E7;
    height: auto;
    margin-left: -40px;
    position: absolute;
    width: 40px;
    z-index: 50;
    min-height: 20000%;
}

*[id*='ctl00_sub_menu_more_'] {
    background: url("../../Images/arrow_down.png") no-repeat scroll 0 4px #8DCDCD;
}

.more_menu {
    display: none;
    margin: 28px 0 0;
    padding: 0;
    position: absolute;
    width: 145px;
    z-index: 1000;
    background-color: #8DCDCD;
}

    .more_menu li {
        background-color: #8DCDCD;
        display: table;
    }

        .more_menu li a {
            padding: 4px 12px;
            text-decoration: none;
            -moz-user-select: none;
            cursor: pointer;
            float: left;
            font-size: 1.4em;
            line-height: 1.45em;
        }

.user_menu {
    display: none;
    margin: 6px 0 0 -11px;
    padding: 0;
    position: absolute;
    width: auto;
    z-index: 1000;
    background-color: #FFF;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .user_menu {
        margin: 13px 0 0 -11px;
    }
}

.user_menu li {
    background-color: #FFF;
    border-top: 1px solid #009999;
}

    .user_menu li a {
        padding: 4px 4px;
        text-decoration: none;
        -moz-user-select: none;
        cursor: pointer;
        font-size: 1.1em;
        line-height: 30px;
    }

.main_menu {
    background-color: #73C7C7;
    left: 0px;
    padding-left: 3px;
    position: absolute;
    top: 37px;
    z-index: 1000;
    width: 180px;
}

    .main_menu li {
        background-color: #73C7C7;
        /*display: table-row-group;*/
        padding: 4px;
    }

        .main_menu li a {
            padding: 4px 4px;
            text-decoration: none;
            -moz-user-select: none;
            cursor: pointer;
            font-size: 10pt;
            line-height: 23px;
            color: #000;
        }

            .main_menu li a:hover {
                background: none repeat scroll 0 0 #ADDBDB;
            }

form label {
    line-height: normal !important;
    margin: 5px 0px;
    font-size: 13px;
    font-weight: normal;
}

.chartNoData {
    background-image: url("../../Images/donut.png");
    background-position: center;
    background-repeat: no-repeat;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    float: none;
}

.chartNoDataNoImage {
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    float: none;
}

#paymentsTable {
    padding-top: 97px;
    padding-top: 97px\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #paymentsTable {
        padding-top: 97px;
    }
}

.whiteBG {
    background-color: #FFF;
}

#advancedDeficit, #advancedDeficit2 {
    /*animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    background-image: -moz-radial-gradient(713px 45px 45deg, circle farthest-corner, #FF9900 95%, #CC6600 100%, #009999 95%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 100, from(#FF9900), to(#CC6600));*/
    height: 90px;
    width: 90px;
    background-image: url('Images/deficit.png');
}

#advancedSurplus, #advancedSurplusNet {
    /*animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    background-image: -moz-radial-gradient(713px 45px 45deg, circle farthest-corner, #009999 95%, #ADDBDB 100%, #009999 95%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 100, from(#009999), to(#ADDBDB));*/
    height: 90px;
    width: 90px;
    background-image: url('Images/surplus.png');
    left: 159px;
    left: 165px\9;
    position: absolute;
    welcome_right_round_button top:201px;
}

#advancedSurplusNet {
    left: 166px;
    left: 168px\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #advancedSurplusNet {
        left: 167px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #advancedSurplus {
        left: 165px;
    }
}

.circle {
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    margin-right: 20px;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.paddingBottom20 span {
    font-family: FNBSansLight;
    font-weight: normal;
    font-size: 10pt;
}

.columnElement {
    font-family: FNBSansLight;
    font-weight: normal;
    font-size: 10pt;
}

.ImgRemoveCategoryYes {
    background-image: url('../../App_Themes/FNB2/Images/vat.png');
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: block;
    background-position: -5px 0;
    padding: 12px;
}

.ImgRemoveCategoryNo {
    background-image: url('../../App_Themes/FNB2/Images/No01.png');
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    background-position: 0 0;
    vertical-align: bottom;
    padding: 8px;
}

.ui-dialog-content p, .ui-widget-content p {
    font-size: 10pt;
    line-height: 1.2;
    margin-bottom: .5em;
    padding: 0;
}

.quicksteps {
    float: left;
    width: 730px;
    margin-top: 12px;
    margin-top: -8px\9;
}

:root .quicksteps {
    margin-top: 5px\0;
}

.localDate {
    width: 76px;
    width: 63px\9;
    padding: 2px 4px;
    font-size: 1em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .localDate {
        width: 63px;
    }
}


#dvStartup label, #dvStartup a {
    font-size: 1.1em;
}

.editButtonTC {
    width: 98px;
}

.vatImg {
    background-image: url(Images/vat.png);
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: block;
    padding: 14px;
}

.showAllPartner {
    background-image: url(Images/showall.png);
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 12px;
}

.addPartner {
    background-image: url(Images/addpartner.png);
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 12px;
}

.cancelD {
    background-image: url(Images/delete.gif);
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    color: #555;
    padding: 12px;
}

.downloadD {
    background-image: url(Images/download.png);
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    color: #555;
    padding: 12px;
}

.reopen {
    background-image: url(Images/edit_t_d.png);
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    vertical-align: middle;
    color: #555;
    background-position: left center;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    padding: 2px 12px;
    text-indent: 15px;
}

.splits {
    background-image: url(Images/splits.png);
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    vertical-align: middle;
    color: #555;
    background-position: left center;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    padding: 2px 12px;
    text-indent: 15px;
    vertical-align: text-bottom;
}

.addNew {
    background-image: url(Images/AddNew.png);
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    vertical-align: middle;
    color: #555;
    background-position: left center;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    padding: 2px 12px;
    text-indent: 15px;
    vertical-align: text-bottom;
}

.cancelDE {
    background-image: url(Images/delete.gif);
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    vertical-align: middle;
    color: #555;
    background-position: left center;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    padding: 2px 12px;
    text-indent: 15px;
    vertical-align: text-bottom;
}

.ActionButton {
    height: 0px;
    width: 0px;
    vertical-align: middle;
    color: #555;
    background-position: left center;
    border: 0 solid #000000;
    cursor: pointer;
    display: table-cell;
    padding: 2px 5px;
    vertical-align: text-bottom;
}

.showAllCategory {
    background-image: url("../../App_Themes/FNB2/Images/Categories_All.png");
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 12px;
}

.addCategory {
    background-image: url("../../App_Themes/FNB2/Images/Category_Edit_Add.png");
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 12px;
}

.closeCategory {
    background-image: url("../../App_Themes/FNB2/Images/cancel_t.png");
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 12px;
}

.MoveDown {
    background-image: url("../../App_Themes/FNB2/Images/MoveDown.gif");
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 8px;
}

.MoveUp {
    background-image: url("../../App_Themes/FNB2/Images/MoveUp.gif");
    background-repeat: no-repeat;
    height: 0px;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 8px;
}

.tickercontainer {
    border: none;
    height: 27px;
    margin: 0px;
    overflow: hidden;
    padding: 0;
    width: 1024px;
    font-size: 10pt;
}

    .tickercontainer .mask {
        left: 0px;
        overflow: hidden;
        position: relative;
        top: 7px;
    }

#dvTransactionsAssignmentMain {
    border: 15px solid white;
}

#dvSimilarTransactions {
    border-top: 0px none #009999;
    border-left: 15px solid white;
    border-right: 15px solid white;
    border-bottom: 15px solid white;
    height: 350px;
    overflow: scroll;
}

#dvFilterResult {
    border: 15px solid white;
    background-color: #009999;
}

    #dvFilterResult .gridHeader th {
        padding: 3px;
        padding-left: 0;
        font-family: FNBSansThin;
        font-weight: normal;
        border: none;
        font-size: 11pt;
        padding-left: 1%;
    }

    #dvFilterResult tr.gridItem td {
        padding: 1px 1px 1px 1%;
        border: none;
        border-bottom: 1px solid #009999;
    }

    #dvFilterResult tr.gridAltItem td {
        padding: 1px 1px 1px 1%;
        border: none;
        border-bottom: 1px solid #009999;
    }

.selectedtransaction {
    border-color: #FFF;
    border-style: solid;
    border-width: thin;
}

.similartransactionsgrid {
    width: 100%;
    margin-bottom: 0;
    border: 2px solid #009999;
}


.cashFlowGridItem {
    background-color: #FFF;
    color: #000;
    height: 22px;
}

tr.cashFlowGridItem td {
    padding: .5px;
    padding: 1px\9;
    border-top: 1px none #009999;
    border-right: 1px none #009999;
    border-left: 1px none #009999;
    border-bottom: 1px none #009999;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    tr.cashFlowGridItem td input {
        width: 53.5px;
        padding: 1px;
    }
}

tr.cashFlowGridItem td input {
    background-color: #FFF;
    border: 1px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 8pt;
    text-align: right;
    width: 53.5px;
    width: 53.5px\9;
    line-height: 24px;
    height: 20px;
    padding: .5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    tr.cashFlowGridItem td input {
        width: 53.5px;
    }
}


.cashFlowGridItemDisable {
    background-color: #BFBFBF;
    color: #000;
}

.cashFlowForeCastColor {
    /*background-color: #FF9900;*/
    color: #FF9900;
}

.cashFlowActualsColor {
    /*background-color: #8DCDCD;*/
    color: #8DCDCD;
}

.cashFlowGridRow1 {
    background-color: #8DCDCD;
    color: #000;
    height: 22px;
}

.cashFlowGridRow2 {
    background-color: #FF9900;
    color: #000;
    height: 22px;
}

.cashFlowGridRow3 {
    background-color: #006666;
    color: #FFFFFF;
    height: 22px;
}

.cashFlowbudgetHeader {
    border-top: 1px solid #C7C7C7;
    background-color: #009999;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    word-wrap: break-word;
    font-family: FNBSansThin;
    height: 22px;
}

    .cashFlowbudgetHeader th input {
        background-color: #009999;
        border: none;
        color: #FFFFFF;
        font-family: FNBSansThin;
        font-size: 8pt;
        font-weight: normal;
        text-decoration: none;
        word-wrap: break-word;
        width: 53.5px;
    }

.cashFlowbudgetHeaderlevel2 {
    border-top: 1px solid #C7C7C7;
    background-color: #73C7C7;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    word-wrap: break-word;
    font-family: FNBSansThin;
    height: 22px;
}

    .cashFlowbudgetHeaderlevel2 th input {
        background-color: #73C7C7;
        border: none;
        color: #FFFFFF;
        font-family: FNBSansThin;
        font-size: 8pt;
        font-weight: normal;
        text-decoration: none;
        word-wrap: break-word;
        width: 53.5px;
    }

tr.cashFlowGridItemDisable td {
    padding: .5px;
    padding: 1px\9;
    border-top: 1px none #009999;
    border-right: 1px none #009999;
    border-left: 1px none #009999;
    border-bottom: 1px none #009999;
    height: 22px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    tr.cashFlowGridItemDisable td input {
        width: 50px;
        padding: 1px;
    }
}

tr.cashFlowGridItemDisable td input {
    background-color: #FFF;
    border: 1px solid #ADDBDB;
    font-family: FNBSansLight;
    font-size: 8pt;
    text-align: right;
    width: 53.5px;
    width: 53.5px\9;
    line-height: 24px;
    height: 20px;
    padding: .5px;
}

.showCashFlowDrillDown {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/arrow_down.png");
    background-repeat: no-repeat;
    background-position: left center;
    border: 0 solid #000000;
    cursor: pointer;
    display: inline-block;
    height: 0;
    padding: 2px 12px;
    width: 0;
    text-indent: -25px;
}

.showCashFlowDrillUp {
    background-color: Transparent;
    background-image: url("../../App_Themes/FNB2/Images/arrow_up.png");
    background-repeat: no-repeat;
    background-position: left center;
    border: 0 solid #000000;
    cursor: pointer;
    display: inline-block;
    height: 0;
    padding: 2px 12px;
    width: 0;
    text-indent: -25px;
}

.CashFlowAlignRight {
    text-align: right;
    padding-right: 2px;
}

.CashFlowExpandAllBorderColor {
    text-align: left;
    border-color: Silver;
}

.CashFlowActualForecastSeparator {
    border-left-color: Gray !important;
    border-left-style: solid !important;
    border-left-width: 2px !important;
    text-align: right;
    padding-right: 2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    tr.cashFlowGridItemDisable td input {
        width: 53.5px;
    }
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .dashboarduser {
        width: 238px;
    }

    .demo-container {
        width: 227px;
    }
}

/*These are hacks for IE 11. Write all CSS before these lines*/
@-moz-document url-prefix() {
    .subTabsMenu div.subTab {
        width: 8.5%;
    }
}

@-moz-document url-prefix() {
    .media.row-fluid [class*="span"]:first-child {
        margin-left: -15px;
    }
}

@supports (-ms-accelerator:true) {
    .media.row-fluid [class*="span"]:first-child {
        margin-left: -15px;
    }
}

_:-ms-lang(x), .media.row-fluid [class*="span"]:first-child {
    margin-left: -15px;
}