/* CSS Styles */

a {
    cursor: pointer;
}

    a.queryLink {
        color: blue;
        font-weight: bold;
        font-size: 15px;
    }

.version {
    font-family: 'Times New Roman', Times, arrif;
    font-size: 14px;
    color: #C0C0C0;
    width: 100%;
}

body {
    font-family: Helvetica, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

a:hover {
    color: #96D836 !important;
}

h1, h2, h3, h4 {
    padding: 0;
    margin: 0;
}

.demo-banner {
    background-color: red;
    padding: 3px;
    color: white;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

#main-navigation li {
    padding: 0 5px 0 0;
}

#topbar img {
    display: block;
    float: left;
}

#banner {
    _margin-left: 1px;
    margin-top: 5px;
}

#topbar ul {
    padding: 0;
    margin-left: 50px;
    float: left;
    list-style: none;
}

    #topbar ul li {
        float: left;
        margin-right: 10px;
    }

#banner #reflection {
    background: url(../images/banner-bg.png) top left repeat-x;
    height: 81px;
}

#reflection img {
    float: left;
}

#reflection #create-profile {
    float: left;
    padding: 20px 0 0 50px;
}

.banner-content {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#intro {
    margin-top: 20px;
    background-color: #eaf3d4;
    border-top: 3px solid #a6ce38;
    border-bottom: 3px solid #a6ce38;
    font-size: 1.4em;
}

.content {
    padding: 0;
}

    .content h2, .content h3 {
        color: #2a4871;
    }

    .content ul {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .content ul li {
            margin-bottom: 5px;
        }

form {
    margin: 0;
    padding: 0;
}

#container {
    min-height: 900px;
    _height: 900px;
}

#login_info {
    padding: 2px 10px;
    border: 1px solid black;
    background-color: #305566;
    color: white;
}

    #login_info a {
        color: cornsilk;
    }

        #login_info a:active {
            color: antiquewhite;
        }

#nav_tabs {
    background-color: #efefef;
    padding-top: 10px;
    height: 30px;
    font-size: 0.8em;
    border-bottom: 1px solid #444;
}

    #nav_tabs ul {
        margin: 0 0 0 50px;
        padding: 0;
        list-style: none;
        background-color: #efefef;
    }

        #nav_tabs ul li {
            padding: 0;
            margin-right: 10px;
            float: left;
        }

            #nav_tabs ul li a {
                display: block;
                height: 29px;
                line-height: 29px;
                padding: 0 5px 0 5px;
                border-left: 1px solid #2e4c77;
                border-top: 1px solid #2e4c77;
                border-right: 1px solid #2e4c77;
                text-decoration: none;
                color: #2e4c77;
            }

                #nav_tabs ul li a.selected {
                    font-weight: bold;
                    color: white;
                    background-color: #3e5771;
                }

#quick_search {
    float: right;
    padding-top: 15px;
    padding-right: 130px;
}

#main_content {
    margin: 20px 50px 20px 50px;
}

#page_footer {
    padding: 20px;
    color: #fff;
    font-size: 0.9em;
    background-color: #000;
}

h1 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 1.6em;
}

h2 {
    padding: 0;
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
}

h3 {
    color: #3C78B5;
    padding: 0;
    margin: 0;
    font-size: 10pt;
    font-weight: bold;
}

#logon_warning {
    width: 90%;
    margin: 2px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #999999;
}

.subtitle {
    font-size: 10pt;
    color: black;
    font-style: italic;
}

ul.search_instructions {
    padding: 0;
    margin: 0 0 8px 15px;
    font-weight: bold;
}

#search {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    height: 20px;
    background-color: #F0F0F0;
    padding-top: 1px;
    font-size: 9pt;
    padding: 2px;
}

#search_form {
    float: right;
    margin-right: 10px;
}

    #search_form input {
        font-size: 10px;
    }

/* Main template styles */
#main_panel {
    width: 740px;
    margin: 4px auto 50px auto
}

#top_bar {
    padding: 6px;
    border-left: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
}

#page_footer table td {
    border: none;
}

#content {
    border: solid 1px #cccccc;
    padding: 12px;
    min-height: 400px;
    _height: 400px;
}

.footer {
    font-size: 10px;
    color: #999999;
    padding: 20px 0;
}

#info_bar {
    background-color: #f3f3f3;
    color: #7f7f7f;
    padding: 2px 0 2px 16px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-size: 12pt;
    font-weight: bold;
}

#top_bar input {
    border: 1px solid #cccccc;
    font-size: 10px;
}

.nav {
    border-left: 1px solid #BEC5A4;
    border-right: 1px solid #BEC5A4;
    background-color: #ECEDDE;
    color: #666B52;
    background-repeat: repeat-x;
}

    .nav a {
        text-decoration: none;
        padding: 4px 8px 4px 8px;
        display: block;
    }

        .nav a:link {
            color: #404432;
        }

        .nav a:hover {
            color: #404432;
        }

        .nav a:active {
            color: #404432;
        }

        .nav a:visited {
            color: #404432;
        }

#banner_old {
    background: url('../images/banner_bg.gif') repeat-x;
}

#sidebar {
    width: 200px;
    float: left;
}

#content_old {
    margin-left: 200px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 50px;
    border-left: solid 1px #888;
    min-height: 400px;
    _height: 400px;
}

#sidebar ul#main_links {
    list-style: none;
    padding: 10px;
    margin: 0;
}

    #sidebar ul#main_links li {
        padding: 5px;
        border: solid 1px #BBD1EC;
        margin-bottom: 10px;
        background-color: #E9EDF2;
        border-top: solid 1px #E6EFF9;
        border-left: solid 1px #E6EFF9;
    }

.sub_link {
    margin-left: 20px;
    margin-bottom: 10px;
}

#footer {
    height: 30px;
    padding-bottom: 10px;
    clear: left;
    border-top: solid 1px #AAA;
    background-color: #DDD;
}

.panel, .proj_info_panel {
    background-color: #D8E4F1;
    padding: 3px;
    border: 1px solid #3C78B5;
}

.proj_info_panel {
    margin-right: 40px;
}

.upgrade_panel {
    margin-top: 20px;
    background-color: #B5EDBC;
    padding: 8px;
}

.hint {
    background-color: #F0F0F0;
    border: 1px solid #DDD;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 2px;
    font-size: 0.8em;
    padding-bottom: 5px;
}

.winner {
    font-weight: bold;
    color: green;
}


.bpq-editObjectDialog .label {
    width: 220px;
    margin: 6px 0;
    display: inline-block;
}

.bpq-editObjectDialog .bp-invalid {
    padding: 2px;
}

.bpq-createProject .label {
    display: inline-block;
    width: 150px;
}

.bpq-createProject .bp-editor {
    width: 150px;
}

.bpq-createProject .bp-editor,
.bpq-createProject .bp-editor-date-button {
    margin-bottom: 5px;
}

.bpq-createProject .bp-editor-lookup {
    width: 154px;
}

.bpq-createProject .bp-editor-date {
    width: 127px;
}

.projectDetails .label {
    display: inline-block;
    width: 150px;
}

#project_title {
    width: 500px;
}

#project_title_text {
    font-size: 12pt;
    font-weight: bold;
    margin-right: 20px;
}

.role_title {
    margin-top: 20px;
}

.my_role, .std_role {
    vertical-align: top;
}

.my_role {
    background-color: #FAFD84;
}

.trade_desc {
    font-style: italic;
    color: #A40000;
}

#company_type {
    margin-bottom: 20px;
}

#trade_description {
    background-color: #374A8E;
    color: white;
    padding: 5px;
    margin-bottom: 20px;
    margin-right: 50px;
}

#company_info {
    margin-top: 10px;
    margin-bottom: 20px;
}

table {
    width: 100%;
}

    table td {
        border-bottom: 1px solid #E7E7E7;
    }

        table td.alt {
            background-color: #F7F7F7;
        }

    table th {
        text-align: left;
        color: #48365B;
        font-weight: bold;
        background-color: #EFEFEF;
        border-bottom: 1px solid #DEDEDE;
        border-top: 1px solid #ACACAC;
        padding: 5px;
    }

    table .kpiDetail th {
        background-color: #F8F8F8;
        border-top: 1px solid #DCDCDC;
    }

fieldset {
    width: 90%;
    padding: 10px;
    border: 1px solid #384C8B;
}

.tab_panel {
    border: 1px solid #DADADA;
    padding: 10px;
}

.tabs {
    margin-top: 10px;
    margin-bottom: 5px;
}

    .tabs ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .tabs ul li {
            display: inline;
        }

            .tabs ul li a {
                text-decoration: none;
                padding: 5px;
                background-color: #E7E7E7;
                border-top: 1px solid #DADADA;
                border-left: 1px solid #DADADA;
                border-right: 1px solid #DADADA;
            }

                .tabs ul li a.selected {
                    font-weight: bold;
                    background-color: #374A8E;
                    color: white;
                }

.search_box_title {
    padding: 5px;
    background-color: #E7E7E7;
    border-bottom: 1px solid #DADADA;
    margin-bottom: 10px;
    margin-right: 50px;
}

.search_box {
    margin-right: 50px;
    padding: 10px;
    border: 1px solid #384C8B;
}

label, .label {
    font-weight: bold;
}

#search_results ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #search_results ul li {
        margin-left: 20px;
        margin-bottom: 5px;
        padding: 5px;
    }

#search_results table td {
    border: none;
}

#search_results .submission_date {
    padding: 3px 0 3px 0;
    font-size: 12px;
    color: #444;
}

#search_results .actions {
    margin: 3px 0 25px 0;
}

    #search_results .actions ul {
        margin: 0;
        padding: 0;
    }

        #search_results .actions ul li {
            margin: 0;
            padding: 0;
            margin-right: 15px;
            float: left;
            line-height: 30px;
        }

            #search_results .actions ul li a {
                font-size: 11px;
                text-decoration: none;
                padding: 2px;
                background-color: #6B79AF;
                color: white;
            }

