body {
    background: url("../images/background/page-background.jpg") repeat scroll center top transparent;
    font-family: Verdana;
    font-size: 12px;
    margin: 0px;
    overflow-y: scroll;
}

a {
    outline: 0;
}

#content {
    height: 100%;
}

.ft-container {
    height: 100%;
}

.clear {
    clear: both;
    height: 0px;
}

.texture {
    background: url("../images/background/page-background.jpg") !important;
}

html, body, form {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

.wrapper {
    background: url("../Images1/Page/background.jpg") repeat scroll center top transparent;
    height: auto !important;
    margin-bottom: -50px;
    min-height: 100%;
}

.footer, .push {
    height: 50px;
}

.footer {
}

.footer-container {
    background-color: #666666;
    color: #DDDDDD;
    height: 10px;
    margin: auto;
    padding: 20px;
    width: 960px;
}

.page {
    background-color: #FFFFFF;
    margin: auto;
    width: 1000px;
}

h1 {
    color: #666666;
    font-family: "Segoe UI Light",Sans-Serif;
    font-size: 30px;
    font-weight: normal;
    margin: 10px 0;
    padding: 0;
}

h2 {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.hidecol {
    display: none;
}

.search-form-title {
    font-size: 24px;
    color: #FFFFFF;
    padding: 5px;
    background: url(../images/background/black-20.png);
}



.not-found-class {
    font-size: 16px;
    text-align: center;
    padding: 10px;
    background: url(../images/background/white-40.png);
    color: #aaaaaa;
}

.indicator-class {
    height: 50px;
    background: url(../images/button/grid-wait.gif) no-repeat center center;
    background-color: #a35e00;
}


.table-class {
    border-collapse: collapse;
    font-family: Verdana;
    font-size: 12px;
    width: 100%;
    border: 1px solid #cccccc;
    border-bottom: none;
    color: #333333;
    background-color: White;
}

    .table-class tr {
        background: url(../images/background/white-50.png);
        cursor: pointer;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
    }

        .table-class tr.even {
            background: url(../images/background/white-70.png);
            color: #185058;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
        }

        .table-class tr.hover {
            background: #FFFFFF;
            color: #185058;
            border-left: 3px solid #0066CC;
            border-right: 3px solid #0066CC;
        }


        .table-class tr.confidential td {
            background: url(../Images/background/overlay-50-16.png);
            color: #999999;
        }


        .table-class tr.DealWithA td {
            background: url(../images/background/overlay-50-04.png);
            color: #999999;
        }

        .table-class tr.DealWithB td {
            background: url(../images/background/overlay-50-19.png);
            color: #999999;
        }

        .table-class tr.archived td {
            background: url(../images/background/red-10.png);
            color: #999999;
        }

        .table-class tr.even.archived td {
            background: url(../images/background/red-5.png);
            color: #999999;
        }

    .table-class td {
        border-bottom: 1px solid #dddddd;
        height: 20px;
        padding: 5px 10px;
    }

    .table-class th {
        background: url(../Images/background/result-table-header-24.png);
        color: #FFFFFF;
        padding: 12px 10px;
        text-align: left;
        border-bottom: 1px solid #d18114;
    }

    .table-class .header-container {
        background-color: #F7B74D;
        color: White;
        margin: 1px;
        padding: 6px 5px;
        text-align: left;
    }

.footer-class {
    color: #666666;
    padding: 5px 10px;
    text-align: left;
}

.search-result-title {
    font-size: 24px;
    color: #a35e00;
    padding: 5px;
}

.result-table-wrapper {
}

    .result-table-wrapper .toolbar {
        color: #ffffff;
        float: right;
        width: 30px;
    }

.result-table-filter {
    float: left;
    width: 210px;
    color: #666666;
    text-align: right;
    padding: 5px 5px;
}

    .result-table-filter input {
        padding: 3px 5px;
        border: 1px solid #bbbbbb;
        background: url(../images/background/black-10.png);
        color: #666666;
    }

.result-table-length {
    float: left;
    width: 150px;
    color: #666666;
    padding: 5px 5px;
}

    .result-table-length select {
        padding: 2px 2px;
        border: 1px solid #bbbbbb;
        background: url(../images/background/black-10.png);
        color: #666666;
    }

.result-table-info {
    width: 300px;
    color: #666666;
    padding: 7px 5px;
}

.result-table-pagingfull_numbers {
    width: 50%;
    color: #DDDDDD;
    padding: 5px 5px;
    float: right;
    text-align: right;
}

.result-table-paginate_button {
    padding: 3px 7px;
    border: 1px solid #bbbbbb;
    background: url(../images/background/black-10.png);
    color: #666666;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
}

.result-table-paginate_button-active {
    padding: 3px 7px;
    border: 1px solid #840000;
    background: url(../Images/background/result-table-header-24.png);
    color: #FFFFFF;
    margin-left: 5px;
    display: inline-block;
}

.result-table-paginate_button-disabled {
    padding: 3px 7px;
    border: 1px solid #bbbbbb;
    color: #BBBBBB;
    margin-left: 5px;
    display: inline-block;
}


.cart-title {
    font-size: 30px;
    color: #666666;
    white-space: nowrap;
}

.cart-table {
    background: url(../images/background/white-10.png);
    border-collapse: collapse;
    font-family: Verdana;
    font-size: 11px;
    width: 100%;
    color: #eeeeee;
    border: 1px solid #bbbbbb;
    border-bottom: none;
}

    .cart-table tr.even {
        background: url(../images/background/white-10.png);
    }

    .cart-table tr.hover {
        background: url(../images/background/white-20.png);
    }

    .cart-table td {
        border-bottom: 1px solid #bbbbbb;
        padding: 4px 10px;
    }

    .cart-table th {
        background: url(../images/background/black-40.png);
        color: #ffffff;
        padding: 10px 10px;
        text-align: left;
        border-bottom: 2px solid #bbbbbb;
    }

    .cart-table .header-container {
        background-color: #333333;
        color: #dddddd;
        margin: 1px;
        padding: 6px 5px;
        text-align: left;
    }

.cart-pager, .cart-footer {
    display: none;
}

.cart-not-found {
    background-color: #555555;
    padding: 10px;
    color: #DDDDDD;
    font-size: 14px;
    text-align: center;
}

.cart-title {
    font-size: 24px;
    color: #666666;
    display: inline-block;
    padding: 5px;
    padding-right: 0px;
}


.cart-table-filter {
    float: right;
    width: 50%;
    color: #DDDDDD;
    text-align: right;
    padding: 5px 0px;
}

    .cart-table-filter input {
        padding: 3px 5px;
        background-color: #666666;
        border: 1px solid #888888;
        color: #DDDDDD;
    }

.cart-table-length {
    width: 50%;
    color: #DDDDDD;
    padding: 5px 0px;
}

    .cart-table-length select {
        padding: 2px 2px;
        background-color: #666666;
        border: 1px solid #888888;
        color: #DDDDDD;
    }

.cart-table-info {
    width: 50%;
    color: #DDDDDD;
    padding: 5px;
}

.cart-table-pagingtwo_button {
    width: 50%;
    color: #DDDDDD;
    padding: 5px 0px;
    float: right;
    text-align: right;
}

.cart-table-btn-enabled {
    padding: 1px 5px;
    border: 1px solid #888888;
    background-color: #666666;
    color: #DDDDDD !important;
    margin-left: 5px;
    display: inline-block;
}

.cart-table-btn-disabled {
    padding: 1px 5px;
    border: 1px solid #666666;
    background-color: #444444;
    color: #BBBBBB !important;
    margin-left: 5px;
    display: inline-block;
}

.btn-excel {
    height: 29px;
    width: 29px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/btn-excel.png);
    float: right;
}

.btn-report {
    height: 40px;
    width: 40px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/audit-40.png) no-repeat;
    float: right;
}