#search_results .approvals {
    padding: 10px 0 10px 0;
}

    #search_results .approvals table {
        border-bottom: 1px solid #53784E;
    }

    #search_results .approvals tr td {
        padding: 4px;
        border-top: 1px solid #53784E;
        height: 18px;
    }

        #search_results .approvals tr td.marker {
            width: 20px;
        }

        #search_results .approvals tr td.flag_name {
            width: 200px;
            border-right: 3px solid #53784E;
            font-weight: bold;
        }

        #search_results .approvals tr td.info {
            font-size: 11px;
            color: #222;
            width: 250px;
            padding-left: 15px;
        }

        #search_results .approvals tr td.button {
            padding-left: 20px;
        }

    #search_results .approvals tr.approved td {
        background-color: #CCEED8;
    }

#bpq-AuditGridContainer, .bpq-AuditGridContainer {
    height: 596px;
    overflow-y: hidden;
}

.bpq-auditDialog .pageCount {
    float: right;
    font-size: 16px;
    margin: 4px 0;
}

.bpq-auditDialog .bp-table {
    border: 1px solid #CCC;
    border-width: 0 1px;
}

    .bpq-auditDialog .bp-table td {
        padding: 3px;
    }

    .bpq-auditDialog .bp-table tr:hover {
        background-color: #EEF
    }

#search_results .load_placeholder {
    padding: 2px;
    font-size: 11px;
    background-color: blue;
    color: white;
    width: 100px;
    float: left;
}

.inactive_profile {
    font-weight: bold;
}

#search_results .actions ul li span.inactive_profile {
    font-size: 11px;
    text-decoration: none;
    padding: 2px;
    background-color: #DDD;
    color: #888;
}

#search_results .divider {
    height: 5px;
    border-bottom: 3px solid #6B79AF;
    clear: both;
}

#search_results .approval_marker {
    font-size: 8pt;
    font-weight: bold;
    padding: 3px;
    background-color: #D5F0D0;
    color: #45554B;
}

.entered_date {
    margin-top: 2px;
    font-size: 8pt;
    margin-right: 50px;
}

.award_date {
    margin-top: 2px;
    font-size: 8pt;
}

.address {
    color: Black;
    font-style: italic;
    margin-bottom: 7px;
}

.summary {
    margin-bottom: 5px;
}

.nav_panel, .action_panel, .title_panel {
    background-color: #E7E7E7;
    border-bottom: 1px solid #DADADA;
    padding: 5px;
    margin-bottom: 5px;
}

.project_action_panel {
    background-color: #E7E7E7;
    border-bottom: 1px solid #DADADA;
    padding: 3px 10px 2px 10px;
    margin-top: 8px;
    margin-bottom: 20px;
}

.action_panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .action_panel ul li {
        padding: 0;
        margin: 0 10px 0 0;
        display: inline;
    }

#order_by_panel {
    margin-bottom: 10px;
    font-size: 0.8em;
}

#project_details {
    margin-bottom: 10px;
}

.note, .bid_note, #remarks, #company_note {
    background-color: #EFEFEF;
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.bid_note {
    background-color: #9E181F;
    color: white;
}

.bid_note_awarded {
    background-color: #9E181F;
    color: white;
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

#winner_panel {
    background-color: #9E181F;
    color: white;
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

#company_note {
    margin-right: 50px;
}

#flash {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #ffffdb;
    color: #b21414;
    border: 1px solid #b21414;
}

    #flash .icon {
        float: left;
        border: 0;
    }

    #flash .text {
        margin-left: 50px;
    }

    #flash h1 {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 5px 0;
        padding: 0;
        color: #b21414;
    }

.infoMessage {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #ffffdb;
    color: #2D28D7;
    border: 1px solid #2D28D7;
}

    .infoMessage h1 {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 5px 0;
        padding: 0;
        color: #2D28D7;
    }

    .infoMessage .icon {
        float: left;
        border: 0;
    }

    .infoMessage .text {
        margin-left: 50px;
    }

.systemMessage {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #ffffdb;
    color: #2D28D7;
    border: 1px solid #2D28D7;
}

    .systemMessage h1 {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 5px 0;
        padding: 0;
        color: #2D28D7;
    }

    .systemMessage .icon {
        float: left;
        border: 0;
    }

    .systemMessage .text {
        margin-left: 50px;
    }

#company_details {
    background-color: #D8E4F1;
    padding: 10px;
    border: 1px solid #3C78B5;
    margin-top: 20px;
    margin-right: 50px;
}

#contact_details {
    margin-top: 20px;
    margin-right: 40px;
}

.page_section {
    margin-right: 80px;
    margin-top: 10px;
}

    .page_section h2 {
        color: #3C78B5;
    }

#bpq-OfferUserPanel {
    width: 600px;
    height: 400px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#bpq-LoginPanel {
    width: 500px;
    min-height: 400px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

    #bpq-LoginPanel h1 {
        font-size: 28px;
    }

    #bpq-LoginPanel label {
        font-size: 13px;
    }

    #bpq-LoginPanel .label {
        width: 180px;
        display: inline-block;
    }

    #bpq-LoginPanel .signIn {
        margin-top: 15px;
    }

    #bpq-LoginPanel input[type=text], #bpq-LoginPanel input[type=password] {
        font-size: 13px;
    }

#shortcuts {
    margin-bottom: 20px;
}

#administration, #my_account, #tools {
    margin-bottom: 20px;
}

/* Charting */

.chart {
    border: 1px solid #AAA;
    padding: 20px;
}

.bar1, .bar2, .bar3, .bar4, .bar5 {
    margin-bottom: 5px;
    height: 20px;
}

.bar1 {
    border-top: 1px solid #FFBD88;
    border-left: 1px solid #FFBD88;
    border-right: 1px solid #FF7709;
    border-bottom: 1px solid #FF7709;
    background-color: #FF933B;
}

.bar2 {
    border-top: 1px solid #A0FFA2;
    border-left: 1px solid #A0FFA2;
    border-right: 1px solid #009303;
    border-bottom: 1px solid #009303;
    background-color: #4DCC3C;
}

.bar3 {
    border-top: 1px solid #FF7E65;
    border-left: 1px solid #FF7E65;
    border-right: 1px solid #C02000;
    border-bottom: 1px solid #C02000;
    background-color: #E62600;
}

.bar4 {
    border-top: 1px solid #8979FF;
    border-left: 1px solid #8979FF;
    border-right: 1px solid #110094;
    border-bottom: 1px solid #110094;
    background-color: #2C10FF;
}

.bar_divider {
    border-bottom: 1px solid #EEE;
    margin-top: 5px;
}

#logon {
    padding: 5px;
    margin: 10px;
    background-color: #D8E4F1;
    border: 1px solid #3C78B5;
}

    #logon input {
        width: 140px;
    }

#logon_title {
    margin-bottom: 5px;
    border-bottom: 1px solid #AAA;
    padding-bottom: 5px;
}

#tag_panel, #user_notes_display {
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-color: #EFEFEF;
}

#notes_title {
    margin-bottom: 10px;
}

#user_notes_display div.note_title {
    font-weight: bold;
}

.note_body {
    margin-bottom: 10px;
    color: #444;
}

.form_panel {
    margin-top: 10px;
    padding: 5px;
    display: none;
}

.info {
    color: #555;
}

    .info.requestJoin {
        margin-bottom: 10px;
    }

#user_form {
    margin-top: 20px;
}

    #user_form table.form {
        width: 600px;
        margin-bottom: 20px;
    }

        #user_form table.form td.col1 {
            width: 160px;
        }

        #user_form table.form td {
            height: 25px;
        }

#user_list {
    margin-top: 20px;
}

    #user_list th {
        border-bottom: 1px solid #555;
    }

    #user_list td {
        height: 22px;
        border-bottom: 1px solid #ccc;
    }

#users form label {
    float: left;
    width: 150px;
    margin-bottom: 10px;
}

#users form br {
    clear: left;
}

#status, .status {
    background-color: #BD0D12;
    color: white;
    padding: 3px;
    width: 100px;
    position: absolute;
    visibility: hidden;
}

#accounts {
    margin-right: 20px;
}

#instructions {
    margin: 10px 0 20px 0;
}

#report_tender_form form label {
    float: left;
    width: 190px;
    margin-bottom: 15px;
}

#report_tender_form form br {
    clear: left;
}

#report_tender_form form fieldset {
    margin-bottom: 10px;
}

.file_content_item {
    padding: 5px;
    background-color: #E7E7E7;
    border-bottom: 1px solid #DADADA;
    margin-right: 50px;
    margin-bottom: 10px;
}

.logon_field {
    float: left;
    margin-right: 5px;
}

.search_table td {
    border: 0;
}

#approvals_search {
    margin: 20px 0 30px 0;
}

    #approvals_search table {
        margin-top: 10px;
    }

        #approvals_search table td {
            border: none;
            padding-bottom: 10px;
        }

    #approvals_search select.approval {
        width: 150px;
    }

    #approvals_search p {
        padding: 0;
        margin: 5px 0;
    }

#jobs, #tenders {
    margin-top: 20px;
}

#password_warning {
    padding: 10px;
    background-color: #efefef;
}

#message {
    width: 90%;
    margin: 2px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #999999;
    background-color: #E8E4BA;
}

#demo_warning, #content_warning {
    padding: 10px;
    background-color: #efefef;
    margin-bottom: 15px;
}

#content_warning {
    margin-top: 15px;
}

    #content_warning h2 {
        font-weight: bold;
        margin-bottom: 5px;
    }

#demo_warning h2 {
    color: #aa0000;
    font-weight: bold;
    margin-bottom: 5px;
}

#errors h2 {
    color: #aa0000;
}

.error {
    border-top: 1px solid #A00;
    border-bottom: 1px solid #A00;
    background-color: #FFDFE0;
    padding: 10px;
    margin: 10px 0;
}

#create_demo #info {
    margin-bottom: 20px;
}

#create_demo .field_hint {
    color: #777777;
    margin-bottom: 5px;
}

#create_demo fieldset {
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
}

    #create_demo fieldset legend {
        color: #3C78B5;
    }

#shortcut_demo_warning {
    padding: 5px;
    background-color: #E7E7E7;
    margin-bottom: 10px;
    margin-right: 20px;
}

#home_welcome {
    margin: 10px 0 30px 0;
}

#company_info ul {
    margin: 0 0 0 20px;
    padding: 0;
}

/* Account creation */
#new_account_link {
    margin-top: 20px;
}

#create_trial p {
    padding: 0;
    margin: 0 0 10px 0;
}

#account_edit_account_type {
    width: 150px;
}

/* Password reset recovery */
#reset_password_link {
    margin-top: 20px;
}

#reset_password {
    margin-top: 20px;
}

    #reset_password #email {
        width: 400px;
    }

#approval_flags table {
    margin-top: 10px;
    width: 620px;
}

    #approval_flags table td {
        border: none;
        padding: 4px;
        background-color: #dedede;
    }

/* Approval admin */
table#approval_permissions td {
    border: none;
}

#approval_permissions {
    width: 350px;
    margin-left: 30px;
}

#user_form .form #approval_permissions td.col1 {
    width: 30px;
}

#user_form .form #approval_permissions td label {
    font-weight: normal;
}

#user_search {
    margin-top: 15px;
}

    #user_search #q {
        width: 400px;
    }

.errorExplanation {
    border: 1px solid red;
    padding: 7px;
    margin-bottom: 20px;
}

    .errorExplanation h2 {
        color: red;
    }

    .errorExplanation p {
        font-weight: bold;
        margin: 0 0 10px 0;
        padding: 0;
    }

    .errorExplanation ul {
        margin: 0 0 0 40px;
        padding: 0;
    }

        .errorExplanation ul li {
            margin: 0 0 5px 0;
            color: red;
            font-weight: bold;
            padding: 0;
        }

.companies_house_status {
    font-weight: bold;
    font-size: 11px;
    padding: 2px;
}

#search_results .actions li .highlight {
    background-color: #d33b37;
    color: #fff;
}

#search_results .actions li.nomargin {
    margin-right: 5px;
}

#search_results .actions li .companies_house_link a {
    font-size: 11px;
    color: #2e4c77;
    background-color: #fff;
    font-weight: bold;
    padding: 2px;
}

    #search_results .actions li .companies_house_link a:hover {
        color: #96D836;
    }

#search_results .actions li .ch_last_update {
    font-size: 9px;
    color: #666;
}

#bpq-ResultsGridContainer,
.bpq-ResultsGridContainer {
    vertical-align: top;
}

#bpq-CompanyPropertiesContainer {
    width: 284px;
    vertical-align: top;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #b9b8b6;
    border-right: 1px solid #b9b8b6;
    border-bottom: 1px solid #b9b8b6;
}

td.noborder {
    border: none;
}

.bpq-CompanyRHPPanel {
    margin-bottom: 15px;
}

#bpq-CompanyProperties h1 {
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    background-color: #eaf3fe;
    line-height: 27px;
}

.bpq-analysisContainer .bpq-chartContainer {
    height: 340px;
    overflow: auto;
}

.bpq-analysisContainer .bpq-chart-legendContainer {
    height: 290px;
    overflow-x: hidden;
    overflow-y: auto;
}

.bpq-kpi-anylsisParent .graph-panel {
    display: inline-block;
    border: 1px solid #EEE;
}

.bpq-kpi-anylsisParent h3 {
    font-weight: bold;
    margin: 5px 0 0 5px;
}

.bpq-kpi-gapAnalysis .bpq-chartContainer {
    max-width: 250px;
    width: 250px;
    height: 340px;
    overflow: auto;
}

.bpq-kpi-ratingAnalysis .bpq-chartContainer {
    max-width: 740px;
    width: 740px;
    height: 160px;
    overflow: auto;
}

.bpq-kpi-ratingAnalysis .bpq-chart-legendContainer {
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
}

.bpq-kpi-anylsisParent {
    border: 1px solid lightgray;
}

    .bpq-kpi-anylsisParent .header {
        background-color: #eee;
    }

        .bpq-kpi-anylsisParent .header .icon {
            margin: 5px;
        }

        .bpq-kpi-anylsisParent .header .heading2 {
            margin-top: 2px;
        }

#bpq-CompanyProperties .bpq-Content {
    padding: 10px;
}

#bpq-ResultsToolbar, .bpq-Toolbar, .bpq-ResultsToolbar {
    min-height: 23px;
    background-color: #eee;
    padding: 5px 8px;
    border-bottom: 1px solid #ccc;
}

    .bpq-Toolbar input {
        border-top: 1px solid #c1c1c1;
        border-right: 1px solid #dadada;
        border-left: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        padding: 1px 7px;
        font-size: 14px;
        display: block;
        float: left;
    }

    #bpq-ResultsToolbar a,
    .bpq-ResultsToolbar a {
        height: 27px;
        line-height: 27px;
        margin-right: 15px;
        display: block;
        float: left;
    }

    #bpq-ResultsToolbar button,
    .bpq-ResultsToolbar button,
    .bpq-Toolbar button {
        margin: -1px;
        height: 27px;
        vertical-align: middle;
    }

.bpq-premiumMemberIcon {
    background: url('../images/bplogo-small.png') center center no-repeat;
    width: 26px;
    height: 25px;
    margin: auto;
}
.bpq-premiumMemberIconExpiring {
    filter:  hue-rotate(240deg);
}
.bpq-premiumMemberIconExpired {
    filter: hue-rotate(180deg);
}

.bpq-ApprovalIcon {
    width: 25px;
    height: 25px;
    margin: auto;
}

.bpq-ApprovedIcon {
    background: url('../images/tick16.gif') center center no-repeat;
}

.bpq-PartiallyApprovedIcon {
    background: url('../images/questionmark16.gif') center center no-repeat;
}

.bpq-NotApprovedIcon {
    background: url('../images/cross16.gif') center center no-repeat;
}

.bpq-McRefIcon {
    width: 25px;
    height: 25px;
    margin: auto;
}

.bpq-HasReferenceIcon {
    background: url('../images/tick16.gif') center center no-repeat;
}

.bpq-TempReferenceIcon {
    background: url('../images/questionmark16.gif') center center no-repeat;
}

.bpq-NoReferenceIcon {
    background: url('../images/cross16.gif') center center no-repeat;
}

.preApproval-Grey,
.preApproval-DarkGrey,
.preApproval-Red,
.preApproval-Pink,
.preApproval-Amber,
.preApproval-Yellow,
.preApproval-Green,
.preApproval-Blue,
.preApproval-Aqua,
.preApproval-Gold,
.preApproval-Silver,
.preApproval-Bronze,
.icon-CasApproved,
.icon-CasSuspended,
.gridIcon {
    width: 20px;
    height: 20px;
    margin: auto;
    border-radius: 10px;
}

    .gridIcon.multiIcon {
        display: inline-block;
    }

.preApproval-Grey {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-GreyLight.png');
}

.preApproval-DarkGrey {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-DarkGreyLight.png');
}

.preApproval-Red {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-RedLight.png');
}

.preApproval-Pink {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-PinkLight.png');
}

.preApproval-Amber {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-AmberLight.png');
}

.preApproval-Yellow {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-YellowLight.png');
}

.preApproval-Green {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-GreenLight.png');
}

.preApproval-Blue {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-BlueLight.png');
}

.preApproval-Aqua {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-AquaLight.png');
}

.preApproval-Gold {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-GoldLight.png');
}

.preApproval-Silver {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-SilverLight.png');
}

.preApproval-Bronze {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/preApproval-BronzeLight.png');
}

.icon-linked-inactive {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/linked-inactive.png');
}

.icon-linked-active {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/linked.png');
}

.icon-answered-inactive {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/answered-inactive.png');
}

.icon-answered-active {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/answered.png');
}

.icon-CasApproved {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/icon_CasSmall.png');
}

.icon-CasSuspended {
    background-image: url('https://www.buildersprofile.co.uk/future/Query/images/icon_CasSmallGrey.png');
}

.bp-dataGrid-table tr td.bpq-submitDate.outDated {
    background-color: #FDD;
}

#bpq-CompanyProperties h2 {
    font-size: 12px;
    margin: 0;
    font-weight: normal;
}

#bpq-CompanyProperties h3 {
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #d4d4d4;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
}

#bpq-CompanyProperties table.details {
    margin-bottom: 15px;
}

    #bpq-CompanyProperties table.details td {
        border: none;
        padding-bottom: 3px;
    }

        #bpq-CompanyProperties table.details td.label {
            font-weight: bold;
            text-align: right;
            padding-right: 15px;
        }

table.approvalSummary td.approvalValue {
    font-size: 11px;
    font-weight: bold;
}

table.assessmentSummary {
    width: 100%;
}

    table.assessmentSummary td.evalValue {
        font-size: 11px;
        font-weight: bold;
        vertical-align: top;
    }

#bpq-CompanyTradeDesc {
    margin-bottom: 15px;
    font-size: 11px;
    max-height: 450px;
    overflow-y: auto;
}

#bpq-Search {
    margin-top: 10px;
    border: 3px solid #bfc4d6;
    padding: 15px;
}

    #bpq-Search h2 {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 10px 0;
        padding: 0;
    }

    #bpq-Search span.label {
        width: 220px;
        font-weight: normal;
    }

    #bpq-Search table {
        margin-bottom: 15px;
    }

        #bpq-Search table td {
            border: none;
            padding: 0 0 5px 0;
        }

        #bpq-Search table .info {
            font-size: 11px;
            color: #777;
            margin-bottom: 3px;
        }

#bpq-SpecificSubmitDateSearch, #bpq-SpecificIdentitySearch, #bpq-IdentifierSourceSearch {
    display: none;
}

.bpq-DialogContent h1 {
    font-size: 14px;
    color: #000;
    margin: 0 0 15px 0;
}

.bpq-Loader {
    visibility: hidden;
}

.bpq-Checkbox {
    margin-bottom: 5px;
}

    .bpq-Checkbox label {
        font-weight: normal;
    }