.btn-cart-add-all {
    background: url(../images/button/btn-cart-add-all.png);
    width: 40px;
    height: 28px;
    display: block;
    overflow: hidden;
    text-indent: -80px;
    margin-right: 10px;
}

    .btn-cart-add-all.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }


.btn-confidental {
    height: 25px;
    width: 25px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/btn-lock.png) center center no-repeat;
}

    .btn-confidental.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }

.btn-delete {
    height: 25px;
    width: 25px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/btn-delete.png) center center no-repeat;
}

    .btn-delete.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }

.btn-undelete {
    height: 25px;
    width: 25px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/btn-undelete.png) center center no-repeat;
}

    .btn-undelete.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }

.btn-person {
    height: 25px;
    width: 25px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/btn-person.png) center center no-repeat;
}

    .btn-person.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }

.btn-remove {
    height: 14px;
    width: 14px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/btn-remove-small.png);
}

    .btn-remove.wait {
        background: url(../images/button/wait_cart.gif) no-repeat center center;
    }

.btn-add-small {
    height: 14px;
    width: 14px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/btn-add-small.png);
}

    .btn-add-small.wait {
        background: url(../images/button/wait_cart.gif) no-repeat center center;
    }

.btn-requested {
    height: 22px;
    width: 40px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/btn-requested.png) no-repeat center center;
}

.btn-attachment {
    height: 30px;
    width: 40px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/button/btn-attachment.png) no-repeat center center;
}

.btn-send-registration {
    height: 30px;
    width: 40px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-send-registration.png) no-repeat center center;
}

    .btn-send-registration.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }

.icon-add-green {
    height: 30px;
    width: 30px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-add-green.png) center center no-repeat;
}

.icon-move {
    height: 30px;
    width: 30px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-move.png) center center no-repeat;
}

.icon-large-delete {
    height: 30px;
    width: 30px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-large-delete.png) center center no-repeat;
}