.bpq-ApprovalsDlgContent label {
    margin-bottom: 10px;
    display: block;
}

.bpq-ApprovalsDlgContent .udf select {
    width: 300px;
}

.bpq-ApprovalsDlgContent .udf {
    margin-bottom: 15px;
}

#bpq-ApprovalDetails {
    background-color: #F1F4FF;
    padding: 10px;
    height: 100px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    display: none;
}

    #bpq-ApprovalDetails .actions {
        float: left;
        width: 120px;
        border-right: 1px solid #ccc;
        height: 100px;
    }

    #bpq-ApprovalDetails .details {
        margin-left: 140px;
    }

        #bpq-ApprovalDetails .details h1 {
            font-size: 13px;
            font-weight: bold;
        }

        #bpq-ApprovalDetails .details table {
            margin-bottom: 10px;
        }

            #bpq-ApprovalDetails .details table td {
                border: none;
                padding: 0 0 3px 0;
            }

                #bpq-ApprovalDetails .details table td.label {
                    font-weight: normal;
                    color: #777;
                    width: 150px;
                }

        #bpq-ApprovalDetails .details .at {
            color: #777;
        }

    #bpq-ApprovalDetails .notAllowed {
        margin-top: 5px;
        line-height: 16px;
        height: 16px;
        font-size: 10px;
        padding-left: 20px;
        background: url(../images/warning-small.png) no-repeat left center;
    }

.bpq-LoadIndicator {
    width: 24px;
    height: 24px;
    background: url(../images/loader.gif) no-repeat left top;
}

.bpq-AddApprovalDlgContent {
    margin-bottom: 20px;
}

    .bpq-AddApprovalDlgContent td {
        border: none;
    }

        .bpq-AddApprovalDlgContent td.label {
            font-weight: normal;
            width: 120px;
        }

.bpq-UnapprovalJustifications td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

#bpq-ConfirmApprovalsDlgContent p {
    padding: 0 0 5px 0;
}

#bpq-ViewNewProfile {
    margin: 10px 0;
    display: none;
}

button.bpq-ProfileSelector {
    width: 200px;
    height: 27px;
    margin-bottom: 5px;
}


#bpq-HomePanel .left {
    float: left;
    width: 500px;
}

#bpq-HomePanel .right {
    float: right;
    width: 450px;
}

#bpq-HomePanel h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

    #bpq-HomePanel h3 a:hover {
        text-decoration: underline;
    }

#bpq-HomePanel .text {
    font-size: 13px;
    margin-bottom: 13px;
}

#bpq-HomePanel .mainMenu {
    padding-top: 10px;
}

    #bpq-HomePanel .mainMenu hr {
        margin-bottom: 13px;
    }

#bpq-HomePanel .quickLinks {
    background-color: #F5F5FF;
    border: 1px solid #888;
    padding: 8px;
    border-radius: 5px;
}

    #bpq-HomePanel .quickLinks h3 {
        margin-bottom: 5px;
    }

    #bpq-HomePanel .quickLinks .subset {
        margin: 5px 0;
    }

    #bpq-HomePanel .quickLinks a {
        font-weight: normal;
    }

#approvalSummaryLoader, .loader {
    width: 16px;
    height: 16px;
    background: url('../images/loader-small.gif') top left no-repeat;
    display: none;
}

#approvalSummaryLoader {
    margin-bottom: 10px;
}

.bpq-SmallLoadIndicator {
    width: 16px;
    height: 16px;
    background: url('../images/loader-small.gif') top left no-repeat;
}

#bpq-CompaniesHouseStatus {
    padding: 3px;
    background-color: #ebfbef;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    #bpq-CompaniesHouseStatus.highlight {
        background-color: #c40606;
        color: #fff;
    }

#bpq-CompaniesHouseInfo {
    margin-bottom: 10px;
}

    #bpq-CompaniesHouseInfo .normal {
        color: green;
        font-weight: bold;
    }

    #bpq-CompaniesHouseInfo .highlight {
        color: red;
        font-weight: bold;
    }

#bpq-LastViewInfo {
    margin-bottom: 15px;
}

#bpq-CompanyTabs .bp-tab-button:first-child {
    margin-left: 10px;
}

#bpq-CompanyTabs .bp-tab-button {
    padding: 3px 8px;
    font-size: 11px;
}

#bpq-ViewAsSelect {
    max-width: 260px;
}

.bpq-LoadError {
    font-size: 20px;
    color: #999;
}

.commentList .comment {
    margin-bottom: 10px;
}

    .commentList .comment .title {
        font-size: 11px;
        font-weight: bold;
        color: #777;
        padding-bottom: 2px;
        margin-bottom: 3px;
        border-bottom: 1px solid #e4e4e4;
        height: 14px;
        line-height: 14px;
    }

#bpq-CompanyCommentsToolbar {
    padding: 5px 10px;
    font-size: 11px;
}

#bpq-CommentCountIndicator {
    background-color: #c61919;
    color: #fff;
    margin-left: 5px;
    padding: 0 3px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.commentList .deleteComment {
    margin-left: 15px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZJJREFUeNpsUjtPAkEQnjsenaeNVhKB8DgPQYkijYINWNppjImJoSW2/gF7tbAk2thZaCkGAyImgAErBCzwDBiBWBgLw10AZzYHofBLvszsPLIz3y7X7/eBcBaLCWg2kVtIJ5JH1pBXyIu9SOST6jhqeCmV1lRVPX0uFqVutwuj0Ol04Jmfl9vt9m4oHL7XzZhMY2aL5UZyueyCIIAsy8NijuMgEAzCrCRNtFut0G08fqnH+HYulzP3ej1wiiJ00aZTKdawEgiAxWqFSrkM1UplGkNRathROh14zGSA53mwOxygKgprsNls8FqtspyGDb22IMNDOg0kAY7AzlUszmBsBFO8psYQdNt//mAtuuEdOUmnJZ8P5txueKvVWJZ8UvEpnx80fFPDNUq3iNKB2+OBRr0OqWSSZQ0GA4uR1MVCgUJJGud82e//WvB64aPRgLtEAkgxIvkUo5woij9Ye8weDmWLokKHuWx2XNEUGsBoNNKonVazebAaDJ5wI19DRLOPXEcKWv0viYc8wq/BFvkTYAAbYaUNxlCtqAAAAABJRU5ErkJggg==)
}

    .commentList .deleteComment:hover {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYRJREFUeNpMkj1IQlEUx897qYVgSJCkpqINiVN7S5tjkyUEgQSBIA4qCGGbDoEYDs2GEIpT4SYoGGFSg5tOFlaQSOUHaijq65zby94ffnDu+biH/+VyJa0WRC0je8g+sonwyDNyjVwhTWriaMAciexMB4OLt2jUNhuPQSpeoQC919voVyqH7Xz+lm5R8UplQu/x2DbicezgJd08UG7d5zMtGo20xQC44fjBahWayaRAamUyAuYYFJOoVjabKXcmw6mDSbcLT8EgcHI5aJxOmPb7bMGqwwGtdJrVRO3KRINMdb8fQBBgzeVi51YqBfVAQGpJw4uv8StsnnQ68yOLMScRRxteaDudTKEQ6Nxu+MxmWZViGmiEw38DXTJ9SoZeYzFmsF0oCPdGI4NiEtVKOh2ZvqQBw3si8UGFTrEolC2W+StRTDlSPRjsYW5r4Uil6q3Y7cNhrbaNppdmg8G/pckEvnI5kKnVo1GjcTKsVm84ydewIl7ELn4T0jdyh5wjj5T4EWAAdeLFEHQNiz8AAAAASUVORK5CYII=)
    }

#bpq-EditAccountDialogContent table td {
    border: none;
    padding: 0 0 3px 0;
}

    #bpq-EditAccountDialogContent table td.label {
        text-align: right;
        padding-right: 15px;
    }

.userEditor {
    width: 250px;
}

.evalSection {
    margin-bottom: 10px;
    zoom: 1;
}

    .evalSection label {
        display: block;
    }

    .evalSection table td {
        border: none;
    }

    .evalSection td.left {
        width: 270px;
    }

    .evalSection .areaStage {
        width: 200px;
    }

#creditSafeLoader {
    margin-left: 10px;
    margin-top: 10px;
    display: none;
}

#bpq-CreditRatingsInfo {
    padding: 20px;
}

#bpq-CreditRatingScore {
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

#bpq-CreditRatingDescription {
    margin-top: 10px;
}

.bpq-SnippetsContainer {
    display: none;
    margin-bottom: 5px;
}

    .bpq-SnippetsContainer .bp-checklist label {
        padding: 3px;
    }

#bpq-SubsetsList {
    height: 350px;
    width: 400px;
    border: 1px solid #ccc;
    overflow: auto;
}

    #bpq-SubsetsList .item {
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }

    #bpq-SubsetsList table td {
        padding: 0;
        border: none;
    }

#bpq-CreditRatingButton {
    margin-top: 10px;
}

#bpq-CreditReportDetails td {
    padding: 7px 15px 7px 0;
    border-bottom: 1px solid #e4e4e4;
}

    #bpq-CreditReportDetails td.label {
        font-weight: bold;
    }

#bpq-CreditReportDetails h1 {
    font-size: 14px;
    margin: 10px 0;
    font-weight: bold;
    color: #000;
}

#bpq-CreditReportDetails .currentScore {
    font-size: 30px;
    font-weight: bold;
    color: white;
    padding: 10px 0;
    text-align: center;
    width: 80px;
}

#bpq-CreditReportDetails .green {
    background-color: #408e21;
}

#bpq-CreditReportDetails .red {
    background-color: #d31212;
}

#bpq-ExpiryDates {
    margin-bottom: 15px;
}

.expiryDates td {
    height: 20px;
    padding-left: 3px;
}

td.approvalValue .expired {
    background-color: #FF0000;
    border-radius: 3px;
    color: white;
    padding: 3px;
}

td.approvalValue .expiring {
    background-color: #f8f1b5;
    border-radius: 3px;
    padding: 3px;
}

#assessmentStage td {
    border: none;
}

#assessmentStageType {
    padding: 10px;
    width: 300px;
    font-weight: bold;
    font-size: 18px;
    background-color: #e1f3fd;
}

#assessmentStageEditor {
    width: 300px;
}

#assessmentStageButtons {
    margin-left: 20px;
}

.goog-imageless-button-checked .onhold {
    background-color: red;
    color: white;
}

.goog-imageless-button-checked .assessing {
    background-color: green;
    color: white;
}

.goog-imageless-button-checked .assessmentStage {
    background-color: blue;
    color: white;
}

#bpq-AssessmentExpired {
    background-color: #d61212;
    padding: 3px;
    border-radius: 3px;
    color: white;
    margin: 5px 0;
    margin-left: 15px;
    visibility: hidden;
}

#bpq-AssessmentSearch {
    display: none;
}

.bpq-InsDocumentExpired {
    background-color: #d61212;
    padding: 3px;
    border-radius: 3px;
    color: white;
    margin-left: 15px;
    font-weight: bold;
    font-size: 11px;
}

#bpq-UDFSummary {
    display: none;
    margin-bottom: 15px;
}

    #bpq-UDFSummary table {
        width: auto;
    }

    #bpq-UDFSummary td.label {
        max-width: 180px;
        padding: 2px 7px 2px 0;
    }

    #bpq-UDFSummary td {
        border: none;
    }

    #bpq-UDFSummary .bpq-sidebar-toggle {
        height: 12px;
        background-position: center;
    }

.bp-arrow-slideDown {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAALCAIAAAB+sXNoAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfgAxcODhOVXAb+AAAAB3RJTUUH4AcVDDcQi92DqwAAAAlwSFlzAAAK8AAACvABQqw0mAAAASZJREFUeNrFktmqgmAUhTOlHChzgEDw/d9LQfDCGefU84EgncwSzsXZl79r2HsthWmaDqtJkqRtW8MwzufzYfdAgQgF4vO7tIYOw+B5XpqmiqLoum5Z1u12kyRpS/rxeACOoijLsrquAV+vV1EUP3lwGaC+76uqghOGoaZprIbZ5XI5Ho8zbBzHoiiQZveyLGEJggAS7ks2wtusmK7r8jyfJQiBF1bDwzRN7sM7jmM8OJpPcz4sgcHpdHqREr72gRwhYEYgxPIraEkiGaSJFOM/9WHb9v1+JxAkgiBomkaWZcdx0CIc8IChbPXx5g6W9X2fxeljSXnpgwxJicTIZN2HqqrAXNd9/kf+r4/n2d/HlsJ3j+WH3uqDiD5z93osg8HcBzY7KT9L2Ry18Ja5/QAAAABJRU5ErkJggg==);
}

.bp-arrow-slideUp {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAALCAIAAAB+sXNoAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfgAxcODhOVXAb+AAAAB3RJTUUH4AcVDDccgmvPgAAAAAlwSFlzAAAK8AAACvABQqw0mAAAAQlJREFUeNrNkclug0AQRM1qFrEY35BA4v8/C8GNXZhFLH7KXBIrsbGSQ/o4U9VVXSXt+356Z8ZxLMsyCALDMA5S1IM4rPR9X1VVnufIIBCG4eVysW1bkqTnXOnlHcMwNE1TFEVd18uyfDGoqr7vX69Xz/NM03xbY57ntm1ZjfdpmnhRFMVxHFJiHcIk1nXduq58nc9nbkLMdV1d119rYDZNU7bfbjd+iYJAxAo00BZ9sAsNYYIYBdKyLGBRFHHisz6AcgE0/BICHALhCF6yLHvoI0mSOI6JETEiBaNp2kND32cl8mEFIRzvAwpEkdu/70OWZQHbtu2P+/jMEYOY9zF4+m0fp8PzUx93+3oRex6iHMMAAAAASUVORK5CYII=);
}

#msg_training table td {
    border: none;
}

#bpq-CompanyProperties table.evaluations td {
    padding-bottom: 10px;
}

#bpq-CompanyProperties table.evaluations label {
    width: 60px;
}

.badge {
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
    padding: 1px 9px 2px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.badge-success {
    background-color: #468847;
}

.badge-error {
    background-color: #d61212;
}

.tradeItem, .oaItem, .lookupItem {
    background-color: lightblue;
    border: 1px solid blue;
    font-size: 12px;
    margin: 2px;
    padding: 1px 1px 1px 3px;
    display: inline-block;
}

.tradeItemRemove, .oaItemRemove, .lookupItemRemove {
    cursor: pointer;
    margin: 2px;
    padding: 0 3px;
    border: 1px dotted blue;
    display: inline-block;
}

#bpq-Search .label {
    width: 160px;
    display: inline-block;
}

    #bpq-Search .label.trades,
    #bpq-Search .label.oas {
        vertical-align: top;
        padding: 5px 0 0 0;
    }

table.kpiSearch {
    width: 780px;
}

    table.kpiSearch td {
        width: 192px;
    }

        table.kpiSearch td.remove {
            width: 40px;
        }

    table.kpiSearch select {
        width: 170px;
    }

.expand .header {
    cursor: pointer;
}

    .expand .header div {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 5px;
    }

.expand .icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background-size: contain;
}

    .expand .icon.plus {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABT3RFWHREZXNjcmlwdGlvbgBDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIP0ZRbwAAAAvdEVYdEF1dGhvcgAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga4h8+wAAAAd0SU1FB98BDg8uBYIy4EcAAAAJcEhZcwAACvAAAArwAUKsNJgAAAPpSURBVHjaxVZdSJNRGN6+/ZYWg7k2GaYNkiRZ4k9BF12Eu+nCQIaoDAKJrtISdiMEXkhSMtiFIIOuTPFGwhhMaEQURoTV3LxQGCIDU4cx5w865/56n9g3tvl9+7YReODlfOd87znPeX/O+xxxKpUSnUdjzgWVmrREfTHJxWg0Wre5udkcj8dlUqk0ptfrPQqFIkD/jkmKcyFcLSTJZPLS2trao9HR0fdNTU1b6c1zBPP4v729/ZDWyIT2FASNRCJGs9nsw+YqlSpitVo/krWdp6en1yFk/Q2fz/e0p6fHQ9YnoDc2NvaOvFFTLrDS4/E812q1h/X19X9gcSKR0NI8w6Mvi8VidW63+2VlZWUUHtjZ2XnAp8/n2sqhoaEPxZ4+T8SHh4d34CV4YH5+/hUXONdCZm5uzg5QuLCYePHlhcPheAvwjY0NsyDw0dFRM5RHRkac5YKyQp7SI0wtLS2/6SCqQsCKgYGBz4jryclJg8DGyizh1VtaWnoG7y0uLlp5gXEVoARXI1aFQJHFSCD0hcBhKSyGMZR8V7mApX19fd/zFfiA2fuMvlirXS7X6zPAuCq4p8PDwy4Ba0sGJqvVtbW1YZPJ5KexHHOZWk3Al/f29pQGg2GLp+wpWSHdKioeEkyixzj7/5k6KxaHOzo6lv1+v4ZAK3Jq9f7+vgF9W1vbDy7Q3t7eb6urqzoWjDYBmAi90Wj8JZfLUbVEDQ0NwZmZmbv0eZK1Ptna2uofHx+/R5WuRqlUhjPAu7u7evQSiSTOVdMB6vV6q/Pn6cowKysrV4Q4IW3Q43A4bKiurl7OAINlCqxLUo12BoNBNQahUOiy3W6/T1dOSqePDw4OflKr1Qf4p9PpQtDP34BKbj1hJDUajTeHnWiTmxguLCy84CuFrKAqNTY2BqGPHuPs/1zVsL+//0s6uRQ5yQU+pQzdnpiY6KShjItBWaFkieH0aU8lMc6jyZxGyaebmpq63d3d/RUpgrnsF8hxV1fX4uzs7C1KnmtCMSulBQIBE25Me3u7O3OwMiuXfHp62mGz2WbRs3eTRy5YLJafKEywnK9Wy0CD4FNQmxD9FYhpRsDpMAZ9QXYC96IagU/TSVM2O4FoYCmMyfcK5wK8HECN4FNQWzmgeBbBxaBFrocE30IGLweAYyGKfD6fFhDF+vq6BesQMrzPuPQKbcDg5QBKQ4zQpw+gTp19yiDOFUhOWMnqp0HFpQJn+BQkjlhhQ7AMisHk5OQbKpVPnE6nDYzGshX08OAT8lDRMQNHg09RfQCeXTBAp5jH/zSXC9Gq6J9CiQ3ZWUEJU8VOELEcMAwTZqtSMa0c4P/S/gIhwbrfuBFeowAAAABJRU5ErkJggg==);
    }

    .expand .icon.minus {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABT3RFWHREZXNjcmlwdGlvbgBDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIP0ZRbwAAAAvdEVYdEF1dGhvcgAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga4h8+wAAAAd0SU1FB98BDg8pLfjG3noAAAAJcEhZcwAACvAAAArwAUKsNJgAAANySURBVHjaxVZdSFNhGPYct85qMwZrbDZsMnAUgYhzBF50J0EXBrGLhEEg0VVaF7sRAi8kKQm68GYQC+w+jMEEpYtCkLCYzcILE2ksnRhus2X733qfOmfo8Zyd4xx54OVwvvN+3/O9P9/zfEylUmk6iYc9EVR6NEf0Z8jO5HK59o2Nje5isajVaDQFm80W5jjuG/37TaYuhUi1kpXL5Za1tbXb4+Pjr7u6ujb5xQ8YxvE/Ho/foDlapTUVQTOZTKfH44lgcaPRmPH5fG8o2pv5fL4DRtFfjEQi9wYGBsIUfQl+ExMTrygbbfUC68Lh8AOLxZJ2Op0/EHGpVLLQOCvjry0UCu1zc3OPDAZDDhnY3t6+Lucvl1rDyMjIrNrdi4xJp9NXkCVkYGZm5rEUuNREdnp6+hlAkUI19ZLrC7/f/xLgsVjMowi8t7fXDeexsbFgvaCCUaZsKJPL5fpOGzHWAuaGh4ffoq7ZbPbScUAFW1pauo/sLS4u+mSBcRTghFSjVo0ARqSIGMFQ812QAtYMDg6+Fzs0MupQKPTkEDCOCs7p6OhoqFHR7ovaZLfbk319fav0fQpjVcok4LOpVErncDg2JWiPo5p3qOT2sk6n+0rvXJVnGSbZ39+/HAwGOwlUT9/5KvDu7q4Db7fb/UG8EkB7e3tnt7a2WpRQrVZremFh4RqBf9m/mZ6entXJycmrxHRt9C9ZBU4kEja8m5ubixLrsQCl5lMEFvzFA3xAd5LJpKO1tXW5CgyVkV2FZbOUqs87OzsGJUSTyfQL/uJxolwnYZTNZvOnvwNCA1A6L+Nzfn7+oRQNgonUmkRzskNDQ+/45uLEx0kPYofKHJexJBjsPE5MIBB4IWzqQFTQU9AlNYCzkcBQNmQzGo3e+m/MRXba6/V+BDHRkbXKcbUWMgg9hbQ1AhiajmDwrqlO0F7UGnrKN0rdoBAaRIpgBMaSBYbh5oBaQ08hbfWA4lqEFEMWpS4SchNZ3BwAjokgebGe1jBufX3di3koGe5nUn61FmBxc4CkoUZ48xswVQ5fZdCIejQnohT8eVDmqMBVPYWIo1ZYECoDMpiamnq+srJyl4j/KRRNuPbCDxc+pQyprhk0GnoK9gF40747NcgB4/jPa7niUfzHIkd70J16aphzwgAJy0/iZ2wmr3aReoAb8vwB4p0z5ytIVG8AAAAASUVORK5CYII=);
    }