.icon-no-message {
    background: url(../Images/icon/icon-no-message.png?) no-repeat center center;
    height: 35px;
    width: 35px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

.icon-external-link {
    background: url(../Images/button/btn-doc-e.png?) no-repeat center center;
    height: 35px;
    width: 35px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

    .icon-external-link.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }

.icon-external-link-small {
    background: url(../Images/button/btn-doc-e.png?) no-repeat center center;
    height: 25px;
    width: 25px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

    .icon-external-link-small.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }

.icon-add-link-small {
    background: url(../Images/icon/icon-add-green-small.png?) no-repeat center center;
    height: 25px;
    width: 25px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}



.icon-external-no-link {
    background: url(../Images/button/btn-no-doc-e.png?) no-repeat center center;
    height: 35px;
    width: 35px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

.btn-files {
    background: url(../Images/button/btn-doc.png?1) no-repeat center center;
    height: 35px;
    width: 35px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

.icon-invoice {
    background: url(../Images/icon/icon-invoice.png?2) no-repeat center center;
    height: 35px;
    width: 35px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

.ddlogo-small {
    background: url(../Images/logos/ddlogo-small.png?2) no-repeat center center;
    height: 35px;
    width: 53px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

.ddlogo-small-grey {
    background: url(../Images/logos/ddlogo-small-grey.png) no-repeat center center;
    height: 35px;
    width: 53px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

.btn-no-files {
    background: url(../Images/button/btn-no-doc.png?) no-repeat center center;
    height: 35px;
    width: 35px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}


.btn-attachment.wait {
    background: url(../images/running_small_red.gif) no-repeat center center;
}

.btn-download-black {
    height: 20px;
    width: 100px;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    padding-top: 5px;
    color: #DDDDDD !important;
    background: url(../images/button/btn-download-black.png) no-repeat left 0px top 3px;
}


.TabC2-container {
}

.TabC2-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .TabC2-list a.active {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #EEEEEE;
        border-color: #CCCCCC #CCCCCC -moz-use-text-color;
        border-image: none;
        border-style: solid solid none;
        border-width: 1px 1px medium;
        color: #666666;
        margin-top: 2px;
        padding-bottom: 7px;
        padding-top: 8px;
        position: relative;
        top: 1px;
    }

li.TabC2-list-item {
    float: left;
    margin-right: 3px;
}

a.TabC2-list-item {
    background-color: #95679C;
    color: #DDDDDD;
    display: block;
    font-family: Verdana;
    font-size: 14px;
    margin-top: 5px;
    min-width: 100px;
    padding: 6px 11px;
    text-decoration: none;
}

.TabC2-content {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    clear: both;
    padding: 7px;
}

.tab-changed a {
    background-color: #67B653;
    color: White;
}

    .tab-changed a.active {
        border-top: 3px solid #67B653;
        margin-top: 0;
    }

.tab-error a {
    background-color: #B65B53;
    color: White;
}

    .tab-error a.active {
        border-top: 3px solid #B65B53;
        margin-top: 0;
    }

.application-item-container {
    background-color: #E0E0E0;
    border: 1px solid #CCCCCC;
    padding: 10px;
}

.btnRemove {
    background: url("../images/ControlMultiplier/btn-remove.png") no-repeat center center;
    display: block;
    height: 23px;
    width: 23px;
    margin-top: 14px;
    text-indent: -500px;
    overflow: hidden;
    margin-left: 10px;
}

.btnAdd {
    background: url("../images/ControlMultiplier/btn-add.png") no-repeat center center;
    display: block;
    height: 23px;
    width: 23px;
    margin-top: 14px;
    text-indent: -500px;
    overflow: hidden;
    margin-left: 5px;
}

.cfLabel {
    width: 160px;
    color: #666666;
}

.cfLabelDD {
    width: 260px;
    color: #666666;
}

textarea.cfLabel {
    width: 120px;
}

.cfLabel-wider {
    width: 250px;
    color: #666666;
}

.cfInput {
    border: 1px solid #CCCCCC;
    color: #333333;
    margin-bottom: 3px;
    padding: 3px;
    width: 250px;
}

    .cfInput.smaller-control {
        width: 212px;
    }

    .cfInput.cfReadOnly, .cfInput-login.cfReadOnly {
        background: url(../images/background/black-5.png);
        border: 1px solid #cccccc;
    }

    .cfInput.inherited {
        color: #cccccc;
    }



    .cfInput.cfInput-wide {
        width: 668px;
    }

    .cfInput.cfInput-height-150 {
        height: 150px;
    }

    .cfInput.cfInput-height-200 {
        height: 200px;
    }

    .cfInput.cfInput-height-250 {
        height: 250px;
    }

    .cfInput.cfInput-height-300 {
        height: 300px;
    }

    .cfInput.cfInput-height-350 {
        height: 350px;
    }

    .cfInput.cfInput-wide-search {
        width: 638px;
        margin-right: 5px;
    }

    .cfInput.cfInput-wide.smaller-control {
        width: 630px;
    }

textarea.cfInput {
    height: 50px;
    font-family: Verdana;
    font-size: 11px;
}

.btn-search-small {
    background: url(../Images/search-icon-small.png);
    display: block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    text-indent: -500px;
    margin-left: 15px;
}

select.cfInput {
    padding: 2px;
    width: 258px;
}

.cfInput-filter {
    border: 1px solid #6D4E75;
    color: #333333;
    margin-bottom: 5px;
    padding: 2px 4px;
    width: 217px;
}

.cfInput-message-notes {
    border: 1px solid #6D4E75;
    color: #333333;
    margin-bottom: 5px;
    padding: 2px 4px;
    width: 317px;
}

.cfInput-filter-department {
    border: 1px solid #6D4E75;
    color: #333333;
    margin-bottom: 5px;
    padding: 2px 4px;
    width: 129px;
}

.cfInput-filter-department-Selected-FileTypes {
    border: 1px solid #6D4E75;
    color: #333333;
    margin-bottom: 5px;
    padding: 2px 4px;
    width: 169px;
    height: 160px;
}

select.cfInput-filter {
    padding: 1px;
}

.cfInput-filter:active option {
    /*background: none repeat scroll 0 0 #603C69;*/ /*color: #FFFFFF;*/
}

.cfInput-search {
    width: 220px !important;
    margin-right: 5px;
}

select.cfInput-search {
    width: 225px !important;
    margin-right: 5px;
}


.cfLabel-filter {
    color: #000000;
    padding-right: 10px;
    text-align: right;
    width: 100px;
}

.cfLabel-filter-multiline {
    color: #000000;
    padding-right: 10px;
    text-align: right;
    width: 100px;
    vertical-align: text-top;
}

input.cfInput[type="checkbox"] {
    border: medium none;
    padding: 2px;
    width: auto;
}

.cfError {
    background-color: #FFE2AD;
}

.fc-table-col {
    /*border: 1px solid #DDDDDD;*/
    padding: 3px;
}

.fc-table-col-1 {
}

.fc-input-error, .mfc-input-error {
    border: 1px solid #FF0000;
    background-color: #ffe7d7;
}

.pager-container {
    color: #666666;
    font-size: 10px;
    padding: 5px;
}

.pager-button {
    text-decoration: none;
    padding: 4px 0px;
    border: 1px solid #bbbbbb;
    color: #666666;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 22px;
}

.pager-button-active {
    text-decoration: none;
    padding: 5px 0px;
    border: 1px solid #840000;
    background: url(../Images/background/result-table-header-24.png);
    color: #FFFFFF;
    margin-left: 5px;
    display: inline-block;
}

.pager-button-n {
    text-decoration: none;
    padding: 3px 7px;
    border: 1px solid #bbbbbb;
    background: url(../images/background/black-5.png);
    color: #666666;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
}

.cart-pager-container {
    color: #999999;
}

.cart-pager-button {
    background: url(../images/background/white-10.png);
    text-decoration: none;
    padding: 4px 0px;
    border: 1px solid #aaaaaa;
    color: #eeeeee;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 22px;
}

.cart-pager-button-active {
    text-decoration: none;
    padding: 5px 0px;
    border: 1px solid #aaaaaa;
    background: url(../Images/background/result-table-header-24.png);
    color: #FFFFFF;
    margin-left: 5px;
    display: inline-block;
}

.cart-pager-button-n {
    text-decoration: none;
    padding: 3px 7px;
    border: 1px solid #666666;
    background: url(../images/background/white-10.png);
    color: #dddddd;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
}


.application-container {
    height: 0;
    overflow: hidden;
}

.application-list {
}

.btn-previous-address {
    background: url("../Images1/Page/btn-previous-address.png") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 24px;
    margin-left: 5px;
    overflow: hidden;
    text-indent: -500px;
    width: 98px;
}

.divider {
    background-color: #82538F;
    height: 3px;
    margin: 10px 0;
}

.btn-search {
    background: url("../Images1/Page/btn-search.png") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 34px;
    overflow: hidden;
    text-indent: 39px;
    width: 39px;
}

.btn-add {
    background: url("../Images1/add.jpg") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 34px;
    overflow: hidden;
    text-indent: -39px;
    width: 39px;
}

.filter-container {
    background: url("../Images1/Page/filter-background.png") repeat scroll 0 0 transparent;
    overflow: hidden;
}

.filter-inner-container {
    background: url("../Images1/Page/white-layer-5.png") repeat scroll 0 0 transparent;
    border: 1px solid #6D4E75;
    color: #DDDDDD;
    margin: 15px 20px;
    padding: 10px 20px;
}

.filter-divider {
    border-top: 1px solid #6D4E75;
    height: 0;
    margin: 5px 0;
}

.list-footer {
    background-color: #82538F;
    color: #C1A9C7;
    padding: 10px;
}

.date-range-checkbox {
    background: url("../Images/button/switch.png") repeat scroll 0 0 transparent;
    display: block;
    overflow: hidden;
    height: 16px;
    text-indent: -500px;
    width: 16px;
}

    .date-range-checkbox.active {
        background-position: 0 32px;
    }




.btn-new-file-volume {
    background: url(../images/button/btn-new-file-volume.png) no-repeat center center;
    width: 40px;
    height: 28px;
    display: block;
    overflow: hidden;
    text-indent: -80px;
}

    .btn-new-file-volume.wait {
        background: url(../images/button/wait_cart.gif) no-repeat center center;
    }


.btn-in-cart-box {
    background: url(../images/button/btn-in-cart-box.png) no-repeat center center;
    width: 40px;
    height: 28px;
    display: block;
    overflow: hidden;
    text-indent: -80px;
}


.cart-switch {
    background: url(../images/button/btn-cart.png);
    width: 40px;
    height: 28px;
    display: block;
    overflow: hidden;
    text-indent: -80px;
}

    .cart-switch.operation2.active {
        background: url(../images/button/btn-cart-checked-2.png);
    }

    .cart-switch.operation3.active {
        background: url(../images/button/btn-cart-checked-3.png);
    }

    .cart-switch.operation10.active {
        background: url(../images/button/btn-cart-checked-10.png);
    }

    .cart-switch.operation11.active {
        background: url(../images/button/btn-cart-checked-11.png);
    }

    .cart-switch.operation12.active {
        background: url(../images/button/btn-cart-checked-12.png);
    }

    .cart-switch.operation13.active {
        background: url(../images/button/btn-cart-checked-13.png);
    }

    .cart-switch.operation14.active {
        background: url(../images/button/btn-cart-checked-14.png);
    }

    .cart-switch.operation15.active {
        background: url(../images/button/btn-cart-checked-15.png);
    }

    .cart-switch.inactive {
        background: url(../images/running_small_red.gif) no-repeat center center;
    }

.btn-cart-summary {
    text-decoration: none;
    color: #FFFFFF;
    background: url(../images/button/btn-cart-summary-end.png) top right no-repeat;
    display: inline-block;
    height: 29px;
    padding-right: 6px;
}

.btn-cart-summary-text {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    height: 26px;
    background: url(../images/button/btn-cart-summary.png);
    padding-left: 30px;
    padding-top: 3px;
}



.action-container {
    position: absolute;
    top: 500px;
    left: 500px;
}

.action-left-container {
    height: 83px;
    background: url(../images/background/action-left.png) top left no-repeat;
    padding-left: 17px;
}

.action-right-container {
    height: 83px;
    background: url(../images/background/action-right.png) top right no-repeat;
    padding-right: 30px;
}

.action-middle-container {
    height: 83px;
    background: url(../images/background/action-loop.png);
    min-width: 230px;
    position: relative;
}

.action-label {
    color: #FFFFFF;
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.action-button {
    width: 120px;
    height: 21px;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    display: block;
    color: #666666;
    font-size: 12px;
}

.action-button-alone {
    background: url(../images/button/btn-action-alone.png);
}

.action-button-left {
    background: url(../images/button/btn-action-left.png);
}

.action-button-right {
    background: url(../images/button/btn-action-right.png);
}

.action-button-middle {
    background: url(../images/button/btn-action-middle.png);
}

.action-button-close {
    text-decoration: none;
    display: block;
    color: #666666;
    width: 19px;
    height: 19px;
    background: url(../images/button/btn-close-white.png);
    position: absolute;
    top: 7px;
}


.menu-container {
    background: url(../Images/background/menu_background_24.jpg);
    border-bottom: 1px solid #FFFFFF;
    width: 100%;
}

.menu-settings-animation-container {
    background: url(../images/background/settings-background.jpg);
    height: 0px;
    overflow: hidden;
    padding-left: 25px;
}

.menu-settings-item {
    text-decoration: none;
    color: #666666;
    display: inline-block;
    padding: 5px 7px;
    margin-right: 2px; /*background: url(../images/background/white-80.png);*/
}

    .menu-settings-item:hover {
        color: #666666;
    }

    .menu-settings-item.active {
        color: #666666;
        background: url(../images/background/white-50.png);
        border: 1px solid #DDDDDD;
        padding: 4px 6px;
    }

.menu-settings-container {
    padding-top: 6px;
}

.sign-out {
    text-decoration: none;
    display: block;
    color: #FFFFFF;
    background-color: #666666;
    margin-left: 5px;
    background: url(../images/button/home-menu-item-resizable-end.png) no-repeat top right;
    padding-right: 1px;
    cursor: pointer;
    margin-right: 20px;
}


    .sign-out span {
        background: url(../images/button/home-menu-item-resizable.png) top left;
        display: block;
        padding: 12px 10px;
        text-align: center;
        height: 11px;
        white-space: nowrap;
        font-size: 12px;
        min-width: 70px;
    }



.home-menu, .maintenance-menu {
    padding: 0px;
    margin: 0px;
    display: block;
    padding: 0px 20px;
    font-size: 14px;
    list-style-type: none;
}

    .home-menu li {
        float: left;
        margin-top: 9px;
        margin-bottom: 8px;
    }

        .home-menu li.separator {
            width: 20px;
            display: block;
            height: 35px;
        }

        .home-menu li a {
            text-decoration: none;
            display: block;
            color: #FFFFFF;
            background-color: #666666;
            margin-left: 5px;
            background: url(../images/button/home-menu-item-resizable-end.png) no-repeat top right;
            padding-right: 1px;
            cursor: pointer;
        }

.PennLabelhome-menu li a span {
    background: url(../images/button/home-menu-item-resizable.png) top left;
    display: block;
    padding: 12px 0px;
    text-align: center;
    height: 11px;
    white-space: nowrap;
    font-size: 12px;
    width: 110px;
}


.home-menu li a span {
    background: url(../images/button/home-menu-item-resizable.png) top left;
    display: block;
    padding: 12px 10px;
    text-align: center;
    height: 11px;
    white-space: nowrap;
    font-size: 12px;
    min-width: 70px;
}

.home-menu li a:hover {
    background: url(../images/button/home-menu-item-resizable-end-hover.png) no-repeat top right;
}

.home-menu li a.active {
    background: url(../images/button/home-menu-item-resizable-end-active.png) no-repeat top right;
}

.home-menu li a:hover span {
    background: url(../Images/button/home-menu-item-resizable-active-17.png) no-repeat top left;
}

.home-menu li a.active span {
    background: url(../Images/button/home-menu-item-resizable-active-24.png) no-repeat top left;
}


.maintenance-menu li {
    float: left;
    margin-top: 9px;
    margin-bottom: 8px;
}

    .maintenance-menu li.separator {
        width: 40px;
        display: block;
        height: 35px;
    }

    .maintenance-menu li a {
        text-decoration: none;
        display: block;
        text-align: center;
        color: #FFFFFF;
        background-color: #666666;
        margin-left: 5px;
        background: url(../images/button/home-menu-item-resizable-end.png) no-repeat top right;
        padding-right: 1px;
        cursor: pointer;
    }

        .maintenance-menu li a span {
            background: url(../images/button/home-menu-item-resizable.png) top left;
            display: block;
            padding: 12px 15px;
            height: 11px;
            white-space: nowrap;
            font-size: 11px;
        }

        .maintenance-menu li a.active {
            background: url(../images/button/home-menu-item-resizable-end-active.png) no-repeat top right;
        }

            .maintenance-menu li a.active span {
                background: url(../images/button/home-menu-item-resizable-active.png) no-repeat top left;
            }


        .maintenance-menu li a:hover {
            background-color: #555555;
        }

.maintenance-content-container {
    border: 1px solid #BBBBBB;
    margin: 20px 30px 0px 30px;
    padding: 10px;
    background-color: #DDDDDD;
}




.cart-inner-container {
    background: url(../images/background/cart-background.jpg);
    padding: 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

select.cart-input {
    padding: 2px 2px;
    background-color: #666666;
    border: 1px solid #888888;
    color: #DDDDDD;
}

input.cart-input {
    padding: 3px 5px;
    background-color: #666666;
    border: 1px solid #888888;
    color: #DDDDDD;
}

.action-form-container {
    border: 1px solid #666666;
    padding: 10px;
    margin-bottom: 20px;
    background: url(../images/background/black-40.png);
}

.base-form-container {
    background: url(../images/background/white-40.png);
    margin: 0px 30px;
    border: 1px solid #dddddd;
    padding: 10px;
    margin-top: 20px;
}

.search-form-container {
    background: url(../images/background/white-40.png);
    border: 1px solid #dddddd;
    padding: 10px;
    margin-top: 20px;
}


.action-sub-container {
    background: url(../images/background/white-10.png);
    border: 1px solid #999999;
    padding: 5px;
}

.btn-search-big {
    background: url(../images/button/btn-search-big.png);
    height: 30px;
    width: 30px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -500px;
    display: block;
}

.btn-settings {
    background: url(../images/button/btn-settings.png) no-repeat center center;
    height: 35px;
    width: 35px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -500px;
    display: block;
}

.btn-logout {
    background: url(../images/button/btn-logout.png) no-repeat center center;
    height: 35px;
    width: 35px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -500px;
    display: block;
}

.request-status-container {
    margin-top: 10px;
    background: url(../images/background/white-20.png);
    border: 1px solid #dddddd;
    padding: 5px 20px;
}

.form-container {
    background: url(../images/background/white-40.png);
    border: 1px solid #dddddd;
    padding: 20px 20px;
    margin-bottom: 10px;
}

.button-container {
    margin-left: -3px;
    margin-top: 10px;
}

.top-button-container {
    background: url(../images/background/white-20.png);
    border-bottom: 1px solid #dddddd;
    padding: 5px 20px;
}

.search-result-container-table1 {
    width: 100%;
    padding: 20px;
}

.search-result-container-table2 {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 10px;
    background: url(../images/background/pattern-white.png);
}

.search-result-container {
    margin: 0px 30px;
    border: 1px solid #cccccc;
    padding: 10px;
    background: url(../images/background/pattern-white.png);
    margin-top: 20px;
}


.ui-widget {
    font-family: Helvetica !important;
    font-size: 11px !important;
}

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Helvetica !important;
        font-size: 12px !important;
    }

.ui-widget-header {
    background: url(../Images/background/result-table-header-24.png);
}

.ui-dialog-title {
    font-size: 16px;
    font-weight: normal;
}

.ui-dialog-content {
    background: url(../images/background/page-background.jpg) !important;
}

.ui-tabs-nav {
    background: url(../images/background/black-40.png);
}

.ui-widget-header {
    border: none;
}

.login-outer-container {
    /* height:100%;*/
}

.login-outer-container {
    margin-top: -120px;
    margin-left: -350px;
    width: 750px;
    position: relative;
    top: 50%;
    left: 50%;
}

.login-container {
    background: url(../images/background/white-40.png);
    border: 1px solid #dddddd;
}

.login-logo-container {
    background: url(../images/design/logo-deeds-depository.png?v5) center center no-repeat;
    height: 150px;
    width: 300px;
}



.login-controls-container {
    background: url(../images/background/black-5.png);
    border: 1px solid #dddddd;
    padding: 20px;
    margin: 10px;
}

.login-shadow-container {
    height: 50px;
    background: url(../images/background/login-shadow.png) no-repeat top right;
    padding-top: 10px;
    color: #990000;
    text-align: center;
}


.popup-action-container {
    background: url(../images/background/black-5.png);
    border: 1px solid #dddddd;
    padding: 10px;
}

.popup-action-inner-container {
    background: url(../images/background/white-40.png);
    border: 1px solid #dddddd;
    padding: 10px;
}


.hidden {
    display: none;
}

.cfLabel.login {
    padding-right: 20px;
    font-size: 12px;
    color: #666666;
    text-align: right;
}

.info-container {
    background: url(../images/background/cart-background.jpg);
    padding: 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
}


.status-container {
    font-size: 16px;
    padding: 5px 0px 5px 30px;
    display: inline-block;
    color: #666666;
    background: none;
    white-space: nowrap;
}

    .status-container.status-error {
        color: #bb0000;
        background: url(../images/button/btn-status-error.png) no-repeat;
    }

    .status-container.status-success {
        background: url(../images/button/btn-status-ok.png) no-repeat;
        color: #00bb00;
    }

.btn-status-ok-small {
    height: 12px;
    width: 12px;
    background: url(../images/button/btn-status-ok-small.png) no-repeat center center;
    display: block;
}

.btn-status-no-small {
    height: 12px;
    width: 12px;
    background: url(../images/button/btn-status-no-small.png) no-repeat center center;
    display: block;
}

.client-control-found {
    background-color: #c5ffca;
    border: 1px solid #afdb9a;
}

.custom-checkbox {
    background: url(../images/controls/btn-off.png);
    width: 41px;
    height: 16px;
    display: block;
    text-indent: -500px;
    overflow: hidden;
}

    .custom-checkbox.active {
        background: url(../images/controls/btn-on.png);
        width: 41px;
        height: 16px;
        display: block;
        text-indent: -500px;
        overflow: hidden;
    }

.scanner {
    background: url(../images/controls/scanner.png) center center no-repeat;
    width: 26px;
    height: 26px;
    margin-right: 5px;
}

.request-details-form-title {
    font-size: 14px;
    color: #666666;
    padding: 10px 10px;
}

.request-details-sub-container {
    background: url(../images/background/white-40.png);
    border: 1px solid #dddddd;
    padding: 10px;
    margin-bottom: 20px;
}

.request-details-signature-container {
}

.btn-print-barcode {
    background: url(../images/button/btn-print-barcode.png) center center no-repeat;
    width: 30px;
    height: 20px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

    .btn-print-barcode.wait {
        background: url(../images/button/loading-print.gif?) center center no-repeat;
    }

.btn-print-settings {
    background: url(../images/button/btn-print-settings.png) center center no-repeat;
    width: 40px;
    height: 35px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

.icon-help {
    display: block;
    width: 35px;
    height: 35px;
    background: url(../images/icon/icon-help.png) no-repeat center center;
    text-indent: -500px;
    overflow: hidden;
}


.icon-print {
    background: url(../images/button/icon-print.png) center center no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}


.scanner-switch {
    background: url(../images/controls/scanner-switch.png) left top no-repeat;
    background-position: -28px 0px;
    height: 29px;
    width: 26px;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
}

    .scanner-switch.active {
        background: url(../images/controls/scanner-switch.png) left top no-repeat;
        background-position: 0px 0px;
    }

.list-attachment-folder {
    font-family: Verdana;
    font-size: 12px;
    background-color: #FFFFFF;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 250px;
}

.list-attachment-folder-sub {
    font-family: Verdana;
    font-size: 12px;
    background-color: #FFFFFF;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

a.list-attachment-folder-item {
    font-size: 11px;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
    display: block;
    color: #666666;
}

div.list-attachment-folder-item {
    font-size: 11px;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
    display: block;
    color: #666666;
    background-color: #eeeeee;
}

a.list-attachment-folder-item .icon-more-small {
    display: none;
}

a.list-attachment-folder-item.last-item {
    border-bottom: none;
}

a.list-attachment-folder-item.active {
    font-weight: bold;
    background-color: #eeeeee;
    color: #333333;
}

    a.list-attachment-folder-item.active .icon-more-small {
        display: block;
    }


    a.list-attachment-folder-item.active:hover {
        background-color: #eeeeee;
    }

a.list-attachment-folder-item:hover {
    background-color: #fafafa;
}

/*********/

.boli-infopopup-list {
    font-family: Verdana;
    font-size: 12px;
    background-color: #FFFFFF;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 100px;
}

a.boli-infopopup-list-item {
    font-size: 11px;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
    display: block;
    color: #666666;
}

    a.boli-infopopup-list-item.last-item {
        border-bottom: none;
    }

    a.boli-infopopup-list-item.active {
        font-weight: bold;
        background-color: #eeeeee;
        color: #333333;
    }

        a.boli-infopopup-list-item.active:hover {
            background-color: #eeeeee;
        }

    a.boli-infopopup-list-item:hover {
        background-color: #fafafa;
    }


/*********/

.list-simple {
    font-family: Verdana;
    font-size: 12px;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

a.list-item {
    font-size: 11px;
    text-decoration: none;
    padding: 4px 10px 4px 10px;
    display: block;
    height: 15px;
    border-bottom: 1px solid #cccccc;
    color: #666666;
}

    a.list-item.disabled {
        background-color: #eeeeee;
        color: #cccccc;
    }


li.list-item.last-item a {
    border: 0px;
}

a.list-item.active {
    background-color: #41a4d7;
    color: #FFFFFF;
}

.search-template-not-found {
    font-size: 16px;
    color: #666666;
    padding: 20px 40px;
    text-align: center;
}

.search-template-checkbox {
    background: url(../images/button/switch.png) no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

    .search-template-checkbox.active {
        background-position: 0px -16px;
    }



.menu-list {
    font-family: Verdana;
    font-size: 12px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

a.menu-list-item {
    text-decoration: none;
    padding: 3px 10px 3px 10px;
    display: block;
    border: 1px solid #f0e4da;
    color: #FFFFFF;
    background: url(../images/background/white-20.png);
    min-width: 200px;
}

    a.menu-list-item.active {
        background-color: #41a4d7;
        color: #FFFFFF;
    }

li.menu-list-item {
    margin-bottom: 5px;
}

    li.menu-list-item.last-item {
        margin-bottom: 0px;
    }


.search-template-menu-list-container {
    background: url(../images/background/search-template-menu.jpg?1d);
    padding: 10px;
}

.search-template-menu-list-inner-container- {
    background: url(../images/background/white-10.png);
    border: 1px solid #888888;
    padding: 5px;
}

.no-result-found {
    padding: 10px;
    font-size: 16px;
    text-align: center;
    background: url(../images/background/black-5.png);
    border: 1px solid #cccccc;
}




.username-container {
    color: #dddddd;
    font-weight: bold;
    padding-right: 40px;
    text-align: right;
}

.clipboard-link {
    text-decoration: none;
    color: #0066CC;
    background: url(../Images/Button/copy.png) no-repeat left center;
    display: block;
    padding: 2px 0px;
    padding-left: 20px;
}

.fc-section-title {
    font-family: "Segoe UI Light",Sans-Serif;
    border-bottom: 1px solid #dddddd;
    padding: 3px 0px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.fc-section-title-homeowner {
    font-family: "Segoe UI Light",Sans-Serif;
/*    border-bottom: 1px solid #dddddd;*/
    padding: 3px 0px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}




.cart-box-list {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    height: 25px;
}

li.cart-box-list-item {
    float: left;
}

a.cart-box-list-item {
    margin-top: -17px;
    height: 20px;
    padding-top: 7px;
    background-color: #FFFFFF;
    display: block;
    text-decoration: none;
    text-align: center;
    min-width: 100px;
    border: 1px solid #555555;
    border-top: none;
    color: #DDDDDD;
    background: url(../images/background/black-30.png);
    margin-right: 5px;
}

    a.cart-box-list-item.active {
        background: url(../Images/background/overlay-50-16.png);
        border: 1px solid #888888;
        border-top: none;
    }

.volume-list {
    font-size: 12px;
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    overflow: auto;
    background-color: #999999;
    height: 600px;
}

li.volume-list-item {
    list-style-type: none;
    border-bottom: 1px solid #dddddd;
}

a.volume-list-item {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #FFFFFF;
}

    a.volume-list-item.active {
        background-color: #0066CC;
        color: #FFFFFF;
    }

a.file-type-history-item {
    color: #0066CC;
    text-decoration: none;
}


/*****************************************************************************************************************************
AUTHENTICATION
*****************************************************************************************************************************/


.cfLabel.login {
    padding-right: 20px;
    font-size: 12px;
    color: #666666;
    text-align: right;
}


.authentication-container {
    margin-top: -120px;
    margin-left: -350px;
    width: 750px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.authentication-inner-container {
    background: url(../images/background/white-40.png);
    border: 1px solid #dddddd;
}

.authentication-loading-container {
    color: White;
    font-size: 12px;
    background-color: #313131;
    overflow: hidden;
    height: 0px;
}

.authentication-error-container {
    padding: 10px;
    background-color: #840000;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #dddddd;
}

.authentication-control-container {
    background: url(../images/background/black-5.png);
    border: 1px solid #dddddd;
    padding: 20px;
    margin: 10px;
    padding-bottom: 10px;
}

.authentication-logo-container {
    width: 300px;
    height: 110px;
    background: url(../images/design/logo-deeds-depository.png?v7) no-repeat center center;
}

.authentication-shadow-container {
    height: 50px;
    /*background: url(../images/background/login-shadow.png) no-repeat top right;*/
    padding-top: 10px;
    color: #990000;
    text-align: center;
}

.cfInput-login {
    border: 1px solid #CCCCCC;
    color: #333333;
    margin-bottom: 3px;
    padding: 3px;
    width: 250px;
    margin-right: 20px;
}

.btn-login {
    width: 114px;
    height: 37px;
    text-decoration: none;
    display: block;
    background: url(../Images/Page/btn-login.png);
    text-indent: -500px;
    overflow: hidden;
}


/*****************************************************************************************************************************
HEADER
*****************************************************************************************************************************/

.header-intandem-logo {
    background: url(../Images/Design/Blank.png) no-repeat;
    width: autopx;
    height: 62px;
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.header-intandem-logo-container {
    /* padding:15px 40px 5px 0px;*/
}

.header-client-logo-container {
    background: url(../Images/logos/logo-pennington.png?v1) no-repeat left top;
}


/*****************************************************************************************************************************
AUTHENTICATION
*****************************************************************************************************************************/


.status-control-container {
    background-color: #666666;
    font-size: 12px;
    font-family: Verdana;
    color: #FFFFFF;
}

.status-control-item {
    border-bottom: 1px solid #888888;
}

.status-control-item-error {
    background-color: #FF0000;
}

.status-control-item-success {
    background-color: #00FF00;
}

.status-control-btn-close {
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
    background: url(../Images/Button/btn-close-gray-small.png) no-repeat center center;
    text-indent: -500px;
}

.status-control-loading {
    background: url(../Images/loading/horline.gif?v2);
    height: 0px;
}


.overlay-loading {
    background: url(../Images/loading/horline.gif?1);
    height: 5px;
    width: 400px;
    position: fixed;
    left: 50%;
    right: 0px;
    top: 50%;
    margin-left: -200px;
    margin-top: -20px;
    border: 1px solid #FFFFFF;
    z-index: 60000;
}

.consolidate-list {
    font-size: 12px;
    background-color: #f9f9f9;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    border: 1px solid #dddddd;
    padding: 10px;
    margin-top: 20px;
}

.report-list {
    font-size: 12px;
    background-color: #f9f9f9;
    width: 200px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    border: 1px solid #dddddd;
    padding: 10px;
    margin-top: 20px;
}

.task-type-status-list-wide {
    font-size: 12px;
    background-color: #f9f9f9;
    width: 250px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    border: 1px solid #dddddd;
    padding: 10px;
}

.task-type-status-list {
    font-size: 12px;
    background-color: #f9f9f9;
    width: 200px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    border: 1px solid #dddddd;
    padding: 10px;
}

.task-type-status-list-wide {
    font-size: 12px;
    background-color: #f9f9f9;
    width: 400px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    border: 1px solid #dddddd;
    padding: 10px;
    height: 300px;
}

a.task-type-status-list-item {
    text-decoration: none;
    padding: 4px 0px 4px 10px;
    display: block;
    height: 15px;
    border: 1px solid #cccccc;
}

li.task-type-status-list-item {
    margin-bottom: 2px;
    background-color: #FFFFFF;
    list-style-type: none;
}

a.task-type-status-list-item.active {
    background-color: #41a4d7;
    color: #FFFFFF;
}

a.task-type-status-list-item.disabled {
    background-color: #eeeeee;
    color: #cccccc;
}

span.task-type-status-list-item {
    cursor: pointer;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    padding: 4px 0px 4px 10px;
    display: block;
    height: 15px;
    border: 1px solid #cccccc;
}

    span.task-type-status-list-item.active {
        background-color: #41a4d7;
        color: #FFFFFF;
    }

    span.task-type-status-list-item.disabled {
        background-color: #eeeeee;
        color: #cccccc;
    }


/************************************************************************************************* CustomDropDown  *****/

.cddl-list {
    width: 256px;
    font-size: 12px;
    background-color: #666666;
    border: 1px solid #dddddd;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border-top: none;
    max-height: 223px;
    overflow: auto;
}

.cddl-list-auto {
    font-size: 12px;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    width: auto;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border-top: none;
}

.cddl-list {
}

a.cddl-list-item {
    font-size: 11px;
    text-decoration: none;
    padding: 4px 10px 4px 10px;
    display: block; /*height: 15px;*/
    border-bottom: 1px solid #888888;
    color: #DDDDDD;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

li.cddl-list-item.last-item a {
    border: 0px;
}

a.cddl-list-item.active {
    background-color: #333333;
    color: #FFFFFF;
}

.settings-multiple-list-item {
    padding: 5px;
    background: url(../images/background/black-5.png);
}

.settings-multiple-list-item-header {
    padding: 5px;
    font-size: 16px;
    background: url(../images/background/black-5.png);
}

.fontcontrol-increase {
    width: 20px;
    height: 16px;
    text-decoration: none;
    display: block;
    background: url(../Images/icon/icon-font-control.png) no-repeat;
    text-indent: +20px;
    overflow: hidden;
    background-position: 0px 3px;
}

    .fontcontrol-increase.disabled {
        background-position: 0px -16px;
    }

.fontcontrol-decrease {
    width: 20px;
    height: 16px;
    text-decoration: none;
    display: block;
    background: url(../Images/icon/icon-font-control.png) no-repeat;
    text-indent: +20px;
    overflow: hidden;
    background-position: -28px 3px;
}

    .fontcontrol-decrease.disabled {
        background-position: -28px -16px;
    }


.boli-assign-list {
    background-color: White;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

li.boli-assign-list-item {
    border-bottom: 1px solid #dddddd;
}

    li.boli-assign-list-item.last-item {
        border-bottom: none;
    }

a.boli-assign-list-item {
    display: block;
    padding: 4px 5px;
    text-decoration: none;
    color: #003061;
}

    a.boli-assign-list-item.active {
        color: #003061;
        background-color: #f7a900;
    }

    a.boli-assign-list-item.disabled {
        color: #cccccc;
        background-color: #f5f5f5;
    }

.boli-assign-checkbox {
    background: url(../Images/Button/custom-checkbox.png) no-repeat;
    background-position: 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
}

    .boli-assign-checkbox.active {
        background-position: 0px 0px;
    }

    .boli-assign-checkbox.partial {
        background-position: 0px -32px;
    }

.assign-control-container {
    border: 1px solid #CCCCCC;
}

.assign-control-listcontainer {
    border-top: 5px solid #CCCCCC;
}


.assign-control-filter {
    padding: 5px;
    border: 0px solid #666666;
    border-right: 1px solid #CCCCCC;
}

.assign-control-button-menu {
    background: url(../Images/icon/icon-menu.png) no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    width: 15px;
    height: 13px;
    margin-top: 5px;
    margin-left: 7px;
}

.alert-message {
    padding: 20px;
    min-width: 300px;
    text-align: center;
    padding-top: 0px;
}

.alert-message-button-container {
    padding: 5px 20px 7px 17px;
    text-align: center;
    border-top: 1px solid #CCCCCC;
    background: url(../images/background/black-5.png);
}


.datagrid-export {
    display: block;
    background: url(../images/icon/icon-excel.png);
    height: 29px;
    width: 29px;
    text-indent: -500px;
    overflow: hidden;
}

.icon-status-no-small {
    height: 20px;
    width: 20px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-status-no-small.png) center center no-repeat;
}

    .icon-status-no-small.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }

.icon-status-ok-small {
    height: 20px;
    width: 20px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-status-ok-small.png) center center no-repeat;
}

    .icon-status-ok-small.wait {
        background: url(../images/button/btn-wait.gif) no-repeat center center;
    }


.instruction {
    background: url(../images/backgrounds/white-5.png);
    padding: 5px 0px;
    margin-bottom: 15px;
    color: #BB0000;
    border-bottom: 1px solid #cccccc;
}


.mfc-table-col-2 {
    padding-left: 10px;
}

.mfc-table-col-3 {
    padding-left: 10px;
}

.mfc-table-col-4 {
    padding-left: 10px;
}

.mfc-table-col-5 {
    padding-left: 10px;
}

.mfc-table-col-6 {
    padding-left: 10px;
}

.start-container {
    /* margin: 50px;*/
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 300px; /* Adjust the height of the outer div as needed */
    margin-top: 100px;
}

    .start-container td {
        vertical-align: top;
        min-height: 200px;

    }

    .start-container h1 {
        color: #333333;
        margin-top: 0px;
    }

.start-cell-01 {
    padding-right: 20px;
}

ul.start-list {
    padding: 0px;
    margin: 10px;
}

    ul.start-list > li {
        list-style-type: none;
    }

    ul.start-list li {
        padding-bottom: 3px;
        color: #666666;
    }

.icon-user {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/icon/icon-user.png?) center center no-repeat;
    text-indent: 25px;
    overflow: hidden;
}

.profile-table {
    margin-right: 20px;
    color: #666666;
    float: right;
}


.icon-expand {
    height: 19px;
    width: 19px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-expand-blue.png?) no-repeat;
    background-position: 0px 3px;
}

    .icon-expand.active {
        background: url(../images/icon/icon-expand-blue.png?) no-repeat;
        background-position: -20px 3px;
    }

    .icon-expand.wait {
        background: url(../Images/Loading/btn-wait.gif) no-repeat center center;
    }

.task-item-detail-table-container {
    padding: 1px 0px 0px 40px !important;
    background-color: #dddddd;
}

.footer-class {
    /* background-color: #666666; */
}

.message-list {
    font-size: 12px;
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    overflow: auto;
    height: 400px;
}

li.message-list-item {
    background-color: #FFFFFF;
    list-style-type: none;
}


span.message-list-item {
    cursor: pointer;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    padding: 4px 0px 4px 10px;
    display: block;
    border-bottom: 1px solid #cccccc;
}

    span.message-list-item.active {
        background: #0066CC;
        color: #eeeeee;
    }



.icon-small-audit {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/icon/icon-small-audit.png) center center no-repeat;
    text-indent: -500px;
    overflow: hidden;
    margin-right: 10px;
}


.grid-inner-table td {
    border: none !important;
    padding: 0px !important;
}


.icon-more-small {
    height: 20px;
    width: 20px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-more-small-blue.png) center center no-repeat;
}

    .icon-more-small.wait {
        background: url(../Images/Loading/btn-wait.gif) no-repeat center center;
    }


.folder-name-with-divider {
    margin-bottom: 20px;
}

.boli-fm-foldername {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    padding-left: 10px;
}

.boli-fm-folder-title {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}

.boli-fm-folder-column {
    border-right: 1px solid #DDDDDD;
    padding-right: 10px;
}


.fc-input {
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-bottom: 3px;
    font-size: 14px;
    padding: 8px;
    width: 250px;
}

.account-info {
    color: #333333;
}

.account-info-divider {
    border-top: 1px solid #dddddd;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ddg {
    margin-top: 20px;
    border: 1px solid #dddddd;
    padding: 20px;
    background: #f6f6f6;
    color: #666666;
}

.dd-conf-t {
    width: 100%;
    margin-bottom: 15px;
    border: 2px solid #888888;
}

.dd-conf-c1 {
    text-align: right;
    width: 60%;
    padding-right: 15px;
}

.dd-conf-c2 {
    font-weight: bold;
}

.dd-comp-t {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #dddddd;
    background: #f6f6f6;
    font-size: 14px;
}

.dd-comp-c1 {
    text-align: right;
    width: 50%;
    padding-right: 15px;
}

.dd-comp-c2 {
    font-weight: bold;
}


.dp-status {
    height: 20px;
    width: 20px;
}

    .dp-status.active {
        background: url(../images/button/btn-status-ok-small.png) no-repeat right 0px top 5px;
    }


.f-co-ed-doc-ul1 {
    padding: 0px;
    margin: 0px;
}

    .f-co-ed-doc-ul1 li {
        list-style: none;
        padding: 3px 0px;
        color: #666666;
    }


    .f-co-ed-doc-ul1 > li > ul {
        margin-top: 3px;
    }

        .f-co-ed-doc-ul1 > li > ul > li {
            width: 300px;
        }

            .f-co-ed-doc-ul1 > li > ul > li.active {
                background: url(../images/button/btn-status-ok-small.png) no-repeat right 10px top 5px;
                border: 1px solid #bbbbbb;
                padding-left: 5px;
                margin-bottom: 1px;
                background-color: #e4ffe1;
            }

.sr-ps-pending {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background-color: #ffcb00;
    display: inline-block;
}

.sr-ps-paid {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background-color: #00ff00;
    display: inline-block;
}

.sr-ps-error {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background-color: #ff0000;
    display: inline-block;
}

.sr-ps-a {
    padding-top: 3px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.btn-help {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/questionmark.jpg);
    float: right;
}

.mfc-table .cfLabel {
    width:auto;
}

.icon-collapse {
    height: 19px;
    width: 18px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-collapse.png?) no-repeat;
    background-position: 0px 3px;
}

.icon-collapse.active {
    background: url(../images/icon/icon-collapse.png?) no-repeat;
    background-position: -16px 5px;
}

.icon-collapse-1,
.icon-collapse-2,
.icon-collapse-3,
.icon-collapse-4,
.icon-collapse-5,
.icon-collapse-6,
.icon-collapse-7,
.icon-collapse-8,
.icon-collapse-9,
.icon-collapse-10,
.icon-collapse-11,
.icon-collapse-12,
.icon-collapse-13,
.icon-collapse-14 {
    height: 19px;
    width: 18px;
    display: block;
    overflow: hidden;
    text-indent: -500px;
    background: url(../images/icon/icon-collapse.png?) no-repeat;
    background-position: 0px 3px;
}

    .icon-collapse-1.active,
    .icon-collapse-2.active,
    .icon-collapse-3.active,
    .icon-collapse-4.active,
    .icon-collapse-5.active,
    .icon-collapse-6.active,
    .icon-collapse-7.active,
    .icon-collapse-8.active,
    .icon-collapse-9.active,
    .icon-collapse-10.active,
    .icon-collapse-11.active,
    .icon-collapse-12.active,
    .icon-collapse-13.active,
    .icon-collapse-14.active {
        background: url(../images/icon/icon-collapse.png?) no-repeat;
        background-position: -16px 5px;
    }

.star {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: lightgrey; /* Default color */
    margin: 5px;
    border-radius: 50%; /* Make the shape a circle */
    position: relative;
    font-size: 14px;
    color: white;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border: 2px solid #fff; /* Border for a distinct look */
}

.yellow {
    background-color: Yellow;
}

.pink {
    background-color: Pink;
}

.green {
    background-color: Green;
}

.blue {
    background-color: Blue;
}

.red {
    background-color: Red;
}
/* Add more colors as needed */

/* Tooltip styling */
.tooltip {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position above the star */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.star:hover .tooltip {
    visibility: visible;
    opacity: 1;
}