.expand .sidepanelExpander {
    font-size: 0.8em;
}

    .expand .sidepanelExpander .icon {
        background-size: contain;
        width: 15px;
        height: 15px;
    }

.heading2 {
    color: #2a4871;
    padding: 0;
    /*margin: 0;*/
    font-size: 1.4em;
    font-weight: bold;
}

.heading3 {
    color: #2a4871;
    padding: 0;
    /*margin: 0;*/
    font-size: 1.2em;
    font-weight: bold;
}

#bpq-Search .heading3 {
    font-size: 13px;
    font-weight: bold;
    /*margin: 0 0 10px 0;*/
    padding: 0;
}

.heading4 {
    color: #2a4871;
    padding: 0;
    /*margin: 0;*/
    font-size: 1em;
    font-weight: bold;
}

.linkContainer {
    max-width: 250px;
    word-wrap: break-word;
}

.graphControls {
    border: 1px solid #000000;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    margin: 2px 0;
    padding: 3px 5px;
    overflow: hidden;
    box-sizing: border-box;
}

.graphContainer {
    border: 1px solid #000000;
    border-radius: 10px;
    display: inline-block;
    height: 400px;
    width: 100%;
    margin: 2px 0;
    overflow: hidden;
    box-sizing: border-box;
}

    .graphContainer .table {
        padding: 10px;
    }

        .graphContainer .table .bp-table {
            margin-left: auto;
            margin-right: auto;
            width: auto;
        }

            .graphContainer .table .bp-table > thead {
                display: block;
            }

                .graphContainer .table .bp-table > thead > tr > th {
                    color: #000000;
                    border: 1px solid #DDD;
                    font-weight: bold;
                    font-size: 13px;
                    font-family: Arial,Helvetica,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
                    cursor: default;
                    background: linear-gradient(#fff, #ddd);
                    height: 26px;
                    padding: 0 8px;
                }

            .graphContainer .table .bp-table > tbody {
                max-height: 300px;
                overflow-y: auto;
                overflow-x: hidden;
                display: block;
                width: 355px;
            }

            .graphContainer .table .bp-table td {
                padding: 2px 11px 2px 5px;
            }

div.blanket {
    background-color: #000000;
    opacity: 0.3;
    filter: alpha(opacity = 50);
    position: relative;
    width: 100%;
    height: 120%;
}

.graphContainer img.loader {
    z-index: 20;
    position: relative;
    top: -52%;
    left: 49%;
}

button.graphButton {
    position: relative;
    top: -98%;
    left: 10px;
}

.menuItem {
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    color: #FFFFFF;
    width: 200px;
    font-size: 1.2em;
    font-weight: bold;
    background-color: blue;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menuItem.disabled {
        /*color: #FFFFFF;*/
        background-color: darkgray;
    }

    .menuItem:hover {
        background-color: royalblue;
    }

    .menuItem:active {
        background-color: darkblue;
    }

.analysisMenu {
    display: inline-block;
    border-radius: 5px;
    margin: 5px;
    width: 230px;
    background-color: lightblue;
    overflow: hidden;
    vertical-align: top;
}

#bpq-KpiSummary {
    margin-bottom: 5px;
}

.kpiSummaryDescription {
    font-weight: bold;
}

button.aliasEditList {
    width: 175px;
}

td.aliasEditListControls {
    width: 175px;
}

td.aliasEditList,
input.aliasEditList {
    width: 325px;
}

select.aliasEditList {
    width: 100%;
    max-width: 325px;
}

#bpq-EditApprovalsLink,
#bpq-EditKpiLink,
#bpq-EditUdfsLink {
    color: #0A2D57;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

    #bpq-EditApprovalsLink:hover,
    #bpq-EditKpiLink:hover,
    #bpq-EditUdfsLink:hover {
        color: #96D836;
    }

.bpq-ProfileStatus {
    border: 1px solid #BBB;
    padding: 5px;
    margin: 0 1px;
    border-radius: 10px
}

.bpq-DifferencesDialog, .bpq-DialogInternalContent {
    overflow: auto;
}

input[type=number].kpiRating {
    width: 60px;
}

/* #### Company Screen #### */
.companyPanel {
    border: 1px solid black;
    border-radius: 10px;
    display: inline-block;
    padding: 10px 5px;
    vertical-align: top;
}

    .companyPanel .bp-loader-small {
        float: right;
    }

    .companyPanel h3 {
        display: inline-block;
    }

    .companyPanel.general {
        width: 275px;
        height: 270px;
    }

    .companyPanel.trades,
    .companyPanel.operatingAreas {
        height: 270px;
        width: 210px;
    }

        .companyPanel.trades .tradesList,
        .companyPanel.operatingAreas .oaList {
            height: 240px;
            overflow-y: auto;
        }

    .companyPanel.expiryDates {
        height: 270px;
        width: 350px;
    }

        .companyPanel.expiryDates .expiryContainer {
            height: 240px;
            overflow-x: auto;
        }

    .companyPanel.approvals,
    .companyPanel.assessment,
    .companyPanel.userFields {
        height: 270px;
        width: 250px;
    }

    .companyPanel.comments {
        height: 270px;
        width: 600px;
    }

        .companyPanel.comments .commentContainer {
            height: 240px;
            overflow-x: auto;
        }

/* #### Maps #### */
.mapLoader {
    float: right;
}

.mapLoaderStatus {
    float: right;
    margin-top: 5px;
}

.mapLoadLinks a {
    color: mediumseagreen;
    cursor: pointer;
    margin-bottom: 5px;
}

.bp-map-filter {
    padding: 2px 5px;
    margin-left: auto;
    margin-right: auto;
}

    .bp-map-filter img {
        vertical-align: middle;
    }

    .bp-map-filter label {
        padding: 3px;
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        font-weight: bold;
    }

    .bp-map-filter input {
        margin: 6px;
    }

.bp-map-container {
    border: 1px solid #000;
    border-radius: 10px;
    display: inline-block;
    height: 600px;
    width: 100%;
    margin: 2px 0;
}

.bpq-map-sidebar {
    position: absolute;
    z-index: 10;
    display: inline-block;
    height: 600px;
    background-color: #FFF;
    margin-top: 2px;
    border: 1px solid #000;
    border-left: none;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

    .bpq-map-sidebar td {
        height: 590px;
    }

.bpq-sidebar-toggle {
    cursor: pointer;
    background-repeat: no-repeat;
}

.bpq-map-sidebar .bpq-sidebar-toggle {
    width: 12px;
    height: 50px;
}

.bpq-map-sidebar.open .bpq-sidebar-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAgCAIAAABLpRWEAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfgAxcODhOVXAb+AAAAB3RJTUUH4AMXDhIJW0hBqQAAAAlwSFlzAAALEgAACxIB0t1+/AAAARtJREFUeNrNk7duxDAQRI/KAVbsVOj//0uAOkVDEQo3OBLcvSvs0t7qQRxumKXEfd+PH8N4/BZ/oDiO4zzPD7a4oqqqcRzLskzTVDPl2Pe9aZq+77dt40wK3Jjn2fd9JOBMClyCe3Ecu67LWSmWZem6TgiR5zlnmmUYBpQMwzBJEs5KgYRIC0BV0zQ1W5alFNM0oW2cIS1ncgxV4c/XKzgrxbqudV2DsiyDDZoNQ7VotG0LEQjTc6a9QO55nhyYMynwqSgKEBI4jqP5ui7qVA72/QrOpJDmYNdwgjMptMEYFWeaMTa5Lpck7eJMCrloaT/nt1eI5Cgn18aZFFEUBUEgV8+Z3inMwFXbttEEZ8H/SjSP5FgsZ/FP/tsn4zYKwTLRg2gAAAAASUVORK5CYII=);
}

.bpq-map-sidebar.closed .bpq-sidebar-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAgCAIAAABLpRWEAAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfgAxcODhOVXAb+AAAAB3RJTUUH4AMXDhIAIpT5DQAAAAlwSFlzAAALEgAACxIB0t1+/AAAASFJREFUeNq9k8eug0AMRUMRVaHu+P9P4g+Q2FEjqijvKh6NnU3eLrNABzgZ7OuJcd/34+syH/+t3xnneR7HQfeSldF1XVmWVVXhRjIb27b1fd80zb7vktlI09T3/Xmex3GUzIbrunEcIzf8VPJHpXmeG4aBIpZlkcxGkiRhGKKIYRgks2HbNioAYHPLsjTTyFRi2Bzv0Mg0TZLZeL4XskIFktkwTTPLMkBd1whD87quPBckgSsetW0rmQ1qz/M8bCBZGdd1QQcUReE4jmZIyni9F7UtmStF95g7xSVZGboxJIF3mhG/MigcGptkTp0CptFL5hOEIWFDbCv54xSi+yAIoiiSrA0bn0TZeIQYJGvDwFdRP64IgM66ZjZ+85/7vv4AtskU4tALBRsAAAAASUVORK5CYII=);
}

.mapToolbar {
    border-radius: 5px;
    border: 1px solid #000;
}

.mapPanel {
    border: 1px solid #78F;
    background-color: #CDF;
    width: 150px;
    padding: 3px;
    vertical-align: top;
}

    .mapPanel button {
        width: 100%;
    }

    .mapPanel .bp-loader-small {
        float: right;
    }

    .mapPanel .content {
        padding: 0;
        height: 35px;
    }

.poiSelectList .pointOfInterest {
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    width: 200px;
}

    .poiSelectList .pointOfInterest.selected {
        background-color: #AAA;
    }

    .poiSelectList .pointOfInterest:not(.selected):hover {
        background-color: #DDF
    }

    .poiSelectList .pointOfInterest:not(.selected):active {
        background-color: #AAF
    }

.projectActions,
.bpq-actionButtonList {
    background-color: #FFFFCC;
    border: 1px solid #666652;
    padding: 10px;
    width: 300px;
    display: inline-block;
    float: right;
}

    .projectActions button,
    .bpq-actionButtonList button {
        width: 100%;
    }

.bpq-createUserLabel span {
    display: inline-block;
    width: 150px;
}

.bpq-createUserLabel input {
    width: 150px;
}

.bpq-projectDetails td {
    vertical-align: top;
    width: 33%;
}

.bpq-mainMenuLinkContainer {
    overflow-y: auto;
}

#bpq-selectExternalLoginType {
    font-size: 18px;
}

    #bpq-selectExternalLoginType a {
        width: 150px;
    }

    #bpq-selectExternalLoginType ul {
        margin-left: 100px;
    }

    #bpq-selectExternalLoginType div {
        text-align: center;
    }

    #bpq-selectExternalLoginType .contactSupport {
        font-size: 18px;
    }

#bpq-sidebarHelp {
    font-size: 16px;
    padding: 5px;
    text-align: center;
}

.bpq-externalLogo.Conquest {
    height: 100px;
    background-image: url('https://www.buildersprofile.co.uk/website/wp-content/uploads/2017/05/conquest-logo.png');
    background-repeat: no-repeat;
    background-position: center;
}

.bpq-monitorResult-Widget {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}

    .bpq-monitorResult-Widget .dataCount {
        padding: 5px 10px;
        font-weight: bold;
    }

.bpq-monitorResult-Dialog {
    min-height: 150px;
    min-width: 250px;
}

    .bpq-monitorResult-Dialog .step {
        border: 1px solid #000;
        border-radius: 5px;
    }

        .bpq-monitorResult-Dialog .step .header {
            cursor: pointer;
            padding: 5px;
            border-radius: 5px;
        }

            .bpq-monitorResult-Dialog .step .header.hasChildren {
                background-color: #EEE;
            }

            .bpq-monitorResult-Dialog .step .header.low {
                color: #AAA;
            }

            .bpq-monitorResult-Dialog .step .header.high {
                font-weight: bold;
            }

            .bpq-monitorResult-Dialog .step .header .name {
                display: inline-block;
            }

            .bpq-monitorResult-Dialog .step .header .duration {
                text-align: right;
            }

        .bpq-monitorResult-Dialog .step .content {
            border-top: 1px dashed #000;
            padding-top: 5px;
            margin-bottom: 5px;
        }

.bpq-dashboardWidget {
    border: 1px solid #888;
    border-radius: 5px;
    padding: 10px;
}

.bpq-creditScore .change {
    font-size: 12px;
}

.bpq-companyCoreSearch {
    display: inline-block;
}

    .bpq-companyCoreSearch .label.mainField {
        font-size: 14px;
        font-weight: bold;
    }

    .bpq-companyCoreSearch .label,
    .bpq-companySearch .label {
        margin-bottom: 10px;
        padding-top: 3px;
        width: 240px;
        font-weight: normal;
        display: inline-block;
        vertical-align: top;
    }

.bpq-lookupSearch {
    display: inline-block;
    margin-bottom: 5px;
}

.bpq-resultGridLayoutSelectorPanel {
    float: right;
    background-color: #F5F5FF;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 8px;
}

    .bpq-resultGridLayoutSelectorPanel .selected {
        background-image: linear-gradient(to bottom, #AAA, #e6e6e6);
    }

.bpq-csvSelectColumns label {
    width: 300px;
    display: inline-block;
    vertical-align: top;
}

.bpq-csvSelectColumns > div {
    display: inline-block;
    vertical-align: top;
}

.bpq-csvSelectColumns > .editorPanel {
    width: 640px;
    height: 670px;
    overflow-y: scroll;
}

.bpq-csvSelectColumns > .selectedColumns {
    padding-left: 10px;
}

    .bpq-csvSelectColumns > .selectedColumns h4 {
        margin-top: 10px;
    }

.bpq-csvSelectColumns .expand > .contents {
    padding-left: 10px;
}

    .bpq-csvSelectColumns .expand > .contents > .expand > .header {
        font-size: 0.8em;
    }

        .bpq-csvSelectColumns .expand > .contents > .expand > .header > .icon {
            width: 25px;
            height: 25px;
        }

.bpq-reactionSmileySelector {
    display: inline-block;
    vertical-align: middle;
}

.bpq-feedbackConfirm {
    display: inline-block;
    font-size: 10px;
    vertical-align: middle;
    border-left-style: none;
    border-radius: 0 3px 3px 0;
    height: 16px;
    padding: 4px 1px 0;
    margin-right: 4px;
    color: #000;
}

    .bpq-feedbackConfirm.enabled {
        background-color: #0d0;
        border: 1px solid #666;
        cursor: pointer;
    }

        .bpq-feedbackConfirm.enabled:hover {
            background-color: #0f0;
        }

        .bpq-feedbackConfirm.enabled:active {
            background-color: #0a0;
        }

.bpq-reactionSmiley {
    background-color: #ddd;
    background-size: contain;
    border: 1px outset #aaa;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .bpq-reactionSmiley:hover {
        background-color: #aaa;
    }

    .bpq-reactionSmiley:active {
        border-style: inset;
    }

    .bpq-reactionSmiley.happy {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAB3RJTUUH5AgVDCkPy1VkRgAAAAlwSFlzAAALEgAACxIB0t1+/AAAA89JREFUeNrFV2lIVFEU/t7MqI1juaKlYrgwpqltZkYL2r4YlYSVkRFJVEbbr/pTEVEQtFBUREUbEiYUUWT9sD01W0knW8wkNbeszGUcHed176Vm3pvnzLynQR885r67fXPuOee753HaDXt4/Aeo/gcphUbJ5IgAXyRHhCIq0B8+noNgtljQ2NqO8q9NKPr0BW1d3f+O2F2txsqJo7B2aiLiggPBcVyf80xmMwrKPuJIYTFKP9e5JOac+XhyVBhOrEhjFsoFz/PIf2HAtrzb+N5pdDjPoY9zUpJQsHmlIlJmCTmRjMQ4FG3PRszQAGXEm6Yl48CSWVCr+h97Yf4+uLMlC3oHf1yy88yYCOxbPMOhL5UgYLAOV9Ythc7dzTmxzsON+HQBVCpGyv95BgR9kD92LUh1Tkz9GuI7ZMCW2oNmRJifd9/EKnK0dIIA3J9nwHDXqJE9ZVzfxFQYgn3E1j6p/ILV567hYvFrWQQt7Z3Iyb2JDbk38I20hUgfEyN6twrIJJKzQvQSVco4lYcfnV3Ie16OMWHDEB8S5JR4f8FDnCt6xdoeGg0OL51rHQsnqjfM2wv1ROlEFkcHSXNOmE5qGVGudbNFr6ddJNMs0Qs4rBb76rQS0qvrlzELUqPDEUvk0hV2zJvKCGkqbJ6eLBn3E3BYiS28NHPaTN3EN7GsXVhR5ZKYIik8lP3+NHaR9HQXjVksNg4rcfOvDskmmafz0Wo0ySK0x5lVC5GZlCDqa2qzcVid+La+SbI4aIhXv0gpQuwyhJ5oRX2zlPj+h2rJYldR7AhqonyjQ4eK+t7UNLDjlxCX1zXh7Vex1bNiI/tFnKIPhzcpFIS4QlJSCJFkHr1bIhpMHxsLf52nYuKtMyeK3luJpeeLxCIkIs4teYPXNfXWdxqVexdNV0S6YkICpo2IEPXtu/VQdMwS4l4SANkXrqPDZKudskjZszE1SRbpnJFROLZ8vqjv3rvPOH6vVDJX7TY+dbewo5lobFltIxYTbaUiQhVnRkwki9KnVbUw9vRINvHWemBnWgoOZsxhF8JflNc1Iv3kZbLGLFnjsOaianVpTTpRG5uPO7t7cMdQiefVdUzDfUkAjR0ejNnEUi87sXjwvhqZZ/LZvL7gtNgL8RmMQ8SKtIRo2RVJW5eJXBaPcKywhLnOETg5XxKJxCp6V8+P10s0nYJWlu8aviHvWRnOPn6Jlg6jqy3lEf8FLRZo5RgZ6EcKei27OhvINWcg+d/wq13uNgyKviSo7BmI7BkE0tdfaHiLxax4FccR4zmWijxv6SX3oOKi8Ddd3TW7lbmjKwAAAABJRU5ErkJggg==');
    }

    .bpq-reactionSmiley.neutral {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAB3RJTUUH5AgVDCkQRl1pswAAAAlwSFlzAAALEgAACxIB0t1+/AAAA1pJREFUeNrFl2lIFGEYx/+zu2oe5YmmpqWJYiglWRmVaSeVBkZokAqFhCloBEH1JSgw6EtSJBWYJQmtlVJGGlSmlIrd6pqWoRjmepb3Krs7ve/gjrvOrju7Jv5hYI6X+c3zvM81jH3GRRaLIMliQKlkliwO9HBFVOAKBHm6w8VhCdRaLXqGRtH0uxc1Pzsxopr6f2BbqRQpm9fiRHQkwnw8wTCM0XWTajXKG38g91Ut6tu7zIKZufZ4a5A/8o7GcRaKFcuyePhRgdPyCgyOT5hcZ3KPM2M2ojw7xSIoZwnxSGJkGGrOpiF0uYdl4KwdUbhyeA+kEutjz9/dBS9OpSLYxIcL3rw7NBA5CbtM7qUl8ljqiOL0JDja2swNdrSzIXsaD4mEg7LTx7wU7OWOC/Gxc4Ppvvq6Lpu3pbNFM8Lfzdk4WEJcSxfoiZk+5i1bmRRp29YbB9PC4ONiaO27tk4cKyhFYe0XUYCB0XFkFj1DRlEZ+sm5vg5FhBpc8wVkC8lZfWlIVUq8JcefcRXkH5oQ4e+NcF+vOcGXy6tRUPOZO7eTyXA1aR//LIBUPW9nJ3STSmdgcYiXMOf000kqIsrtbWai12FWJNMsCdZj8Ba7OtoLoCUnj3AWxIYEYA0pl+Z0bn80B6SpkL0zSvDcTY/Bg7WsMHMiV/lyh1hRKIWbklY7w+B92Tc8JhpgrXpHZhg8uLm7d0Gh1KPfuvuE4DffOxYU3PBLib8TKv6a3+Omrl40k4auC6IptQZPv7ZYDfJwckAMCUqdiklK6stgELj2ug43kw9y5yOqSaTeKbEaTHu5DjxELL1bY1iEDMBFdQ1I374B6/y84UpGm9ZLWVaDaQHRKed5tYGbBWANCYC0e09QdeY46VS28JtV2K1RZUs7blTWC+4L+nEzibyU/Mdkj9XzhjZ19SA5/5HRGmF0xKhQtCEh7wEGx8bNvtyUqlo7sDe3kKv1xmRytqlsbcemnNsoI5HNsuLnARqU50tfIu76fZNQKkbMn0TkSh+uVx8IDxbUdCr6YS3KfsjfNyL/7ScMjE2Ye6U4MO8e0mHo5Lja040M9PZc61SSNqcg+a8cHhXtFSqL/iRokChI8Cn0Sp+1krFareXhyzDEeIaLD5bVakgftHgo/AfM3x0Zqe3UowAAAABJRU5ErkJggg==');
    }

    .bpq-reactionSmiley.sad {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAB3RJTUUH5AgVDCkQRl1pswAAAAlwSFlzAAALEgAACxIB0t1+/AAAA9FJREFUeNrFV2lIVFEU/t4smtrilpqGldqItpOVrWRZtipFZbRBUNJGK1RGVAQZ9KfIsgWiiJTGNspKW2yjxmhfHLPFrMQ0zRb3Sud17yWf7/nmOW+06IML785dvnvOPec7dzinJVt5/Ado/gcphc6eyQGebggP6IwgLw+4OrdBncWCT98rkf2xBKa8D6io/fn3iB20Wswd3AdxI8LQ09cLHMdZnfejrg7pz19jV2YW7uUX2iTmmrvjYUH+SJo9iVmoFjzP48RDM1YbM/ClukZxnuIdLx05EOkr5tpFyiwhHpkR1hOm9QsQ4uNpH/HyUeHYMW0stJqWx56/hysurZwHg8LBZTuPCQlAwpRIxbu0B57tXJC6KBYuDvrmiV0c9eROJ0OjYaT8n9YqGLw9sHlyRPPE9F793Nq32tKmoBnh797BOrGGuJZOEIH701oNB50WC4b3t05MhcHXVWrtnTcfMP/wGRzNeqKKoKyyGkuTz2NJcho+k28xpvYLkfQFARlKclaMeqJKMw4Y8bW6FsYH2ejn3wm9/LybJd6efguHTY/Zt6NOh52x44WxbkT1OnVoiyKidBKLg73lOSdOJ62KKHfSN0avc5NIplliEHEIFru5OMlITy+eySyICO6GUCKXthA/YQQjpKmwYnS4bNxdxCEQW3h55oR19WNNLSgpJVeCxdLIIfiytLxKNUFLUVLRyCEQ5xSV/FNS6tEXRaVCX3D1jVfvbC5+X/YNmS/esvpL04UGHI1UGvGRoYFwc3ZSXPusoBjfamrlFmcXliDno3WrnxQUIWZPCkI3JWLfzfv4VV/PKk+glztKyQE2nr2GgPidWJZyQeJOMVJJSooheQjsvnYX++dESyYkkt82nMnESENXmOIXok9nH6tuvJKTh7UnL2PAtv0wxsUyQWrAd2LpEZNUhCRanXz3GbOuAUk37mHdqStYFTkY55bNskrKNiEuj+oRhDvraA3uiJi9Kcgt/iyMJ1y8JXEzhVY/IGJLQ4cGe1ZeAWYP6s0qFP2O7huMNWOGqCqTVJMn9DIQIdFBr9WgO6lM13PzsSo1Q1bmrD59xpHTH4+bTjay6y0oQ3bhJ0TtOspkV+YlawsyzG8wJek4vlRV29xcCTdfvlMkVSSmuP4yH4MSDiLtaS57wKlFRe0PEoxXMSnxmCIpBafmn0RYF19WqyeS+2uq6RT0YDSYjPef49DtRyirqrG1pTpiwT0kwBry15WIBS2dxaTMmUn+F5dXqvYKhV3RQ/PVTGTPLJK+lkLHWyx1dq/iOGI8x+KD5y31JFfsfhT+BuvCUatf+QMtAAAAAElFTkSuQmCC');
    }

    .bpq-reactionSmiley.grey {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAAB3RJTUUH5AgVDCkOvFJU0AAAAAlwSFlzAAAK8AAACvABQqw0mAAAAoRJREFUeNqVlctrE1EUxr+5eSfWPE0bocQkBBe1tVBThIILpbaKi3YrUhDEWkSs/4b4QKKCiqILcaNQNxoDoigIWmtTEBfapLa0auKjE0qSNtPJODMdknna+AXmcM+9vznnnnOSUNCK+PuCA54eZ9TiAZg/pSw9mU8tvwOnPkgplyZnZCx6xhHWvrH0JXtl/latagi3Hem67miHoUqzmZO/XshCNZLtON+ZtLjxD1l97cdQ+/1KDZOeeztOURQ2EUUC+22B/FMF3HkxPKp/fDti+KHweHvBbkQXY4WGE4/0o1K4Ay/OYU7h5dg3/cLdCWBu6bpmlHCERwG/+pWm7hvEKsKxcXvI6I594nNF43fFwyd4mLJEThuh23CIf9LI6ezFxvnqBfttrQaVxVk4eZsGo7Print7zcEBo7gj2CVaC/byt+Owhhmwsv3goNmbkAMhbBVtGW0YknzD9d0J3JW3LGF2xuSwDVbRriMKbQOUhXPFiNWHJlVBSrG2+AgMhkMrTuirQoShjWqt1n1V2gxNyjl92KTx2FXrco7QU3qo5kcDn/BY5aGnSCGtB3F4jbdYrftZvOQ7oFQhTRH74JKlXnGKT5cSD9eEgtSTrynGQ1BlIR0htdWvN+WR1/lhZERUQBjpo0aB3FXU+DBW/4HPzXdbirv4fCdb5vNiK9VCaOh/UI77MLLyUepIMeOKuLubh3OXc0nBShXJP/H0bIk3hy49yIxttEWCOfbbQ2fYvXvzhOeSM6NSPRuDxLHfJyoLgX0mhzG6lp8+nr3UmCDFFBYz87cptHSY7Fqw+nP2wvujxWm5T+frY3K0Hg4e9OxxRs1ucAxdzi5PFlKFZ8r/KUF/Af8UwC4IuhR7AAAAAElFTkSuQmCC');
    }

.bpq-scorecardCommentsGrid .bp-dataGrid-table > tbody > tr > td {
    white-space: pre-wrap !important;
}

/* Closure dialog (documents) */
.modal-dialog {
    z-index: 100;
}

.bp-dialog .buttonSet {
    justify-content: flex-start;
}

.bpd-confirmation {
    display: none;
}

/* Data Grids */
.bp-dataGrid-table th,
.bp-dataGrid-table td {
    height: auto;
    padding: 3px 2px;
}

#bpq-ResultsGridContainer td,
#bpq-ResultsGridContainer th,
.bpq-ResultsGridContainer td,
.bpq-ResultsGridContainer th {
    padding: 0 7px;
    height: 25px;
}

/* Date Editors */
.bp-editor-date-popup {
    border: 1px solid #000;
}

    .bp-editor-date-popup thead,
    .bp-editor-date-popup tfoot {
        background-color: #C3D9FF;
    }

    .bp-editor-date-popup th {
        background-color: transparent;
    }

    .bp-editor-date-popup tbody th {
        background-color: #DDD;
    }

    .bp-editor-date-popup td {
        border-bottom: none;
    }

/* Tabs */
.bp-tab-bar {
    border: none;
    padding: 0;
}

.bp-tab-page {
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 5px 0;
}

.bp-tab-button {
    background-color: #CCC;
    padding: 4px 8px 4px 8px;
    margin-right: 4px;
}

.bp-tab-bar.top .bp-tab-button.selected {
    background-color: #FFF;
    padding-bottom: 5px;
}

span.bp-txt-GuidanceText {
    font-size: 0.9em;
}