﻿

/* 2022-01-22: These must be in here to mirror what's in png_image.css */

.raf.rafPolar.line-x {
    font-size: 14px !important;
    color: black !important;
    font-weight: bold !important;
    color: black !important;
}

.raf.rafPolar.line-axis {
    font-size: 14px !important;
    font-weight: bold !important;
    color: black !important;
}

.raf.rafPolar.series-lab {
    font-size: 14px !important;
    color: black !important;
    font-weight: bold !important;
    color: black !important;
}    

/* END OF MUST */

.cobj4_mapView_ctn > svg {
    top: 1px !important;
}

svg .mapView-itm-sel {
    z-index: 999;
    width: 20px;
    height: 20px;
}

.cobj_dock_window_dash svg .mapView-box-sel {
    stroke-width: 2 !important;
    stroke: #12de1a !important;
    /*opacity: 1 !important;*/
}
.cobj_dock_window_dash svg .svgMap-country.mapView-box-sel {
    stroke-width: 1 !important;
}

/* GROUP SWITCH */
.cobj4_groupSwitch_ctn {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    position: static;
}
#cobj4_groupSwitch {
    box-sizing: border-box !important;
    height: 100px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.cobj4_groupSwitch_switch.cobj4_groupSwitch_on {
    background: #001973;
    color: white;
    border-left: white 3px solid;
    opacity: 1;
    filter: alpha(opacity=100);
}


.cobj4_groupSwitch_switch {
    box-sizing: border-box;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin: 10px;
    /*min-height: 80px;
    position: relative;*/
    color: white;
    background: white;
    cursor: pointer;
    /*text-align: center;*/
    border-radius: 14px;
    background-color: #455565;
    border-left: #455565 3px solid;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.cobj4_groupSwitch_switch p {

    text-align: center;
    font-size: 1.6em;
    padding:6px 0px 6px 0px;
    max-width: 10em;
}

    .cobj4_groupSwitch_switch p:hover {
        text-decoration: underline;
    }

/* 2021-04-28: Maybe temporary */
tr.cobj4_fr_bm_row td div.cobj4_fr_bm_matches {
    /* border-bottom: 1px solid white; */
    margin-left: 15%;
    box-sizing: border-box !important;
    width: 85%;
    padding: 4px 4px 4px 4px;
    font-style: italic;
    margin-bottom: 2px;
    display: list-item;
    list-style-type: circle;
}

tr.cobj_filterRow .cobj4_present_item div.cobj4_fr_bm_matches {
    /* border-bottom: 1px solid white; */
    margin-left: 15%;
    box-sizing: border-box !important;
    width: 85%;
    padding: 4px 4px 4px 4px;
    font-style: italic;
    margin-bottom: 2px;
    display: list-item;
    list-style-type: circle;
    font-size: 0.9em;
}

tr.cobj4_fr_bm_row td div.cobj4_fr_bm_matches:hover {
    text-decoration: underline;
}


.cobj4_bar2_hi {
    outline: 2px solid orange;
}

.cobj4_chart_lineBetween {
    z-index: 2100099998;
    position: absolute;
    background-color: transparent;
    box-sizing: border-box;
    transition: ease-in;
    transition-duration: 50ms;
    transition-property: left, top, width, height;
}

#docktop {
    display: none;
}

/* Survey question park */
.cobj4_design_park {
    display: none;
}

.cobj4_moveDial_tadpole .cobj4_design_question {
    box-sizing: border-box;
    border: none;
    padding: 0px 4px 0px 4px;
    background: white;
    max-width: 800px;
    min-width: 300px;
    float: left;
}

/*
.cobj4_design_question {
    box-sizing: border-box;
    border: 1px solid #64A0C8;
    padding: 0px 4px 0px 4px;
    background: white;
    max-width: 800px;
    left: 50%;
    top: 25%;
    margin-left: -25%;
    position: absolute;
    z-index: 2100900100;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}
    */

    .cobj4_design_question.cobj4_visible {
        position: absolute;
    }





.cobj4_table_infog .cobj4_undo_ord, .cobj4_table_infog .cobj4_undo_act, .cobj4_table_infog .cobj4_chart_menu {
    display: none;
}


/* ColFilters */

.cobj_rc_container_cf_in div.cobj_colFilters_btn {
    color: white;
    width: 100%;
    float: left;
    text-align: center;
    padding: 4px 0 4px 0;
    background-color: #444444;
    margin-top: 2px;
    height: 26px;
    line-height: 18px;
    border-right: 1px solid black;
    box-sizing: border-box;
}

div.cobj_colFilters_btn, div.cobj_colFilters_btnset {
    height: 20px;
    padding: 4px 0 4px 0;
    background-color: #444444;
    margin-top: 2px;
    line-height: 20px;
    float: left;
    text-align: center
}

div.cobj_colFilters_add {
    margin-top: 2px;
    line-height: 20px;
    float: left;
    text-align: center; 
    height: 20px;
    padding: 4px 0 4px 0;
}
div.cobj_colFilters_add::before {
    content: '+';
}


.cobj_rc_container_cf_out div.cobj_colFilters_btn, .cobj_rc_container_cf_out div.cobj_colFilters_add {
    color: white;
    width: 30px;
    margin-left: 12px;
}

div.cobj_colFilters_btn:hover {
    text-decoration: underline;

}

.cobj_rc_container_cf_out {
    float: right;
    text-align: center;
    width: 100%;
    /* min-width: 50px; */
    border: 1px solid #666666;
    padding: 10px 2px 2px 2px;
    margin-top: 20px;
    margin-right: 40px;
    clear: both;
    max-width: 200px;
}

div#cobj_rc_container_cf_out::before {
    content: 'Filter clipboard';
    color: white;
    float: left;
    padding: 0px 0px 8px 8px;
}

    .cobj_rc_container_cf_out .cobj_colFilters_ctn {
        position: relative;
        float: right;
        margin-right: 20px;
    }
    /*
.cobj_rc_container_cf_out::before {
    content: 'Cache';
    float: left;
    color: white;
}
    */
.cobj_rc_container_cf_out div.cobj_colFilters_btnset {
    background-image: url(Images/cobj/pasteW.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-color: transparent;
    width: 8px;
    color: transparent;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 2px;
    margin-right: 24px;
}

div.cobj_colFilters_btn.cobj_colFilters_sel {
    background-color: #256da7; /*#9E9E9E;*/
}

div.cobj_colFilters_btn.cobj_colFilters_data {
    background-image: url(images/cobj/filterC.png);
    background-size: 8px 8px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
}

div.cobj_colFilters_clear {
    position: absolute;
    top: 0;
    right: 0;
    color:white;
    width: 16px;
    height:16px;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
}
    div.cobj_colFilters_clear::before {
        content: 'X';
    }

    .cobj_rc_container_cf_in div.cobj_colFilters_btnset, .cobj_rc_container_cf_in div.cobj_colFilters_add, .cobj_rc_container_cf_in div.cobj_colFilters_clear {
        display: none;
    }

/* Only display the first 6 */
.cobj_rc_container_cf_in div.cobj_colFilters_btn:nth-child(1n + 13) {
    display: none;
}


.cobj_rc_container_cf_in input.cobj_colFilters_desc {
    display: none;
}

.cobj_rc_container_cf_out input.cobj_colFilters_desc {

    width: 100%;
    box-sizing: border-box;
    height: 20px;
    padding: 2px;
    float: left;
    margin: 12px;

}

.cobj_rc_container_cf_out input.cobj_colFilters_desc::before {

    float:left;
    content: 'Label:';

}






/* Splash screen set-up */

#cobj4_splashScreen {
    z-index: 2100299998;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    background: rgba(111,111,111,0.5);

}

 #cobj4_splashScreen_window {
    z-index: 1;
    top: 50%;
    left: 50%;
    min-height: 600px;
    width: 50%;
    min-width: 400px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    cursor: pointer;
    position: absolute;
    box-sizing: border-box;
    border: 3px solid rgba(0,0,0,0.9);
    background: white;
    overflow: hidden;
    border-radius: 12px;
    box-shadow:rgba(0,0,0,0.4) 10px 10px;
}

#cobj4_splashScreen_frame {
    width: 100%;
    height: 100%;
    box-sizing: inherit;
    position: absolute;
    top: 0px;
    left: 0px;
    /*margin: 40px 0px 40px 0px;   */
    border: none;
    padding: 40px 0px 40px 0px;

}

#cobj4_splashScreen_closeBtn {
    width: 40px;
    height: 40px;
    padding: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    box-sizing: inherit;
    text-align: center;
    line-height: 20px;
    z-index: 2;
}

#cobj4_splashScreen_title {
    height: 40px;
    padding: 10px;
    line-height: 20px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    box-sizing: inherit;
    text-align: left;
    z-index: 1;
    font-size: larger;
    font-weight: bold;
    background: white;
    border-bottom: 1px solid #999999;

}

#cobj4_splashScreen_btn {
    width: 100%;
    height: 40px;
    padding: 10px;
    box-sizing: inherit;
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    text-align: center;
    z-index: 1;
    background: white;
    border-top: 1px solid #999999;
    line-height: 20px;
    font-size: larger;

}

#cobj4_splashScreen_btn:hover {
    text-decoration: underline;
    background: #F0F0F0;
}


/* END Splash screen set-up */





.cobj4_hiInlineSeries {
    opacity: 0.2 !important;
    fill: #E0E0E0;
}

/* To review templates that this overrides */
div.cobj4_raf_dash_chart svg text.line-sum, div.cobj4_raf_dash_chart svg text.line-headh, div.cobj4_raf_dash_chart svg text.line-headv {
    font-weight: bold !important;
}

/* Series labels */




/* Svg Chart menus */

svg .cobj4-chart-menu-txt, svg .cobj4-chart-menu-txtsel {
    font-size: 16px !important;
    font-weight: normal !important;
}

svg .cobj4-chart-menu-txtcl {
    font-size: 16px !important;
    font-weight: bold;
    fill: white !important;
}

svg .cobj4-chart-menu-bgoptsel {
    fill: #FFFFFF !important;

    
}


svg .cobj4-chart-menu-txt {
    fill: #111111 !important;
}

svg .cobj4-chart-menu-txtsel {
    text-decoration: underline;
    fill: #111111 !important;
}

   
    
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(images/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(images/MaterialIcons-Regular.woff2) format('woff2'), url(images/MaterialIcons-Regular.woff) format('woff'), url(images/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    -ms-font-feature-settings: "liga" 1; /* for IE10-11 */
}


body > #cobj4_switchMove2Fun {
    left: 3px;
    top: 70px;
    display: none;
    position: absolute;
}

#cobj4_switchMove2Fun {
    background: transparent;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    z-index: 2100099999;
    width: 20px;
    height: 20px;
    color: white;
}

div.cobj_dock_window_gauge #cobj4_switchMove2Fun {
    float: left;
    margin-top: 12px;
}


div#cobj4_switchMove2Fun.material-icons.cobj4_sm2f_fil::before {
    content: 'format_align_center';
}

div#cobj4_switchMove2Fun.material-icons.cobj4_sm2f_mov::before {
    content: 'data_usage';
}


svg .raf.drag-rect {
    cursor: ew-resize;
}

svg .raf.ring-stats-b:hover {
    text-decoration: underline;

}

#cobj4_reveal_stats_btns .cobj_sc_DownloadtoXL .cobj_table_shortcut {
    color: white;
}

#MORE_DriverAnalysis .cobj_dock_picon {
    display: none;
}


svg .raf.ring-hh, svg .raf.ring-n, svg .raf.ring-err, svg .raf.ring-showAll {
    font-size: 14px !important;
}

svg .raf.ring-stats-h, svg .raf.ring-stats-v {
    fill: black !important;
}


svg .raf.series-lab:hover, svg .raf.line-x:hover {
    text-decoration: underline;
}

/* Action matrix recolor */
svg .bub-matrix tspan {
    fill: #AAAAAA;
}






/* Bug fix - truncated charts */
/* must only be applied in template as required
div.cobj_table_dashelem > div.cobj4_raf_dash_chart > div {
    display: flex;
}
    */
.cobj4_autopop_title {
    font-weight: bold;
    padding: 2px;
}

.cobj4_autopop_btn {
    position: absolute;
    z-index: 1;
    width: 80px;
    height: 20px;
    line-height: 20px;
    margin-top: 3px;
    background: #969696;
    border: #CCCCCC 1px solid;
    color: white;
    border-radius: 8px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
}
    .cobj4_autopop_btn:hover {
        background:#0c376c;
    }

    .cobj4_autopop_btn span:after {
        content: 'Apply';
    }



    td.cobj_drillVerb {
        cursor: pointer;
        border-left-width: 0px;
    }

table.cobj4_table_chartr th {

}


div.cobj4_table_dashelem_clone {

    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.raf.bub-btn, div.cobj4_undo_minN, div.cobj4_undo_excl {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}





/* FIX FOR BUBBLES LHS ALIGNMENT */
div.cobj4_table_verbub svg {
    float:left;
}

/* DATEBAR */

.cobj4_datebar_yearHack .cobj4_dateBar_week, .cobj4_datebar_yearHack .cobj4_dateBar_mdr {
    display: none !important;
}

.cobj4_datebar_yearHack .cobj4_dateBar_day3, .cobj4_datebar_yearHack .cobj4_dateBar_day4, .cobj4_datebar_yearHack .cobj4_dateBar_day5, .cobj4_datebar_yearHack .cobj4_dateBar_day6 {
    display: none !important;
    width: 0px !important;
    opacity: 0;
    filter: alpha(opacity=0);
}


.cobj4_datebar_yearHack.cobj4_datebarRange {
    display: none !important;
}

table.cobj4_dateBar_scale.cobj4_datebar_yearHack tr.cobj4_dateBar_day > td {
    font-size: 12px;
}



div.cobj4_dateBar_par {
    overflow: visible !important;
}

div.cobj4_dateBar_ask {
    position: absolute;
    background: #64A0C8;
    color: white;
    border: 10px solid #444444;
    border-width: 4px 10px 60px 4px;
    cursor: pointer;
    padding: 6px;
    font-size: 10px;
    z-index: 2100000001;
    width: 50px;
    /* height: 14px; */
    text-align: center;
    line-height: 12px;
    margin-top: -3px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
    div.cobj4_dateBar_ask:hover {
        text-decoration: underline;
    }

div.cobj4_dateBar_monthOff tr.cobj4_dateBar_month > td {
    opacity: 0;
    filter: alpha(opacity=0);
}

div.cobj4_dateBar_weekdays {
    position: absolute;
    background: #289cef;
    color: #111111;
    border-width: 0px;
    cursor: pointer;
    padding: 6px;
    font-size: 12px;
    z-index: 2090000001; /* Less than shield */
    width: 240px;
    height: 47px;
    text-align: center;
    line-height: 14px;
    margin-top: 12px;
}
div.cobj4_dateBar_weekdaysX {
    position: absolute;
    background: #FF9cef;
    color: #111111;
    border-width: 0px;
    cursor: pointer;
    padding: 6px;
    font-size: 12px;
    z-index: 2090000001; /* Less than shield */
    width: 240px;
    height: 24px;
    text-align: center;
    line-height: 14px;
    margin-top: 32px;
}

div.cobj4_dateBar_stalk {
    position: absolute;
    background: #289cef;
    color: #111111;
    z-index: 2090000000;
    height: 18px;
    margin-top: -1px;
    /* border-right: 1px solid #e9fdf8; */
    /*opacity: 0.4;
    filter: alpha(opacity=40);*/
}

div.cobj4_datebarRange {
    height: 12px;
    padding: 2px;
    position: absolute;
    border: 1px solid #111111;
    background: white;
    font-size: 10px;
    z-index: 2090000000;
    white-space: nowrap;
    color: black;
}

    div.cobj4_datebarRange.cobj4_datebarRangeSel, div.cobj4_datebarRange.cobj4_datebarRangeSel span {
        font-weight: bold;
        color: black;
    }

    div.cobj4_datebarRange span {
        color: orangered;
    }

    div.cobj4_datebarRange.cobj_datebarRangeSmall {
        font-size: 10px;
    }


div.cobj4_dateBar_shield {

    background: black;
    opacity: 0.2;
    filter: alpha(opacity=20);
    left: 0;
    right: 0;
    position: fixed;
    z-index: 2100000000;


}

td.cobj4_dateBar_hirow {
    font-weight: bold;
    opacity: 0.7;
    filter:alpha(opacity=70);
    color: white;
}

div#cobj4_dateBar_ctn div.cobj4_dateBar_ctn_mask {
    background-color: rgba(0,0,0,0.7);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    text-align: right;
    cursor: pointer;
}

    div#cobj4_dateBar_ctn div.cobj4_dateBar_ctn_mask::after {
        content: "Date filter";
        /* margin-top: 4px; */
        position: absolute;
        right: 50%;
        width: 100px;
        margin-left: -50px;
        top: 50%;
        margin-top: -10px;
        text-align: center;
        height: 20px;
        line-height: 20px;
        color: #CCCCCC;
    }
        div#cobj4_dateBar_ctn div.cobj4_dateBar_ctn_mask::after:hover {
            text-decoration: underline;
        }

    div#cobj4_dateBar_ctn div.cobj4_dateBar_ctn_mask div {
        right: 0;
        top: 0;
        bottom: 0;
        height: 20px;
        width: 20px;
        color: white;
        background: #656565;
        position: absolute;
        padding: 0px;
        cursor: pointer;
        background: url(images/sharp_date_range_white_48dp.png) no-repeat;
        background-size: 20px 20px;
        margin-top: -22px;
        margin-right: 4px;
    }

        div#cobj4_dateBar_ctn div.cobj4_dateBar_ctn_mask div:hover {
            text-decoration: underline;
        }

div.cobj4_dateBar_shield.cobj4_dateBar_shield_up {
    top: 0px;
}

    div.cobj4_dateBar_shield.cobj4_dateBar_shield_dn {
        bottom: 0px;
        margin-top: -0.5px;

    }

div.cobj4_dateBar_shield.cobj4_dateBar_shield_mid {
    z-index: 2090000000;
}

table.cobj4_dateBar_scale tr.cobj4_dateBar_day td.cobj4_dateBar_sel.cobj4_dateBar_drag {
    cursor: ew-resize;
    
}

table.cobj4_dateBar_scale tr.cobj4_dateBar_day td.cobj4_dateBar_movingCell {
    cursor: ew-resize;
    background: #999999 !important;
    color: white !important;
}

table.cobj4_dateBar_scale tr.cobj4_dateBar_day td.cobj4_dateBar_sel.cobj4_dateBar_movingCell {
    cursor: ew-resize;
    background: #444444 !important;
    color: white;
}

#cobj4_dateBar_ctn {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 99999999;
}

#cobj4_dateBar_ctn, #tcal, .cobj4_capEvent, #cobj_ns_container_p_f, .cobj4_vm, .cobj4_dateBar_weekdays {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}

div.cobj4_dateBar_main {

    width: 100%;
    height: 28px;
    padding: 0;
    margin: 0;
    border: 0;

}

table.cobj4_dateBar_scale {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td div.lhs {
        float:left;
    }

    table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td div.rhs {
        float: right;
    }

div.cobj4_dateBar_weekdays table.cobj4_dateBar_scale tr.cobj4_dateBar_month > td {
    text-align: center;
    background: #289cef;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    font-size: 9px;
    cursor: default;
}
div.cobj4_dateBar_weekdays table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td:first-child {
    border-left: 1px solid #666666;
}

table.cobj4_dateBar_scale tr.cobj4_dateBar_month > td.cobj4_dateBar_md {
    background: -webkit-linear-gradient(270deg, #444444 0%, #333333 100%);
    background: -o-linear-gradient(270deg, #444444 0%, #333333 100%);
    background: -moz-linear-gradient(270deg, #444444 0%, #333333 100%);
    background: linear-gradient(270deg, #444444 0%, #333333 100%);
    cursor: default !important;
    border-left-color: black;
}

table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_ele.cobj4_dateBar_eleWD.cobj4_dateBar_1M {
    background: #396792;
    color: white;
}

    table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_ele.cobj4_dateBar_eleWD.cobj4_dateBar_1M:hover {
        background: #7491ad;
    }


    table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_ele.cobj4_dateBar_eleWD.cobj4_dateBar_1M.cobj4_dateBar_sel {
        background: #000000; /*#00cde6;*/
        cursor: ew-resize;
    }


    table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td, table.cobj4_dateBar_scale tr.cobj4_dateBar_month > td {
        padding-left: 4px;
        font-size: 10px;
        text-align: left;
        line-height: 12px;
        color: white;
        border-top: 1px solid #666666;
        border-right: 1px solid #666666;
        cursor: pointer;
        background: -webkit-linear-gradient(270deg, rgb(92, 146, 181) 0%, rgb(100, 160, 200) 100%);
        background: -o-linear-gradient(270deg, rgb(92, 146, 181) 0%, rgb(100, 160, 200) 100%);
        background: -moz-linear-gradient(270deg, rgb(92, 146, 181) 0%, rgb(100, 160, 200) 100%);
        background: linear-gradient(270deg, rgb(92, 146, 181) 0%, rgb(100, 160, 200) 100%);
    }
        table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_1dow.cobj4_dateBar_sel, 
        table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td.cobj4_dateBar_sel, 
        table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_sel,
        table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td.cobj4_dateBar_sel.cobj4_dateBar_we, 
        table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_sel.cobj4_dateBar_we {
            background: #101010; /*#00cde6;*/
            cursor: ew-resize;
            border-color: #101010;
        }

            table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_1dow.cobj4_dateBar_sel:hover,
            table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td.cobj4_dateBar_sel:hover,
            table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_sel:hover,
            table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td.cobj4_dateBar_sel.cobj4_dateBar_we:hover,
            table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_sel.cobj4_dateBar_we:hover {
                background: #101010; /*#00cde6;*/
                cursor: ew-resize;

            }

            


            table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td.cobj4_dateBar_sel, table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_sel {
                background: #111111; /*#00cde6;*/
            }

            table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_sel.cobj4_dateBar_we {
                background: #333333; /* #a4ecf5; */
                color:#EEEEEE;
            }





        table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td div {
            overflow: hidden;
            height: 12px;
            
        }

    table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_1dow {
        background: #5c93c5;
    }

    table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td {
        font-size: 9px;
        text-align: center;
        line-height: 12px;
        background: #64A0C8;
        color: white;
        border-top: 1px solid #666666;
        border-right: 1px solid #666666;
        cursor: pointer;
    }

        table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td div {
            overflow: hidden;
            height: 12px;
        }

div.cobj4_dateBar_weekdays table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td div {

    height: 29px;
    text-align: center;
    line-height: 10px;

}

div.cobj4_dateBar_weekdays tr.cobj4_dateBar_week {
    display: none;
}

table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td.cobj4_dateBar_eleM.cobj4_dateBar_hi, table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td.cobj4_dateBar_eleM.cobj4_dateBar_hi:hover    {
    background: #289cef;
}


    table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td.cobj4_dateBar_eleM.cobj4_dateBar_hi.cobj4_dateBar_sel, table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td.cobj4_dateBar_eleM.cobj4_dateBar_hi.cobj4_dateBar_sel:hover {
        background: #666666;
    }


div.cobj4_dateBar_weekdays table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td div td {
    background: transparent;
    text-align: center;
    border: 0px;
}
    div.cobj4_dateBar_weekdays table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td div table {
        display: inline;
    }

table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td:hover, table.cobj4_dateBar_scale tr.cobj4_dateBar_week > td:hover {
    background: #289cef;
    text-decoration: underline;
}
        table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_we:hover {
            background: #E0E0E0;
        }

        table.cobj4_dateBar_scale tr.cobj4_dateBar_day > td.cobj4_dateBar_we {
            background: #91b2c7;
            color: #666666;
        }



.width-calc {

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    height:1px;
    padding:0;
    margin:0;
    border:none;
}


div.cbb4_numsel {
    position: absolute;
    z-index: 100;
    margin: -0px 0px 0px 0px;
    border: 12px solid #CCCCCC;
    border-radius: 12px;
    border-width: 4px 10px 4px 10px;
    background: #CCCCCC;
    width:100px;
}

select.cobj4_numsel {

    width: 80%;
    height: 100%;
    background: #EEEEEE;
    border: none;
    float:left;
}
    select.cobj4_numsel option {
        font-size: smaller;
    }

div.cbb4_numsel div {
    float:right;
    color: white;
    width: 18%;
}


/* Allowing docks to overflow their content when they have OFLV aux */

div.cobj_dock_window_wgh.cobj_dock_window_oflv.cobj_isoflv {
    height: auto !important;
    overflow: visible !important;
}

    div.cobj_dock_window_wgh.cobj_dock_window_oflv.cobj_isoflv div.cobj_dock_docWin {
        height: auto !important;
    }

        div.cobj_dock_window_wgh.cobj_dock_window_oflv.cobj_isoflv div.cobj_dock_docWin div.cobj_table_dash_floatdiv_narrow {
            background: #444444;
        }

/* 2021-07-21 */
div.btn.cobj_table_dash_gauges.cobj_table_dash {
    margin-top: 4px;
}



/* cobj_dock_has_of_focus.*/
/* div.cobj_dock_window_wgh.cobj_dock_window_oflv div.cobj_dock_docWin div.cobj_table_dash_floatdiv_narrow {
            box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
        }*/
div.cobj4_gauge_preview {
    float: left;
    display: block;
    width: 100px !important;
    height: 100px !important;
    text-align: center;
    border: 1px solid #777777 !important;
    padding: 2px !important;
    margin: 1px !important;
    background: url(Images/waiting.gif) 50% 50% no-repeat #555555 !important;
}

span.cobj4_gauge_preview {

    color: #111111;
    font-size: 12px;


}



.cobj4_resize_tmp {
    background: #E0E0E0;
    color: #333333;
    height: 20px;
    line-height: 20px;
    font-size:10px;
    padding: 3px;
    border: 1px solid #D0D0D0;
    position: absolute;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    border-top: 1px #CCCCCC solid;
    z-index: 100;
    top: 0;
    left: 0;
}


.cobj4_tadpop_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 24px;
    background: inherit;
    color: #111111;
    z-index: 1;
    padding: 2px;
    cursor: pointer;
}

body > div.cobj4_moveDial_tadpole {
    text-align: center;
    cursor: pointer;
}

.cobj4_moveDial_tadpole {
    position: absolute;
    z-index: 2100900100;
    border: 1px solid #64A0C8;
    background: #F0F0F0;
    padding: 0 4px 0 4px;
    margin-left: -12px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    /*border-top: 1px #CCCCCC solid;*/
    
}

.cobj_dock_window_pop.cobj_dock_window_pop_hide, .cobj_dock_window_pop_hide {
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow:hidden;
}


/* HIERARCHY */


/*
div.cobj4_table_infog.cobj4_hierdial_.cobj4_hideShow_hi {
    background-color: #d9e1e4;
    background-image: url(Images/Ctick.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}
    */

div.cobj4_hideShow_dlev_1 div.cobj4_table_infog.cobj4_hierdial_.cobj4_hideShow_lower {
    background-image: url(Images/cobj/check16feint.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-size: 16px 16px;
}

div.cobj4_hideShow_dlev_0 svg image.mov-coverImg.cobj4_mov-killLev01Cov, div.cobj4_hideShow_dlev_0 svg rect.mov-cover.cobj4_mov-killLev01Cov,
div.cobj4_hideShow_dlev_1 svg image.mov-coverImg.cobj4_mov-killLev01Cov, div.cobj4_hideShow_dlev_1 svg rect.mov-cover.cobj4_mov-killLev01Cov,
div.cobj4_hierdial_1 svg image.mov-coverImg.cobj4_mov-killLev01Cov, div.cobj4_hierdial_1 svg rect.mov-cover.cobj4_mov-killLev01Cov {
    display: none;
}

/*
div.cobj4_hideShow_dlev_0 .infog-labM, div.cobj4_hideShow_dlev_1 .infog-labM {
    font-size: 1.1em !important;
    transform: translate(0px, 10px);
}
    */


    div.cobj4_hideShow_dlev_1 div.cobj4_table_infog.cobj4_hierdial_.cobj4_hideShow_lower.cobj4_hideShow_hi svg.cobj4_pickedD,
    div.cobj4_hideShow_dlev_1 div.cobj4_table_infog.cobj4_hierdial_.cobj4_hideShow_lower.cobj4_hideShow_hi svg.cobj4_picked {
        background-image: url(Images/childselandsel.png) !important;
        background-repeat: no-repeat;
        background-position: 1px 1px !important;
        background-size: 16px 16px !important;
    }


div.cobj4_table_infog_BU {
    display: none;
}

.cobj4_hideShow_cobj4_hierdial_ {

    display: none !important;

}

/* Overflow div: */
div.cobj4_hierShow_oflow_1 {
    position: absolute;
    background: #bfc6c7bd;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    z-index: 2100000000;
    overflow: hidden;
    border: #AAAAAA;
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
}

    div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert {
        margin: 0 0 0 -31px;
        padding: 0 0 0 31px;
    }

        div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj4_hierShow_oflow_vert_r2l.cobj_hierShow_oflow_expand {
            margin: 0 -31px 0 0;
            padding: 0 31px 0 0;
            border-left: 10px solid #64A0C8;
        }

        div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj4_hierShow_oflow_vert_r2l {
            margin: 0 -2px 0 0;
            padding: 0 0 0 31px;
        }

div.cobj4_hierShow_oflow_1 div.cobj4_hierShow_oflow_close {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    background: #CCC;
    cursor: pointer;
    padding: 3px;
    z-index: 3;



}

div.cobj4_hierShow_oflow_off {

    z-index: 2100000000;
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    opacity:0;
    filter:alpha(opacity=0);
}



div.cobj4_hierShow_oflow_1 div.cobj4_hierShow_oflow_lab {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    line-height: 16px;
    background: #788688;
    z-index: 2;
    height: 100%;
    width: 30px;
    cursor: pointer;
}

    div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert div.cobj4_hierShow_oflow_lab {
        right: auto;
        left: 0;
    }

div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj4_hierShow_oflow_vert_r2l.cobj_hierShow_oflow_expand div.cobj4_hierShow_oflow_lab {
    right: 0;
    left: auto;
}


        div.cobj4_hierShow_oflow_1 div.cobj4_hierShow_oflow_lab div {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            color: white;

            white-space: nowrap;

            direction: rtl;
            margin-top: 20px;

        }
        div.cobj4_hierShow_oflow_1 div.cobj4_hierShow_oflow_lab div span {

            color: #EEEEEE;

        }
    


/* Gauge within overflow div: */
    div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert .cobj4_processed_hideShow {
    clear: both;
    margin: 6px 2px 2px 2px;
    padding: 0px 0px 0px 0px;
    background: white;
    border-radius: 0px;
    }

div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert .cobj4_processed_hideShow td {
    padding: 0px;
    margin: 0px;
}

/* Allow vertical to expand */
div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj_hierShow_oflow_expand .cobj4_processed_hideShow {

    clear: none;

}

div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj4_hierShow_oflow_vert_r2l.cobj_hierShow_oflow_expand .cobj4_processed_hideShow {
    clear: none;
    float:right;
}

/* 2019-04-30: New line - left float and right float */
    div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj_hierShow_oflow_expand .cobj4_processed_hideShow.cobj4_hierShow_newRow, 
    div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj4_hierShow_oflow_vert_r2l.cobj_hierShow_oflow_expand .cobj4_processed_hideShow.cobj4_hierShow_newRow {
        clear: both;
    }

/* Overrides for when in separator mode */
div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj4_hierShow_oflow_vert_r2l.cobj_hierShow_oflow_expand div.cobj4_hierShow_sep  {
    text-align: left;
}

div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj4_hierShow_oflow_vert_r2l.cobj_hierShow_oflow_expand.cobj4_hierShowHasSep .cobj4_processed_hideShow {
    float: left;
}

div.cobj4_hierShow_oflow_1.cobj4_hierShowHasSep {
    background: #f8f8f8bf;
    max-width: 50%;
}

div.cobj4_hierShow_rowFix.cobj4_hierShow_sep {
    z-index: 2100000101;
    position: fixed;
    border-bottom: 1px solid #CCC;
}
div.cobj4_hierShow_hide {
    display: none;
}

    /* div.cobj4_hierShow_oflow_1.cobj4_hierShowHasSep.cobj_hierShow_oflow_expand.cobj4_hierShowborder {
        border: 4px solid #64a0c8;
    }*/

div.cobj4_hierShow_oflow_1 div.cobj4_hierShow_sep ~ div.cobj4_hierShow_sep {
    border-top: 4px solid #333;
}
/* END OF OVERRIDE */

div.cobj4_hierShow_sep {
    clear: both;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    background: #F8F8F8;
    padding-top: 3px;
    font-weight: bold;
    /* padding-bottom: 3px; */
    text-align: left;
    /* border-bottom: 3px solid #437db2; */
    /* border-top: 1px solid #E0E0E0; */
    padding-left: 10px;
    white-space: nowrap;
}

.raf.fun-lab, .raf.fun-n {
    opacity: 0.5;
}

div.cobj4_hierShow_oflow_1 .cobj4_processed_hideShow {
    padding: 0px 0px 0px 0px;
    margin: 3px 3px 3px 0px;
}

    /* Funnel version */
div.cobj_funnel .cobj4_hierShow_lev_0, div.cobj_funnel .cobj4_hierShow_lev_1, div.cobj_funnel .cobj4_hierShow_lev_2 {
    font-size: 16px;
    line-height: 16px;
    padding: 3px 3px 3px 3px;
}

div.cobj_funnel .cobj4_hierShow_clear_lev_1 {
    display: none;
}
/*
div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj4_hierShow_oflow_vert_r2l.cobj_hierShow_oflow_expand {
    overflow: visible;
}
    */

div.cobj4_hierShow_oflow_1.cobj4_hierShow_oflow_vert.cobj4_hierShow_oflow_vert_r2l.cobj_hierShow_oflow_expand .cobj4_hierShow_oflow_close {
    left: 0px;
    right: auto;
    margin-left: 0px;
}


.cobj4_hierShow_lev_0, .cobj4_hierShow_lev_1, .cobj4_hierShow_lev_2 {
    position: absolute;
    right: 2px;
    top: 3px;
    z-index: 1;
    /* border: 1px solid #CCCCCC; */
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    background: #CCCCCC;
    cursor: pointer;
    width: 24px;
    height: 24px;
    font-weight: bold;
}

    .cobj4_hierShow_lev_0:hover, .cobj4_hierShow_lev_1:hover, .cobj4_hierShow_lev_2:hover {
        background: #CCCCCC;
        text-decoration:underline;
    }

div.cobj_table_dash_gauges table.cobj_table_dash_floattab_narrow > tbody > tr > td {
    padding: 0px;
}



.cobj4_table_infog svg {
    left: 0.5px !important;
    top: 2px !important;
}

/* Overlay to remove selections */
.cobj4_hierShow_clear_lev_1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 24px;
    width: 24px;
    background: #FFF;
    padding: 6px;
    cursor: pointer;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.cobj4_hierShow_lev_0 {


}

/* Vertical version */
    div .cobj_dock_window_hgw .cobj4_hideShow_dlev_0 > table {
    border-right-color: #444444 !important;
    border-right-width: 1px;
    border-right-style: solid;
}

div.cobj_dock_window_hgw .cobj4_hideShow_dlev_1 > table {
    border-right-color: #CCCCCC !important;
    border-right-width: 1px;
    border-right-style: solid;
}

div.cobj_dock_window_hgw .cobj4_hideShow_dlev_2 > table {
    border-right-color: orange !important;
    border-right-width: 1px;
    border-right-style: solid;
}


/* Horizontal version */
div.cobj_dock_window_wgh .cobj4_hideShow_dlev_0 > table {
    border-top-color: #444444 !important;
    border-top-width: 1px;
    border-top-style: solid;
}

div.cobj_dock_window_wgh .cobj4_hideShow_dlev_1 > table {
    border-top-color: #444444 !important;
    border-top-width: 1px;
    border-top-style: solid;
}

div.cobj_dock_window_wgh .cobj4_hideShow_dlev_2 > table {
    border-top-color: orange !important;
    border-top-width: 1px;
    border-top-style: solid;
}

.cobj4_hierShow_lev_0.minus, .cobj4_hierShow_lev_1.minus, .cobj4_hierShow_lev_2.minus {
    background: #cccccc;
    color: #333333;
}

div.cobj4_hierShow_arrow {
    position: absolute;
    background: #FFFFFF;
    z-index: 1;
    width: 44px;
    height: 44px;
    cursor: pointer;
    font-size: 28px;
    line-height: 44px;
    color: #333333;
    border-radius: 22px;
    border: 1px solid #CCCCCC;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
/*
    .cobj4_hierShow_arrow div {
        position: absolute;
        font-size: 16px;
        line-height: 1px;
        width: 20px;
        color: #aaaaaa;
        text-align: center;
    }
*/


.cobj4_processed_hideShow {

    position: relative;
    overflow: hidden;

}

.cobj4_processed_hideShow > table {
    float: right;
}

.cobj4_hideShow_poof {
    position: absolute;
    background: #FFFFFF;
    z-index: 2;
    border-left: 2px solid #333333;
    border-top: 2px solid #333333;
}

.cobj4_hideShow_poofgo {
    animation-play-state: running;
}


    @-webkit-keyframes slide-out-bck-center1 {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateZ(-1100px);
            transform: translateZ(-1100px);
            opacity: 0;
        }
    }

    @keyframes slide-out-bck-center1 {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateZ(-1100px);
            transform: translateZ(-1100px);
            opacity: 0;
        }
    }

    .slide-out-bck-center {
    transition-property: transform;
    transition-duration: 1s;
    transition-timing-function: ease;
    animation-play-state: paused;
}

/*
.slide-out-bck-center {
    -webkit-animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation-play-state: running;
}
    */




tr.cobj4_fr_bm_row .cobj4_notshared, tr.cobj4_fr_bm_row .cobj4_sharedW {
    word-break: break-word;
}


/* Raphael */
/* Pie chart */
.raf.pie-lab {
    font-size: 12px !important;
}

.raf.pie-lab-pc {
    font-size: 12px !important;
}


/* Line chart and histogram */

/* Y-Axis */
.raf.line-axis, .raf.line-axis2 {
    font-size: 12px !important;
}

.raf.line-popup-l1 {
    font-size: 15px !important;
}

.raf.line-popup-l2 {
    font-size: 14px !important;
}

.raf.line-x {
    font-size: 12px !important;
}

.raf.line-lab {
    font-size: 12px !important;
}

.raf.line-x-min {
    font-size: 12px !important;
}

.raf.line-x-hide {
    display: none !important;
}

raf.line-minN {

}


.raf.hbar-grp {

    font-size: 13px !important;

}

.raf.hbar-x {

    font-size: 12px !important;

}











/* 2018-09-19 - To get rid of top and tail on pivot view */
.topTail {
    /*display:none !important;*/
}

/* The colour strip above the heading */
.cobj4_tablemain_head tr {
    /*background: #455565;*/
}
/* End of get rid of top */




/* Filter map skin - 2018-08-22 */
div.cobj4_filterMap {
    height: 100%;
    width: 100%;
    cursor: pointer;
}

td.cobj_FF_sel {
    color: #EEEEEE;
    background: #437DB2;
    border-radius: 8px;
}

div.cobj4_filterMap_filHead {
    width: 100%;
    float: left;

}



div.cobj4_filterMap_filHeadTab {
    position: relative;
    color: black;
    float:left;

}



    div .cobj4_filterMap_filHeadTab_tit:hover, div.cobj4_filterMap_filHeadTab:hover {
        text-decoration: underline;
    }

    div.cobj4_filterMap_filHeadTab.cobj4_filterMap_filHeadTab_sel > div {
        border-bottom: 2px solid black;
    }

    div.cobj4_filterMap_filHeadTab.cobj4_filterMap_filHeadTab_somefilsel > div {
        color: #0033cc;

    }

    div.cobj4_filterMap_filHeadTab.cobj4_filterMap_filHeadTab_somefilsel.cobj4_filterMap_filHeadTab_sel > div {
        border-color: #0033cc;
    }

div.cobj4_filterMap_filHeadTab_tit {
    font-weight: normal;
    border-bottom: 2px solid #e6ebfa;
    border-bottom: 2px solid transparent;
}

div.cobj4_filterMap_fil_left {
    height: 100%;
    width: 30%;
    float: left;

}

div.cobj4_filterMap_fil_right {
    height: 100%;
    width: 69%;
    float: right;

    position: relative;
}

div.cobj4_filterMap_fil_rightTop {
    height: 90%;
    width: 100%;
    float: left;
    background: white;
    position: relative;
}

div.cobj4_filterMap_fil_rightBot {
    height: 10%;
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
    border-top: 1px solid white;
}

div.cobj4_filterMap_fil_rightBot table {
        height: 100%;
        float: right;
    }



div#cobj4_filterMap_fil_rightBot_top {
        width: 60%;
        float: right;
        text-align: right;
    }

div#cobj4_filterMap_fil_rightBot_reset {
    width: 25%;
    float: left;
    border-radius: 8px;
    display: none;
    /*background: #999999;
    color: #EEEEEE;*/
}



div.cobj4_filterMap_fil_rightBot td {

    vertical-align: middle;
    margin: 0px 0px 0px 8px;
    padding: 0px 4px 0px 4px;

}

div.cobj4_filterMap_fil {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    border-radius: 8px;
    /*background: #ededed;*/
}

div.cobj4_filterMap_apply {
    width: 45%;
    float: left;
    position: relative;
    border-radius: 8px;

    /*background: #ededed;*/
}

div.cobj4_filterMap_close {
    width: 45%;
    float: right;
    position: relative;
    border-radius: 8px;
    
    background: #999999;
    color: white;

    /*background: #ededed;*/
}

div.cobj4_filterMap_split {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    height:100%;
    background: #999999;
    color: white;

    /*background: #ededed;*/
}

div.cobj4_filterMap_split:hover {

    opacity: 0.8;
    filter: alpha(opacity=80);

}


div.cobj4_filterMap_apply {

    color: #EEEEEE;
   

}

.cobj4_cursorWait {

    cursor:progress !important;

}

/* 2018-09-14 */
.cobj4_search_float {
    z-index: 2200000000;
    background: #f1efdb;
    border-bottom: 1px solid #999999;
}

.cobj_table_tempHead {
    display: none;
    background: #444444;
    height: 16px;
    color: white;
    font-size: 12px;
    text-align: right;
    float: left;
    padding-bottom: 2px;
    padding-right: 2px;
    cursor: pointer;
}
.cobj_table_tempHead > .g_left {
    float: left;
    padding-left: 2px;
}
    .cobj_table_tempHead > .g_right {
        float: right;
        padding-right: 2px;
    }



/* Tiny height with overflow and margin:auto, top:0, bottom:0, to enforce v centralising */


div.cobj4_filterMap_fil:hover .cobj4_filterMap_fil_tit, div.cobj4_filterMap_close:hover .cobj4_filterMap_close_tit, div.cobj4_filterMap_apply:hover .cobj4_filterMap_apply_tit, .cobj4_filterMap_init:hover {
    text-decoration: underline;
}

div.cobj4_filterMap_fil_tit {
    width: 67%;
    padding: 0 2% 0 16%;
    font-size: 12px;
    /* overflow: hidden; */
    /* float: left; */
    
    position: absolute;
    top: 0;
    bottom: 0;
    /* left: 0; */
    margin: auto;
    /* right: 0; */
    height: 1px;
    line-height: 1px;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.cobj4_filterMap_apply_tit, div.cobj4_filterMap_close_tit, div.cobj4_filterMap_split_tit, div.cobj4_filterMap_filHeadTab_tit {
    width: 100%;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    line-height: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}






div.cobj4_filterMap_fil_tit1, div.cobj4_filterMap_apply_tit1 {
    width: 55%;
    padding: 0 2% 0 18%;
    font-size: 12px;
    overflow: hidden;
    float: left;
    cursor: pointer;
    /*height: 90%;*/
}

div.cobj4_filterMap_fil_off {
    width: 10%;
    padding: 0 2% 0 2%;
    /* overflow: hidden; */
    float: right;
    cursor: pointer;
    /* font-size: 14px; */
    position: absolute;
    /* z-index: 1; */
    top: 0;
    bottom: 0;
    /* left: 0; */
    margin: auto;
    /* right: 0; */
    height: 1px;
    line-height: 1px;
    left: 86%;
    text-align: center;
    font-size: 12px;
    border-radius: 8px;
    z-index: 1;
    color: white;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #437DB2;
}


div.cobj4_filterMap_sel {
    background: #437DB2;
    color: #EEEEEE;
}

div.cobj4_filterMap_fil.cobj4_filterMap_sel_tmp {
    background: #437DB2;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
div.cobj4_filterMap_fil.cobj4_filterMap_sel_tmp div {
    color: white;
}

div.cobj4_filterMap_spacer {
    width: 1%;
    float: left;
    clear: both;
    position: relative;
}


div.cobj4_filterMap_dim {
    opacity: 0.3;
    filter: alpha(opacity=30);
    color: #CCCCCC;
}

div.cobj4_filterMap_apply_ok {
    background: #77c14e;
    color: white;
}

div.cobj4_filterMap_active {
    background-image: url(images/cobj/filterC.png);
    background-repeat: no-repeat;
    background-position: 3% 33%;
    background-size: 16px;
}

div.cobj4_filterMap_init {
    right: 0;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    line-height: 1px;
    /* width: auto; */
    /* width: 50%; */
    color: #666666;
    cursor: pointer;
    text-align: center;
    /*background: url(images/cobj/ino_filter.PNG) no-repeat;*/
    padding: 30px 0 30px 0;
    opacity: 0.5;
    filter:alpha(opacity=50);
}

div.cobj4_filterMap_init.cobj4_red_FF {

    color: red;


}



/* Annotation */
.cobj_dock_window_anno .trumbowyg-box, .cobj_dock_window_anno .trumbowyg-editor {
    margin: auto;
}

.cobj_dock_window_anno .trumbowyg-box {
    margin: 0px 0px 36px 0px !important;
}

.cobj_dock_window.cobj_dock_window_anno {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,75%);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,75%);
    /*border-radius: 50px !important;*/
}

    .cobj_dock_window_anno .cobj4_hold_close {

        position: absolute;
        right: 0;
        top: 0;
        padding: 4px 8px 4px 4px;
        z-index: 20;
        height: 20px;
        width: 20px;
        line-height: 20px;
        color: black;
        font-size: 20px;
        cursor: pointer;

    }

.cobj_dock_window_anno .cobj4_dock_cap_more {
    display: none;
}

.cobj_dock_window_anno .cobj_dock_docWin {
    position: static !important;
}

    .cobj_dock_window_anno .cobj_anno_full_window {
        z-index: 1;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        overflow-y: auto;
        margin: 0px;
        text-align: center;

    }

        .cobj_dock_window_anno .cobj_anno_full_window.cobj_anno_splash {
            text-align: left;
            font-size: 0.7em;
            line-height: 1.2em;
            background: white !important;
            color: #0a2033;
            padding: 10px !important;
        }

            .cobj_dock_window_anno .cobj_anno_full_window.cobj_anno_splash .more {
                margin-top: 10px;
            }

        .cobj_dock_window_anno .cobj_anno_full_window.cobj_anno_splash table {
            table-layout:fixed;
            width: 100%
        }

            .cobj_dock_window_anno .cobj_anno_full_window.cobj_anno_splash td {
                width: 50%;
                vertical-align: top;
            }

        .cobj_dock_window_anno .cobj_anno_full_window .stop:hover {
            text-decoration: underline;
               
        }
        .cobj_dock_window_anno .cobj_anno_full_window .stop {
           font-size: 12px;
           color: black;

        }

        .cobj_dock_window_anno .cobj_anno_full_window p {
            margin: 4px;
        }

        .cobj_dock_window_anno .cobj_anno_full_window li {
            margin: 4px;
        }

        .cobj_dock_window_anno .cobj_anno_full_window h2 {
            line-height: 30px;
            margin-top: 10px;
            margin-bottom: 10px;
            font-size: 1.15em;
        }

        .cobj_dock_window_anno .cobj_anno_full_window img.arrow_u {
            box-sizing: border-box;
            border: none;
            position: static;
            width: 140px;
            max-width: 200px;
            height: 50px;
            clear:both;
        }

        .cobj_dock_window_anno .cobj_anno_full_window img.arrow_l {
            box-sizing: border-box;
            border: none;
            width: 50px;
            max-height: 200px;
            height: 50%;
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -25%;
        }

        .cobj_dock_window_anno .cobj_anno_full_window img.arrow_r {
            box-sizing: border-box;
            border: none;
            width: 50px;
            max-height: 200px;
            height: 50%;
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -25%;
        }

        .cobj_dock_window_anno .cobj_anno_full_window img.arrow_d {
            box-sizing: border-box;
            border: none;
            width: 140px;
            max-width: 200px;
            height: 50px;
            position: static;           
           
        }


div.cobj_anno_ctn, .cobj_dock_window_anno .cobj_dock_docWin, .cobj_dock_window_anno .cobj_dock_caption, .cobj_dock_window.cobj_dock_window_anno {
    background: #00e3df; /* nice colour = #1da1f2 */
}

.cobj_anno, .cobj_anno_edit {
    border: 0px;
    padding: 3px 6px 3px 6px;
    display: block;
    /* background: #00e3df; */
    overflow-y: auto;
    overflow-x: hidden;
}

.cobj_groupTitleFav {
    background-image: url(images/cobj/whitefav.png);
    /*background-color: white;*/
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    float: right;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 14px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.cobj_groupTitleFilter {
    background-image: url(images/cobj/filterlist.png);
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    float: right;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 14px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.cobj_groupTitleAnno {
    background: url(images/cobj/grouplistanno.png);
    background-size: contain;
    width: 36px;
    height: 36px;
    float: right;
    cursor: pointer;
    background-color: white;
}

.cobj_groupTitleBack {
    background: url(images/cobj/gobacksm.png);
    width: 48px;
    height: 48px;
    float: right;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 10px;
    margin-right: 4px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.cobj_groupTitleUndo {
    display: none;
    /*background: url(images/cobj/undobm.png); - PARKED UNTIL FUNCTIONALITY REFINED
    width: 48px;
    height: 48px;
    float: right;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 2px;
    margin-right: 4px;
    opacity: 0.4;
    filter: alpha(opacity=40);*/
}

.cobj_groupTitleData {
    float: right;
    width: 400px;
    height: 48px;
}

    .cobj_groupTitleData.cobj_groupTitleDataUp {
        height: 128px;
        position: absolute;
        right: 100px;
        z-index: 3000000000;
    }

.cobj_groupTitleData select {
    width: 100%;
    height: 100%;
    font-size: 9px;
}

.trumbowyg-fullscreen-button, .trumbowyg-viewHTML-button {
    display: none !important;
}


/* New style progress */
#ajax2 table {
    width: 100%;
    height: 100%;
}

#ajax2.msgwindow {
    padding: 0px;
    margin: 0px;
}

td.ajax2_t1 {

    width: 20%;

}

td.ajax2_t4, td.ajax2_t2 {
    width: 10%;
}

img.ajax2_i1 {


    border: #CCCCCC;
    height: 20px;

}

td.ajax2_t2 {
    border: 1px solid #00cde6;
    background: #666666;
}

div.ajax2_pc {
    font-size: 0.75em;
}

td.ajax2_t3 {

    width: 60%;
    text-align: left;
    background: #666666;
    overflow: hidden;

}

td.ajax2_info {
    text-align: center;
    font-size: 0.75em;
}

div.ajax2_b1 {
    background-color: #14d1e8;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGNkZTYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAwMTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDBjZGU2IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wMDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDBjZGU2IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwY2RlNiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjUxNiIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGNkZTYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGNkZTYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGNkZTYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUwMTU5OTk5OTk5OTk5OTkiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDBjZGU2IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDBjZGU2IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwY2RlNiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzUxNTk5OTk5OTk5OTk5OSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGNkZTYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGNkZTYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDBjZGU2IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%,color-stop(0,,#666666),color-stop(0.002, rgb(0, 205, 230)),color-stop(0.008, rgb(0, 205, 230)),color-stop(0.01, rgb(0, 205, 230)),color-stop(0.25,,#666666),color-stop(0.252, rgb(0, 205, 230)),color-stop(0.258, rgb(0, 205, 230)),color-stop(0.26, rgb(0, 205, 230)),color-stop(0.5,,#666666),color-stop(0.502, rgb(0, 205, 230)),color-stop(0.508, rgb(0, 205, 230)),color-stop(0.51, rgb(0, 205, 230)),color-stop(0.75,,#666666),color-stop(0.752, rgb(0, 205, 230)),color-stop(0.758, rgb(0, 205, 230)),color-stop(0.76, rgb(0, 205, 230)),color-stop(1,,#666666),color-stop(1, rgb(0, 205, 230)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(left,#666666 0px,rgb(0, 205, 230) 4px,rgb(0, 205, 230) 20px,rgb(0, 205, 230) 25px);
    /* IE10+ */
    background-image: repeating-linear-gradient(to right,,#666666 0px,rgb(0, 205, 230) 4px,rgb(0, 205, 230) 20px,rgb(0, 205, 230) 25px);
    background-image: -ms-repeating-linear-gradient(left,,#666666 0px,rgb(0, 205, 230) 4px,rgb(0, 205, 230) 20px,rgb(0, 205, 230) 25px);
    /*background: blue;*/
    width: 1px;
    height: 6px;
    padding: 2px 0px 2px 0px;
    float: left;
}





div.cobj_dock_window_pop_msg div.MORE_, div.cobj_dock_window_pop div.MORE_dash, div.cobj_dock_window_menu div.MORE_dash {
    display: none !important;
}

div.cobj_dock_window_pop_msg div.cobj_dock_caption_hed {

    margin-top: -2px;

}

table.cobj_table_dash_btn td {

    position: relative;

}

div.cobj_table_dash_btn {
    border-top: 1px solid #555555;
}

/* If the height is greater than width, do clear both */
div.cobj_dock_window_hgw div.cobj_table_dash_btn div.cobj_table_dash_floatdiv_narrow {
    clear: both !important;
}


div.cobj_dock_window_gauge div.cobj_dock_caption_hed_dash {
    /*padding: 6px 0px 0px 8px;*/
    padding: 10px 0px 0px 3px;
}

    div.cobj_dock_window_gauge div.cobj_dock_caption_hed_dash.cobj_dock_caption_imgon {
        /*padding: 6px 0px 0px 0px;*/
        padding: 10px 0px 0px 0px;
    }



/* Fix to enable a blank heading to be reclicked */
div.cobj_dock_caption_hed_dash {
    background: rgba(255, 255, 255, 0.01);
    min-width: 10px;
}



/*To avoid first-time users being unable to use date range*/
/* Occurs only if rowMsgCon is not inside btables*/



div.cobj4_topcon + div.cobj_table_rowsMsgCon {
    margin-top: 55px;
}



    div.cobj4_topcon + div.cobj_table_rowsMsgCon div.cobj_table_rowsmsg {
        min-width: 390px;
    }

   
div.cobj4_badChartCtn {

    height: 300px;
    width: 100%;
    padding: 10px;
    background: white;

}


div.cobj4_badChart {
    color: #000000;
    font-size: 40px;
    text-align: center;
    /* width: 100%; */
    line-height: 100px;
    /*border: 1px solid #CCCCCC;*/
    background: url(Images/cobj/dissat.png) no-repeat 30px 4px;
    float: left;
    opacity: 0.5;
    min-width: 500px;
    height: 300px;
    filter: alpha(opacity=50);
    padding-left:80px;
}

div.cobj4_badChartData {
    color: #000000;
    font-size: 40px;
    text-align: center;
    line-height: 50px;
    /* border: 1px solid #CCCCCC; */
    background: url(Images/cobj/emptyglassS.png) no-repeat 30px 4px;
    float: left;
    opacity: 0.5;
    min-width: 500px;
    height: 300px;
    filter: alpha(opacity=50);
    padding-left:80px;
}



/* Opacity - based shutdown */

div#cobj_fade_screen2:before {

    content: "Loading Bookmark...";

}

div.cobj_shutdown {
    background-color: rgba(255,255,255,0.05);
    -webkit-box-shadow: inset 3px 0px 189px -200px rgb(0,0,0);
    -moz-box-shadow: inset 3px 0px 189px -200px rgb(0,0,0);
    box-shadow: inset 3px 0px 189px -200px rgb(0,0,0);
    z-index: 550000000;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 75%;
    font-size:30px;
    color:white;
    text-align:center;
    padding:30px 0px 0px 0px;

    /*
    -webkit-box-shadow: inset 3px 0px 50% -50% rgba(0,0,0,1);
    -moz-box-shadow: inset 3px 0px 50% -50% rgba(0,0,0,1);
    box-shadow: inset 3px 0px 50% -50% rgba(0,0,0,1);
        */
    /* Last figure before rgba goes from -half the width to +half it*/
}


img#cobj_clonestar {

    float:right;
    margin-left:20px;


}
/*
tr.cobj_filterRow_head > td div.cobj_fr_heada.cobj_fr_head_smArr {
    margin-top: 7px;
}
    */


div.cobj_filter_both div.cobj_filter_box:first-child {

    border-top:0px;

}


div.cobj_table_saveactionF, div.cobj_table_saveactionSF {
    cursor: pointer;
}

div.cobj_fr_head_sm {
    height: 24px;
    line-height: 24px;
}

div.cobj_fr_head {

    font-size: 16px;

}

div.cobj4_present_btncV, div.cobj4_present_btncV table.cobj_filter_tab {
    width: 100%;
}

tr.cobj_filterRow_head.cobj_fr_bm div.cobj_fr_head div, tr.cobj_filterRow_head.cobj_fr_bm div.cobj_fr_head {
    color: #98c4f9;
    padding-left: 0px;
}

    tr.cobj_filterRow_head.cobj_fr_bm.cobj_fr_bm_1st div.cobj_fr_head div {

        padding-left:0px;

    }

    tr.cobj_filterRow_head.cobj_fr_bm.cobj_fr_bm_1st td {
        white-space:nowrap;
    }


/* 2021-04-30: Hidden for switching in/out */
tr.cobj4_fr_bm_row.cobj4_bm_hidden, tr.cobj_filterRow_head.cobj4_bm_hidden, tr.cobj4_fr_doMore.cobj4_bm_hidden {
    display: none;

}

tr.cobj4_fr_bm.cobj4_ani_add_step1.cobj4_bm_hidden, tr.cobj4_fr_bm_row.cobj4_ani_add_step1.cobj4_bm_hidden, tr.cobj_filterRow_head.cobj4_ani_add_step1.cobj4_bm_hidden, tr.cobj4_fr_doMore.cobj4_ani_add_step1.cobj4_bm_hidden,
tr.cobj4_fr_bm.cobj4_ani_add_step2.cobj4_bm_hidden, tr.cobj4_fr_bm_row.cobj4_ani_add_step2.cobj4_bm_hidden, tr.cobj_filterRow_head.cobj4_ani_add_step2.cobj4_bm_hidden, tr.cobj4_fr_doMore.cobj4_ani_add_step2.cobj4_bm_hidden {
    display: block;
}

tr.cobj_filterRow_head.cobj4_bm_transition > td {
    background-color: #536067; /*#f44336;*/
    transition: background-color 0.8s;
}
tr.cobj_filterRow_head > td {
    background-color: inherit;
    transition: background-color 1.8s;
}

tr.cobj4_ani_chg_step1 {
    opacity: 0;
}

tr.cobj4_ani_chg_step2 {
    opacity: 1;
    transition: opacity 0.8s;
}

tr.cobj4_ani_add_step1 {
    opacity: 1;
}

tr.cobj4_ani_add_step2 {
    opacity: 0;
    transition: opacity 0.8s;
    background-color: #536067;
}

.cobj4_raf_dash_chart svg {
    z-index: 10;
}


.cobj4_bm_hidden {
    display: none;
}

/* 2021-05-21: Except for during search */
    tr.cobj4_fr_bm_row.cobj4_bm_hidden.cobj4_fr_bm_searchFR {
        display: block;

    }
    tr.cobj_filterRow_head.cobj4_bm_hidden.cobj4_fr_bm_searchFR {
        display: block;
    }

        tr.cobj_filterRow_head.cobj4_bm_hidden.cobj4_fr_bm_searchFR > td, tr.cobj4_fr_bm_row.cobj4_bm_hidden.cobj4_fr_bm_searchFR td, tr.cobj_filterRow.cobj4_bm_hidden.cobj4_fr_bm_searchFR > td {
            background-color: #455565;
        }




tr.cobj_filterRow_head.cobj_fr_bm.cobj_fr_bm_1st > td {
    border-top: 0px;
    padding-left: 1px;
    padding-top: 4px;
}

/*tr.cobj_filterRow_head td div.cobj4_notshared:hover, tr.cobj_filterRow_head td div.cobj4_shared:hover {
    text-decoration: underline;
}*/

table.cobj_filter_tab div.cobj4_notshared:hover, table.cobj_filter_tab div.cobj4_shared:hover, table.cobj_filter_tab div.cobj4_sharedW:hover {
    text-decoration: underline;
}

/*tr.cobj_filterRow_head td {

    font-size: 14px;

}*/

td.cobj4_fr_bm_delSel {
    padding: 4px !important;
    vertical-align: top;
    border-left: 0px !important;
}


tr.cobj4_fr_bm_row td, tr.cobj_filterRow > td {
    color: #F0F0F0;
    border: 1px #444444 solid;
    height: 33px;
    /* line-height: 30px; */
    width: 180px;
    margin: 1px;
    border-radius: 1px;
    background-color: #333333;
    padding: 2px 2px 2px 2px;
    /* overflow: hidden; */
    font-size: 14px;
    overflow: hidden;
    padding: 0px;
}

    tr.cobj4_fr_bm_row td div {
        width: 90%;
        padding-left:10%;
    }

tr.cobj4_fr_bm_row td:hover
{
    text-decoration: underline;
}


/*tr.cobj4_fr_firstFilter 
{
    border-top: 1px solid #98c4f9;
}
    */

tr.cobj_filterRow_head.cobj4_fr_firstFilter > td {
    padding-top: 36px;
    border-top: 1px solid #444444;
}




/* No display on dashboard mode */
div#cobj_rc_container_p_p_p .cobj4_fil_hilight 
{
    display: none;
}

div#cobj_rc_container_p_p_p .cobj_table_filter_modecm    
{
    display: none;
}

div#cobj_rc_container_p_p_p .cobj4_filterSpec    
{
    display: none;
}



/* Tidy-up the column rename screen */
table.cobj_rename_tab  
{
    width: 100%;
    padding-left: 4px;
}



table.cobj_rename_tab th
{
    border:1px solid #EEEEEE;
}

    table.cobj_rename_tab th:first-child, table.cobj_rename_tab td:first-child {
        max-width: 340px;
    }

table.cobj_rename_tab th
{
    background: #999999;
    color:White;
}

table.cobj_rename_tab tr:nth-child(even), table.cobj_rename_tab tr:nth-child(even) input
{
    background: #F8F8F8;
}
    

.cobj_encodesave_btn.cobj_rename_btn {
    border-color: #EEEEEE;
    height: 30px;
    line-height:30px;
    width: 100px;
}
.cobj_isave_btn {
    border-color: #EEEEEE;
    height: 30px;
    line-height:30px;
    width: 200px;
    background-color: #EEEEEE;
    float: right;
    text-align:center;

}

    .cobj_isave_btn a {
        border-color: #EEEEEE;
        color: Gray;
        font-weight: normal;
        text-decoration: none;

    }

.cobj_encodesave_btn.cobj_rename_btn:hover, .cobj_isave_btn:hover
{
    text-decoration: underline;
}


/* Ensure the stop-download is clickable */
#m_cobj_dockwin_asyncprogress 
{
    z-index: 2100000001 !important;
    /*width: 50% !important;
    left: 25% !important;
    top: 300px !important;*/
}

/* Tidy-up hovering links */
.msgConfirmBtn:hover
{
    text-decoration: underline;
}

.chevnormM:hover, .chevselM:hover, .cobj4_present_item:hover
{
    text-decoration: underline;
}
    

/* Tidy-up filter options */
.cobj_filter_box.cobj_filter_box_unsel .cobj_filter_vx, .cobj_filter_box.cobj_filter_box_sel .cobj_filter_vx {
    padding-left: 8px;
}

.cobj_glob_fil.cobj_filter_box.cobj_filter_box_unsel .cobj_filter_vx, .cobj_glob_fil.cobj_filter_box.cobj_filter_box_sel .cobj_filter_vx 
{
    padding-left: 0px;   
}

.cobj_glob_fil.cobj_filter_box.cobj_filter_box_unsel .cobj_filter_vx:hover, .cobj_glob_fil.cobj_filter_box.cobj_filter_box_sel .cobj_filter_vx:hover 
{
    text-decoration: underline; 
}


td.cobj4_tab_bust {
    border-color: #DDDDDD !important;
    border-style: solid !important;
}

td.cobj4_tab_bust {

    border-width: 1px 1px 0px 1px !important;

}

/*
th.cobj4_tab_bust {
    min-width: 40px;
    border: 1px solid #F0F0F0 !important;
}
*/

/* Unfortunately required because the main tab uses TD for heading whereas flatten copies TH*/
th.cobj4_tab_bust {
    line-height: 20px;
    font-size: 15px;
    color: #111111;
    font-family: helvetica,arial,sans-serif;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 3px;
    padding: 10px 2px 10px 2px;
    word-wrap: break-word;
}







td.cobj4_nh_opt:hover, tr.cobj4_fr_doMore td:hover {
    text-decoration: underline;
}
.cobj4_nh_opt {
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: 3px solid #455565;
}
    td.cobj4_nh_opt_sel {
        border-bottom: 3px solid #69be28;
    }

tr.cobj4_fr_bm_row td div.cobj4_sharedW span {

    color:#BBBBBB;

}


/* FOR CONCERTINA HEADINGS */
tr.cobj_filterRow_head > td {
    width: 100%;
    height: 25px;
    color: White;
    /*font-weight: bold;*/
    /*padding-top: 8px;*/
    padding-top: 16px;
    padding-left: 1px;
    border-top: 1px solid #444444;

}



/* Add this if you don't want the "Bookmarks" heading */
/*
tr.cobj_fr_bm_1st {

    display: none;

}
*/

input.cobj4_dateAutoChanged {
    background: #f8f9db !important;
}

input.cobj4_present_confil_search {
    width: 70px;
    /*margin-top: 7px;*/
    margin-right: 0px;
    font-size: 12px;
    background: #dedfe8;
    border-width: 7px 19px 7px 19px;
    border-color: #555555 #555555 #555555 #555555;
    border-style: solid solid solid solid;
    padding: 2px;
    float: left;
    height:24px;

}
img.cobj4_present_confil_search_i {
    background: white;
    height: 24px;
    opacity: 0.2;
    filter: alpha(opacity=20);
    border-width: 7px 0px 7px 0px;
    border-color: #555555 #555555 #555555 #555555;
    border-style: solid solid solid solid;
    /*margin-top: 7px;*/
    margin-left:-50px;
    float:left;
    padding:2px
}

.cobj4_present_confil_opt.cobj4_ison > span:hover, .cobj4_groupList_tdAdd:hover, .cobj4_groupList_elem_del:hover 
{
    text-decoration: underline;
}


tr.cobj_filterRow_head > td div.cobj_fr_head 
{
    float:left;
}

tr.cobj_filterRow_head > td div.cobj_fr_head:hover
{
    text-decoration: underline; 
}

tr.cobj_filterRow_head > td div.cobj_fr_heada
{
    float: left;
    margin-top: 4px;
    margin-left: 6px;
}

/* Ensure it always fills screen */
#cobj_rc_container_p_p_p 
{
    min-height: 100%;
}
    
/* END CONCERTINA HEADINGS */

/* Image link for Bookmarks */
.cobj4_rc_container_p_b 
{
    padding: 11px 2px 11px 3px;
    margin: 0px;

}

.cobj4_bookmarks_rhs 
{

    position: fixed;
    top: 0em;
    right: 0em;
    height: 100%;
    background: #333333;
    border-left: 1px solid #666666;
    margin: 0px;
    height: 100%;
    cursor: pointer;
    overflow: visible;
    z-index: 200000001; /*Above filter bar*/
    opacity: 0.95;  
    padding-left: 30px;
    padding-right: 60px; /*Allow for close button and IE hovering scrollbar */
}

    .cobj4_bookmarks_rhs.cobj4_bookmarks_lhs {
        right: inherit;
        left: 0em;
    }


/* Main heading */
.cobj4_bookmark_head {
    color: White;
    font-size: 20px;
    padding: 16px 0px 26px 0px;
    float: left;
}

/* CLose button */
.cobj4_bookmark_close
{
    cursor: pointer;
    color: White;
    font-size: 20px;
    padding: 4px;
    float: right;
    margin-right: -30px; /*shift to right of parent*/
}


/* Panel list close */
.cobj4_groupList_elem_close 
{
    color: White;
    font-size: 20px;
    padding: 0px;  
    cursor: pointer; 
    width: 20px;
    text-align: center;         
}

/* Help text */
.cobj4_groupList_tdHello 
{
    
    border: 1px solid while;
    padding:6px;
    color: White;
    text-align: left;
    background: #444444;
       
    
    
}


div.cobj4_save_elem_ctn table {

    width: 100%;



}

/* Two input elements: group and save  */
.cobj4_groupList_tdGrp input, .cobj4_groupList_tdTxt input, textarea.cobj4_save_elem_ta {
    padding: 3px;
    width: 320px;
    height: 22px;
}

.cobj4_groupList_tdGrp input, .cobj4_groupList_tdTxt input {
    border: 1px solid #BBBBBB;
    border-right: 0px;
}

textarea.cobj4_save_elem_ta {
    border: 1px solid #BBBBBB;
    height: 200px;
    background: #F0F0F0;
}

.cobj4_save_elem_top.cobj4_closeX {
    text-align: right;
    color: white;
    font-size: 16px;
    padding: 8px 8px 0px 0px;
    cursor: pointer;
}

.cobj4_save_elem_lef.cobj4_btnBorder, .cobj4_save_elem_rig.cobj4_btnBorder {
    border: 4px solid #444444;
    color: black;
    background: #EEEEEE;
    cursor: pointer;
    text-align: center;
    padding:4px;
    width: 148px;
}

    .cobj4_save_elem_lef.cobj4_btnBorder:hover, .cobj4_save_elem_rig.cobj4_btnBorder:hover {
        text-decoration: underline;
    }

tr.cobj4_fr_bm_row.cobj_bm_row_sel > td {
    background-color: #256da7;
}


/* Exist highlighting */
.cobj4_groupList_exist {
    background: #d2e6ef;
}


/* Add button */
.cobj4_groupList_tdAdd 
{
    cursor: pointer;
    padding: 0px 6px 0px 6px;
    border-width: 2px 0px 2px 10px;
    border-color: #CCCCCC;
    border-style: solid;
    color: white !important;
    background-color: #00cde6;
}

/* Repeating delete button */
.cobj4_groupList_elem_del 
{
     padding: 0px;
     color: white !important;
     width:50px;
        
}

/* Clear field buttons */
.cobj4_groupList_tdGrpX, .cobj4_groupList_tdTxtX 
{
    
    background: #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    border-width: 2px 0px 2px 0px;
    border-color: #CCCCCC;
    border-style: solid;    
    padding: 0px 2px 0px 2px;   
   
}

/* Clear field buttons ACTIVE */
.cobj4_groupList_tdGrpX.cobj4_groupList_onX, .cobj4_groupList_tdTxtX.cobj4_groupList_onX 
{
        color: #CCCCCC;
}

cobj4_groupList_elem.hover td {

    background: inherit;


}

div.cobj4_notshared, div.cobj4_shared {
    display: inline-block;
}


.cobj4_groupList_elem table div, tr.cobj4_fr_bm_row td div {
    display: inline-block;
}
/*
    .cobj4_groupList_elem table div.cobj4_notshared, tr.cobj4_fr_bm_row td div.cobj4_notshared {
        padding-left: 16px;
    }

    .cobj4_groupList_elem table div.cobj4_shared {

        padding-left: 16px;
        background: url(images/cobj/group_small.png) no-repeat;
    }
    */
    .cobj4_groupList_elem table div.cobj4_notshared, tr.cobj4_fr_bm_row td div.cobj4_notshared {
        padding-left: 10%;
    }

    .cobj4_groupList_elem table div.cobj4_shared {
        padding-left: 10%;
        background: url(images/cobj/group_small.png) no-repeat;
    }

        .cobj4_groupList_elem table div.cobj4_shared span, .cobj4_groupList_head table div span, .cobj4_groupList_elem div.cobj4_notshared span {
            color: #9ab2d8;
        }

/*
tr.cobj4_fr_bm_row.cobj_bm_row_sel td div.cobj4_shared, tr.cobj4_fr_bm_row.cobj_bm_row_sel td div.cobj4_sharedW, tr.cobj4_fr_bm_row.cobj_bm_row_sel td div.cobj4_notshared {
    background: #437DB2;
    color: white;
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, #437DB2 0%, #437DB2 95%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, #437DB2 0%, #437DB2 95%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, #437DB2 0%, #437DB2 95%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, #437DB2 0%, #437DB2 95%);
}
*/

/* Filter part: */
    td div.cobj4_shared span.cobj4_bm_ext, td div.cobj4_sharedW span.cobj4_bm_ext, td div.cobj4_notshared span.cobj4_bm_ext {
        font-size: 9px !important;
    }

tr.cobj4_fr_doMore td {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    color: white;
    font-weight: bold;
   
}


tr.cobj4_fr_bm_row td div.cobj4_sharedW {

    padding-left: 10%;
    background: url(images/cobj/group_smallW.png) no-repeat;
}

tr.cobj4_fr_bm_row td div.cobj4_justSaved {
    border-left: 3px solid #af9ba2;
}

tr.cobj4_fr_bm_row td span, tr.cobj_filterRow_head div.cobj_fr_head span {
    color: #9db5ce;
}
/*
tr.cobj_filterRow_head > td td {
    color: #edd235;
}
    */

div#cobj4_wall {

    cursor: pointer;

}

div#cobj4_wall div div.cobj4_sharedW span {
    color: #9db5ce;
    padding-left: 16px;
    background: url(images/cobj/group_smallW.png) 0px 3px no-repeat;
}


/* Add buttons - no selecting */
.cobj4_groupList_elem_del, .cobj4_groupList_tdAdd, .cobj4_groupList_tdGrpDD, .cobj4_groupList_tdTxtDD, .cobj4_groupList_elem_close, .cobj4_groupList_tdTxtX, .cobj4_groupList_tdGrpX {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.cobj4_groupList_elem_del, .cobj4_groupList_tdGrpDD, .cobj4_groupList_tdTxtDD  
{
    background: #AAAAAA !important;
    padding-left:2px;
    padding-right:2px;
}

/* Empty delete button */
.cobj4_groupList_elem_delnot 
{
    width:50px;
}



/* Main list containers */

.cobj4_group_elem_ctn, .cobj4_list_elem_ctn {
    z-index: 200000002;
}
.cobj4_save_elem_ctn {
    z-index: 200000003;
}


.cobj4_group_elem_ctn, .cobj4_list_elem_ctn, .cobj4_save_elem_ctn {
    border-width: 0px 1px 1px 30px;
    border-style: solid;
    border-color: #444444;
    padding: 0px;
    background: #444444;
    
}

.cobj4_groupList_elem.cobj4_groupElemAll
{
    color: Gray;
    background: #F0F0F0;
    
}

/* Element in the list */
.cobj4_groupList_elem 
{
    border-top: 1px solid #E0E0E0;
    cursor: pointer;
    background: #FFFFFF;
}

/* The currently selected element */
.cobj4_groupList_elemSel {
    background-color: #376bbc;
    color: white;
}

/* Hovering highlighting */
.cobj4_groupList_elem:hover div {
    /*background: #bcd9e6;*/
    text-decoration: underline;
    /*color: #444444;*/
}

/* Trying to match the filters with above */
.cobj_filter_box:hover, .cobj_filter_box:hover span {
    /*background: #bcd9e6;*/
    text-decoration: underline;
    /*color: #111111;*/
}

.cobj_filter_box.cobj_filter_box_sel:hover {
    background: #376bbc;
    color: white;
    text-decoration: underline !important;
}
    .cobj_filter_box.cobj_filter_box_sel:hover span {
        text-decoration: underline !important;
    }



/* Bit of sizing control */
.cobj4_groupList_elem 
{
    min-width: 200px;   
    
    
}

/* Line item delete */
.cobj4_groupList_elem_del 
{
    width: 20px;
    text-align: center;
}

/* table for each line item */
.cobj4_groupList_elem table
{
    width: 100%;

    
    
}

div.cobj_rc_container_p_p_p_lhs table.cobj_arrowc {
    width: auto;
}

div.cobj_rc_container_p_p_p_lhs div.cobj_filterMaster.cobj_present_b_x_vert {

    min-width: 260px;

}
/* Heading */
.cobj4_groupList_head {
    background: transparent;
    color: White;
    padding: 6px 0px 6px 0px;
    width: 100%;
}

/* Main table for all line items */
.cobj4_groupList_head table
{
    width: 100%;
    
    
}




.cobj4_groupList_tdGrpDD, .cobj4_groupList_tdTxtDD {
    cursor: pointer;
    border-width: 2px 2px 2px 0px;
    border-color: #CCCCCC;
    border-style: solid;
    padding: 1px 4px 0px 6px;
    color: #AAAAAA;
    background: #AAAAAA;
    width: 12px;
    
    
}

div.cobj4_groupList 
{
    float:left;
    clear:both;
}

div.cobj4_groupList table 
{
 
    background: #CCCCCC;   
    border-collapse: separate;
    border-spacing: 0px;
    border: 2px solid #CCCCCC; 
    
}


.cobj4_fr_bm_searchF 
{
    color: #e0f9b5 !important;
}


input.cobj4_save_elem_chk {

    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 4px 4px 4px 0px;
    color: #444444;
    padding: 2px;

}

label.cobj4_save_elem_chk_lab {
    color: white;
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 12px;
    cursor: pointer;
}





/* 2017-12-04 */
svg.cobj4_picked {
    background-color: #f9f6e1;
    background-image: url(images/cobj/functions_black_24dp.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 3px 3px;
}

svg.cobj4_picked.cobj4_pickedBtnBar {
    background-color: #f9f6e1;
    background-image: url(images/cobj/functions_kpi_bar_view.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 3px 3px;
}

svg.cobj4_pickedBtnBar {
    background-color: #f9f6e1;
    background-image: url(images/cobj/kpi_bar_view.png);    
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 3px 3px;
}

div.cobj4_picked
{
    background-color: #f9d835;
}

div.cobj4_pickedBtn.cobj4_dash_button {
    background: #1188dd !important
}



svg.cobj4_pickedD {
    background-color: #e9fdf8;
    background-image: url(images/cobj/functions_black_24dp.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 3px 3px;
    /*background-image:
    radial-gradient(
      circle,
      white,
      #9dedf9
    );   */
}

div.cobj4_pickedD
{
    background-color: #9dedf9;
}



/*Cancel silly template params*/
.msgwindow div.mwin_header, div.msgwindow {
    border-radius: 0px !important;
    padding: 0px !important;
}
svg {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

svg.cobj4_inProcess {
    -webkit-backface-visibility:initial;
    backface-visibility: initial;
}

div#nav_control_btns div.cobj4_present_item {
    line-height: 50px;
    height: 50px;
    border: 1px solid #555555;
    margin: 2px;
    overflow: hidden;
}

    div#nav_control_btns div.cobj4_present_item.cobj4_present_item_sel {
        background: #376bbc;
    }

div#nav_control_btns div.cobj4_present_item.cobj4_present_item_page 
{
    font-weight: bold;
}

div#nav_control_btns div.cobj4_present_item.cobj4_present_item_page.cobj4_present_item_fpage 
{
    margin-top: 30px;
}

div.cobj_list_head table.cobj4_table_list th 
{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

table.cobj4_table_listL td 
{
    text-align: justify !important;
}
/*
table.cobj4_table_listL th div  {
    line-height: 24px;
    height: 24px;
}
    */
#cobj4_noUI 
{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2100000000;
    /*opacity: 0.05;
    filter: alpha(opacity=10);*/
    background: rgba(0,0,0,0.05);   
    cursor: progress; 
    display: none;
}

    #cobj4_noUI div {
        background: url(Images/Notrespassing.gif) no-repeat;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        height: 18px;
        width: 50px;
        top: 76px;
        left: -10px;
        position: absolute;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

    .cobj4_holdScroll {
        overflow:hidden;
    }

.cobj4_spawn
{
    background: #555555;
    
}

/* ZOOM - if these change - ensure you change function uGetMediaZoom */


html.cobj4_noZoom {
    zoom: 1 !important;

}





    /* LOSE THIS AS IT'S NOT WELL SUPPORTED */
/*
@media screen and (min-width: 1279px) {

    html {
        zoom: 1;
    }
}

@media screen and (min-width: 1151px) and (max-width: 1279px) {

    html {
        zoom: 0.9;
    }
}

@media screen and (min-width: 1023px) and (max-width: 1151px) {

    html {
        zoom: 0.8;
    }
}

@media screen and (min-width: 895px) and (max-width: 1023px) {

    html {
        zoom: 0.7;
    }
}

@media screen and (min-width: 767px) and (max-width: 895px) {

    html {
        zoom: 0.6;
    }
}

@media screen and (min-width: 639px) and (max-width: 767px) {

    html {
        zoom: 0.5;
    }
}

@media screen and (min-width: 511px) and (max-width: 639px) {

    html {
        zoom: 0.4;
    }
}

@media screen and (min-width: 383px) and (max-width: 511px) {

    html {
        zoom: 0.3;
    }
}

@media screen and (max-width: 383px) {

    html {
        zoom: 0.2;
    }
}
    */




div.cobj4_nodata {
    position: fixed;
    text-align: center;
    color: #6d6d71;
    font-size: 96px;
    top: 40%;
    left: 25%;
    right: 25%;
    /* border: 1px solid #333333; */
    padding: 30px;
    background: rgba(0,0,0,0.1);
    z-index: 299999998;
}

div.cobj4_upperMost {
    z-index: 2100999999 !important;
}






/* COBJ_LIST */

div.cobj_list_ctn
{
    padding:0px;
    margin:0px;
    height: 100%;
    width: 100%;


}



div.cobj4_list_ctn_ctn
{
 
    padding:0px;
    margin:0px;
    width:100% !important;
    height:100%;  
    background: white;
    
}



div.cobj_list_head_ctn 
{
    position: relative;
    overflow-x: auto;
    overflow-y: scroll;
    float:left;
    width:100%;
    height:99%;  
}


div.cobj_list_scroll2
{
    position: absolute;
    z-index: 1;
    background: transparent;
    width:24px;
    height:100%;
    padding-right: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    top:0px;
    

    
    /*pointer-events: none;*/
    /*background: url('images/s.gif');*/

    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/s.gif', sizingMethod='scale');*/
    /*background: none !important;    */
    
    
    
}

/* 2020 Non-SVG chart types */

div.cobj4_table_noSvg_gauge {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    -ms-font-feature-settings: "liga" 1; /* for IE10-11 */
}

div.cobj4_table_noSvg_gauge + div {
    display: none;
}

div.cobj4_table_noSvg_gauge.cobj4_table_noSvg_type_IO::before {
    font-size: 24px;
    color: green;
    content: 'check';
}

    div.cobj4_table_noSvg_gauge.cobj4_table_noSvg_type_IP::before {
        font-size: 24px;
        color: red;
        content: 'error_outline';
    }

td.cobj4_sl_flex_data_ctn {
    display: flex;
    flex-flow: row wrap;
    /* Then we define how is distributed the remaining space */
    justify-content: space-around;
    border-width:1px 0px 0px 0px !important;
}

div.cobj4_sl_flex_data {

    min-width: 140px;
    max-width: 40%

}

    div.cobj4_sl_flex_data.cobj4_sl_flex_sonu > div.hed {
        background: url(images/cobj/arrowup.png) 2px 2px no-repeat #777777;
        color: white;
    }
    div.cobj4_sl_flex_data.cobj4_sl_flex_sond > div.hed {
        background: url(images/cobj/arrowdn.png) 2px 2px no-repeat #777777;
        color: white;
    }

    div.cobj4_sl_flex_data > div {

        border-color:#CCCCCC;
        border-style:solid;
        padding: 2px;
        

    }

        div.cobj4_sl_flex_data > div.hed {
            border-width: 1px 1px 0px 1px;
            background: #F0F0F0;
            border-radius: 4px 4px 0px 0px;
            margin: 10px 4px 0px 4px;
            cursor: pointer;
        }
        div.cobj4_sl_flex_data > div.hed:hover {
            text-decoration: underline;
        }

        div.cobj4_sl_flex_data > div.val {
            border-width: 0px 1px 1px 1px;
            border-radius: 0px 0px 4px 4px;
            margin: 0px 4px 10px 4px;
            background: white;
        }

td.cobj4_sl_flex_data_ctn {
    background: -webkit-linear-gradient(0deg, rgb(240, 240, 240) 10%, rgb(255, 255, 255) 50%);
    background: -o-linear-gradient(0deg, rgb(240, 240, 240) 10%, rgb(255, 255, 255) 50%);
    background: -moz-linear-gradient(0deg, rgb(240, 240, 240) 10%, rgb(255, 255, 255) 50%);
    background: linear-gradient(0deg, rgb(240, 240, 240) 10%, rgb(255, 255, 255) 50%);
}

td.cobj4_sl_flex_data_ctn span.cobj4_bubspan {
    font-size: 13px !important;
    font-style: italic;
}



div.cobj_list_scroll {
    position: absolute;
    z-index: 2;
    background: transparent;
    /* width: 24px; */
    height: 100%;
    /*margin-left: 17px;*/
    overflow-x: hidden;
    overflow-y: auto;
    top: 0px;
    /*width: 17px !important;*/
    right: 0px !important;
}

div.cobj_list_scrollCov {
    position: absolute;
    z-index: 1;
    background: white; /*transparent;*/
    height: 100%;
    width:100%;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 0px;
    left:0px;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;

}
    div.cobj_list_scrollCov > div {
        width: 100%;
    }



div.cobj_list_scroll div 
{
    float:left;
    width:1px;
}

div.cobj_list_head th, div.cobj_list_headL th
{
    cursor: pointer;
    padding:1px;

    
}


div.cobj_list_head tr th:nth-child(odd), div.cobj_list_headL tr th:nth-child(odd)  
{
    background: #E8E8E8;
}
div.cobj_list_head tr th:nth-child(even), div.cobj_list_headL tr th:nth-child(even)  
{
    background: #F0F0F0;
}
div.cobj_list_head tr /*, div.cobj_list_headL tr*/
{
/*-webkit-box-shadow: -8px 10px 3px -9px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 10px 3px -9px rgba(0,0,0,0.75);
box-shadow: -8px 10px 3px -9px rgba(0,0,0,0.75);*/

}

div.cobj_list_head_left.cobj_list_head_left_rot table.cobj4_table_listL > tbody > tr > td {

    background: #E8E8E8;
    border-color: white;
    cursor: pointer;
}

div.cobj_list_head_ctn table.cobj4_table_list > tbody > tr > td:nth-child(2) {
    text-align: left;
}

div.cobj_list_head_ctn.cobj_list_head_rot table.cobj4_table_list > tbody > tr > td:nth-child(2) {
    background: #E8E8E8;
    border-color: white;
}



table.cobj4_table_listL td {
    background: #F8F8F8;
}

    table.cobj4_table_listL td:hover {
        background: #bce6ef;
    }

div.cobj_list_head_left {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
    margin-top: -0.5px;

    /*border: 1px solid #333333;
    border-width:0px 1px 0px 0px;*/
    /*-webkit-box-shadow: 9px -4px 5px -8px rgba(0,0,0,0.64);
-moz-box-shadow: 9px -4px 5px -8px rgba(0,0,0,0.64);
box-shadow: 9px -4px 5px -8px rgba(0,0,0,0.64);    */
}


table.cobj4_table_list.cobj4_table_list_ready tr:hover, table.cobj4_table_listL.cobj4_table_list_ready tr:hover {
    background: rgba(0,205,230,0.21) !important;
}



div.cobj_list_body table.cobj4_table_list tr td:nth-child(2), div.cobj_list_bodyL table.cobj4_table_listL tr td:nth-child(2) 
{
    color: Black;
    cursor: pointer;
}




div.cobj_list_head, div.cobj_list_headL
{
    position: absolute;
    z-index:1;

    padding:0px 0px 0px 0px;
    margin:0px;
    background: #DDDDDD;
    
    /*display:none;*/
}

/* Override the paddingTop settings 2019-11-05 */
div.cobj_list_head {
    padding-top: 0px !important;
    width: 100%;
}

/* New container 2019-11-05 */
div.cobj_list_head_simplectn {
    padding: 0px;
    overflow-x: hidden;
    overflow-y: visible;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}



td.cobj_list_footer 
{
    background: #AAAAAA !important;
    border-color: #AAAAAA !important;
}

td.cobj_list_footerL 
{
    
}

div.cobj_list_body, div.cobj_list_bodyL
{
    padding:0px 0px 0px 0px;
    background: #FFFFFF;
    float:left;

    
}

div.cobj_list_info {
    height: 20px;
    line-height: 20px;
    border-width: 2px 2px 2px 0px;
    border-color: white;
    border-style: solid;
    background: white;
    float: right;
    text-align: center;
    padding: 1px 0px 1px 0px;
}

/* Search Textarea */
input.cobj_list_search, textarea.cobj_list_search {
    border-width: 0px;
    border-color: #555555 #555555 #555555 #555555;
    border-style: solid solid solid solid;
    height: 20px;
    line-height: 20px;
    float: left;
    overflow: hidden;
    margin-top: 4px;
    margin-left: 2px;
}

div.cobj_list_search_cl {
    height: 22px;
    width: 20px;
    border-width: 2px;
    /* background: rgba(0, 240, 240, 0.1); */
    float: left;
    border-color: #E0E0E0;
    border-style: solid;
    text-align: center;
    line-height: 22px;
    padding: 1px;
    color: #E0E0E0;
    cursor: pointer;
    font-size: 20px;
    margin: 2px;
}
div.cobj_list_search_cl:after {

    content: 'X';

}

div.cobj_list_search_cl.cobj4_ok {

    border-color: green;
    color: white;
    background: green;

}

div.cobj_list_search_cl.cobj4_notok {

    border-color: red;
    color: white;
    background: red;

}

input.cobj_list_search.cobj4_ok
    {
        border-color: green;
    }

input.cobj_list_search.cobj4_notok
    {
        border-color: red;
    }



table.cobj4_table_list, table.cobj4_table_listL
{
    border-collapse: collapse;
}

table.cobj4_table_listL {
    table-layout: fixed;
}

table.cobj4_table_list td, table.cobj4_table_listL td
{
    /*border-width: 1px 1px 0px 0px;*/
    border-width:1px;
    border-color: #E0E0E0;
    border-style: solid;
    /*padding:1.49px;  2019-02-11 */
    text-align: center;
    padding-top:1px;
    padding-bottom:1px;
    
}

div.cobj_list_head table.cobj4_table_list {
    table-layout: fixed;
}

table.cobj4_table_list th, table.cobj4_table_listL th  
{
    font-weight: normal;
    /*font-size: 14px;*/
    line-height: 16px;
    color: #111111;
    /*padding:0px 1px 4px 1px;*/

    border-width: 1px 1px 0px 0px !important;
    border-style: none;
}

/*   table.cobj4_table_listL th {
        2018-01-11
        padding: 0px 1px 4px 1px;
        padding: 2px 1px 2px 1px;
    }*/

    table.cobj4_table_list th {
        /*2018-01-11
        padding: 4px 1px 4px 1px;*/
        padding: 4px 1px 4px 1px;
    }
    

table.cobj4_table_list th div, table.cobj4_table_listL th div
{
    padding:0px 0px 0px 0px !important;
    border-width: 0px 0px 0px 0px !important;

    
}

table.cobj4_table_list tr td:nth-child(odd), table.cobj4_table_listL tr td:nth-child(odd) 
{
    background: rgba(250, 250, 250, 0.30);
}

table.cobj4_table_list tr td:nth-child(1), table.cobj4_table_listL tr td:nth-child(1) {
    font-size: 8px;
    text-align: center !important;
    color: #111;
    background: #E8E8E8 !important;
    border-color: rgba(100, 100, 100, 0.33);
}


    /* END OF COBJ_LIST */
    /*.cobj_table_dash.fixheaddone td {
	max-width: 150px !important;
}*/
select.cobj4_encode_err, input.cobj4_encode_err, textarea.cobj4_encode_err, td.cobj4_encode_err {
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(240,36,9,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(240,36,9,1);
    box-shadow: inset 0px 0px 0px 2px rgba(240,36,9,1);
}



div.cobj_dock_window_pop, div.cobj_dock_window_pop3 /* Ensure pop-up windows are just that */ {
    z-index: 101009999 !important;
}

    div.cobj_dock_window_pop div.cobj4_capEvent {
        padding: 1px 0px 1px 3px !important;
    }

    div.cobj_dock_window_pop div.cobj4_headerAppend {
        float:right;
    }


div.cobj_dock_window_pop_msg /* Ensure pop-up windows are just that */
{
    z-index: 199999999 !important;
}

/* Default is no display of download specs */

#cobj_ajax_persec 
{
    display: none;
}

#cobj_ajax_loaded
{
    display: none;
}

div.cobj4_play_preview {

    cursor: pointer;
    text-decoration:underline;
    padding-left:22px;
    background: url(Images/play.gif) no-repeat 10px 0px;
    line-height:20px;
    width: 200px;
    float: left;
}

div.cobj4_play_frame {

    width: 200px;

}

.cobj_ajax_img
{
    margin-top: 5px;
    height:18px;
    line-height:18px;
    width: 100%;
  
}

input.color 
{
    border: 1px solid #AAAAAA;
    padding: 2px;
    width: 100px;
}

input.color_ta 
{
    border: 1px solid #AAAAAA;
    padding: 2px;
    width: 20px;
    height: 20px;
    color: rgba(0, 0, 0, 0) !important; /* transparent text */
}

div.color_ta 
{
    color: #333333;
    font-size: 10px;
    line-height:11px;
}

table.color_tab, table.color_tab div, table.color_tab td
{
    text-align:left;
    vertical-align:top;
    padding:0px;
}

table.color_tab td.cobj4_cpt_1, td.cobj4_cpt_2 
{
    width: 50%;
}

table.color_tab td.cobj4_cpt_2 
{
    padding-top: 24px;
}

.cobj4_optcon, .cobj4_optcon td, .cobj4_optcon div
{
    margin: 1px;
    text-align: left !important;
}

td.cobj4_opt_1
{
    vertical-align: top;
    padding:0px;

}

td.cobj4_opt_2 
{
    vertical-align: top;
    border-left: 1px solid #CCCCCC !important;
    opacity: 0.5;
    filter: alpha(opacity=50);
    max-width: 200px;
    padding: 0px 0px 0px 5px !important;
}

td.cobj4_opt_2 hr
{
    padding: 0px !important;
    margin: 0px !important;
}




.cobj_dock_window.cobj_dock_window_chart, .cobj_dock_window.cobj_dock_window_wordcloud, .cobj_dock_window.cobj_dock_window_derivedcolumn, .cobj_dock_window.cobj_dock_window_import, .cobj_dock_window_treeeditor 
{
    background: white !important;
    border-color: #666666 !important;
}

div.cobj_dock_resize_hi.cobj_dock_resizeW, div.cobj_dock_resize_hi.cobj_dock_resizeH, .cobj_dock_resizeW.cobj_dock_resizeW_wordcloud, .cobj_dock_resizeH.cobj_dock_resizeH_wordcloud, .cobj_dock_resizeW.cobj_dock_resizeW_chart, .cobj_dock_resizeH.cobj_dock_resizeH_chart, .cobj_dock_resizeW.cobj_dock_resizeW_derivedcolumn, .cobj_dock_resizeH.cobj_dock_resizeH_derivedcolumn, .cobj_dock_resizeW.cobj_dock_resizeW_import, .cobj_dock_resizeH.cobj_dock_resizeH_import  
{
    background: #666666 !important;
}

div.cobj_dock_resize_him  
{
    border-top-color: #666666 !important;
    border-left-color: #666666 !important;
}

.cobj_dock_window.cobj_dock_window_chart .cobj_dock_mizbtn,
.cobj_dock_window.cobj_dock_window_AutoWordCloud .cobj_dock_mizbtn,
.cobj_dock_window.cobj_dock_window_derivedcolumn .cobj_dock_mizbtn,
.cobj_dock_window.cobj_dock_window_import .cobj_dock_mizbtn,
.cobj_dock_window.cobj_dock_window_rename .cobj_dock_mizbtn,
.cobj_dock_window_treeeditor .cobj_dock_mizbtn,
.cobj_dock_window_pop3 .cobj_dock_mizbtn {
    display: block !important;
}

#treeEditor 
{
    height: 100%;
}






/*Affects the reported size of div if top/bottom margin not zero*/
div.cobj_anno p, div.cobj_anno_edit p {
    margin: 0px 3px 0px 3px;
}


div.cobj4_verban_ctn 
{
    position: relative;
    width:100%;
    height:100%;
}

div.cobj4_verban_c
{
    position: absolute;
    
}

div.cobj4_verban_c .cobj4_bubcon,  .cobj4_FLbubCls 
{
    font-size: 20px;
    line-height: 20px;
}

div.cobj4_verban_c div.cobj4_bubComment Q 
{
    font-size: 26px;
}

div.cobj4_verban_c p.cobj4_bubComment, .cobj4_FLbubCls
{
    -webkit-box-shadow: 0px 38px 39px -23px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 38px 39px -23px rgba(0,0,0,0.4);
    box-shadow: 0px 38px 39px -23px rgba(0,0,0,0.4);
}

div.cobj4_FLbubCls {
    line-height: 30px;
    background: #b0f9fb;
    -moz-border-radius: 3px;
    border-radius: 3px;   
    color: black;    
    border: 1px solid #CCCCCC;    
}


div.cobj4_verban_c span.cobj4_bubspan 
{
    font-size: 20px;
    line-height:24px;
}

div.cobj4_verban_c .cobj4_bubComment, .cobj4_FLbubCls 
{
    width:240px;
    padding:20px;
}




div.cobj_dash_obj, div.cobj_table_dash_obj 
{
    width: 100%;
    height: 100%;
}



/* PSEUDO-GENERIC - ACTION HISTORY */


div.cobj_actionlist_cls 
{
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 0px 3px 0px;
    float:left;
}

/* 2019-02-25 */
div.cobj4_actionHistoryHead {
    color: #111111;
    background: transparent;
    /* width: 75%; */
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 28px 8px 0px;
    float: left;
    margin-right: 8px;
    clear: right;
    text-align: left;
    white-space: nowrap;
}

table.cobj_actionlist_cls 
{
    border-collapse: collapse;
    width: 100%;
    background: white;
}

table.cobj_actionlist_cls th
{
    background: #E0E0E0;
    color: #333333;
    font-size: 12px;
    line-height: 12px !important;
    padding: 6px 2px 6px 2px;
    border: 1px white solid;
    text-align: center;
    font-weight:normal;
}

table.cobj_actionlist_cls td
{
    font-size: 12px;
    line-height: 12px !important;
    padding: 6px 2px 6px 2px !important;
    border: 1px #E0E0E0 solid !important;
}

table.cobj_actionlist_cls > tbody tr.firstRow
{
    background: #F0F0F0;
}

#m_cobj_dockwin_cobj4_reveal, #m_cobj_dockwin_cobj4_reveal_stats {
    background: white;
    border-color: #00cde6 !important;
}

.cobj_dock_window_pop, .cobj_dock_window_pop_msg {
    outline: 2px solid rgba(0, 0, 0, 0.5);
}

#cap_cobj_dockwin_cobj4_reveal, #cap_cobj_dockwin_cobj4_reveal_stats {
    background: #00cde6;
    color: White;
    padding-left: 4px;
    /*padding-top: 1px;*/
}


#m_cobj_dockwin_cobj4_reveal .cobj_dock_mizbtn, #m_cobj_dockwin_cobj4_reveal_stats .cobj_dock_mizbtn {
    display: block !important;
    color: White;
}
/*
#m_cobj_dockwin_cobj4_reveal .cobj_dock_resizeW, #m_cobj_dockwin_cobj4_reveal .cobj_dock_resizeH, #m_cobj_dockwin_cobj4_reveal .cobj_dock_resizeD,
#m_cobj_dockwin_cobj4_reveal_stats .cobj_dock_resizeW, #m_cobj_dockwin_cobj4_reveal_stats .cobj_dock_resizeH, #m_cobj_dockwin_cobj4_reveal_stats .cobj_dock_resizeD {
    background: #00cde6;
}
    */
.cobj_dock_window_pop .cobj_dock_resizeW, .cobj_dock_window_pop .cobj_dock_resizeH, .cobj_dock_window_pop .cobj_dock_resizeD,
.cobj_dock_window_pop_msg .cobj_dock_resizeW, .cobj_dock_window_pop_msg .cobj_dock_resizeH, .cobj_dock_window_pop_msg .cobj_dock_resizeD {
    background: #00cde6 !important;
}

.cobj_dock_window_pop .cobj_dock_caption {
    background: white;
}

.cobj_dock_window_pop_msg .cobj_dock_resizeD, .cobj_dock_window_pop .cobj_dock_resizeD {
    height: 10px !important;
    /*margin-top: -10px;*/
}

#cobj4_reveal_r 
{
    
    color: Blue;   
    
}

div.cobj_table_wc_bot svg text:hover, .cobj4_table_verbub svg text:hover, .cobj4_dash_button_i:hover {
    text-decoration: underline;
}

table.cobj4_table_chartr tr td:first-child:hover {
    text-decoration: underline;
}

span.cobj4_vm 
{
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    border: 1px solid #00cde6;
    color: white;
    background: #00cde6;
    padding: 4px 4px 4px 4px;   
    cursor: pointer;
    -moz-border-radius: 2px;
    border-radius: 2px;     
    /*margin-left: 10px;*/
}

span.cobj4_vm:hover {
    text-decoration: underline;
}

#cobj4_reveal {
    background: white;
    color: #111111;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    width: 90%;
    -webkit-touch-callout:initial;
    -webkit-user-select:text;
    -khtml-user-select:text;
    -moz-user-select: text;
    -ms-user-select:text;
    user-select:text;
}

#cobj4_reveal_stats {
    background: white;
    color: #111111;
    font-size: 14px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding:0px;
    margin:0px;
}

#cobj4_reveal_stats_tab { /* _tab version MUST be 100%; plain cobj4_reveal_stats version can have them overridden */
    width: 100% !important;
    height: 100% !important;
}

div.cobj4_stats_tab {
    display: none;
}

.cobj4_res 
{
    cursor: pointer;

    margin: 0px;
    
}
.cobj4_res.cobj4_res_hide img
{
    width:1px;
    height:1px;
    opacity:0;
    filter:alpha(opacity=0); 
    margin: 0px;
    padding: 0px;
    cursor: default; 
}


/* EMBEDDED SURVEYS */

div.cobj_actlist_ctn 
{
    width: 100%;
    text-align:center;
}


/*
td.thin 
{
    border: 0px !important;
    background: transparent;
    width: 1px !important;
    display: none;
}
    */
div.cobj_form 
{
    clear: both;
}


/*
div.cobj_form table td
 {
    border: 0px;
    line-height: 1px;

}
    */
    div.cobj_form table td:nth-child(even) {
        text-align: left;
    }

div.cobj_form > table > tbody > tr + tr
{
    display: none !important;
}

div.cobj_form table 
{
    border-collapse: collapse;
}

/*
div.cobj_docks_container table.tab_qnaire1 td {
    line-height: 1px;
}
    */



/* REMOVED 2019-03-26 - Must remove as part of sentiment release */
/*div.cobj_docks_container table.linesonoff td {
    width: auto !important;
}*/

div.cobj_docks_container td.stdq_c, div.cobj_docks_container td.curq_c, div.cobj_docks_container td.dimq_c, div.cobj_docks_container td.doneq_c {
    width: 100%; /* TAGZ */
}

div.cobj_docks_container table.tab_qnaire1 td.stdq_a td, div.cobj_docks_container table.tab_qnaire1 td.stdq_b td, div.cobj_docks_container table.tab_qnaire1 td.stdq_c td, div.cobj_docks_container table.tab_qnaire1 td.curq_a td, div.cobj_docks_container table.tab_qnaire1 td.curq_b td, div.cobj_docks_container table.tab_qnaire1 td.curq_c td,
div.cobj_docks_container table.tab_qnaire1 td.dimq_a td, div.cobj_docks_container table.tab_qnaire1 td.dimq_b td, div.cobj_docks_container table.tab_qnaire1 td.dimq_c td, div.cobj_docks_container table.tab_qnaire1 td.doneq_a td, div.cobj_docks_container table.tab_qnaire1 td.doneq_b td, div.cobj_docks_container table.tab_qnaire1 td.doneq_c td {
    line-height: 14px;
}
/* TAGZ = Make the code tagger 100% width */

/*2019-02-19 */

/* Fix for questions with only two columns rather than 3*/
div.cobj_docks_container td[colspan="1"].stdq_a, div.cobj_docks_container td[colspan="1"].curq_a, div.cobj_docks_container td[colspan="1"].dimq_a, div.cobj_docks_container td[colspan="1"].doneq_a {
    width: 1px !important;
    display: none;
}

.cobj4_actionhist_emb {

    float:left;
    padding-left: 4px;
    text-align:left;

}



/* END 2019-02-19 */

div.cobj_docks_container td.stdq_b, div.cobj_docks_container td.curq_b, div.cobj_docks_container td.dimq_b, div.cobj_docks_container td.doneq_b {
    display: none;
}


div.cobj_docks_container div.s360_qtext, div.cobj_docks_container div.s360_qtext2 {
    padding-bottom: 4px;
    padding-top: 0px;
}

    div.cobj_docks_container div.s360_qtext2 div.s360_qtext {
        padding-top: 0px;
        padding-bottom: 0px;
    }



div.cobj_tables_saveembed {
    overflow: visible;
    margin-left: 2px;
    float: left;
    z-index: 2;
    padding: 3px 8px 0px 3px;
    margin-top: 4px;
    border: 1px solid white;
}

/* 2019-02-25 */
    div.cobj_tables_saveembed img {
        cursor: pointer !important;
    }
    div.cobj_tables_saveembed div.cobj4_save_lhs {
        cursor: pointer !important;
        display: inline-block;
        float:left;
    }
    div.cobj_tables_saveembed div.cobj4_save_rhs {
        cursor: pointer !important;
        display: inline-block;
        text-decoration: underline;
        float: left;
        line-height: 20px;
        padding-left: 8px;
        color: white;
    }



.cobj_actionHistoryHC 
{
    float: left;
    width: 100%;
    max-height: 200px;
}

div.cobj_actionHistoryBtn {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid black;
    color: black;
    font-size: 20px;
    line-height: 20px;
    margin: 6px 8px 0px 0px;
    cursor: pointer;
}



div.cobj_table_loading 
{
    height: 100px;   
}

input.wf, input.list, input.listalt {
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(135deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    border: 1px solid #CCCCCC;
    height: 16px;
    line-height: 16px;
    margin: 1px 1px 1px 0px;
    font-size: 14px;
    width: 78px;
    /* font-weight: bold; */
    padding: 4px 8px 4px 8px;
    border-radius: 1px;
}

input.list, input.listalt 
{
    width: auto;
}

select.wf {
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(135deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    border: 1px solid #CCCCCC;
    /*height: 16px;*/
    line-height: 16px;
    margin: 1px 1px 1px 0px;
    font-size: 14px;

    /* font-weight: bold; */
    padding: 3px 8px 3px 8px;
    border-radius: 1px;
}


textarea.wf {
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(135deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    border: 1px solid #CCCCCC;
    line-height: 16px;
    margin: 1px 1px 1px 0px;
    font-size: 14px;

    /* font-weight: bold; */
    padding: 4px 8px 4px 8px;
    border-radius: 1px;
}



/* WORDCLOUD */

/*.cobj4_raf_dash_chart 
{
    background: transparent !important;
}*/


.cobj_table_wc_top 
{
    height: 6px;
    float: left;
    overflow: visible;
    margin-left: 4px;
}

.cobj_table_wc_bot
{
    background: white;
    float: left;
    margin-left: 4px;
}


div.cobj_table_saveaction.cobj_table_wc_top_action
{
    width: 24px;
    height: 24px;
    background: transparent;
    border:none;
}


div.cobj_table_saveaction.cobj_table_wc_top_action img
{    
    width: 24px;
    height: 24px;
    padding-top: 10px;
}
    





/* ACT */
/* CLOSE THE LOOP CLASSES */

/* THE BUTTON TO SELECT ACTION */
div.cobj_vtAct
{
    background: url(images/cobj/vt-act.png) no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block; /*centralise */
    margin: 6px 12px 0px 12px;
    
}

div.cobj_table_comp_rev 
{
 display: inline-block; /*centralise */ 
 width: 99%;   /* TAGZ */
    
}
div.cobj_table_comp_rev_c 
{
    width: 99%; /* TAGZ */
}






div.cobj_dock_window_encode.cobj_dock_window_ActAction 
{
     background: #666666 !important;
     z-index: 199999999 !important; /* always on top */   
    
}

div.cobj4_bubcon 
{
    display: inline-block;
    word-wrap: break-word;
    min-width: 150px;
}

div.cobj4_bubcon span
{

    word-wrap: break-word;
}

div.cobj4_undo_minN .cobj_umnL, div.cobj4_undo_minN .cobj_umnR {
    background: #666666;
}

    div.cobj4_undo_minN.cobj4_undo_minNHi {
        background: orangered;
    }

    div.cobj4_undo_minN .cobj_umnL:hover, div.cobj4_undo_minN .cobj_umnR:hover {
        text-decoration: underline;
        z-index: 220;
    }

div.cobj4_undo_minN .cobj_umnL {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:1;

}


div.cobj4_undo_minN .cobj_umnR {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index:1;
}



div.cobj4_undo_minN .cobj_umnC {



}

/*.cobj_table_colNav_ms_D .cobj_eleSel, .cobj_table_colNav_ms_D .cobj_eleSelOn {

    color: black;

}*/

.cobj_eleSel {
    cursor: pointer;
    padding: 1px 5px 1px 5px;
    background: rgba(200,200,200,0.6);
    border-radius: 1px;
}

.cobj_eleSelOn {
    cursor: pointer;
    padding: 1px 5px 1px 5px;
    background: rgba(0,0,0,0.4);
    color: white;
    border-radius: 1px;
}
/*
    .cobj_table_colNav_ms_sel .cobj_eleSelOn, .cobj_table_sort_head .cobj_eleSelOn {
        text-decoration: underline;
    }
    */

.cobj_dock_window .cobj4_docks_dyn .cobj4_dashboard_clone {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.cobj4_filterMap_fil_right .cobj4_dashboard_clone {
    position: absolute;
    z-index: 1;
    left: 3px;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-x: visible;
    overflow-y: visible;
    background: white;
}



    .cobj4_postcodeMapPen {
        width: 100px;
        height: 200px;
    }

.svgMap-map-wrapper {
    background: #444444 !important;
}

div.svgMap-tooltip {
    z-index: 2999999999;
    transition: ease-in;
    transition-duration: 1s;
    transition-property: opacity;
    margin-top: 0;
}

div.svgMap-preactive {
    display: block !important;
    opacity: 0.7;
    filter: alpha(opacity=70);
}


div.svgMap-active {
    opacity: 1;
    filter: alpha(opacity=100);
}


div.cobj4_chart_menu {
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: white;
    bottom: 0;
    left: 0;
    right: 0;
    height: 17px;
    overflow: hidden;
    z-index: 200;
}

    div.cobj4_chart_menu:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        height: auto;
    }

    div.cobj4_chart_menu_start {
        opacity: 1;
        filter: alpha(opacity=100);
        height: auto;
    }

    div.cobj4_chart_menu > div {
        border-top: 1px solid white;
    }



    div.cobj4_undo_minN {
        position: relative;
        background: #999999;
        color: white;
        float: right;
        padding: 0px 0px 0px 2px;
        cursor: pointer;
        z-index: 200;
        min-width: 200px;
        /*height: 20px;*/
        margin: 0px 1px 0px 2px;
        text-align: center;
        overflow: hidden;
    }

div.cobj4_undo_minN.cobj4_undo_minTT {

    min-width: 140px;
    
}

div.cobj4_undo_excl, div.cobj4_undo_incl, div.cobj4_undo_exclhead, div.cobj4_undo_inclhead {
    background: #999999;
    color: white;
    float: left;
    cursor: pointer;
    z-index: 200;
    width: 126px;
    /*height: 20px;*/
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
    margin: 0px 1px 0px 2px;
    box-sizing: border-box;
    overflow: hidden;
}

/*
div.cobj4_undo_excl {
    left: 96px;
}

div.cobj4_undo_exclhead {
    left: 218px;
}

div.cobj4_undo_incl {
    left: 0px;
}

*/

div.cobj4_undo_ord {
    background: #999999;
    color: white;
    float: left;
    cursor: pointer;
    z-index: 200;
    width: 80px;
    /*height: 20px;*/
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
    margin: 0px 1px 0px 2px;
    box-sizing: border-box;
    overflow: hidden;
}

div.cobj4_undo_grp {
    background: #999999;
    color: white;
    float: left;
    cursor: pointer;
    z-index: 200;
    width: 80px;
    /*height: 20px;*/
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
    margin: 0px 1px 0px 2px;
    box-sizing: border-box;
    overflow: hidden;
}

div.cobj4_undo_rot {
    background: #999999;
    color: white;
    float: left;
    cursor: pointer;
    z-index: 200;
    width: 30px;
    height: 17px;
    padding-right: 3px;
    padding-left: 3px;
    margin: 0px 1px 0px 2px;
    box-sizing: border-box;
    overflow: hidden;
    background-image: url(Images/cobj/chart_rotate_48dp.png);
    background-size: 18px 18px;
    background-position: 6px -1px;
    background-repeat: no-repeat;
}

/*
div.cobj4_undo_pc_0 {
    left: 0px;
}

div.cobj4_undo_pc_1 {
    left: 32px;
}

div.cobj4_undo_pc_2 {
    left: 64px;
}
    */

div.cobj4_undo_pc {
    background-color: #999999;
    color: #999999;
    float:left;
    cursor: pointer;
    z-index: 200;
    width: 30px;
    margin: 0px 1px 0px 1px;
    height: 16px;
    text-align: center;
    overflow: hidden;
    background-size: 18px 18px;
    background-position: 6px -1px;
    background-repeat: no-repeat;
}

div.cobj4_undo_pc_plain {
    background-image: url(Images/cobj/pc_plain.png);
}
div.cobj4_undo_pc_hid {
    background-image: url(Images/cobj/pc_hid.png);
}
div.cobj4_undo_pc_off {
    background-image: url(Images/cobj/pc_off.png);
    background-position: 6px 0px;
}

div.cobj4_undo_pc_sel {
    background-color: #111111;
    font-size: 18px;
    color:#111111;
}

div.cobj4_undo_pc:hover, div.cobj4_undo_excl:hover, div.cobj4_undo_minN:hover, div.cobj4_undo_ord:hover, div.cobj4_undo_grp:hover, div.cobj4_undo_rot:hover {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    text-decoration: underline;
    z-index: 220;
}

div.cobj4_undo_minN.cobj4_undo_minTT {
    z-index: 201;
}

img.cobj4_upd_tick {
    width: 24px;
    height: 24px;
}




/* SLOTS */


div.slotlistdiv 
{
    float: left;
    background: #E0E0E0;
    padding: 6px;
}

.slotlistselect
{
    font-size: 24px;
    padding:2px;
    background: #F0F0F0;
    color: #999999;
    border: none; 
    line-height: 24px;  
    
}

.slotlistlist
{
    float:left;
    padding:2px;
    
}

.slotlisthead
{
    float:left;
    padding: 5px 10px 5px 5px;
    font-size: 24px;
    white-space:nowrap;
}

/* END OF SLOTS */

/* THE FORM TO DISPLAY ALL DETAILS - change "editForm" to saveName */
div.cobj_dock_window_dash.cobj_dock_window_editForm
{
    background: #333333 !important;
    z-index: 199999998 !important; /* always on top */
    
    /*position: fixed !important;*/
}

div.cobj_dock_window_editForm .cobj4_table_chartr tbody > tr > td:nth-child(1) 
{
    width: 24px;   
    padding:0px;
    color: #00cde6;
    /*border:0px;*/
    
}

div.cobj_dock_window_editForm .cobj4_table_chartr .cobj4_table_chart_mark 
{
    border-color: transparent;
}

div.cobj_dock_window_editForm .cobj4_table_chartr tbody > tr > td
{

    border:1px solid #00cde6;
    
}

div.cobj_dock_window_editForm tr:nth-child(even) > .cobj4_col1 + td
{

    background: #F4F4F4;
    
}


div.cobj_dock_window_editForm .cobj4_col1 
{
    
    text-align: left !important;
    color: white !important;
    background: #999999;
    border-color: #666666 !important;
}

.cobj4_statChange {
    width: 300px;
}

/* DMV */
div.cobj4_table_dmv, div.cobj_tables_XQQ_c {
    float: left;
}

div.cobj_tables_XQQ
{
    float: left;
}

div.cobj_tables_XQQ_D_s, div.cobj_tables_XQQ_M_s, div.cobj_tables_XQQ_V_s,div.cobj_tables_XQQ_D_h, div.cobj_tables_XQQ_M_h, div.cobj_tables_XQQ_V_h
{
    float: left;
    background: #E0E0E0;
    padding: 1px 1px 1px 5px;
    
   
}

div.cobj_tables_XQQ_D_h
{
    margin-left: 4px;   
}

div.cobj_tables_XQQ_D_s select, div.cobj_tables_XQQ_M_s select, div.cobj_tables_XQQ_V_s select, div.cobj_tables_XQQ_D_s input, div.cobj_tables_XQQ_M_s input, div.cobj_tables_XQQ_V_s input {
    max-width: 120px;
    border: 0px;
}




/* END */


div.cobj_arrowup {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid #666666;
	

}

div.cobj_arrowdown {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-top: 5px solid #F0F0F0;

}

div.cobj_arrowright {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	
	border-left: 5px solid #666666;
}

div.cobj_arrowleft {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	
	border-right:5px solid #666666; 
}

table.cobj_arrowc td
{
    vertical-align: middle;
    width: 90%;
}

table.cobj_arrowc 
{
    padding-top: 3px;
    width: 100%;
}


/* Disable remove filters when apply is active */
#cobj_rc_container_rhs.cobj4_hidefilterX td.cobj4_rem_fil div {

    display:none;

}

td.cobj4_rem_fil div {
    margin-top: -7px;
}


.cobj_filter_tab_td_on
{
    border-left:1px solid #CCCCCC;
    font-size:9px;
    line-height:9px;    
}
.cobj_filter_tab_tail 
{
    width:150px;
    height:1px;
    line-height:1px;
    font-size:1px;
}
.cobj_filter_tab_sep
{
    clear:both;
}

.cobj_filter_tab_lab
{
    text-align:left;
    line-height:12px;
    padding:1px 2px 1px 2px;
    height:12px;
    background:#666666;
    color:white;
    font-size:10px;
    clear:both;
    float:left;
    margin-top:1px;
}

.cobj_filter_v {
    font-weight: normal;
    padding-left: 8px;
    padding-right: 8px;
    display: inline-block
}

.cobj_filter_n
{
    font-size: 9px;
    padding-left: 8px;
    padding-right: 2px;
    
    font-weight:bold;
  
}

.cobj4_close_filter {
    float:right;
    cursor:pointer;
    width: 20px;
    height:20px;
    margin-top:5px;
    line-height:20px;
    text-align:center;
    margin-left:30px;
    color:White;
    background:#666666;
    /*background: url(images/cobj/drillu.png) no-repeat;*/
    border:1px solid #CCCCCC;
    -moz-border-radius: 2px;
    border-radius: 2px;     
    font-size: 20px;     
}

.cobj4_present_tab_c 
{
   
    
}

.cobj4_filSel 
{
    float:right;
    cursor:pointer;   
    margin-right: 10px;
    padding: 4px;
            
}

.cobj4_dock_cap_more {
    float: right;
    cursor: pointer;
    padding: 0px 4px 4px 4px;
    color: #CCCCCC;
    border: 2px solid #999999;
    border-radius: 8px;
    margin-top: 2px;
    margin-right: 4px;

}

.cobj_dock_window .MORE_dash {
    display: none;
}

.cobj_dock_window.cobj_dock_resize_him .MORE_dash {
    display: block;
}

.MORE_dash .cobj_sc_DownloadtoCSV.cobj_table_shortcutC, .MORE_dash .cobj_sc_download_chart.cobj_table_shortcutC {
    margin-top: 4px;
    margin-right: 4px;
}

.MORE_dash {
    position: absolute;
    right: 0;
    background: #444444;
}



.cobj4_selFilOn {
    position: absolute;
    left: 0px;
    top: 20px;
    width: 20px;
    height: 20px;
    background: url(images/cobj/eye.png) no-repeat;
}


td.cobj_filter_tab_td_on_node 
{
    border-left:solid 1px #CCCCCC;
    border-bottom:solid 1px #CCCCCC;
    font-size:16px;
    line-height:14px;    
    padding: 7px 2px 2px 22px;
    background:#F0F0F0;
    cursor: pointer;
    color:#555;
}

.cobj_filter_tab_td_on_node_r, .cobj_filter_tab_td_on_node_rn
{
    width:16px;
    float:right;   
}
.cobj_filter_tab_td_on_node_l
{
    width:90%;
    float:left;
    padding-bottom: 4px;
    
}

.cobj_filter_tab 
{
    border-top: 1px solid #E0E0E0;
    padding-top: 3px;
    border-collapse: collapse;
    clear:both;
    margin-left:5px;
    
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */


-o-user-select: none;
user-select: none;
    
}

.cobj_filter_left
{
    clear:both;
    width:50%;  /*change to 100% for vertical filters */
    float:left;
}

.cobj_filter_right 
{
    border-left:1px solid #E0E0E0;
    width:49%;  /*change to 100% for vertical filters */
    float:left;
}

.cobj_filter_both 
{
    clear:both;
    width:100%;
    float:left;
    background:#FFFFFF;
}


.cobj_annot_bse 
{
    background: #808185;
    /*height:300px;*/
    width:200px;
    float:left;
    -moz-border-radius: 20px;
    border-radius: 20px;   
    text-align: center;  
    margin: 0px;
    padding: 0px;
    
}

.cobj_annot_bse_sm
{
    background: #808185;
    /*height:300px;*/
    width:100px;
    float:left;
    -moz-border-radius: 8px;
    border-radius: 8px;   
    text-align: center;  
    margin: 0px;
    padding: 0px;
    
}

.cobj_annot_top 
{

    height:50%;
    width:176px;
    float:left;
    color:White; 
    font-size: 24px;  
    line-height: 24px;
    font-weight:bold; 
    vertical-align:bottom;
    text-align:left;
    padding: 20px 12px 0px 12px;
}

.cobj_annot_top_sm
{

    /*height:50%;*/
    width:250px;
    float:left;
    color:White; 
    font-size: 14px;  
    line-height: 14px;
    font-weight:bold; 
    vertical-align:bottom;
    text-align:left;
    padding: 10px 6px 0px 6px;
}

.cobj_annot_btm 
{

    height:50%;
    width:176px;
    float:left;
    color:#70b33f; 
    font-size: 24px;
    line-height: 24px;
    font-weight:bold; 
    vertical-align:top; 
    text-align:left; 
    padding: 0px 12px 20px 12px; 
}

.cobj_annot_btm_sm
{

    height:50%;
    width:176px;
    float:left;
    color:#70b33f; 
    font-size: 14px;
    line-height: 14px;
    font-weight:bold; 
    vertical-align:top; 
    text-align:left; 
    padding: 0px 6px 10px 6px; 
}

    



/* BEGIN RENAME */


 .cobj_rename_btn
 {

    width: 40px;
    height: 14px;
    padding: 4px;
    margin-top: 14px;
    cursor: pointer;

}

.cobj_rename_div {
    height: 80%;
}

.cobj_rename_div_t {
    height: 100%;
    width: 99%;
    overflow: auto;
}

.cobj_rename_inp.cobj_rename_cen {
    text-align: center;
}

.cobj_rename_inp {
    border: none;
    background: url(images/cobj/textinp.png) white repeat;
    /*margin: 0px 0px 0px 10px;
    
    font-family: helvetica,arial,sans-serif;
    font-size: 12pt;     */
    box-sizing: border-box;
    width: 100%;
}

    .cobj_rename_inp::-webkit-input-placeholder { /* Edge */
        color: #DDDDDD;
    }

    .cobj_rename_inp:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #DDDDDD;
    }

    .cobj_rename_inp::placeholder {
        color: #DDDDDD;
    }

.cobj_rename_tab td
{
    border-width:0px 0px 1px 0px;
    border-style: solid;
    border-color: #EEEEEE;
    text-align: left;
    
    
    
    
}

.cobj_rename_tab input 
{
    border: 0px;
    background: white;
    
    
}



/* END RENAME */





/* BEGIN DATE DISPLAY */






.cobj_cal_tableH 
{
    border:none;
    font-size: 11px;
    padding:1px;
    width:100%;
    font-family:Arial Narrow,Arial;
    color:#666666;
    line-height:11px;
    text-align:left;
    margin-top:4px;
   
}

.cobj_cal_table 
{
    border-collapse: collapse;
    font-size: 10px;
    padding:1px;
    width:100%;
    line-height:10px;
   
}
.cobj_cal_table td
{
    border: 1px solid #CCCCCC;
    padding:1px;
    text-align:center;
    width:14px;
    font-family:Arial Narrow,Arial;
    color:#AAAAAA;
    
}
.cobj_cal_table th
{
    border: 1px solid #999999;
    padding:1px;
    text-align:center;
    background:#666666;
    color:White;
    width:14px;
    font-family:Arial Narrow,Arial;
}

.cobj_cal_rb 
{
    color:White;
    cursor:pointer;
    background:#111111;
    
    
}

/* END DATE DISPLAY */




.msgwindow 
{
 z-index: 2100099999 !important;   
}

        /*Messages to user*/
.msgwindow {
    border-bottom: 2px solid #00cde6;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: #111111 !important;
    text-align: center;
    font-size: 20px;
    padding: 0px;
    color: White !important;
    width: 100% !important;
    height: 25% !important;
    max-height: 150px;
    min-height: 110px;
    -webkit-box-shadow: 0px 10px 5px 4px rgba(102,102,102,0.61);
    -moz-box-shadow: 0px 10px 5px 4px rgba(102,102,102,0.61);
    box-shadow: 0px 10px 5px 4px rgba(102,102,102,0.61);
}
        
        .mwin_window 
        {
            width: 100%;
            float: left;
            
        }
            
            
            
        .mwin_header 
        {
            float: left;
            width: 100%; 
           /* background: #222222;  */
            height: 32px;
            line-height: 32px;            
                        
        }
        .mwin_caption 
        {
            display: none;
            float: left;
            padding-left: 4px !important;
            color: White;
        }
        
            
        .mwin_close 
        {
            float: right;
            padding-right: 14px !important;
            cursor: pointer;
            color: White;
        }

.mwin_msg {
    float: left;
    line-height: 20px;
    padding: 10px 20px 2px 20px !important;
}
        
                

        .central {


            margin-right: auto;  /*centres in compliant browsers*/
            margin-left: auto;  /* "	" */
        }







.cobj_dock_info 
{
 width:100%;
 padding:0px;
 border:none;
 margin:0px;
 line-height:1px;
 text-align: center;   
 cursor:pointer;
 font-size:11px;              
 border-collapse:collapse;
}

.cobj_dock_info_msg
{
    line-height:12px;
}

div.cobj4_present_btnc 
{
 
    height: 48px;
    overflow: hidden;   
    
}

div.cobj4_present_btnc_ddc {
    position:relative;
    cursor:pointer;
    min-height: 20px;
    min-width: 100px;
    background: #EEEEEE;   
}

div.cobj4_present_btnc_lab 
{
    line-height:20px;
    height:20px;
    width: auto;
    float:left;
    color: #666666;
    position: absolute;
}

div.cobj4_present_btnc_dd { /* drop down version */
    height: 200px;
    overflow: auto;
    width: auto;
    position: absolute;
    z-index: 300000000;
    top: 26px;
    background:white;
    border: 1px solid #CCCCCC;
    float:left;
    clear:both;
    display: none;
}

.cobj_dock_info td 
{
    margin:0px;
    padding:0px;
    border:none;
    line-height:1px;
}


#msgConfirm 
{
 
 padding:46px 10px 0px 10px;
 
 text-align:center;
 /*clear:both;*/

 
    
}

div.cobj_tables_act {
    cursor: pointer;
    color: #00cde6;
}

div.msgConfirmBtn {
    border: 2px solid #666666;
    padding: 6px !important;
    margin: 6px;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    /* float: left; */
    /* background: white; */
    color: white;
    min-width: 100px;
}





.cobj4_bubble_txt 
{
    font-size: 11px;
    color: #FFFFFF;
}



/* SECTIONS */


div.cobj4_print_ta
{
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin: 3px;
}


div.cobj_section_small
{
    float:left;
    height:16px;
    margin-top:2px;
    line-height:16px !important;
    border:1px solid #555555;
    color:#333333;
    font-size:11px;
    padding:2px 2px 2px 30px;
    background:url(images/cobj/arrowdn.png) 4px 2px #F0F0F0 no-repeat;
    cursor:pointer;
    -moz-border-radius: 3px;
    border-radius: 3px;     
    
 
}

div.cobj_section_large
{
    float:left;

    clear:both;
    display:none;
 
}

div.cobj_section
{
    float:left;
    clear:both;

 
}


.waiting 
{
    cursor:wait !important;
    
}

div.cobj4_chart_title 
{
    border: 1px solid #CCCCCC;
    padding:1px;
    float:left;
    display: none;
}



div.cobj4_chart_title input 
{
    border:none;
    background: url(images/cobj/textinp.png) white repeat;
    margin: 0px 0px 0px 10px;
    
    font-family: helvetica,arial,sans-serif;
    font-size: 12pt; 
}
    


/*---- Treeview ----*/

div.TVHier_float 
{
    position: fixed;
    left:300px;
    top:100px;
    width:150px;
    height:20px;
    background:white;
    border:1px solid #BBBBBB;
    padding:10px;
    text-align:center;
}


div.TVHier 
{
    padding:1px;
    width:100%;
    padding:0px 10px 10px 10px;
    font-family: helvetica,arial,sans-serif; 
    font-size:11px;    
}
table.TVHier 
{
    border-collapse:collapse;
    width:100%;
}
table.TVHier th
{
    background: #666666;
    color:White;
    border:1px solid #CCCCCC;
    padding:3px;
    font-size:11px;
    text-align: left;
}    

input.TVHier_hd
{
    background: #666666 !important;
    color:White !important;
    border:none !important;
    padding:3px !important;
    font-size:11px !important;
    margin-left:20px !important;
    font-weight:bold !important;
}  

table.TVHier td
{
    color: #333333;
    border:1px dotted #CCCCCC;
    padding:1px;
    font-size:11px;
}
.TVHier_dum
{
    color: #333333;
}
.TVHier_beg
{
    border:0px 0px 0px 0px;
    border-color: #CCCCCC;
    border-style: solid;
    cursor: pointer;
    color:#F8F8F6 !important; /* same as paper */
}
.TVHier_end
{
    border:0px 0px 0px 0px;
    border-color: #CCCCCC;
    border-style: solid;
    cursor: pointer;
    color:#F8F8F6 !important; /* same as paper */    
}

.TVHier_desc
{
    border:0px 0px 0px 0px;
    border-color: #CCCCCC;
    border-style: solid;
    cursor: pointer;
    color:#F8F8F6 !important; /* same as paper */ 
}
.TVHier_desc table td
{

    border:none !important;
    cursor: pointer;
    color:#F8F8F6 !important; /* same as paper */ 
}
.TVHier_w
{
    padding:10px !important;
    opacity:0;
    filter:alpha(opacity=0);
    width:250px;
}


table.TVHier input
{
    color: #111111;
    border:1px solid #CCCCCC;
    padding:3px;
    background:url(images/cobj/textinp.png) white repeat;
    border:1px solid #666666;
    height:18px;
    line-height:18px;
    margin:1px 0px 1px 0px;
    font-size:11px;
  
}
table.TVHier a
{
 color:Blue;
 font-size:16px;
 border:none;
 padding:3px;   
    
}
    table.TVHier textarea
        {
            border:1px solid #666666;   
            background:url(images/cobj/textarea.png) white repeat; 
            font-family: helvetica,arial,sans-serif;
            font-size: 11px;                    
        }



div.TVEditHd
{
    padding:10px;
    font-family: helvetica,arial,sans-serif; 
    font-size:16px;
}

div.TVEdit 
{
    padding:0px 10px 10px 10px;
    font-family: helvetica,arial,sans-serif; 
    font-size:12px;
}

div.TVEdit table 
{
    border-collapse: collapse;
    
}

div.TVEdit th
{
    background: #666666;
    color:White;
    border:1px solid #CCCCCC;
    padding:3px;
    font-size:12px;
}

div.TVEdit td
{
    color: #333333;
    border:1px solid #CCCCCC;
    padding:3px;
    font-size:12px;
}

div.TVEdit input
{
    color: #111111;
    border:1px solid #CCCCCC;
    padding:3px;
    background:url(images/cobj/textinp.png) white repeat;
    border:1px solid #666666;
    height:18px;
    line-height:18px;
    margin:1px 0px 1px 0px;
    font-size:12px;
  
}





/*---- EO TV -----*/



/*---- Presentation ------*/

.cobj4_present 
{
    /*padding:4px;  */
    padding:0px;
    /*width:95%;*/
    width:100%;
    /*height:95%;   removed to enable compression */
    float:left;  
    background: #E0E0E0;
    
    
}

.cobj4_present_empty 
{
    margin-right: auto;/*centres in compliant browsers*/
    margin-left: auto;/* "	" */
    font-size:larger;
    color: #CCCCCC;
    float: left;
    clear: both;    

}

.cobj4_present_item_old {
    width: 180px;
    margin: 1px;
    color: #E0E0E0;
    padding: 2px 2px 2px 16px;
    cursor: pointer;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
    .cobj4_present_item

{


    margin: 1px;
    color: #E0E0E0;
    padding: 2px 0 0 10%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    /* padding-left: 10%; */
    width: 90%;
    height: 100%;
}

.cobj4_present_item_q { /* hover question */
    position: absolute;
    right: 0;
    top: 50%;
    /* margin-top: -10px; */
    /* padding-right: 20px; */
    /* margin-right: 20px; */
    width: 30px;
    height: 20px;
    background: url(images/cobj/question_download_white.png) no-repeat 0px -6px #426f98;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    background-size: contain;
    background-position: center;
    filter: alpha(opacity=0);
}

    .cobj4_present_item:hover .cobj4_present_item_q {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }


.cobj4_present_item .cobj4_present_item_q:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.cobj4_present_item_filon:hover .cobj4_present_item_q, .cobj4_present_item_filact:hover .cobj4_present_item_q, .cobj4_present_item_filacton:hover .cobj4_present_item_q {
    background-color: black;
}
/*
.cobj4_present_item span
{
    border-top: 0px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #F0F0F0;
    border-bottom: 0px solid #F0F0F0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:1px 3px 1px 3px;
}
*/
.cobj4_present_head {
    border-bottom: 1px dotted #111111;
    font-style: italic;
    float: left;
    clear: both;
    padding: 5px 2px 2px 2px;
    font-size: 12px;
}

.cobj_present_b_x_vert 
{
    width:210px; /* 150 */
    text-align: left;

}
.cobj_present_b_y_vert
{
    min-width:400px;
    text-align:left;
}

.cobj4_table_pie 
{
    float:left;
    font-size:small;
}

.cobj4_table_verbub
{
    text-decoration:none;
    font-size:10px;
    
}

/* No borders on fish */
table.cobj_table_dash .cobj_table_dash_floatdiv > .cobj_table_dash_floattab > tbody > tr > td 
{
    padding: 0px;
    border-width: 0px;
}

.cobj4_table_verbub a
{
    text-decoration:none;
    font-size:11px;
    
}


.cobj4_present_item_save 
{
    border-color: #e2a604;
     
}

.cobj4_present_item_opt
{
    border-color: Aqua;   
}

.cobj_filter_search {
    border-width: 4px 6px 4px 6px;
    border-color: #555555 #555555 #555555 #555555;
    border-style: solid solid solid solid;
    background: #dedfe8;
    color: #666;
    line-height: 12px;
    font-size: 12px;
    padding: 2px 2px 2px 7px;
    margin: 11px 0px 1px 0px;
    width: 120px;
}

.cobj4_present_item_sel
{
    border-color: #666666; 
}

/*.cobj4_present_item.cobj4_present_item_selon
{
    border-color: #666666; 
    background-color:#666666;
    color:White;
}*/

.cobj4_pres_colhd 
{
    /*background: #999999;*/
    color: White;
    /*padding: 1px;*/
}

.cobj4_present_item_fil
{
    width: 180px;
    /*border-color: #92ca27;   */
}

.cobj4_present_item_filon {
    border-color: #376bbc;
    background-color: #376bbc;
    color: White;
}

#cobj_filter_fly {
    z-index: 100;
    background: #00cde6;
    width:210px;
    height:3px;
}

.cobj4_present_item_filact {
    border-color: #376bbc;
    background-image: url(images/cobj/filterC.png);
    background-color: #376bbc;
    background-repeat: no-repeat;
    padding-left: 10%;
    background-position: 1px 2px;
}

div.cobj4_present_item_filon div.cobj_arrowright {
    border-left: 5px solid white;
}


.cobj4_present_item_filacton {
    border-color: #376bbc;
    background-image: url(images/cobj/filterC.png);
    background-color: #376bbc;
    background-repeat: no-repeat;
    color: White;
    /*padding-left: 20px;*/
    background-position: 1px 2px;
}

div.cobj4_present_item_filacton div.cobj_arrowright {
    border-left: 5px solid white;
}

.cobj4_present_top 
{
    float:left;
    width:99%;
}

.cobj4_present_bottom 
{
        float:left;
        clear:both;
    width:99%;
}

.cobj4_present_seg 
{
    border:1px solid #CCCCCC;
    padding:2px;
    margin:2px;
    float:left;
}


img.cobj4_inline_nav
{
    width:14px;
    height:14px;
    border:0px;
}

a.cobj4_inline_nav
{
    font-size:12px;
    font-weight:bold;
    color:#111111;
    line-height:14px;
    border:0px;
    text-decoration:none;
    margin:0px;
    padding-left:4px;
}












/*-------------------------*/








.cobj4_units 
{
    
    font-size:smaller;
    font-weight:bold !important;
    
    
}

.cobj4_nav_divider_2
{
    /*clear:both;*/
    float:right;
    height:6px;
    border-width:1px 2px 0px 0px;
    border-color:#AAAAAA;
    border-style:solid;
    width:190px;
    line-height:1px;
}
.cobj4_nav_divider_1
{
    /*clear:both;*/
    float:right;
    height:6px;
    margin-top:5px;
    border-width:0px 2px 1px 0px;
    border-color:#CCCCCC;
    border-style:solid;
    width:190px;
    line-height:1px;
}

.cobj4_docks_dyn 
{
    display:block;
    width:100%;
    height:100%;
    overflow-y: auto; /* 2017-03-02 */
  
}


.cobj4_filter_hidden
{
    float:left;
    height:16px;
    margin:0px;
    padding:0px;
    margin-left: 4px;

}

.cobj4_filter_hidden_all
{
    float:left;
    height:18px;
    margin:0px;
    padding:0px 4px 0px 0px;

}

.cobj4_filterSpecBtn
{
    color:#222222;
    float:left;
    padding:2px;
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
    font-weight:bold;
    border:1px solid #333333;
    cursor:pointer;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}

.cobj4_dash_button:hover 
{
    background:#555555;
}
    
/*
.cobj4_dash_button 
{
    width: 138px;
    float: left;
    height: 100px;
    color: White;
    padding: 40px 20px 0px 20px;
    font-size: 24px;
    line-height:28px;
    font-weight: bold;
    background: #333333;
    border: 3px solid #666666;
    cursor: pointer;
 
}
    */

.cobj4_dash_button {
    width: 109px;
    float: left;
    height: 24px;
    color: White;
    padding: 1px 2px 1px 2px;
    font-size: 12px;
    line-height: 16px;
    /* font-weight: bold; */
    background: #999999;
    /*border: 1px solid #444444;*/
    cursor: pointer;
    border-radius: 12px;
    margin: 0px 6px 0px 0px;
    position: relative;
}


.cobj4_dash_button_i 
{                       /* inner */
    padding: 8px;

}

.cobj4_dash_button_i_f { /* inner */
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    right: 4px;
    top: 0;
    width: 26px;
    border-radius: 2px 12px 2px 2px;
    padding: 1px 1px 1px 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    background: url(images/cobj/filterc.png) no-repeat;
    background-size: contain;
    background-position: center;
    height: 50%;
    margin-bottom: 1px;
}

    .cobj4_dash_button:hover + .cobj4_dash_button_i_f { /* inner */
        background-color: #426f98;
        color: white;
        opacity: 0.8;
        filter: alpha(opacity=80);
        cursor: pointer;
    }

.cobj4_dash_button_i_f:hover { /* inner */
    background-color: #426f98;
    color: white;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
}

.cobj4_dash_button_i_q { /* inner */
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    right: 4px;
    top: 50%;
    width: 26px;
    border-radius: 2px 2px 12px 2px;
    padding: 1px 1px 1px 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    background: url(images/cobj/question_download_white.png) no-repeat 0px -6px;
    background-size: contain;
    background-position: center;
    height: 50%;
    margin-top:1px;
}

.cobj4_table_list #cobj4_dash_button_i_qtab {
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    width: 20px;
    padding: 1px 1px 1px 1px;
    background: url(images/cobj/question_download_white.png) no-repeat 0px -6px;
    background-size: contain;
    background-position: center;
    background-color: #426f98;
    height: 50%;
    min-height: 10px;
    max-height: 20px;
    margin-top: 0px;
    cursor: pointer;
}

.cobj4_table_listL #cobj4_dash_button_i_qtab {
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    width: 20px;
    padding: 1px 1px 1px 1px;
    background: url(images/cobj/question_download_white.png) no-repeat 0px -6px;
    background-size: contain;
    background-position: center;
    background-color: #426f98;
    height: 90%;
    min-height: 10px;
    max-height: 20px;
    margin-top: 0px;
    cursor: pointer;
}

.cobj_table_colNav_float #cobj4_dash_button_i_qtab {
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 20px;
    padding: 1px 1px 1px 1px;
    background: url(images/cobj/question_download_white.png) no-repeat 0px -6px;
    background-size: contain;
    background-position: center;
    background-color: #426f98;
    height: 20px;
    margin-top: 0px;
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
    margin-top: 3px;
}

div#cobj4_rqa {
    z-index: 3000000000;
}


.cobj4_dash_button:hover + .cobj4_dash_button_i_f + .cobj4_dash_button_i_q { /* inner */
    background-color: #426f98;
    color: white;
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
}

.cobj4_dash_button_i_q:hover { /* inner */
    background-color: #426f98;
    color: white;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
}


.cobj4_dash_button_i_s { /* inner */
    position: absolute;
    z-index: 1;
    left: 3px;
    top: 3.5px;
    width: 20px;
    border-radius: 12px 2px 2px 12px;
    /*background: #999999;*/
    padding: 4px;
    color: white;
    font-size: 16px;
    height: 16px;
}

    .cobj4_dash_button_i_s:hover { /* inner */
        background-color: #429878;
        color: white;
        opacity: 0.7;
        filter: alpha(opacity=70);
        cursor: pointer;
    }



.cobj4_bubContactMe 
{
    background: green !important;   
    
    
  
}

.cobj4_filterSpec
{
    position:absolute;
    border:1px solid #333333;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    display:none;
    background:#F0F0F0;
}



.cobj4_table_infog {
	cursor: pointer;
    background: #F4F4F4;
    color: White;
}

    .cobj4_table_infog:hover {
        cursor: pointer;
        background: #E0F0F0;
       /* background: -webkit-linear-gradient(135deg, rgb(248, 248, 248) 0%, rgb(224, 224, 224) 50%);
        background: -o-linear-gradient(135deg, rgb(248, 248, 248) 0%, rgb(224, 224, 224) 50%);
        background: -moz-linear-gradient(135deg, rgb(248, 248, 248) 0%, rgb(224, 224, 224) 50%);
        background: linear-gradient(135deg, rgb(248, 248, 248) 0%, rgb(224, 224, 224) 50%);*/
    }



.cobj4_table_gauge 
{
    padding:0px;
    margin:0px; 
    width:200px;
    height:160px;    
    color:White;  
    /*display:table;*/
    /*width:50%;*/
    margin:0 auto;
    overflow:hidden;
    background: white;     
}

.cobj4_table_gauge_msg {
    position: absolute;
    left: 0;
    bottom: 0;    
    right: 20px;    
    cursor: pointer;
    width: auto;
    height: 17px;
    z-index: 100;
    background: rgba(68, 68, 68, 1);
}

.cobj4_table_gauge_msglabel {
    height: 15px;
    line-height: 15px;
    padding: 1px 12px 0px 12px;
    margin-right: 0px;
    background: #959595;
    border-top: 1px solid #444444;
    color: white;
    float: right;
    border-radius: 6px;
}



.cobj4_table_gauge_msg:hover div {
    text-decoration: underline;
}

div.cobj_table_dash_floatdiv_narrow:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #CCCCCC;
    -moz-box-shadow: 0px 0px 0px 2px #CCCCCC;
    box-shadow: 0px 0px 0px 2px #CCCCCC;
}

.cobj4_table_gauge_in
{
width:100%;
height:100%; 
    
}

.cobj4_btn_xpand 
{
    display:none;
    position:absolute;
    z-index:9999999;
    border:1px solid #CCCCCC;
    padding:0px;
    margin:0px;
    width:28px;
    background:white;
}


.cobj_table_saveaction 
{
    font-weight: bold;
    font-size:12px;
    text-align:center;
    /*display:inline;*/
    float: left;
    cursor:pointer;
    background:#666666;
    color:White;
    /*border:1px solid #CCCCCC;*/
    -moz-border-radius: 2px;
    border-radius: 2px;  
    margin:4px;
    padding:6px 25px 6px 25px;
   
}

.cobj_table_saveaction:hover, .cobj4_go:hover, .cobj4_xl.btn > div > div:hover
{
    text-decoration: underline;   
}

td.cobj_table_saveaction_v
{
    text-align:right;
    padding-top: 30px;
}


div.cobj_dock_zicon 
{
    border:1px solid #AAAAAA;
    float:right;
    margin-right:2px;
    background:url(images/cobj/magni.png) no-repeat;
    line-height:9px;
    font-size:9px;
    text-align:center;
    display:block;
    width:20px;
    height:20px;
    padding:1px;
    margin-top:0px;
    cursor:pointer;
    -moz-border-radius: 2px;
    border-radius: 2px;   
    opacity:0.5;
    filter:alpha(opacity=50); 
}

.chart_raf_ctl 
{
    
    float:left;
    width:99%;
}
    

div.cobj_dock_picon 
{
    /*border:1px solid #CCCCCC;*/
    float:right;
    margin-right:6px;
    background:url(images/cobj/print-icon.png) no-repeat #F0F0F0;
    line-height:9px;
    font-size:9px;
    text-align:center;
    display:block;
    width:20px;
    height:20px;
    padding:1px 2px 0px 2px;
    margin-top:1px;
    cursor:pointer;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    opacity:0.5;
    filter:alpha(opacity=50);     
}

div.cobj_dock_togpin 
{
    /*border:1px solid #CCCCCC;*/
    float:right;
    margin-right:0px;
    line-height:9px;
    font-size:9px;
    text-align:center;
    display:block;
    width:20px;
    height:20px;
    padding:1px 2px 0px 2px;
    margin-top:1px;
    cursor:pointer;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    opacity:0.5;
    filter:alpha(opacity=50);     
}

div.cobj_dock_unpin 
{
    background:url(images/cobj/pinout.png) no-repeat;
}

div.cobj_dock_pin 
{
    background:url(images/cobj/pinin.png) no-repeat;
}

div.cobj_dock_zoom 
{
    border:1px solid #AAAAAA;
    float:right;
    padding:2px;
    background:#F0F0F0;
    line-height:9px;
    font-size:9px;
    text-align:center;
    margin-right:10px;
    display:none;
    margin-top:0px;
    width:70px;
    height:18px;
    -moz-border-radius: 2px;
    border-radius: 2px;    
}

div.cobj_dock_zoom div
{
    border:1px solid #AAAAAA;
    float:left;
    width:10px;
    height:10px;
    padding:2px;
    cursor:pointer;
    background:#EEEEEE;    
    -moz-border-radius: 2px;
    border-radius: 2px;    
    margin-top:2px;
}
div.cobj_dock_zoom input {
    border:1px solid #AAAAAA;
    float:left;
    background:#FFFFFF;
    line-height:9px;
    font-size:9px;
    text-align:center;   
    padding:2px; 
    -moz-border-radius: 2px;
    border-radius: 2px;    
    margin:1px 2px 0px 1px;
}

.cobj_dock_aux 
{
    
    overflow: visible;  
    float:right;
    margin-top:1px; 
    
}




.cobj_tables_edit 
{
    position:fixed;
     z-index:3000000000;
     border:3px solid #DDDDDD;
     padding:5px;
     background:white;
     left:10px;
     top:10px;   
     display:none; 
}

/* Bookmark-specific */
.cobj_tables_edit_bm {
    position: absolute;
    z-index: 400000000;
    /* border: 3px solid #DDDDDD; */
    padding: 0px;
    background: white;
    left: 50%;
    top: -100px;
    display: none;
}

.cobj_tables_pdf_con
{
    position: absolute;
    z-index: 100000000;
    /* border: 3px solid #DDDDDD; */
    padding: 0px;
    background: white;
    right: 25%;
    top: -100px;    
    
}

div#cobj4_wall .cobj4_sharedW:hover, div#cobj4_wall .cobj4_notshared:hover {

    text-decoration: underline;

}

td#cobj4_wallDesc_c1 {
    margin-bottom: 6px;
    margin-top: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    background:#4a81bb;
}

tr#cobj4_wallDesc_bot td {
    background: #4a81bb;
}




div#cobj4_wallDesc {
    display: none;
    color: white;
    padding: 4px;
    background: #1f6bbc;
    text-decoration: none;
    line-height:20px;
}
    div#cobj4_wallDesc table td#cobj4_wallDesc_t3 {
        text-align: right;
        padding-right: 2px;
        font-size: 20px;
    }

tr#cobj4_wallDesc_mid table td {
    background: #135090;
}

div#cobj4_wallDesc table {
    width: 100%;
}
    div#cobj4_wallDesc table td {
        width: 33%;
        font-size: small;
        color: #EEEEEE;
        padding: 2px 4px 2px 4px
    }

div#cobj4_wall {
    position: absolute;
    left: 30%;
    top: 59px;
    font-size: 16px;

    /*line-height: 47px;*/
    z-index: 199999999;

    color: #ededed;
    max-width: 300px;
    overflow: hidden;
    height: 47px;
}

    div#cobj4_wall > div#cobj4_wallInfo {
        display: table-cell;
        vertical-align: middle;
        height: 47px;
        background-color: rgba(0,0,0,0.1);
        padding-left: 3px;
        padding-right: 3px;
    }

        div#cobj4_wall > div#cobj4_wallInfo > div {
            line-height: 20px;
            display: inline;
        }

        div#cobj4_wall > div#cobj4_wallInfo div:first-child {
            opacity: 0.5;
            filter: alpha(opacity=50);
            font-style: italic;
        }





.cobj4_groupList_tdHello > div:hover 
{
    text-decoration: underline;   
    
}


div#cobj4_wall.cobj4_wall_big 
{
    height: 60px;
    padding:10px 80px 10px 40px;
    background: #F0F0F0;
    border: 1px solid #00cde6;
    -moz-border-radius: 2px;
    border-radius: 2px; 
    -moz-box-shadow: 2px 2px 2px #555555;
    -webkit-box-shadow: 2px 2px 2px #555555;
    box-shadow: 2px 2px 2px #555555;    
    
    
    
}


div#cobj4_wall.cobj4_wall_big > div 
{
 padding: 0px 0px 4px 0px;
 line-height: 30px;
 font-size: 30px;
    
}

div#cobj4_wall.cobj4_wall_big > div + div
{
 font-size: 16px;
 line-height: 16px;
 padding: 4px 0px 0px 0px;
 
    
    
}


    
    
div#cobj_black_l, div#cobj_black_r, div#cobj_black_t, div#cobj_black_b
{
    position: fixed;
    z-index: 600000000;
    background: #000000;

}
/*
div#cobj_black_l
{
    border-right: 2px solid white;
}
div#cobj_black_r {
    border-left: 2px solid white;
}
div#cobj_black_t 
{
    border-bottom: 2px solid white;
}
div#cobj_black_b 
{
    border-top: 2px solid white;
}
*/



div#cobj_fade_screen 
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 550000000;
    color: White;
    text-align: center;

}
div#cobj_fade_screen div
{
    font-size: 30px;
    line-height:30px;
    width:50%;
    left:25%;
    height:20%;
    top:50%;
    text-align:center;
    position:relative;
    
}
    


/* 2019-04-03 */
/*
table.cobj4_table_chartr tr:nth-child(even)
{
    background: #F0F0F0;
}
    */
table.cobj4_table_chartr tr:hover, table.cobj4_table_listL tr:hover {
    background: rgba(0,205,230,0.21) !important;
}
table.cobj4_table_chartr tr td:nth-child(odd), table.cobj4_table_listL tr td:nth-child(odd) {
    background: rgba(250, 250, 250, 0.30);
}
/* 2019-04-03 END */
       
    
    
    
    


div.cobj_tables_commentall 
{
    float:left;
    max-width: 160px;
    padding: 4px 10px 4px 10px;
    text-align: left;
}

    div.cobj_tables_commentall:nth-child(even) {
        border-left: 1px solid #E0E0E0;
        border-right: 1px solid #E0E0E0;
    }

.cobj_tables_pdf
{
    background: white;
    border: #00cde6 1px solid;
    color: #00cde6;
    margin: 0px;
    float: left;
    margin-left: 20px;
    width: 100px;
    line-height: 36px;  
    text-align: center;  
}

.cobj4_save_zHigh 
{
    z-index: 400000000 !important;
    display: none !important;
}

.cobj_table_loadsave_con_bm .cobj_table_loadsave_sub_s 
{
    background: #666666;
}

.cobj_table_loadsave_con_bm .cobj_table_loadsave_sub_s .cobj4_selected
{
    border-color: #666666;
}

/*------------------------*/

.cobj_dock_berths {
    margin-top: 7px;
    float: left;
    width: auto;
    margin-right: 20px;
}

.cobj_dock_InMin_in {
    padding: 0px;
    margin: 0px;
    border: none !important;
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-size: 67% !important;
    background-position: 50% 50% !important;
    /* border-right: 1px solid #CCCCCC; */
}

.cobj_dock_caption_hed_treeeditor, .cobj_dock_caption_hed_rename, .cobj_dock_caption_hed_wordcloud, #cap_cobj_dockwin_asyncprogress, #UDHD_cobj_dockwin_asyncprogress {
    font-size: 16px !important;
    padding-top: 3px !important;
    padding-left: 3px !important;
}



.cobj_table_loadsave_float
{
     position:fixed;
     z-index:300000000;
     border:3px solid #DDDDDD;
     padding:5px;
     background:white;
     left:10px;
     top:10px;
}


.cobj_table_filter_modec 
{
    display:block;
    float:left;
    clear:both;
    width:100%; /*2018-03-06*/
    /*border-bottom:1px solid #333333;*/
    padding-bottom:2px;
    padding-top: 8px;
    


}

.cobj_table_filter_modecm
{
    display:block;
    float:right;
    /*border-bottom:1px solid #333333;*/
    padding-bottom:1px;
    padding-top:6px;


}


.cobj_table_filter_mode 
{
    display:block;
    float:right;
    cursor:pointer;
    border:1px solid #555555;
    color: #F0F0F0;
    margin-right:10px;   
    /*-moz-border-radius: 1px;
    border-radius: 1px;     */
    padding:2px;  
    font-weight: normal;
    font-size: 12px;   
    background: none;
    
    
    
}

.cobj_table_filter_mode_sel:hover, .cobj_table_filter_mode:hover 
{
    text-decoration: underline;
}

.cobj_table_saveactionF 
{
    float: left;
    width: 100px;
    border: 1px solid #555555;
    margin-top: 4px;
    text-align: center;
    padding: 2px;
    color: #F0F0F0;
    font-weight: normal;
    margin-left: -1px;    
}

/* For Pivot mode */
.cobj_table_LR .cobj_table_saveactionF, .cobj_table_LR .cobj_table_saveactionFS, .cobj_table_LR .cobj_glob_fil.cobj_filter_box.cobj_filter_box_unsel,
.cobj_table_LR .cobj_glob_fil.cobj_filter_box.cobj_filter_box_sel, .cobj_table_LR .cobj_table_filter_mode,
.cobj_table_LR .cobj_glob_fil.cobj_filter_box.cobj_filter_box_sel:hover, .cobj_table_LR .cobj_glob_fil.cobj_filter_box.cobj_filter_box_unsel:hover {
    background: #376bbc;
    cursor: pointer;
}

.cobj_table_LR .cobj_glob_fil.cobj_filter_box.cobj_filter_box_sel, .cobj_table_LR .cobj_table_filter_mode_sel {
    background: #0b3880;
}
    
    .cobj_table_saveactionF:hover, .cobj_table_saveactionFS:hover {
        text-decoration: underline;
    }

.cobj_table_saveactionFS {
    margin-top:4px; 
    float:right; 
    width:50px; 
    padding:2px;
    border: 1px solid #555555;
    margin-top: 4px;
    text-align: center;
    padding: 2px;
    color: #F0F0F0;
    font-weight: normal;
}    
    
    

.cobj_table_filter_mode_sel
{
    display:block;
    float:right;
    cursor:pointer;
    border:1px solid white;
    color:White;
    margin-right:10px;   
    /*-moz-border-radius: 1px;
    border-radius: 1px; */
    padding:2px;   
    font-weight: normal;
    font-size: 12px;           
       
    
    
    
}

.cobj_table_filter_modeSel 
{
    display:block;
    float:left;
    cursor:pointer;
    border:1px solid ;
    background:#111111;
    color:White;
   
}

.cobj_glob_fil 
{
    padding:4px;
/*    clear: right !important;*/
}




.cobj4_filter_head
{
    float:right;
    width:15px;
    height:15px;
    border:none;
    background:#defb87;
    padding-right:1px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right: 14px;
    -moz-border-radius: 6px;
    border-radius: 6px;    
    cursor:pointer; 
}


a.cobj_cloud_word 
{
    /*float:left;*/
    cursor:pointer;
    position:absolute;
    padding:0px;
    margin:0px;
    text-decoration:none;
  
}

.cobj_cloud_word a
{
    padding:0px;
    margin:0px;
    border:0px; 
    text-decoration:none;
    float:left;
}


.cobj4_cloud_window_container
{

    display:none;
   
}


.cobj4_cloud 
{
    background:white;
    display:block;
    padding:6px;   
    position:relative;
    width:95%;
    height:95%;
  
}

#cobj4_continue 
{
    float:left;
    height:1px;
    opacity:0;
    filter:alpha(opacity=0);
    font-size:1px;
    line-height:1px;   
    
    
    
}

.cobj4_searchAllLab 
{
    cursor: pointer;
}
.cobj4_searchAll 
{
    margin-top:2px;   
    
}

.cobj4_justgoaway, .cobj4_justgoawayX {
    display: none !important;
}

.cobj4_justshow {
    display: block !important;
}

div.cobj4_pdfheads.cobj_anno_d, div.cobj4_pdfheads.cobj_dock_caption_hed 
{
    font-weight: bold;
    color: #111111;
}

.cobj4_pushReport 
{
    background: white !important;
    color: White !important;
}

#cobj4_pushReportHead 
{
    background: #111111;
    color: White;
    font-size: 14pt;
    width:100%;
    overflow: hidden;
}

#cobj4_pushReportHeadCl 
{
    color: White;
    padding-right:10px;
    cursor: pointer;
}

#cobj4_pushReportHead span 
{
    padding: 0px 30px 0px 30px;
}




.cobj_table_filteropsS
{
    position:absolute;
    top:2px;
    left:7px;
    padding: 0px 0px 0px 0px;
    color:#AAAAAA;
    z-index:2;
    line-height:14px;
    font-size:9pt;
    margin-left:0px;
    background-color:transparent !important;
    color: #666666;
}

.cobj_table_filteropsS0
{
    position:absolute;
    top:-1px !important;
    left:7px;
    padding: 0px 0px 0px 0px;
    color:#AAAAAA;
    z-index:2;
    line-height:14px;
    font-size:9pt;
    margin-left:0px;
    background-color:transparent !important;
    color: #666666;
}

.cobj_table_filteropsI
{
    float:left;
    padding:0px;
    margin:4px 0px 0px 0px;
}


input.cobj_table_filterops
{
background: white;
  border: 0px;
  margin: 0px 0px 0px 0px;
  padding: 5px 1px 2px 1px;
  color: #666666;
  font-size: 9pt;
  width: 98px;
  text-align: center;
}

div.cobj_table_filteropsI input.cobj_table_filterops {

    padding-left:3px;
  
}




div.cobj_table_shortcut {
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
}

div.cobj_table_shortcut img
{
    /*border-right:1px solid #CCCCCC;*/
    border:none;
    width:20px;
    height:20px;
    

            
}
div.cobj_table_shortcut table
{
    /*border-right:1px solid #CCCCCC;*/
    border:none;
    height:20px;
    border-spacing:0px;
    line-height:0; /* zero */
    

            
}

div.cobj_table_shortcutC
{
float:left; 
width:20px;
height:20px;       
text-align:center;
line-height:20px;
padding: 0px 3px 0px 3px;
/*border:1px solid;
border-color: #CCCCCC #CCCCCC #CCCCCC #E0E0E0;*/
border:none;
    opacity:0.85;
    filter:alpha(opacity=85);   
    margin:0px 1px 0px 0px;
}

div.cobj_table_shortcutI
{
cursor: pointer;
float:left; 
width:20px;
height:20px;       
text-align:center;
line-height:20px;
padding: 0px 3px 0px 3px;
/*border:1px solid;
border-color: #CCCCCC #CCCCCC #CCCCCC #E0E0E0;*/
    -moz-border-radius: 2px;
    border-radius: 2px; 
    opacity:0.8;
    filter:alpha(opacity=80);
}

div.cobj_table_shortcutCsel {
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    padding: 0px 3px 0px 3px;
    background: #666666;
    filter: alpha(opacity=100);
    opacity: 1;
    margin: 0px 1px 0px 0px;
}

div.chart_raf_ctl div.cobj_table_shortcutCsel {
    background: #81c1ec;
}

div.cobj_table_shortcutIsel
{
float:left; 
width:22px;
height:22px;       
text-align:center;
line-height:20px;
padding: 0px 3px 0px 3px;
background:#FFFFFF;
filter:alpha(opacity=100);
opacity: 1;
border:1px solid;
border-color: #333333 #333333 #333333 #666666;
    -moz-border-radius: 2px;
    border-radius: 2px;        
}

div.cobj4_table_chart_bar 
{
 clear:both;
 float:left;   
 height:18px; 


   
}

div.cobj4_table_chartV_bar 
{

 float:right;   
 width:20px;    
 margin-right:2px;    
}

div.cobj4_table_chart_barNR
{
 float:right;   
 height:18px;        
}




div.cobj4_table_chart_barN
{
 float:left;   
 height:18px;        
}
div.cobj4_table_chart_mark
{
float:left;
background:none; 
height:18px;
border-right:1px solid #CCCCCC     
}
div.cobj4_table_chart_markB
{
float:left;
background:none; 
height:18px;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;     
}
div.cobj4_table_chart_markL
{
float:left;
background:none; 
height:18px;
border-left:1px solid #CCCCCC;     
}
div.cobj4_table_chart_markLR
{
float:right;
background:none; 
height:18px;
border-left:1px solid #CCCCCC;     
}

/* Style barcharts */
/* 2019-04-03 */
div.cobj_dock_window_dash .cobj4_table_chartr tbody > tr > td {
   border: 1px solid #CCCCCC;
}

div.cobj_dock_window_dash .cobj4_table_chartr.cobj4_table_chart0r tbody > tr > td {
    border: 0px;
}

div.cobj_dock_window_dash .cobj4_table_chartr tbody > tr > td:nth-child(1) {
    width: 36px;
    padding: 3px 0px 0px 0px;
    font-weight: bold;
   /* color: #00cde6;*/
}
/* 2019-04-03 END */

div.cobj_dock_window_dash .cobj4_table_chartr.cobj4_table_chartrfw tbody > tr > td:nth-child(1) {
    white-space: normal;
}

div.cobj4_table_chart_space
{
   background:none;height:1px;
}
div.cobj4_table_chartV_space
{
    float:left;background:none;width:1px;
}


table.cobj4_table_chart 
{
    border:none;
    width:100%;
    border-collapse:collapse;
    
}

td.cobj4_table_chart_td {
    color:#888888 !important;
    width:80px;
}



table.cobj4_table_chart th
{
    font-size:12px !important;
    border-bottom:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    color:#888888;
    font-weight:normal;
    width:80px;
    vertical-align:middle;
}

table.cobj4_table_chart td 
{
    font-size:12px !important;
    border-right:1px solid #FFFFFF;
    border-left: none;
    border-top: 1px solid #FFFFFF;
    border-bottom: none;
    width:80px;
    vertical-align:middle;
}


  

table.cobj4_table_chartr 
{
    border:none;
    /*width:96%;*/
    border-collapse:collapse;
    table-layout: auto; /*seems to space better*/
    
}

div.cobj4_table_verbub + div /* table.cobj4_table_chartr */
{
    width: 98%;
}
div.cobj4_table_verbub + div > table.cobj4_table_chartr {
    width: 98%;
}



table.cobj4_table_chartr td
{
    white-space:nowrap;
    width: 80px;
    
}



table.cobj4_table_chartr th
{
    color:#666666;
    /*font-size:11px;*/
}

/* 2019-04-03 */
table.cobj4_table_chartr tr th:nth-child(even) {
    background: #F0F0F0;
    color: #111111;
}
table.cobj4_table_chartr tr th:nth-child(odd) {
    background: #F8F8F8;
    color:#111111;
}

table.cobj4_table_chartr tr td:nth-child(odd) {
    background: rgba(250, 250, 250, 0.30);
}

/* END 2019-04-03 */



table.cobj4_table_chartVr 
{
    border:none;
    height:100%;
    border-collapse:collapse;
    
}

table.cobj4_table_chartVr td 
{
    /*font-size:11px !important;*/
    border-right:none;
    border-left: none;
    border-bottom: none;
    border-top: 1px solid #FFFFFF;
    width:80px;
    text-align:center !important;
}

table.cobj4_table_chartr td 
{
    /*font-size:11px !important;*/
    border-right:1px solid #FFFFFF;
    border-left: none;
    border-top: 1px solid #FFFFFF;
    border-bottom: none;
    /*width:20px; 2019-12-17 */
}



.cobj_filter_num 
{
 background: white; /*url(images/cobj/textinp.png) white repeat;*/
 border: 1px solid #666666;
 margin: 2px 10px 1px 5px;
 /*font-family: helvetica,arial,sans-serif;*/
 font-size: 1em;   
 float:left;
 width:200px;
 padding:3px;
 clear: both;
}

.cobj_filter_txt
{
 background: white; /*url(images/cobj/textinp.png) white repeat;*/
 border: 1px solid #666666;
 /*margin: 10px 10px 1px 5px;*/
 /*font-family: helvetica,arial,sans-serif;*/
 font-size: 1em; 
 float:left;  
 padding: 3px;
 width:100%;
 box-sizing: border-box;
}

.cobj4_filter_values 
{
    position: absolute;
    display:none;
    padding:5px;
    border:3px solid #AAAAAA;
    background:rgb(225, 225, 228);
    -moz-border-radius: 3px;
    border-radius: 3px;  
    /*-moz-box-shadow: 2px 2px 2px #A09D9D;
    -webkit-box-shadow: 2px 2px 2px #A09D9D;
    box-shadow: 2px 2px 2px #A09D9D;    */
    z-index:20000000; 
    width:500px;
}

.cobj4_filter_values_rem {
    /*position: absolute;*/
    display: none;
    padding: 4px;
    margin: 0px 0px 0px 20px;
    /*border-width:2px 0px 2px 0px;
    border-color:#92ca27;
    border-style:solid;*/
    background: transparent;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 20000000;
    float: left;
    font-size: 14px;
    width: 80%; /*2014-11-19*/
}

.cobj_filter_title {
    float: left;
    font-weight: normal;
    /*font-size:10pt;  */
    margin: 0px 14px 2px 6px !important;
    padding: 12px 1px 4px 24px;
    font-size: 16px;
    color: #F0F0F0;
    clear: both;
    background-image: url(images/cobj/filterC.png);
    background-repeat: no-repeat;
    background-position: 0;
}

    .cobj_filter_title.cobj_filter_title_sub {
        background-image: none;
        padding-left: 0px;
    }


#cobj_rc_container_p_p_p.cobj_rc_container_p_p_p_lhs div.cobj4_present_confil_tit {
    padding-left:5px;
}

#cobj_rc_container_p_p_p.cobj_rc_container_p_p_p_lhs div.cobj4_filter_values_rem {
    margin-left: 40px;
}


.cobj_table_LR .cobj_filter_title {
    color: #666666;
}

.cobj_scbtn_rccnt 
{
    float:left;
    height:48px;
    /*background:white;*/
    margin:4px;
}

/* Force display */
.cobj_scbtn_rccnt.cobj_scbtn_rccnt_fo 
{
    display: block !important;
}

td.cobj4_rem_fil {
    color: White;
    vertical-align: top !important;
    width: 20px;
    margin-left: 8px;
    text-align: right;
    padding-right: 4px;
}

span.cobj4_rem_fil 
{
    color: White;    
    width: 20px; 
    line-height: 20px;  
    padding: 10px;
    margin-left: 3px;
    border-left: 1px solid white;
}
    

.cobj_filter_box 
{
    
    float:left;
    padding:8px 0px 8px 0px;
    margin:0px;
    /*border:1px solid #111111;*/
    cursor:pointer;

    clear:both; 
    text-align:left;   
    width:100%;
    border-top: 1px solid #F0F0F0;
}

    .cobj_filter_box.cobj_filter_box_sel {
        border-top: 1px solid #225279;
    } 


.cobj_glob_fil.cobj_filter_box.cobj_filter_box_unsel, .cobj_glob_fil.cobj_filter_box.cobj_filter_box_sel, 
.cobj_glob_fil.cobj_filter_box.cobj_filter_box_unsel:hover, .cobj_glob_fil.cobj_filter_box.cobj_filter_box_sel:hover
{
    float:left;
    padding:4px 0px 4px 0px;
    margin-top: 6px;
    margin-left: 0px;
    
    cursor:pointer;
    /*background: none;*/
    clear:both; 
    text-align:center;  
    font-size: 12px; 
    width:100px;
}
    /*.cobj_glob_fil.cobj_filter_box.cobj_filter_box_unsel:hover, .cobj_glob_fil.cobj_filter_box.cobj_filter_box_sel:hover {
        background: auto;
    }*/

.cobj_glob_fil.cobj_filter_box.cobj_filter_box_unsel 
{
    color: #F0F0F0;
    border: #555555 1px solid;
}

.cobj_glob_fil.cobj_filter_box.cobj_filter_box_sel
{
    color: White;
    border: white 1px solid;
}




.cobj_filter_box_orp
{
    
    float:left;
    padding:8px 0px 8px 0px;
    margin:0px;
    /*border:1px solid #111111;*/
    cursor:pointer;

    clear:both; 
    text-align:left;   
    width:100%;
    border-top: 1px solid #F0F0F0;    
   
}

.cobj_filter_box_orp.cobj_filter_vx 
{
    color: Red;
    font-weight: normal;
    padding-left: 8px;    
}

.cobj_filter_box_orp.cobj_filter_vx 
{
    color: Red;
    font-weight: normal;
    padding-left: 8px;    
}

.cobj_filter_box_sel {
    background: #376bbc;
    color: white;
    /*border:1px solid #999999;*/
}

.cobj_filter_box_unsel 
{
    /*background: #F8F8F8;*/
    color: #666666;
    /*border:1px solid #999999;*/
    
     
}

.cobj_filter_box_sel_UA /*unavailable */
{
    background: #AAAAAA;
    color: #E0E0E0;
    border:1px solid #CCCCCC;
     
     
}

.cobj_filter_box_unsel_UA /*unavailable */
{
    background: #E0E0E0;
    color: #999999;
    border:1px solid #CCCCCC;
     
     
}

.cobj_filter_box_sel.cobj_filter_box_sel_last {
    color: #C3D52E;
}





.btn, .cobj_table_shortcutC, .cobj_table_shortcut, .dfilter, table.chevnormT
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;    

}

div.cobj_table_dash
{
    float:left;
    clear:both;
    width:100%; /*98%;*/
}

table.cobj_table_dash 
{
    font-family: helvetica,arial,sans-serif; 
    font-size:10pt;
    line-height:16px;
    text-decoration:none;    
    color:#111111;  
    border-collapse:collapse;   
    background:white;
    width:100%;
}

.cobj4_rag 
{
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

/*table.cobj_table_dash th
{ 
    font-weight:bold;   
    color:#FFFFFF;
    background:#444444;  
    border:1px solid #111111;
    text-align: center;  
    padding:2px;  
       
}*/
td.cobj_table_dash_1st
{
    font-weight:bold;   
    color:#FFFFFF;
    background:#444444;  
    border:1px solid #111111;
    text-align: left;     
    
    
}



.cobj_table_dash_floattab, .cobj_table_dash_floatdiv
{
    width:100%;
    
}


.cobj_dock_window_pop table.cobj_table_dash tr {
    background-color: white;
}

div.cobj4_table_RSP 
{
    background: #333333;
    color: White;   
    height: 14px;
    width: 21px;
    line-height: 14px;
    
}

div.cobj_table_sc_1, div.cobj_table_sc_2, div.cobj_table_sc_3, div.cobj_table_sc_4 
{
    display: none !important;
}

/* Gauges override */

div.cobj_table_dash_gauges, table.cobj_table_dash_gauges, table.cobj_table_dash_gauges tr, table.cobj_table_dash_gauges td
{
    background: transparent !important; 
    border-color: transparent !important; 
     
}

.cobj_table_dash_gauges .cobj4_table_infog_mov 
{
    border-color: white;
    border-style: solid;
    border-width: 1px 1px 1px 1px;   
    
    
}

table.cobj_table_dash_gauges
{
    margin-right: 30px;
}
    

table.cobj_table_dash td 
{
        border:1px solid #CCCCCC;        
        text-align: center;
        padding:2px;
}


div.cobj_table_rowsMsgCon
{
    /*background:url(images/cobj/speck.png) repeat;*/
    width:100%;
    height:100%;
    position:absolute;
    z-index:200002000 !important;
    top:0px;
    left:0px;
    display:none;
    padding-top:30px;
    background: rgba(66,66,66,0.8);
    /*opacity: 0.3;
    filter:alpha(opacity=30);*/
}

/* 2017-06-07: don't give spawn ability to influence full screen */
div.cobj_table_rowsMsgCon_SP
{
    width:1px;
    height:1px;
    display:none !important;
    overflow:hidden;
}


div.cobj_table_rowsMsgCon td
{
    background:none;

}

div.cobj_table_rowsmsg {
    background: #86888a;
    border: 2px solid #CCCCCC;
    border-width: 0px 0px 2px 2px;
    padding: 20px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 5px 5px 5px #E0E0E0;
    /* -webkit-box-shadow: 5px 5px 5px #E0E0E0; */
    /* box-shadow: 5px 5px 5px #E0E0E0; */
    min-height: 150px;
    /*min-width: 300px;*/
    right: 0px;
    top: 0px;
    position: absolute;
    color: White;
}

div.cobj4_close 
{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    margin: 4px;
    cursor: pointer;
    float: left;
}

.cobj_table_rowsmsg th 
{
    font-weight: bold;
    padding: 0px 30px 30px 10px;
    text-align: left;
}
.cobj_table_rowsmsg table 
{
    border-collapse:collapse;
    width: 100%;
}

div.cobj_table_rowsmsg table td
{
    padding: 10px;
    text-align: left;
    cursor: pointer;
    width: 100%;
    border: 1px solid #EEEEEE;
}

div.cobj_table_rowsmsg table tfoot td {
    padding: 10px 0px 2px 2px;
    text-align: right;
    cursor: pointer;
    width: 100%;
    border: none;
    font-size: 10px;
    color: #EEEEEE;
}

div.cobj_table_rowsmsg table tbody td:hover
{
    background-color: #555555 !important;
    border-color: #555555 !important;
    color: White;
    text-decoration: underline;
}

div.cobj_table_rowsmsg table td.cobj_table_seldl
{
    background-color: #999999;
    color: White;
}


.cobj_table_rowmsghead 
{
    display:block;
    padding-bottom:20px;
    color: white;
    font-size: larger;
}
.cobj_table_rowmsgL
{
    float:left;

    text-align:center;
    width:100px;
    border:1px solid #333333;
    background:#FFFFFF;
    color: #333333;
    padding:3px;     
    cursor:pointer;   
}
.cobj_table_rowmsgR
{
    float:right;

    text-align:center;
    width:100px;
    border:1px solid #333333;
    color: #333333;
    background:#FFFFFF;
    padding:3px; 
    cursor:pointer;      
}

div.cobj_table_rowsmsg td.cobj_table_rowImg {
    background-image: url(Images/cobj/downloadW.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 12px 12px;
    padding-left: 20px;
}




.cobj4_post_top 
{
    width: 100%;
    height: 100px;
    padding:0px;
    float:left;
}

.cobj4_post_top select 
{
    margin: 10px;
    
    
}

      
.cobj4_post_bot 
{
    width: 100%;
    height: 100%;
    padding:0px;
    float:left;
}
    
.cobj4_post_edit
{
    width:100%;
    height:100%;
    padding:0px;
    float:left;
    background: #F0F0F0;
}    

.cobj4_post_ta 
{
    border:0px;
    padding:0px;
    margin:0px;
    
}







.cobj_table_histArr 
{
    width:20px;
    height:19px;
    margin-top:1px;
    background:url(images/cobj/arrowrt.png) no-repeat;
    float:left;
    text-decoration: underline;
    margin: 3px 0px 0px 8px;
}
.cobj_table_histLab 
{
    height:20px;
    padding:0px 10px 0px 10px;
    float:left;
    cursor:pointer;

    
}
.cobj_table_status 
{
    display:none;
    height:40px;
    background:#FFFFFF;
    padding:4px;
    color: #111111;
    font-size: 14px;
    overflow-y: auto;    
  
}

.cobj_table_status_F
{
    display:none;
    height:20px;
    background:#FFFFFF;
    padding:4px;
    color: #111111;
    font-size: 14px;
    overflow-y: auto;    
  
}

.cobj4_nav_spacer {
    float:left;
    clear:both;
    height:50px;
    width:1px;
    opacity:0;
    filter:alpha(opacity=0);

}

.cobj4_gctx 
{
 float:left;
 padding:5px;
    
   
}

.cobj4_scml 
{
    float:left;
    padding-top:12px;
    
}

.cobj4_ohs .cobj_table_saveaction {
    padding: 2px 10px 2px 10px;
}


.cobj4_ohs {
    float: right;
    margin-top: -2px;
    margin-right: -6px;
}

.cobj4_alt_scml 
{
    float:left;
    padding-top:8px;
    
}

.cobj_table_loadsave_con
{
    /*border:2px solid #EEEEEE;*/
    padding:2px 2px 2px 3px;
    float:left;
    width:99%;
}

.cobj_table_loadsave_con.cobj_table_loadsave_con_bm
{
    padding:0px;
    width:auto;
    font-size: 14px;  
    position:absolute;
    z-index: 400;  
}



.cobj_table_loadsave_sub_s {
    float: left;
    /* border: 3px solid #E0E0E0; */
    background-color: #E0E0E0;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*margin: 0px 5px 0px 2px;*/
    margin: 0px 2px 0px 0px;


}

div.cobj_table_loadsave_sub_s > div.cobj_table_loadsave_btn, div.cobj_table_loadsave_sub_g > div.cobj_table_loadsave_btn {
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 20px 20px;
}


    div.cobj_table_loadsave_sub_s > div.cobj_table_loadsave_btn {
        background-image: url(Images/cobj/saveB.png);
    }

div.cobj_table_loadsave_sub_g > div.cobj_table_loadsave_btn {
    background-image: url(Images/cobj/dashboardB.png);   
}

div.cobj_table_loadsave_sub_s > div.cobj_table_loadsave_btn.cobj4_selected {
    background-image: url(Images/cobj/saveW.png);
}

div.cobj_table_loadsave_sub_g > div.cobj_table_loadsave_btn.cobj4_selected {
    background-image: url(Images/cobj/dashboardW.png);
}

div.cobj_table_loadsave_sub_g div.cobj_table_loadsave_btn > div.cobj_table_colName_name_sv, div.cobj_table_loadsave_sub_s div.cobj_table_loadsave_btn > div.cobj_table_colName_name_sv {
    padding-top: 1px;
}



.cobj_table_loadsave_sub_g
{

    float:left; 
    margin-left: 2px;
    background: #E0E0E0; 
    -moz-border-radius: 2px;
    border-radius: 2px;   
    



       
    
}



.cobj_table_loadsave_btn
{
    color:black;
    float:left;
    padding:2px;
    width:140px;
    margin-top:0px;
    /*margin-left:2px;
    margin-right:2px;*/
    font-weight:bold;
    border:1px solid #E0E0E0;
    cursor:pointer;
    -moz-border-radius: 1px;
    border-radius: 1px; 
    background:#DDDDDD;   

}
.cobj_table_loadsave_pan_s
{
    padding:0px;
    margin: 10px;
    float:left;
    display:none;
    clear:both;
    height: 250px;
    width:400px;
    overflow-y: auto;
    background: #FFFFFF;

}

/* BOOKMARK HEIGHT */
.cobj_table_loadsave_con_bm .cobj_table_loadsave_pan_s 
{
    height:400px;
}

.cobj_table_loadsave_pan_g
{
    padding:0px;
    margin: 10px;
    float:left;
    display:none;
    clear:both;
    /*height: 250px;
    overflow-y: auto;*/
    height:auto !important;

}

.cobj_table_cache_pan
{
    padding:3px;
    margin:1px 3px 0px 3px;
    height:12px;
    line-height:12px;
    float:right;
    display:none;
    border:1px solid #CCCCCC;
    -moz-border-radius: 3px;
    border-radius: 3px;     

}

.cobj_table_savenew 
{
    position:relative;
    float:left;
    /*border:1px solid #666666;*/
    margin:0px 10px 0px 7px;
    padding-right:1px;
    display:none;
    -moz-border-radius: 2px;
    border-radius: 2px;      
    background: #EEEEEE;
    clear: both;
    
    width: 402px;
    text-align: left;

}
.cobj_table_text_help
{
    position:absolute;
    top:0px;
    left:0px;
  padding-top: 10px;
  padding-left: 8px;
    color:#AAAAAA;
    z-index:2;
    line-height:16px;
    font-size:14px;
}

.cobj_table_savenew input
{
            background: white;
            /*border:1px solid #666666;*/
            height:16px;
            width:200px;
            line-height:16px;
            margin:4px 4px 4px 4px;
            padding: 4px;
            border: 1px solid #CCCCCC;
            float:left;

}

/* GROUP OF SAVES */
.cobj_table_grpmem
{
    padding: 6px;
    font-weight: bold;
    font-size: 16px;
    background: #999999;
    color: White;
    text-align: left;
}

.cobj_table_memgrp 
{
    
    padding-left:20px;   
            
}


.cobj_table_inlineH 
{
    display: inline;
}

.cobj_table_inlineOn 
{
    background: #69be28 !important;
}





.cobj_table_save
{
    /*background-color:#FFFFFF;
    color:#666666;
    float:left;
    cursor:pointer;   
    padding:2px 2px 2px 2px;  
    margin:3px 4px 3px 4px;   
    text-align:right;  
    border:1px solid #CCCCCC;
    clear:both;*/
    
  clear: both;
  margin-bottom: 2px;
  margin-top: 2px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #EEEEEE;
  cursor: pointer;
  text-align: left;
  /*width: 154px;*/
  padding: 4px;
  color: #666666;
   
    
}

.cobj_table_saveM
{
  clear: both;
  margin-bottom: 2px;
  margin-top: 2px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #EEEEEE;
  cursor: pointer;
  text-align: left;
  /*width: 154px;*/
  padding: 4px;
  color: #666666;
  background-color: #CCCCCC;
}

.cobj_table_saveN
{
    padding-left:40px !important;
}

    .cobj_table_saveN:hover, .cobj_table_saveX:hover, .cobj_table_saveXC:hover, .cobj_table_saveXL:hover, .cobj_table_saveXR:hover {
        text-decoration: underline;
    }


.cobj_table_saveX
{
    background-image: url(images/cobj/xtab.png) !important;
    background-repeat: no-repeat;
    padding-left:40px !important;
}

.cobj_table_saveXC
{
    background-image: url(images/cobj/resizelr.png) !important;
    background-repeat: no-repeat;
    padding-left:40px !important;
}

.cobj_table_saveXL
{
    background-image: url(images/cobj/funnel.gif) !important;
    background-repeat: no-repeat;
    padding-left:40px !important;
}

.cobj_table_saveXR
{
    background-image: url(images/cobj/hist-chart-a.png) !important;
    background-repeat: no-repeat;
    padding-left:40px !important;
}




.cobj_table_savegroup 
{
  /* color: #FFFFFF; */
  background: #FFFFFF;
  float: left;
  cursor: pointer;
  padding: 2px 2px 2px 2px;
  margin: 2px 2px 1px 1px;
  /* width: 240px; */
  border: 3px solid #cccccc;
  -moz-border-radius: 3px;
  border-radius: 3px;             
}

.cobj_table_savegroupM
{
    background:#EEEEEE;
    float:left;
    cursor:pointer;   
    padding:2px 2px 2px 2px;  
    margin:2px 2px 1px 1px;   
    width:140px;
    border:1px solid #444444;  
    -moz-border-radius: 3px;
    border-radius: 3px; 
         
}

.cobj_table_savegroupedit
{
    float:left;
    width:32px;
    height:16px;
    line-height:16px;
    text-align:center;
    border-top:0px solid #666666;
    border-right:1px solid #666666;
    border-left:0px solid #444444;
    border-bottom:1px solid #444444;
    cursor:pointer;    
    background:#666666; 
    color:#FFFFFF;
    
}

.cobj_table_sav_on 
{
    
}

.cobj_table_sve_on 
{
    background-color:#777777;
    color: White;
    
}



.cobj_table_sge_on 
{
    border: 3px solid orange;    
}


.cobj_table_loadsave_div {

    /*clear:both;*/
    float:left;
    /*width:100%;*/
    /*height:2px;
    background:#666666;
    border-top:1px solid white;
    border-bottom:1px solid 999999;
    margin:6px 0px 6px 0px;*/
    display:none;

}

.cobj_table_loadsave_apply 
{
    font-weight: bold;
    font-family: helvetica,arial,sans-serif; 
    font-size:12px;
    text-align:center;
    float:left;
    cursor:pointer;
    background:#666666;
    color:White;
    border:1px solid #CCCCCC;
    -moz-border-radius: 2px;
    border-radius: 2px;  
    margin-left:3px; 
    display:block;    
    width: 100px;
    height:20px;
    line-height: 20px;
   
}

.cobj_table_savegrouptit
{
    float:right;
    color:#111111;
    font-weight:bold;
    margin-right:4px;
    margin-left:4px;

      
    
}



table.cobj_charttab thead {
	        position: -webkit-sticky;
	        position: -moz-sticky;
	        position: -ms-sticky;
	        position: -o-sticky;
	        position: sticky;
	        top: 0;
}

div.cobj_charttab 
{
    width:100%;
    height:100%;
    overflow-y:auto;   
    overflow-x:auto;
    padding:0px;     
}

table.cobj_charttab 
{
    padding: 0px;
    font-family: helvetica,arial,sans-serif; 
    font-size:14px;
    line-height:14px;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    height:99%;
  
    
}

.cobj4_colmult 
{
    padding: 2px;
    color: #111111;
    width:20px;  
    font-size: 11px;
    float:left; 
    cursor:pointer;
    
}

.cobj4_pagenavudf {
    width: 50px !important;
    text-align: right;
    margin-right: 5px !important;
}

table.cobj_charttab td, table.cobj_charttab th
{
    border: 1px solid #CCCCCC;   
    /*padding: 5px;*/
    text-align: center;
    background: #FFFFFF;
    padding:5px;
}



table.cobj_charttab td + table.cobj_charttab td {
  border-left:1px solid #CCCCCC;
}

table.cobj_charttab th 
{
    background: #333333;
    color: #FFFFFF;
    font-weight: normal;
}


/*section {
  position: relative;
  border: 1px solid #CCCCCC;
  padding-top: 37px;
  background: #333333; 
  
  
}*/
  



td.cobj_charttablab
{
    text-align: left !important;
}



div.cobj_charttab  
 {
    background: #FFFFFF; 
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    padding-top:0px;
    margin-top:10px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;   
    overflow-y:auto;    
}

/* VERTICAL FIXED BAR */
#cobj_rc_container_p_p_p {
    position: fixed;
    top: 0em; /*1em;*/
    right: 0em;
    height: 100%;
    width: 30px;
    background: #333333;
    border-left: 1px solid #666666;
    margin: 0px;
    height: 100%;
    cursor: pointer;
    overflow: visible;
    z-index: 200000000;
    opacity: 0.95;
    filter: alpha(opacity=50);
    
}

    #cobj_rc_container_p_p_p.cobj_rc_container_p_p_p_lhs {
        right:auto;
        left:0em;
    }




/* VERTICAL FIXED BAR */
/* IE HACK TO DEFEAT VERTICAL OVERLAYED SCROLLBAR */
@media all and (-ms-high-contrast:none) {
    #cobj_rc_container_p_p_p:hover {

        width: 50px;

    }

}

/* CONTAINER FOR TEXT WITHIN BAR */
#cobj_rc_container_p_f_p 
{
    height: 100%;
    width: 30px;
    position: relative;
    background: #333333;
}



    
    
}

div.cobj4_present_confil 
{
    
    float:left;
    width:100%;
    height:40px;
    background:#444444;
    text-align: center;
    line-height: 40px;
    margin: 0px;
    padding: 0px;
   
}

div.cobj4_present_confil_s 
{

    height: 36px;
    margin: 2px;   
}

div.cobj4_present_confil_opt {
    width: 90px;
    height: 42px;
    background: #555555;
    color: #777777;
    text-align: center;
    line-height: 42px;
    margin: 0px 24px 2px 0px;
    float: right;
}

/* Hidden cancel outstanding changes option */
div.cobj4_present_confil_opt_cancel {

    display: none;

}

div.cobj4_present_confil_tit
{
    float: left;
    color: white;
    font-size: 20px;
    padding: 10px 10px 10px 10px;
}

div.cobj4_present_confil_opt.cobj4_ison 
{
    
    background: #00cde6;
    color: White;

    
}




td.cobj4_present_b 
{
    background: transparent; /*#444444;*/
}

/* ROTATED TEXT ITSELF */
#cobj_rc_container_p_f {



    margin: 0px 0px 0px 0px;
    color: White;
    position: absolute;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    top: 54%;
    color: White;
    background: transparent;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-size: 18px;


   
}

#cobj4_filterDesc {
    position: absolute;
    top: 53px;
    height: 36px;
    right: 50px;
    width: 33%;
    font-size: 0.9em;
    color: white;
    line-height: 18px;
    text-align: right;
    z-index: 20;
    box-sizing: border-box;
    display: table;
}

    #cobj4_filterDesc:hover {

        text-decoration: underline;

    }

    #cobj4_filterDesc > div {
        display: table-cell;
        vertical-align: middle;
    }

        #cobj4_filterDesc > div > div {
            margin-left: auto;
            width: 100%;
            cursor: pointer;
        }

    #cobj_rc_container_p_f.cobj_rc_container_p_f_lhs {
        padding: 0px 0px 6px 0px;
    }

#cobj_rc_container_p_f:hover, #cobj_ns_container_p_f:hover 
{
    text-decoration : underline;
}

#cobj_ns_container_p_f table {
    border-spacing: 0px;
}

    #cobj_ns_container_p_f table img {
        padding-top: 5px;
        padding-right: 4px;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    #cobj_ns_container_p_f table td {
        vertical-align: top;
    }

#cobj_rc_container_p_p 
{
    display: none;
    /*width: 190px;*/
    height: 100%;   
    min-width: 100px; 
}


/* RHS */
#cobj_rc_container_rhs_p
{
    float: right;
    margin-top:4px;
    padding-left:20px;
    padding-right:48px;
    padding-bottom:20px;

}

#cobj_rc_container_rhs_cl {
    color: White;
    text-align: right;
    padding-right: 0px;
    font-size: 20px;
    width: 30px;
    height:30px;
    /* float: right; */
    right: 30px;
    top: 2px;
    position: fixed;
}

#cobj_rc_container_rhs_sort
{
    color: White;
    text-align: right;
    padding-left: 12px;  
    width: 30px;
    height:20px;
    float: left;    
    background: url(images/cobj/arrowdn.png) 2px 0px no-repeat;
    
}

/* Container for embedded RC */
#cobj_rc_container_rhs 
{

    border: none;
    padding: 0px;
    margin: 0px;  
    
}





/* TOP */
#cobj_rc_container_p
{
    float: left;
    position: relative;
    margin-left: 30px;
    z-index: 200000000; /* after loading diff date range - requires this */
    width: 600px;
    height: 60px; /* so it floats properly */
    overflow: visible;
}

/* Container for embedded RC */
#cobj_rc_container 
{
    position: absolute;
    border: none;
    padding: 0px;
    margin: 0px;  
    
}




.cobj4_present_embed 
{
    float: left;    
    width: 600px;
    height: 60px;
    background: white;
    
    
    
}

.cobj4_dash_button_r 
{
    width:100% !important;
}

div.cobj_table_dash_floatdiv, div.cobj_table_dash_floatdiv_narrow
{
    float:left;   
    border-radius: 4px;
    
}

table.cobj_table_dash_floatdiv_narrow, table.cobj_table_dash_floattab_narrow {
    border-collapse: separate;
}

div.cobj_table_dash_floatdiv_narrow.cobj4_emptyDist_subCtn {

    display: none;

}

.cobj_table_dashelem {
    float: left;
    /*
    border:1px solid #333333;
   
    -moz-border-radius: 2px;
    border-radius: 2px;  
    -moz-box-shadow: 5px 5px 5px #E0E0E0;
    -webkit-box-shadow: 5px 5px 5px #E0E0E0;
    box-shadow: 5px 5px 5px #E0E0E0;      
*/
    /*padding:2px;
    margin:2px;*/
    /* background:#F0F0F0; 
    font-family: helvetica,arial,sans-serif; */
    /*font-size:14px;*/
    /*font-weight:bold;*/
    line-height: 16px;
    display: block;
    overflow: hidden;
    width: 100%;
}

.cobj_table_dashelem.cobj_table_dashelemT
{
    width: auto;
    overflow: auto;
}

/*.cobj4_bubComment Q { quotes:  '“' '”'; font-size: 30px; color: #666666 } */

.cobj4_bubComment Q { quotes:  '“' '„'; font-size: 30px; color: #666666 } 




.cobj4_bubspan
{
    font-size: 11px;
    color: #111111;
    padding-left: 4px;
    padding-right: 4px;
}

.cobj4_bubComment 
{
    margin: 10px;
    padding: 10px;
    font-size: 14px;
    /*width: 200px;   */
    
    
    
    
}

.cobj_table_title_c 
{
    float:right;
}

.cobj_table_title
{
    padding:2px;
    float:right;
    color:#F0F0F0 !important;
    font-size:22px;
    line-height:22px;
    font-weight: bold;
}

.cobj_table_title_maps 
{
    font-size: 12px;
    float: right;
    clear: both;
    color: #E0E0E0;
    
}

.cobj_table_title_maps div 
{
    float: right;
    padding: 0px 2px 0px 2px;
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
    
    
}

.cobj_table_title_maps div.cobj4_cols_sv
{
    background: #CCCCCC;
    color: #111111;
    float: left;
}

.cobj_table_xt_title 
{
    padding:2px;
    float:left;
    color:#111111;
    font-size:x-large;
    
}


.cobj_table_coded 
{
    /*background:#dff3c5;    */
    /*float:left;*/
    /*border-color: Orange;
    background: #00cde6;*/
-webkit-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.53);
-moz-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.53);
box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.53);    
}

tr.cobj4_floated_row1 {
    background: #CCCCCC;
}

.cobj_encode table 
{
    width:100%;
    height:1%;
    border:none;
}

div.cobj_encodesave_btn 
{
    float:right;
    margin-right:20px;
    text-align:center;
    border:1px solid blue;
    background:#F0F0F0;
}

div.cobj_encodesave_btn a
{
    padding: 5px 20px 5px 20px;
    font-family: helvetica,arial,sans-serif; 
    font-size:16px;
    line-height:16px;
    text-decoration: none;  
    font-weight:bold;   
    color:Blue;
}

.cobj_dock_out 
{
    z-index:9000000;
}



div.cobj_table_dashelem div.cobj_present_chart 
{
    position: absolute;
    top: 4px;
    z-index: 20;
    left: 4px;   
}

div.cobj_anno_ctn 
{
    bottom: 0px;
    left: 5%;
    height: 36px;
    float:left;
    width: 80%;
    position: absolute;
    overflow: hidden;

}

div.cobj_anno_in 
{
    width:100%;
    height:100%;
    padding:0px;
    margin:0px;
}

.trumbowyg-editor, .trumbowyg-textarea 
{
    padding:1px !important;
    float:left;
    overflow: auto;
}

.cobj_anno_d .trumbowyg-editor {
    float:left;
}

.cobj_anno_d img {
    max-width: 100%;
}

.trumbowyg-box, .trumbowyg-editor {
    float: left;
}


.cobj_anno_ta
{
    display: none;   
}

.cobj_anno_d
{
    border:0px;
    color: #333333;
    font-size: 20px;
    display: block;
    background: transparent; 
    line-height: 24px;
    color: #FFFFFF;
    padding: 0px 0px 0px 0px;
    
}

.cobj_anno_d p a {
    font-size: 14px;
}

.cobj_anno_d_while_edit {

    background: white;
    color: #666666;

}

.cobj_dock_window_anno .cobj4_anno_hotlink_G {
    background: #2d3741;
    padding: 8px 30px;
    border-radius: 12px;
    color: white;
    text-decoration: none;
    font-size: large;
}

.cobj_dock_window_anno .cobj_dock_caption {
    background-image: url(images/cobj/draggable.png);
    background-repeat: no-repeat;
    background-position: 50% 15%;
    background-size: 80px;
}
/*

.cobj_anno_edit
{
    border:0px;
    padding: 3px;  
    color: #FAFAFA; 
    font-size: 20px;
    
    
}
    */
.cobj_anno_d_edit {
    display: none;
}

.cobj_anno_ta_edit
{
    border:0px;
    color: #333333;
    font-size: 14px;
    display: block;
    background: #F0F0F0; 
    
    
}

.cobj_dock_caption_hed_anno 
{
    display: none;
}

.cobj_anno_btnD, .cobj_anno_btn
{
    display: none;
    
}

.cobj_anno_btn_edit, .cobj_anno_btnD_edit
{
    float: left;
    font-size: 12px;
    width: 50px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #AAAAAA;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 4px;
    background: #909da7;
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    color: white;
    
}

.cobj_anno_btnD_edit 
{
    float:right;
}

div.cobj_dock_window_Rename 
{
    background: white !important;
    
}

.cobj_dock_window, .cobj_dock_window_rc
{
    position:absolute;
    background-color: white;
    border-style:solid;
    border-color:#DDDDDD;
    display:none;
    /*-moz-box-shadow: 5px 5px 5px #AAAAAA;
    -webkit-box-shadow: 5px 5px 5px #AAAAAA;
    box-shadow: 5px 5px 5px #AAAAAA;      */

}

        .cobj_dock_window {
            border-color: #EEEEEE !important; /*85d8da*/
            -moz-border-radius: 8px;
            border-radius: 8px;
            opacity: 0.95;
            filter: alpha(opacity=95);
        }

.cobj_dock_window_sep
{
    position:absolute;    
    border-style:solid;
    border-color:#666666;
    display:none;

}



.cobj_dock_caption1
{
    position:absolute;
    overflow:hidden;
    top:0px;
    left:0px;
    background-color: gray; 
    border-bottom: black; 
    font-size: 12px;
    font-weight: bold;
    cursor:move;
    text-align:left;

}


.cobj_dock_caption2
{
background: rgb(246,248,249); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */
 position:absolute;
    overflow:hidden;
    top:0px;
    left:0px;
    /*background-color: gray; */
    border-bottom: 1px solid #DDDDDD; 
    font-family: sans-serif; 
    font-weight: bold;
    cursor:move;
    text-align:left;


}

.cobj_dock_caption, .cobj_dock_caption_rc, .cobj_dock_caption_sep
{
 position:absolute;
    overflow:visible;
    top:0px;
    left:0px;
    /*background: url(images/cobj/cap2.png) repeat-x;
    border-bottom: 1px solid #CCCCCC; */
    /*font-family: sans-serif; */
    font-weight: bold;
    cursor:move;
    text-align:left;


}

.cobj_dock_caption_sep {

border-bottom: none !important;
background: none !important;

}


.cobj_dup_sep 
{
    font-size: 20px;
    line-height: 20px;
    width: 97%;
    height: 20px;
    float:left;
    background: none;
    color: White;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
   
}

.cobj_dup_sep_l 
{
    float: left;
    font-size: 20px;
    line-height: 20px;   
}

.cobj_dup_sep_r
{
    float: right;    
    color: white;
    padding: 5px;
    cursor:pointer;
    -moz-border-radius: 6px;
    border-radius: 6px;  
    border: white 1px solid;
    font-size: 12px;
    line-height: 12px;    
    font-weight: bold;
    
    
}

.cobj4_cap_xlbtn 
{
    line-height: 24px;
    color: White;
    font-size: 11px;
    padding: 0px 4px 0px 4px;
    
}

.cobj_launchDLx,  .cobj_dup_btnx
{
 opacity: 0.3;
 filter:alpha(opacity=30);   
    
}

.cobj_launchDL 
{
    font-weight: bold;
    /*font-family: helvetica,arial,sans-serif; 
    font-size:12px;*/
    text-align:center;
    display:inline;
    cursor:pointer;
    background:#666666;
    color:White;
    border:1px solid #CCCCCC;
    -moz-border-radius: 6px;
    border-radius: 6px;  
    margin:0px 3px 0px 3px; 
    padding:1px 5px 1px 5px;
    white-space:nowrap;
}    
    
.cobj_dup_btn 
{
    border:1px solid #CCCCCC;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#white;
    color:#666666;  
    padding: 5px;
    height: 30px;
    width: 180px;
    float:left;  
}    





.cobj_dock_caption_hed, .cobj_dock_caption_hed_rc, .cobj_dock_caption_hed_sep
{
    line-height: 26px;
    margin-left: 1px;
    /*margin-top: -5px;*/
    height: 24px;
    color: #333333;
    float: left;
    font-size: 18px;

    
    
}

.cobj_dock_window_gauge .cobj4_headerAppend {
    padding-top: 10px;
}

.cobj_dock_window_dash.cobj_dock_window_gauge .cobj_dock_caption_img {
    margin-top: 12px;
}

.cobj_dock_window_dash.cobj_dock_window_gauge .cobj_dock_caption_img_cover {
    padding-top: 13px;
}


.cobj_dock_window_dash .cobj4_postcodemap .svgMap-map-wrapper {
    padding-top: 85%;
}

.svgMap-tooltip-content > table tr:first-child {
    display: none;
}

.cobj_dock_window_dash  .svgMap-map-wrapper .svgMap-country {
    stroke-width: 0;
}

    /* .cobj4_postcodemap ... was in the space */

.cobj_dock_window_dash  .svgMap-map-wrapper .svgMap-country:hover, 
.cobj_dock_window_dash  .svgMap-map-wrapper .svgMap-country.svgMap-active {
        stroke-width: 1;
        stroke: #FFFFFF;
}

.cobj_dock_windown_postcode .cobj4_raf_dash_chart, .cobj_dock_windown_postcode .cobj4_raf_dash_chart > div {
    background: transparent !important;
}


.cobj_dock_windown_postcode .cobj_dock_docWin, .cobj_dock_windown_postcode .cobj4_docks_dyn {
    overflow-y: hidden !important;
}
/*
.cobj_dock_window_dash .cobj_dock_caption_img {
    line-height: 24px;
    vertical-align: middle;
    float: left;
    height: 24px;
    width: 24px;
    margin-top: 3px;
    opacity: 0.5;
    filter: alpha(opacity=50%);
    display: block;
    
}
    */
/* Buttons likely to be narrower and have no additional values 
.cobj_dock_window_dash.cobj_dock_window_menu.cobj_dock_window_hgw .cobj_dock_caption_hed.cobj_dock_caption_imgon.IGNORE {
    top: 0;
    left: 24px;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    */
.cobj_dock_caption_hed.cobj_dock_caption_imgon {
    margin-left: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cobj_dock_window_dash .cobj_dock_caption_img.cobj_dock_caption_imgon {
    display: none;
}



.cobj_dock_window_dash .cobj_dock_caption_img_cover {
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 3px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.cobj_tables_resizeBox 
{
 cursor:w-resize;
 z-index:99;
 background: url(images/cobj/resizelr.png);
 filter:alpha(opacity=50);
 opacity: 0.5;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    
}

.cobj_tables_funnelBox 
{
 cursor:pointer;
 zIndex:99;
 background: url(images/cobj/funnel.gif);
 filter:alpha(opacity=50);
 opacity: 0.5;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    
    
}

.cobj_tables_drillBoxO {
    cursor:zoom-out;
}
.cobj_tables_drillBoxI {
    cursor:zoom-in;
}

.cobj_tables_drillBox 
{

 z-index:99;    
    border-left: 1px solid #EEEEEE;
    background: #F0F0F0;
    font-size: 10px;
    filter:alpha(opacity=30);
    opacity: 0.5;
    color: #666666;
    font-weight: bold;

 }
 
 #cobj4_resize_text 
 {
    position:absolute;
    display: none;
    border: 1px solid #EEEEEE;
    z-index: 200000000;  
    background: white; 
    -moz-border-radius: 4px;
    border-radius: 4px;     
    color: #999999;
 }

.cobj_dock_resizeW
{
    position:absolute;background:#EEEEEE;cursor:w-resize;border-right:1px solid transparent;border-bottom:1px solid transparent;
}
.cobj_dock_resizeH
{
    position:absolute;background:#EEEEEE;cursor:s-resize;border-bottom:1px solid transparent;
    line-height:1px;margin:0px;overflow:hidden;
}
.cobj_dock_resizeD
{
    position:absolute;background:#DDDDDD;cursor:se-resize;border-bottom:1px solid transparent;border-right:1px solid transparent;
    line-height:1px;margin:0px;overflow:hidden;
    z-index: 2100000000 !important;
}

.cobj_dock_InMin 
{
    padding:0px;
    margin:0px;
    border:none;
    float:left;
    width:32px;
    height:32px;
    cursor:pointer;
}



table.cobj_dock_berths
{
    border:none;
    width:100%;
}
table.cobj_dock_berths td
{
    border:none;
}

.cobj_docks_container 
{
    display: none;
    height:36px;
    padding:1px;
    /*border:1px solid #CCCCCC;*/
    z-index:10000000;

    
    
}

#cobj4_groupTitle 
{
    color: #E0E0E0;
    float: left;
    font-size: 24px;
    min-width: 400px;
}

div.cobj4_groupTitleBookmark 
{
    
    float:left;
    padding: 7px 0px 0px 20px;   
    cursor: pointer;
    
    
}
div.cobj4_groupTitleBookmark img
{
    
  width:30px;
  height:30px;    
    
}

.cobj4_groupTitleBackOn
{
    background: #E0E0E0;
    color: #111111;
    line-height: 53px;
    text-align: center;
    cursor: pointer;
}

.cobj4_groupTitleBack {
    display: none;
    width: 35px;
    margin-right: 10px;
    float: left;
    color: #424141;
    font-size: 14px;
    font-weight: bold;
}

.cobj4_groupTitleText
{
    float: left;
    padding-left: 4px;

}

.cobj4_groupTitleSubText
{
    float:left;
}

div.cobj4_animTmp {
    position: absolute;
    z-index: 2022200000;
    background: transparent;
    margin-top: -50px; /* margin of error */


}

div.cobj4_animCssTmp {

    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    animation-play-state: paused;

}

div.cobj4_animCssTmp.cobj4_animCssTmpRun {
    animation-play-state: running;
}





    div.cobj4_animTmp div.cobj_groupTitleFav {
        border: 14px solid #e618ba;
        -moz-border-radius: 40px;
        border-radius: 40px;
        margin: 0px;
    }

.cobj4_headerAppend 
{ 
    cursor: pointer;  
    float: left;
    height:36px;
    line-height:36px;
    font-size: 13px;
    margin-top: -4px;
    margin-left: 10px; 
    padding:0px;   
    overflow: hidden;
      white-space: nowrap;    
}

svg path.cobj_dashCtrlSel {
    fill: blue !important;
    opacity: 0.3 !important;
    filter: alpha(opacity=30) !important;
}

.cobj_dashCtrlSel {
    border-color: #f9d835;
    /*opacity: 0.5;
    filter: alpha(opacity=50);*/
    -webkit-box-shadow: 0px 0px 2px 6px rgba(0,205,230,1);
    -moz-box-shadow: 0px 0px 2px 6px rgba(0,205,230,1);
    box-shadow: 0px 0px 2px 6px rgba(0,205,230,1);
    stroke:blue;
    stroke-width: 2px;
}

span.cobj4_capEventDH > span {
    color: #edd235;
}

span.cobj4_capEvent:hover {

    text-decoration: underline;

}

.cobj4_headerAppend > div.cobj_multivar {
    background: url(images/cobj/multivar.png) no-repeat #03bcfb 2px 0px;
    display: inline-block;
    width: 26px;
    height: 24px;
    margin-bottom: -8px;
    margin-top: 2px;
    padding: 0px;
    cursor: default;
}

.cobj4_headerAppend > div.cobj_cap2DKPI {
    background: url(images/cobj/warning.png) no-repeat #FFFFFF;
    background-size: 20px 18px;
    background-position: 3px 1px;
    display: inline-block;
    width: 27px;
    height: 22px;
    margin-bottom: -6px;
    padding: 0px;
    cursor: default;
}

/*
.cobj4_headerAppend span, .cobj4_headerAppend div {
    direction: ltr;
    background: #333333;
    margin-left: 4px;
    padding: 1px 0px 1px 3px;
}
*/
.cobj4_headerAppend span, .cobj4_headerAppend div {
    /* direction: ltr; IE11 doesn't like this along with a background - hides the text */
    background: #666666;
    margin-left: 4px;
    padding: 4px 0px 4px 3px;
    border-radius: 8px;
    font-weight: normal;
}

    .cobj4_headerAppend span.cobj4_cap_ARGs {
        margin-left: 0px;
        padding: 2px 4px;
        color: #000;
        background: white;
        border-radius: 4px;
    }

    .cobj4_headerAppend span.cobj4_cap_ARGH + span.cobj4_cap_ARG,
    .cobj4_headerAppend span.cobj4_cap_ARGXH + span.cobj4_cap_ARGXV {
        background: #a5d3d5;
    }




div.cobj4_headerAppend > span:nth-child(odd) {
    color: #EEEEEE;
}

div.cobj4_headerAppend > span:nth-child(even) {
    color: #DDDDDD;
}


.cobj_dock_window_pop .cobj4_resetEventCap {
    color: white;
    background: #111111;
    margin-right: 3px;
    padding: 1px 4px 1px 4px;
    margin-left: 10px;
}

.cobj_dock_window_pop .cobj4_headerAppend 
{
        margin-top: -4px;
}

.cobj_dock_window_pop div.cobj4_bubcon, .cobj_dock_window_pop div.cobj4_bubcon q > span:first-child > span:first-child
{
    max-width: 400px;
    display:inline-block;
}

.cobj_dock_window_pop span.cobj4_vm 
{
    display: block;
    width: 40px;
}

.cobj4_resetEventCap 
{
    cursor: pointer;
    margin-left: 8px;
    color: White;
    cursor: pointer;
    padding: 0px 2px 0px 2px;
    margin-right: 8px;    
}
.cobj4_resetEventCapB, .cobj4_resetEventCapBF {
    cursor: pointer;
    padding: 0px 4px 0px 4px !important;
    background: none !important;
    color: #999999 !important;
    border: 2px solid #6d6e71;
    margin-left: 10px !important;
    font-weight: bold !important;
}

.cobj4_resetEventCapBF img {
    width: 12px;
}

div.cobj_dock_rstbtn
{
    display:none;
}

div.cobj_dock_minbtn, div.cobj4_filterMap_x {
    float: right;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    /*border-top:0px solid #222222;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #EEEEEE;
    border-bottom:1px solid #CCCCCC;*/
    cursor: pointer;
    z-index: 30;
    color: #999999;
    margin-top: 1px;
    font-size: 20px;
    margin-right: 6px;
}

/* 2019-05-10 */
div.cobj4_contain_dash {
    width: 1px;
    height: 1px;
    overflow: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
}


/* END OF DOCK */


.cobj4_xl div 
{
 margin:0px;
 padding:2px; 
 display:inline;      
 text-align:left;
 padding:2px 2px 2px 2px;
}

div.cobj4_go 
{
 background: #666666;
 color: White;
    -moz-border-radius: 1px;
    border-radius: 1px;  
    
    
    
}

/* Download icon */
td.chevnormL, td.chevselL {
    background-image: url(Images/cobj/downloadW.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 20px 20px;
}



.cobj4_spawn 
{
    display:none;
    position:relative;
    padding:0px 0px 10px 10px;
    /*border:2px solid #333333;

    margin:0px 0px 3px 3px;
    -moz-border-radius: 6px;
    border-radius: 6px; */    
    

}
div.cobj_table_head_hi_top
{

   
}
div.cobj_table_head_hi_bot
{

border-top:1px solid #111111;
   
}

div.cobj_table_head_rot {
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	
	-ms-transform:rotate(270deg);

	/*writing-mode:tb-rl;*/
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/


    height:120px;
    width:120px;
    line-height: 15px;
    font-size: 13px;
    text-align:left;
    

}
div.cobj_table_head_brot {

	/*writing-mode:tb-rl;*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);


    height:120px;
    width:120px;
    text-align:left;
    

}
div.cobj_table_head_rot_c 
{
    height:120px;
    width:14px;
    overflow:hidden; 
       
    
    
}
div.cobj_table_head_brot_c 
{
    height:120px;
    width:14px;
    overflow:hidden; 
       
    
    
}

div.cobj_table_head_rot_spawn {
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	
	-ms-transform:rotate(270deg);

	/*writing-mode:tb-rl;*/
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/


    height:120px;
    width:120px;
    text-align:left;
    

}

div.cobj_table_head_brot_spawn {

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);


    height:120px;
    width:120px;
    text-align:left;
    

}

div.cobj_table_head_rot_spawn_c 
{
    height:120px;
    width:28px;
    overflow:hidden; 
       
    
    
}
div.cobj_table_head_brot_spawn_c 
{
    height:120px;
    width:28px;
    overflow:hidden; 
       
    
    
}

div.cobj_table_head_roto {
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	
	-ms-transform:rotate(270deg);

	/*writing-mode:tb-rl;*/
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/


    height:66px;
    width:66px;
    text-align:left;
    

}
div.cobj_table_head_broto {

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);


    height:66px;
    width:66px;
    text-align:left;
    

}
div.cobj_table_head_roto_c 
{
    height:66px;
    width:14px;
    overflow:hidden; 
       
    
    
}
div.cobj_table_head_broto_c 
{
    height:66px;
    width:14px;
    overflow:hidden; 
       
    
    
}

span.cobj_table_n 
{
   font-size:9px;
   color:green;
   padding-left:4px; 
    
}

div.cobj_table_no
{
    opacity: 0.5;
    filter:alpha(opacity=50);
    
}


td.cobj_table_sort_head, th.cobj_table_sort_head, th.cobj_table_dashth {
    background-color: #dddddd; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDBkMGQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);*/
    background-color: -moz-linear-gradient(top, #dddddd 96%, #d0d0d0 100%); /* FF3.6+ */
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(96%,#dddddd), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
    background-color: -webkit-linear-gradient(top, #dddddd 96%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
    background-color: -o-linear-gradient(top, #dddddd 96%,#d0d0d0 100%); /* Opera 11.10+ */
    background-color: -ms-linear-gradient(top, #dddddd 96%,#d0d0d0 100%); /* IE10+ */
    background-color: linear-gradient(to bottom, #dddddd 96%,#d0d0d0 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#d0d0d0',GradientType=0 );*/ /* IE6-8 */
}

th.cobj_table_sort_head {

    font-weight : normal;

}

td.cobj_table_dashCell 
{
    border-width: 0px !important;

}

td.cobj_table_dashCells 
{
    border-width: 0px !important;

}

div.cobj4_m_desc 
{
    background: none;
    /*border: 1px solid #333333;*/
    color: #333333;
}




/* LHS PANEL */


/* Main container: floating and non-floating */

.cobj_table_colNav_float 
{
    /*width:198px;*/
    width:210px;
    top:0px;
    left:0px;
    position:absolute;
    /*z-index:3;*/
    overflow: hidden; /*none;*/
    /*background:#F0F0F0;*/
    
}
.cobj_table_colNav 
{
    width:210px;
    height:auto;
    overflow:auto;
    /*background:#F0F0F0;*/
    opacity:0;
    filter:alpha(opacity=0);
    
}

div.cobj_table_colNav_grp > div.cobj_table_colNav_fl {
    /* background: #c5e2e2; */
    border-color: #cccccc;
    color: #08aabe;
}

/* Icons against each option */

/* Filters - Text fields */

    div.cobj_table_colNav_grp > div.cobj_table_colNav_fl.cobj4_dm {
        color: #202b92;
        background-repeat: no-repeat;
        background-size: 10px 10px;
        background-position: 2px 7px;
        background-image: url(images/cobj/textfieldB.png);
    }

div.cobj4_img_hed {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 10px center;
    
}

    div.cobj4_img_hed .cobj_table_colName_name {
        padding-top: 1px;
    }

div.cobj4_img_ms {
    background-image: url(images/cobj/functionsW.png);
}

div.cobj4_img_dm {
    background-image: url(images/cobj/textfieldW.png);
}

div.cobj4_img_fl {
    background-image: url(images/cobj/filterC.png);
}

div.cobj4_img_or {
    background-image: url(images/cobj/ordlist.png);
}

div.cobj4_img_op {
    background-image: url(images/cobj/optionsW.png);
}
    



.cobj_table_colName_close 
{
    float:right;
    padding-right:2px;

       
}

.cobj_selFil_split 
{
 padding-left: 10px;   
    
}

.cobj4_selected_cl_on
{
    opacity: 1;
    filter: alpha(opacity=100);
       
}

.cobj4_selected_cl_off
{
    opacity: 0;
    filter: alpha(opacity=0);
       
}

.cobj_table_colName_name
{
    float:left;
    width:180px;
    clear:both;
        
}

.cobj_table_colName_name:hover, .cobj_table_colName_name_sv:hover
{
    text-decoration: underline;
}

.cobj_table_colName_name_sv
{
  float: left;
  margin-left: 20px;
  width: 100px;
  line-height: 36px;
        
}

img.cobj_ajaxQuit 
{
    margin-left:5px;
    cursor:pointer;
    border: 1px solid red;
    background: white;
    width:18px;
    height:18px;
}



/* Grouped by, measures, options, unselected */

.cobj_table_colNav_head_dm, .cobj_table_colNav_head_ms, .cobj_table_colNav_head_op {
    color: #FFFFFF;
    float: left;
    clear: both;
    padding: 2px;
    margin-top: 2px;
    font-weight: bold;
    border: 1px solid #999999;
    /* width: 90%; */
    width: 190px; /*XX*/
    cursor: pointer;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #1f2f52;
    height: 60px;
    line-height: 20px;
}



/* Grouped by, measures, options, selected addition */

.cobj4_selected 
{
    background:#666666;
    color: White;
    border:1px solid #606060;
    -moz-border-radius: 1px;
    border-radius: 1px; 
    clear:both;
    /*-moz-box-shadow: 2px 2px 2px #555555;
    -webkit-box-shadow: 2px 2px 2px #555555;
    box-shadow: 2px 2px 2px #555555;  */
}

/* Options header once grouped by, etc, opened */
.cobj_table_optHead 
{
text-align: left;
    height: 46px;
    margin-top: 6px;
    float: left;
    clear: both;
    width: 100%;
}
.cobj_table_optHead .cobj_table_filterops {

    text-align:left;

}

.cobj4_minN 
{
   font-size : 12px;
   line-height : 12px;
   padding : 0px;
   opacity :0.5;
   filter: alpha(opacity=50);
   text-align : right;
   color : #111111;
   position : relative;
   font-weight :bold;
}    



/* Options within grouped by container */
.cobj_table_colNav_grp 
{
    float:left;
    clear:both;
    /*padding:2px;*/
    margin-top:1px;       
    display:none;  
    /*width:97%;*/
    /*width:178px;*/
    overflow-y:hidden;
    overflow-x:hidden;
    width: 180px;
    background: #DDDDDD;
    padding: 0px 8px 0px 8px;
    
}


/* Options within grouped by, etc, unselected */

.cobj_table_colNav_dm, .cobj_table_colNav_op, .cobj_table_colNav_sl, .cobj_table_colNav_fl, .cobj_table_colNav_or, .cobj_table_colNav_ms, .cobj_table_colNav_ms_D
{
    /*background:#FFFFFF;*/
    color:#666666;
    /*float:right;*/    
    clear:both;
    /*margin-bottom:4px;*/
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #EEEEEE;
    cursor:pointer;      
    text-align:left;    
    /*-moz-border-radius: 6px;
    border-radius: 6px;   */
    /*width: 154px;*/ /*XX*/
    padding: 4px 10px 4px 22px;
    text-indent:-8px;
    width: 148px; 
    background: #FFFFFF;  
    border-radius:3px;

    
        
        
}

    .cobj_table_colNav_dm:hover, .cobj_table_colNav_ms_D:hover, .cobj_table_colNav_op:hover, .cobj_table_colNav_fl:hover, .cobj_table_colNav_or_sel:hover {
        text-decoration: underline;
    }

.cobj4_filter_click 
{
    z-index: 420000000;
    background: url(images/cobj/filterC.png) no-repeat;    
    position:absolute;
    cursor:pointer;
    
    
}



.cobj_table_colNav_dm::first-letter 
{
    color: #000000;
    
    
}


/* Options within grouped by, etc, selected */

.cobj_table_colNav_dm_sel, .cobj_table_colNav_op_sel, .cobj_table_colNav_sl_sel, .cobj_table_colNav_fl_sel, .cobj_table_colNav_or_sel, .cobj_table_colNav_ms_sel, .cobj_table_colNav_ms_D_sel
{
    /*background:url(images/cobj/btick2.png) -2px -1px no-repeat #777777;*/
    background: #376bbc !important;
    color:#FFFFFF;
    /*float:right;*/
    /*width:154px;*/ /*XX*/
    width: 148px;
    clear:both;
    /*margin-bottom:4px; */
    border-bottom: 1px solid #EEEEEE; 
    cursor:pointer;
    padding: 4px 10px 4px 22px;
    text-indent:-8px;   
    text-align:left;
    -moz-border-radius: 3px;
    border-radius: 3px;  
}

/* Sub-category separators */

.cobj4_nav_sub 
{
  font-weight: bold;
  text-align: left;
  color: #666666;
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  padding: 2px;
  float: left;
  clear: both;
  width: 176px;   
}

.cobj4_waiting 
{
    padding: 10px 0px 0px 3px;
    text-align: center;
    font-size: 30px;
    color: #E0E0E0;
    float: left;
}

.cobj4_waitingSoft {
    padding: 10px;
    font-size: 18px;
    color: white;
    background: #64A0C8;
    position: absolute;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
}
    

/* SEE this.mUIStyle in cobj_tables.js for additional width settings XX */ 

/* END OF LHS PANEL */





.cobj4_table_more 
{
    color:#CCCCCC;
}


div.cobj4_table_more {

    font-size: 24px;
    border: 2px solid #DDDDDD;
    padding: 4px;
    margin: 4px;
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: white;
    background: #CCCCCC;
    display: inline-block;

}
/*

.cobj_table_colNav_ms
{
    background:#DDDDDD;
    color:#111111;
    width:188px;
    clear:both;
    margin-top:4px; 
    padding:2px;
    cursor:pointer;   
    text-align:right;    
    -moz-border-radius: 2px;
    border-radius: 2px;          
}



.cobj_table_colNav_ms_D
{
    background:#FFFFFF;
    color:#666666;    
    width:188px;
    clear:both;
    margin-top:4px; 
    cursor:pointer;   
    padding:2px; 
    text-align:right;    
    -moz-border-radius: 2px;
    border-radius: 2px;          
}

.cobj_table_colNav_ms_sel, .cobj_table_colNav_ms_D_sel
{
    background:url(images/cobj/btick2.png) -2px -1px no-repeat #444444;
    color:#FFFFFF;
    width:170px;
    clear:both;
    margin-top:4px;  
    cursor:pointer;
    padding:2px 2px 2px 20px;
    text-align:right;    
    -moz-border-radius: 2px;
    border-radius: 2px;      
}
*/
.cobj4_raf_dash_chart, .cobj4_raf_dash_chart > div {
    background: white;
}

div.cobj4_raf_dash_chart_trans  
{    
background: white;
position: absolute;
z-index :2000000000;
}
    


.cobj_table_LR 
{
    border:0px;
    padding:0px;
    margin:0px;
    width:100%;
    border-collapse: collapse;
    
}
.cobj_table_LR TD
{
  vertical-align:top;
  border:0px;
  padding:0px;
  text-align:left;
   
    
    
    
}
tr.alertrow TD 
{
    color:Red !important;
}


.cobj_table_body TD
{
     border:1px solid #DDDDDD;
    padding: 3px 1px 3px 1px;   
    cursor:pointer;
    color: #333333;
word-wrap: break-word;    
   /* vertical-align:middle;*/
    /*-moz-border-radius: 12px;
    border-radius: 12px;     */
}
.cobj_table_body 
{
background: #FFFFFF;

}



.cobj4_hide_display 
{
    opacity:0.3;
    filter:alpha(opacity=30);    
    
   
}

.cobj_table_colNav_tab
{
    width:207px;
}

.cobj4_hidden
{
    display: none;
}

/* REVIEWS */


.cobj_table_comp_rev   /*container*/
{
    
    /*width:250px;*/
    font-size:10px;
    vertical-align:top;
    /*float:left;*/
    
    
    
}

cobj_table_comp_rev_f
{
    
    border: solid red 1px;
    float:left;
    
}

.cobj_table_comp_rev_n    /*reviewer */
{
    float:left;
    width:80px;
    border-right:1px solid #EEEEEE !important;
    border-bottom:1px solid #EEEEEE;
    font-weight:bold;
}

.cobj_table_comp_rev_r0   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px 0px no-repeat;
}
.cobj_table_comp_rev_r1   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px 0px no-repeat;
}
.cobj_table_comp_rev_r2   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px -19px no-repeat;
}
.cobj_table_comp_rev_r3   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px -39px no-repeat;
}
.cobj_table_comp_rev_r4   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px -58px no-repeat;
}
.cobj_table_comp_rev_r5   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px -77px no-repeat;
}
.cobj_table_comp_rev_r6   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px -97px no-repeat;
}
.cobj_table_comp_rev_r7   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px -116px no-repeat;
}
.cobj_table_comp_rev_r8   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px -135px no-repeat;
}
.cobj_table_comp_rev_r9   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px -154px no-repeat;
}
.cobj_table_comp_rev_r10   /*star rating */
{
    float:right;
    width:78px;
    height:19px;
    background:url(images/cobj/star-rating.png) 0px -174px no-repeat;
}

.cobj_table_comp_rev_c    /*comments */
{
    font-size:12px;
    line-height:14px;
    text-align:left;
    clear:both;
    float:left;
    padding:0px 4px 0px 4px;
}

p.cobj_table_comp_rev_c span
{
    cursor:pointer;
              
}

.cobj_table_comp_rev_s 
{
    float:left;
    clear:both;
    border:0px;
    padding:2px;
    
}



.cobj_menu_div_float 
{
    display:none;    
    position:absolute;
    left:0px;
    top:0px;
    z-index:10000;
    border:0px solid #333333;
    background:#f9f6ac;   
}

.cobj4_menu_sel 
{
border: 1px solid #eee;
background: #fafafa;
padding: 0;
margin: 0;

}

.cobj_menu_div_float div
{
    font-size:large;
    background:#f9f6ac; 
}
.cobj_menu_div_float .cobj_menu_opt_sel
{
    background:#00529B !important;
    color:#FFFFFF !important;
    opacity:1;
    filter:alpha(opacity=100);
    /*border:1px solid white;*/
    cursor: pointer;    
}

.cobj_menu_div
{
    display:block;
    width:100%;

}

div.cobj4_dl_options1 {
    background: transparent;
    float: right;
    padding: 0px 5px 0px 5px;
    height: 50px;
    width: 120px;
    text-align: center;
    position: relative;
}

div.cobj4_dl_options {
    background: transparent;
    float: right;
    display: table; /* vertical centre */
    height: 50px;
    padding: 0px 5px 0px 5px;
}

.cobj4_export, .cobj4_sum 
{
    float:left;


}

.cobj4_diff, .cobj4_autoU, .cobj4_listen
{
    float:right;
    


}
.cobj4_diff label, .cobj4_autoU label, .cobj4_listen label, .cobj4_sum label, .cobj4_export label
{
    color:White;
    cursor: pointer;
}

#asyncTypeId1, #sumTypeId1 {
    border: none;
    color: White;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60%;
}

#asyncTypeId, #sumTypeId {
    border: none;
    color: White;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    max-width: 120px;
}



#asyncTypeId:hover, #sumTypeId:hover 
{
    text-decoration: underline;
}

#asyncTypeLabId, #sumTypeLabId
{   
    font-size: 13px;
    color: #666666;
    margin-left: 8px;


}


.cobj_table_menu
{
    width:100%;
    border:0px;
    
}
.cobj_menu_table
{
    width:99%;
    border:0px;
    border-collapse:collapse;
    margin:0px;
    padding:1px;
    
}





.cobj_menu_opt 
{
    background:#FFFFFF !important;
    color:#111111 !important;
    opacity:1;
    filter:alpha(opacity=100);
    /*border:1px solid white;*/
    cursor: pointer;
    -moz-border-radius: 12px;
    border-radius: 12px;    
}

.cobj_menu_opt_sel
{
    background:#00529B !important;
    color:#FFFFFF !important;
    opacity:1;
    filter:alpha(opacity=100);
    /*border:1px solid white;*/
    cursor: pointer;
    -moz-border-radius: 12px;
    border-radius: 12px    
}

.cobj_menu_opt div, .cobj_menu_opt_sel div 
{
    border:0px;
}


.cobj_menu_row1
{
    opacity:0;
    filter:alpha(opacity=0);       
    border:0px; 
    width:100%;
    
    
}




tr.cobj_tables_exptot td {

    background-color: #F0F0F0 !important;

}

    tr.cobj_tables_exptot td .cobj4_table_infog {

        background-color: #F0F0F0 !important;
    }


.cobj_tables_exp 
{
    border-top:2px dotted #0000FF;
}
    .cobj_tables_exp.cobj_tables_cutExp {
        border-top: inherit;
    }

.cobj_tables_exptot.cobj_tables_cutExp {
    border-top: inherit;

    color: Black !important;
}

.cobj_tables_exptot
{
    border-top:2px solid #B3B3B3;

    color:Black !important;
}

.cobj4_sum_close {
    /* font-size: 10px; */
    /* border: 1px solid #999999; */
    /* padding: 1px 5px 1px 5px; */
    margin: 0px 0px 1px 8px;
    /* background: white; */
    display: inline-block;
    color: #CCCCCC;
}

.cobj_tables_sumrowBT
{
 border-top: 2px solid #B3B3B3 !important;
 text-align:left !important;
 line-height:30px !important;
 padding:0px !important;    
 background: #EEEEEE;
 font-weight: bold;
    
}

.cobj_tables_sumrowBR
{
 border-bottom: 2px solid #B3B3B3 !important;  
 color:#B3B3B3 !important;      
}

.cobj_tables_sumrowBC {
    font-size: 12px !important;
    color: black;
    font-weight: bold;
    padding-left: 3px;
    padding-top: 0px;
    height: 0px;
    overflow: visible;
    opacity: 0.75;
    filter: alpha(opacity=75);
    line-height: 27px;
}

.cobj_tables_sumrowC {
    font-size: 12px !important;
    color: black;
    font-weight: bold;
    padding-left: 3px;
    padding-top: 0px;
    height: 0px;
    overflow: visible;
    opacity: 0.75;
    filter: alpha(opacity=75);
    line-height: 27px;
}

.cobj_tables_sumrowB
{
    border-top:none; /*2px solid #B3B3FF;*/
    border-bottom:2px solid #B3B3B3;
    color:Black !important;
font-weight: bold;
}
.cobj_tables_sumrowB td 
{
    color:Black !important;
}


/*.cobj_tables_sumrowT
{
 border-top: 2px solid #B3B3FF !important;
 text-align:left !important;
 line-height:9px !important;
 padding:0px !important;  
 background: #d3d3fd;  
    
}*/

.cobj_tables_sumrowT
{
 border-top: 2px solid #B3B3FF !important;
 text-align:left !important;
 line-height:30px !important;
 padding:0px !important;    
 background: #EEEEEE;
    
}

.cobj_tables_sumrowR
{
 border-bottom: 2px solid #B3B3FF !important;
 color:#B3B3FF !important; 
   
    
}

/*.cobj_tables_sumrowC
{
  font-size: 12px !important;
  padding: 1px 2px 0px 2px;
  color: #FFFFFF;
  float: left;
  background: #B3B3FF;
  overflow: visible;

}
*/

.cobj_tables_sumrow
{
    border-top:none; /*2px solid #B3B3FF;*/
    border-bottom: 2px solid #B3B3FF !important;
    color:Black !important;
    font-weight: bold;
}
.cobj4_selectp 
{
    border:none;
    background: #FFFFFF;
    width: 200px;
    padding: 2px;
    color: #777777;   
    float:left;
    
        
}

.cobj4_col_options 
{
    float:left;
    /*font-size: 11px;*/
    cursor: pointer;
    margin-left: 10px;
    border:1px solid #E0E0E0;
    
}


.cobj4_row_MeT 
{
 border-top: 2px solid #d7542c !important;
 text-align:left !important;
 line-height:9px !important;
 padding:0px !important;
      
}

.cobj4_row_MeR
{
 border-bottom: 2px solid #d7542c !important;
color:#d7542c !important;      
}

.cobj4_row_LQT 
{
 border-top: 2px solid #d78c2c !important;
 text-align:left !important;
 line-height:9px !important;
 padding:0px !important;
      
}

.cobj4_row_LQR 
{
 border-bottom: 2px solid #d78c2c !important;
 color:#d78c2c !important;
      
}

.cobj4_row_UQT 
{
 border-top: 2px solid #751983 !important;
 text-align:left !important;
 line-height:9px !important;
 padding:0px !important;
      
}

.cobj4_row_UQR
{
 border-bottom: 2px solid #751983 !important;
 color:#751983 !important;
      
}


.cobj4_row_MeC
{
 font-size:9px !important;
 padding:1px 2px 0px 2px;
 color:#FFFFFF;   
 float:left;
 background:#d7542c;
}

.cobj4_row_LQC
{
 font-size:9px !important;
 padding:1px 2px 0px 2px;
 color:#FFFFFF;   
 float:left;
 background:#d78c2c;
}

.cobj4_row_UQC
{
 font-size:9px !important;
 padding:1px 2px 0px 2px;
 color:#FFFFFF;   
 float:left;
 background:#751983;
}

.cobj4_row_Me
{
    border-top:none; /*2px solid #d7542c;*/
    border-bottom: 2px dotted #d7542c !important;
    color:Black !important;
}

.cobj4_row_UQ
{
    border-top:none; /*2px solid #751983; */
    border-bottom: 2px dotted #751983 !important;
    color:Black !important;
}

.cobj4_row_LQ
{
    border-top:none; /*2px solid #d78c2c;*/
    border-bottom: 2px dotted #d78c2c !important;
    color:Black !important;
}
.cobj_table_header 
{
    /*border:1px solid #E0E0E0;
    background:url(images/h21-bg.gif);*/

    color:#333333;
	font-family: calibri,Geneva,sans-serif;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	

}

.cobj_hier_lev_sel 
{

}

.cobj_hier_lev_unsel 
{

}

.cobj_hier_lev_selp 
{

}

.cobj_hier_lev_unselp
{

}

.cobj_hier_lev_con 
{
    background-image: url('images/cobj/expand.png');
    background-repeat: no-repeat;
    background-position: right; 
    padding-right: 24px;
    
}

.cobj_hier_lev_exp
{
    background-image: url('images/cobj/contract.png');
    background-repeat: no-repeat;
    background-position: right; 
    padding-right: 24px;
}

.cobj4_hier_lev 
{
    /*border-bottom:1px solid #CCCCCC !important;*/
    padding-bottom:4px;
    background: #E0E0E0;
}

.cobj4_hier_view 
{
 border:0px;   
 /* width:98%; Add this for centred hierarchy columns */
    
}
.cobj4_hier_leaf 
{
    border:1px solid #CCCCCC;
    margin:12px 3px 12px 3px;
    -moz-border-radius: 12px;
    border-radius: 12px;         
}

.cobj4_hier_node
{

    margin:12px 3px 12px 3px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    -moz-border-radius: 12px;
    border-radius: 12px;       
}



.cobj4_hier_view td
{
 border:0px;   
 /* text-align:center !important;
 width:98%; Add this for centered hierarchy columns */
    
}

/* Column menu */
.cobj4_colHeadDD 
{
    background: #DDDDDD;
    border: #AAAAAA 3px solid;
    text-align: left;
    cursor: pointer;
    padding:4px;
    color: #333333;
    padding-right:60px; /* avoid filters */
    
}

div.cobj4_colHeadDD td {

    vertical-align: top;

}

.cobj_table_LR .cobj4_filter_values {
    padding-right: 60px; /* avoid filters */
}


.cobj4_colHeadOpt 
{
    margin: 2px 0px 2px 10px;
    float:left;
    clear:both;
}

.cobj4_colHeadOptSplit
{
    border-top: 1px solid #CCCCCC;
    
}

.cobj4_rename_sng_txt /* textbox */ {
    width: 300px;
    float: left;
    background: white;
    padding: 2px;
    border: 1px solid #EEEEEE;
}

.cobj4_statChange {
    width: 300px;
    border: 1px solid #EEEEEE;
}

.cobj4_rename_sng_inp {
    border: 1px solid #EEEEEE;
}

.cobj4_rename_sng_btn, .cobj4_rename_sng_txt, .cobj4_rename_sng_inp
{
    float:left;
}


/*------------------------*/

.cobj_menu_row2
{
    display:none;
}


#cobj_table_colNavHov_cl 
{
    z-index: 2100000001;
    position: fixed;  
    font-size: 30px;
    top: 0em;
    right: 0em;
    background: black;
    color: White;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    
    
}

#cobj_table_colNavHov_curtain 
{
    z-index: 1999999999;
    position: fixed;   
    top: 0em;
    left: 0em;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.8;
    filter: alpha(opacity=80);

}    

div.cobj_hier_levd_0 td
{
    font-size: 16px;
    font-weight: bold;
}

.cobj_table_dashelem > div 
{
    float:left;
}
    

.cobj_table_colNavHov 
{
    
    z-index: 2000000000;
    position: fixed;   
    border: 1px solid #E0E0E0;
    background: #F0F0F0;
    color: #999999;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
  
}

.cobj_table_colNavHov.cobj_table_colNavHovNA
{
    
    opacity: 0.5;
    filter: alpha(opacity=80);
    
}

.cobj_table_colNavHov.cobj_table_colNavHovT 
{

    background: none;
    color: #F0F0F0;
    cursor: default;
    border-color: Black;
    /*opacity: 0.8;
    filter: alpha(opacity=80);    */
  
}

.cobj_table_colNavHov table 
{
    width:100%;
    height:100%;
}

.cobj_table_colNavHov table tr td 
{
 
    vertical-align: middle; 
    width: 100%;  
    
}

.cobj_table_colNavHovO 
{
 
    background: #E0E0E0;   
    
}



.cobj_table_hover, .hover
{
    /*text-decoration: underline;*/
    /*color:#000000 !important;*/
    background:white !important;
    /*border-right:1px solid #EEEEEE !important;
    border-top:1px solid #EEEEEE !important;*/
    
    /*-moz-border-radius: 12px;
    border-radius: 12px;        */
}

.cobj4_table_infog_mov { /*movement*/
                         background: white;
}


.cobj_table_focus 
{
    text-decoration: none;
    color:#000000 !important;
    background:#e0f9fc !important;
}

.cobj_table_history 
{
    text-decoration: none;
    color:#000000 !important;
    background:#dff3c5 !important;
}

.cobj_table_menu_head 
{
    border:0px !important;

}

 .cobj_table_menu_in
 {
     display:inline;
    border:1px solid #444444;
    padding:1px;   
    text-align:left;
    font-family: helvetica,arial,sans-serif;    
    font-size:12px;
    color:#333333;
   /* background:url(images/cobj/cobj4_cell.png);*/
   background:#F0F0F0;
    text-align: center;  
    line-height:12px;       
 }
 
 /* Sorted headers */
 
 .cobj_table_sort_headX 
 {
    display:none;   
     
 }



td.cobj_table_sort_head, th.cobj_table_sort_head, th.cobj_table_dashth {
    /*background:#DDDDDD;*/
    border: 1px solid #F0F0F0;
    font-weight: normal;
    line-height: 16px;
    cursor: pointer;
    vertical-align: middle;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 2px 10px 2px;
}




/*
.cobj_table_sort_head_lite
{
    background:white !important;
    color:#111111;
    border:1px solid #CCCCCC;
    font-weight:normal;
    line-height:12px !important;
    cursor: pointer;
    vertical-align: middle !important;
    -moz-border-radius: 3px;
    text-align:left !important;
    border-radius: 3px; 
    padding: 6px 2px 6px 2px; 
        
}
*/

.cobj_st_sort_head_left
{
    background:url(images/cobj/arrowlf.png) 2px 0px no-repeat !important;
    color:#111111 !important;
    
}

.cobj_st_sort_head_right
{
    background:url(images/cobj/arrowrt.png) 2px 0px no-repeat !important;
       color:#111111 !important;
}

.cobj_st_sort_head_up
{
    background:url(images/cobj/arrowup.png) 2px 0px no-repeat !important;
         color:#111111 !important;
}

.cobj_st_sort_head_down
{
    background:url(images/cobj/arrowdn.png) 2px 0px no-repeat !important;
         color:#111111 !important;   
}

.cobj_list_head_sortu {
    background-image: url(images/cobj/arrowup.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 0px !important;
    color: #111111 !important;
}

.cobj_list_head_sortd {
    background-image: url(images/cobj/arrowdn.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 0px !important;
    color: #111111 !important;
}


td.cobj_table_sort_head_up, .sortedplus
{
    background: url(images/cobj/arrowup.png) 2px 0px no-repeat; /* !important;*/
    background-color:#CCCCCC; /* !important;*/
    /*color:White !important;*/
    border:1px solid #F0F0F0;
    font-weight:normal;
    cursor: pointer;
    line-height:16px !important;
    vertical-align: middle !important;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    padding: 10px 2px 10px 2px;   
}



/*
.cobj_table_sort_head_lite_up
{
    background:white url(images/cobj/arrowup.png) 2px 0px no-repeat !important;
    color:#111111;
    border:1px solid #CCCCCC;
    font-weight:normal;
    line-height:12px !important;
    cursor: pointer;
    vertical-align: middle !important;
    text-align:left !important;
    -moz-border-radius: 12px;
    border-radius: 12px;    
    padding-left:20px !important;      
}
*/

td.cobj_dist_alert_1, td.cobj_dist_alert_3, td.cobj_table_hover td.cobj_dist_alert_1, td.cobj_table_hover td.cobj_dist_alert_3
{
 
    color: red !important;   
    font-weight:bold;
    
    
}

td.cobj_dist_alert_11, td.cobj_dist_alert_33, td.cobj_table_hover td.cobj_dist_alert_11, td.cobj_table_hover td.cobj_dist_alert_33
{
 
    color: orange !important;   
    font-weight:bold;
    
    
}
    


   
td.cobj_table_sort_head_down, .sortedminus
{
    background:url(images/cobj/arrowdn.png) 2px 0px no-repeat; /* !important;*/
    background-color:#CCCCCC; /* !important;*/
    /*color:White !important;*/
    border:1px solid #F0F0F0;
    font-weight:normal;
    cursor: pointer;
    line-height:16px !important;
    vertical-align: middle !important;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 2px 10px 2px;   
}

.cobj4_orange 
{
    background-color: orange !important;
}

/*
.cobj_table_sort_head_lite_down
{
    background:white url(images/cobj/arrowdn.png) 2px 0px no-repeat !important;
    color:#111111;
    border:1px solid #CCCCCC;
    font-weight:normal;
    line-height:12px !important;
    cursor: pointer;
    vertical-align: middle !important;
    text-align:left !important;
    -moz-border-radius: 12px;
    border-radius: 12px; 
    padding-left:20px !important;      
}
*/

/*--- END OF SORTED HEADERS ---*/




/* NAVIGATION */

div.cobj4_pagenav
{
    float:left;
    margin: 2px 0px 0px 2px;
    

    /*border: 1px solid #CCCCCC;
    
    -moz-box-shadow: 2px 2px 2px #999999;
-webkit-box-shadow: 2px 2px 2px #999999;
box-shadow: 2px 2px 2px #999999; 
width:50%;
clear:both;  */  
    
}

div.cobj4_pagesize {
    float: right;
    margin-right: 2px;
    background: #d6dbd8;
}

.cobj4_table_nav 
{
    width: 100%;
    
    
    
    
}

.cobj4_head_search {
    display: inline;
    cursor: pointer;
    background: #d6dbd8;
}


.cobj4_tableprev 
{

    font-weight: bold;
    font-size:12px;
    text-align:center;
    width:50px;
    cursor:pointer;
    background:#666666;
    color:White;
    border:1px solid #555555;
    -moz-border-radius: 1px;
    border-radius: 1px;  
    float:left;
    line-height:30px;            
}

.cobj4_tablenext
{
    font-weight: bold;
    font-size:12px;
    text-align:center;
    width:50px;
    cursor:pointer;
    background:#666666;
    color:White;
    border:1px solid #555555;
    -moz-border-radius: 1px;
    border-radius: 1px;  
    margin-left:3px;   
    float:left;  
    line-height:30px; 
}

.cobj4_tablenext:hover, .cobj4_tableprev:hover
{
    text-decoration: underline;
}

.cobj4_tableprevDim
{

    font-weight: bold;
    font-size:12px;
    text-align:center;
    width:50px;
    color:#EEEEEE;
    border:1px solid #EEEEEE;
    -moz-border-radius: 1px;
    border-radius: 1px; 
    float:left; 
    line-height:30px;
               
}

.cobj4_tablenextDim
{
    font-weight: bold;
    font-size:12px;
    text-align:center;
    width:50px;
    color:#EEEEEE;
    border:1px solid #EEEEEE;
    -moz-border-radius: 1px;
    border-radius: 1px;  
    margin-left:3px; 
    float:left;  
    line-height:30px;   
}

.cobj4_table_nrow 
{
    text-align:left;
    float: left;
    line-height: 30px;
    
    
    
    
}

td.cobj4_table_navR 
{
    text-align: right;
    width:60px;
    
    
    
}

td.cobj4_table_navM 
{
    text-align: left;
    
    
    
    
}

td.cobj4_table_navL
{
    text-align: left;
    width:140px;
    
    
    
}


.cobj4_xl 
{
    background: #E0E0E0;
    padding: 2px;
    max-width: 1000px;
    
}

.cobj4_xl_ctn {
    background: #9fcdec;
    padding: 0px;
}

.cobj_table_header 
{
    background: #E0E0E0;
    margin-top:2px;
    
    
}



.cobj4_tabledown 
{
    font-weight: bold;
    font-size:12px;     
    text-align:center;
    cursor:pointer;
    border:1px solid #CCCCCC;
    background:url(images/cobj/arrowdn.png) 50% 0px no-repeat;
    height:16px;
    width:100%;
}


.cobj_table_foot 
{
    width:99%;
    border:0px;
}
.cobj_table_foot td
{
    width:33%;
    border:0px;
}



.cobj4_tableheadmid 
{
    font-weight: bold;


    background:url(images/cobj/arrowup.png) no-repeat;
    color:#333333;
	font-weight:normal;
	font-size:11px;
	text-align:left;   
	padding:0px 0px 0px 20px;	 
	cursor: pointer; 
	height:14px;  
}
.cobj4_tableheadmidD
{
    font-weight: bold;

    background:url(images/cobj/arrowdn.png) no-repeat;
    color:#333333;
	font-weight:bold;
	font-size:12px;
	text-align:left;   
	padding-left:20px;	 
	cursor: pointer;   
}


.cobj4_pagenavsel
{
    color: #111111;
    font-weight: bold; 
    font-size:12px;
    text-decoration: underline;
}
a.cobj4_pagenav
{
    color: #333333;   
    font-size:12px;
}

/*-- END OF NAVIGATION */

.cobj_btables_container
{
    display:none;
    position:relative;
    

	margin: 0; 
	


}

.cobj4_tablemain 
{
    border-collapse:collapse;
    padding:0px;
    width:100%; /*99%; 2015-01-08 */
    font-family: helvetica,arial,sans-serif;    
    border-spacing:0px;  
    
    
    
}

.cobj_dock_window.btn.cobj_dock_window_dash, .cobj4_tablemain, .cobj_rc_container_p_p_p 
{
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: -moz-auto;
    -ms-user-select: auto;
    user-select: auto;       
    
}

.cobj4_tablemain_head
{
    
    border-collapse:collapse;
    padding:0px;    
    font-family: helvetica,arial,sans-serif;    
    border-spacing:0px;  
    
    
    
}

.cobj4_tablemain_head tr 
{
    background: #D0D0D0;
    
}




/*
.cobj_btables_container table th
{
    border:1px dotted #CCCCCC;
    padding:1px;
    background-color:#333333;
    color:White;    
    text-align:center;
    font-family: helvetica,arial,sans-serif;    
    font-size:12px;
    line-height:12px;
    text-align: center;
}
*/




.cobj_tables_container
{
    display:none;
    position:relative;
    



}

.cobj_tables_container table
{
    width:100%;
    border-collapse:collapse;
    
}

.cobj_tables_container table th
{
    border:1px dotted #CCCCCC;
    padding:1px;
    background-color:#333333;
    color:White;    
    text-align:center;
    font-family: helvetica,arial,sans-serif;    
    font-size:10px;
}

.cobj_tables_container table td
{
    border:1px solid #444444;
    padding:1px;   
    text-align:left;
    font-family: helvetica,arial,sans-serif;    
    font-size:10px;
    color:#FFFFFF;
    background:url(images/cobj/cobj4_cell.png);
    
}

tr.cobj_tables_red td
{
   color:#f9a7a7;     
}
tr.cobj_tables_amber td
{
   color:#f9dba7;   
}
tr.cobj_tables_green td
{
   color:#a7f9a7;   
}

tr.cobj_tables_redB td
{
   color:#f9a7a7;     
   font-size:10px;
   text-align:center;
}
tr.cobj_tables_amberB td
{
   color:#f9dba7;  
   font-size:10px;
   text-align:center;    
}
tr.cobj_tables_greenB td
{
   color:#a7f9a7;   
   font-size:10px;
   text-align:center;   
}

tr.cobj_tables_otherB td
{
   color:#EEEEEE;   
   font-size:10px;
   text-align:center;   
}




/* Default for all tds - must go at the end for now */

.cobj_btables_container td
{
   

    font-family: helvetica,arial,sans-serif;    
    font-size:13px;

   /* background:url(images/cobj/cobj4_cell.png);*/
    /*background:#F0F0F0;*/
    text-align: center;  
    line-height:15px;  
}


td.cobj4_table_chart_td_desc {
    text-align: left;
    padding-left:4px;
}

/* Remove images */

.cobj_dock_caption_img, .cobj_sc_toback, .cobj_sc_min, .cobj_sc_resize
{
    display: none;
}



.cobj_table_colNav_dm, .cobj_table_colNav_op, .cobj_table_colNav_sl, .cobj_table_colNav_fl, .cobj_table_colNav_or, .cobj_table_colNav_ms, .cobj_table_colNav_ms_D 
{
    filter: none;
}





/* ------------------------------------------
PURE CSS SPEECH BUBBLES
by Nicolas Gallagher
- http://nicolasgallagher.com/pure-css-speech-bubbles/

http://nicolasgallagher.com
http://twitter.com/necolas

Created: 02 March 2010
Version: 1.2 (03 March 2011)

Dual licensed under MIT and GNU GPLv2 Nicolas Gallagher
------------------------------------------ */

/* NOTE: Some declarations use longhand notation so that it can be clearly
explained what specific properties or values do and what their relationship
is to other properties or values in creating the effect */

/* ============================================================================================================================
== GENERAL STYLES
** ============================================================================================================================ */

blockquote {
  margin:1em 0;
}

blockquote p {
  margin:0;
  font-size:2em;
}


/*
 Should you want to set a background colour on a containing element
 certain types of bubble effect may require you to include these
 style declarations.
 */
.content {
  position:relative;
  z-index:1;
}


/* ============================================================================================================================
== BUBBLE WITH AN ISOCELES TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-isosceles {
  position:relative;
  padding:15px;
  /*margin:1em 0 3em;*/
  color:#000;
  background:#F0F0F0; /* default background for browsers without gradient support */
  /* 
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);*/
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-isosceles.top {
  background:#F0F0F0;

}

/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
  margin-left:50px;
  background:#F0F0F0;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles.right {
  margin-right:50px;
  background:#F0F0F0;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#F0F0F0 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-isosceles.top:after {
  top:-15px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  bottom:auto;
  left:auto;
  border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
  border-color:#F0F0F0 transparent;
}

/* Variant : left
------------------------------------------ */

.triangle-isosceles.left:after {
  top:16px; /* controls vertical position */
  left:-50px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:10px 50px 10px 0;
  border-color:transparent #F0F0F0;
}

/* Variant : right
------------------------------------------ */

.triangle-isosceles.right:after {
  top:16px; /* controls vertical position */
  right:-50px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:10px 0 10px 50px;
  border-color:transparent #F0F0F0;
}


/* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:#F0F0F0; /* default background for browsers without gradient support */
  /* 
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698); */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
  background:#F0F0F0;

}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-right.left {
  margin-left:40px;
  background:#F0F0F0;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
  margin-right:40px;
  background:#F0F0F0;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#F0F0F0 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  bottom:auto;
  left:auto;
  border-width:20px 20px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #F0F0F0;
}

/* Variant : left
------------------------------------------ */

.triangle-right.left:after {
  top:16px;
  left:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #F0F0F0;
}

/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
  top:16px;
  right:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:15px 0 0 40px; /* vary these values to change the angle of the vertex */
  border-color:transparent #F0F0F0 ;
}


/* ============================================================================================================================
== BUBBLE WITH AN OBTUSE TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-obtuse {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:#F0F0F0;
  /* 
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f04349), to(#c81e2b));
  background:-moz-linear-gradient(#f04349, #c81e2b);
  background:-o-linear-gradient(#f04349, #c81e2b);
  background:linear-gradient(#f04349, #c81e2b);*/
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-obtuse.top {
  background:#F0F0F0;

}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-obtuse.left {
  margin-left:50px;
  background:#F0F0F0;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-obtuse.right {
  margin-right:50px;
  background:#F0F0F0;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates the wider right-angled triangle */
.triangle-obtuse:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:60px; /* controls horizontal position */
  border:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #F0F0F0;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
  border:0;
  border-right-width:10px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
  border-style:solid;
  border-color:transparent #fff;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-obtuse.top:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:60px; /* controls horizontal position */
  border:0;
  border-left-width:30px; /* vary this value to change the width of the triangle */
  border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-color:transparent #F0F0F0;
}

.triangle-obtuse.top:after {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:80px; /* value = (:before's right) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
  border-width:0;
  border-left-width:10px; /* vary this value to change the width of the triangle */
  border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
  border-color:transparent #fff;
}

/* Variant : left
------------------------------------------ */

.triangle-obtuse.left:before {
  top:15px; /* controls vertical position */
  bottom:auto;
  left:-50px; /* value = - border-left-width - border-right-width */
  border:0;
  border-bottom-width:30px; /* vary this value to change the height of the triangle */
  border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */
  border-color:#F0F0F0 transparent;
}

.triangle-obtuse.left:after {
  top:35px; /* value = (:before's top) + (:before's border-top/bottom-width)  - (:after's border-top/bottom-width) */
  bottom:auto;
  left:-50px; /* value = - border-left-width - border-right-width */
  border:0;
  border-bottom-width:10px; /* vary this value to change the height of the triangle */
  border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */
  border-color:#fff transparent;
}

/* Variant : right
------------------------------------------ */

.triangle-obtuse.right:before {
  top:15px; /* controls vertical position */
  bottom:auto;
  left:auto;
  right:-50px; /* value = - border-left-width - border-right-width */
  border:0;
  border-bottom-width:30px; /* vary this value to change the height of the triangle */
  border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */
  border-color:#F0F0F0 transparent;
}

.triangle-obtuse.right:after {
  top:35px; /* value = (:before's top) + (:before's border-top/bottom-width)  - (:after's border-top/bottom-width) */
  bottom:auto;
  right:-50px; /* value = - border-left-width - border-right-width */
  left:auto;
  border:0;
  border-bottom-width:10px; /* vary this value to change the height of the triangle */
  border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */
  border-color:#fff transparent;
}


/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  border:5px solid #F0F0F0;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
  margin-left:30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
  margin-right:30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:40px; /* controls horizontal position */
  border-width:20px 20px 0;
  border-style:solid;
  border-color:#F0F0F0 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
  content:"";
  position:absolute;
  bottom:-13px; /* value = - border-top-width - border-bottom-width */
  left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width:13px 13px 0;
  border-style:solid;
  border-color:#fff transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.top:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:40px; /* controls horizontal position */
  border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
  top:-13px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width:0 13px 13px;
}

/* Variant : left
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.left:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 30px 15px 0;
  border-color:transparent #F0F0F0;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
  top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom:auto;
  left:-21px; /* value = - border-left-width - border-right-width */
  border-width:9px 21px 9px 0;
  border-color:transparent #fff;
}

/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.right:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:auto;
  right:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 0 15px 30px;
  border-color:transparent #F0F0F0;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
  top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom:auto;
  left:auto;
  right:-21px; /* value = - border-left-width - border-right-width */
  border-width:9px 0 9px 21px;
  border-color:transparent #fff;
}


/* ============================================================================================================================
== SPEECH BUBBLE ICON
** ============================================================================================================================ */

.example-commentheading {
  position:relative;
  padding:0;
  color:#b513af;
}

/* creates the rectangle */
.example-commentheading:before {
  content:"";
  position:absolute;
  top:9px;
  left:-25px;
  width:15px;
  height:10px;
  background:#b513af;
  /* css3 */
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

/* creates the triangle */
.example-commentheading:after {
  content:"";
  position:absolute;
  top:15px;
  left:-19px;
  border:4px solid transparent;
  border-left-color:#b513af;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}


/* ============================================================================================================================
== BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

.example-right {
  position:relative;
  padding:15px 30px;
  margin:0;
  color:#fff;
  background:#5a8f00; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));
  background:-moz-linear-gradient(#b8db29, #5a8f00);
  background:-o-linear-gradient(#b8db29, #5a8f00);
  background:linear-gradient(#b8db29, #5a8f00);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* creates the triangle */
.example-right:after {
  content:"";
  position:absolute;
  bottom:-50px;
  left:50px;
  border-width:0 20px 50px 0px;
  border-style:solid;
  border-color:transparent #5a8f00;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}


/* ============================================================================================================================
== BLOCKQUOTE WITH OBTUSE TRIANGLE
** ============================================================================================================================ */

.example-obtuse {
  position:relative;
  padding:15px 30px;
  margin:0;
  color:#000;
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
  -webkit-border-top-left-radius:25px 50px;
  -webkit-border-top-right-radius:25px 50px;
  -webkit-border-bottom-right-radius:25px 50px;
  -webkit-border-bottom-left-radius:25px 50px;
  -moz-border-radius:25px / 50px;
  border-radius:25px / 50px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-obtuse + p {margin:10px 150px 2em 0; text-align:right; font-style:italic;}

/* creates the larger triangle */
.example-obtuse:before {
  content:"";
  position:absolute;
  bottom:-30px;
  right:80px;
  border-width:0 0 30px 50px;
  border-style:solid;
  border-color:transparent #f3961c;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller triangle */
.example-obtuse:after {
  content:"";
  position:absolute;
  bottom:-30px;
  right:110px;
  border-width:0 0 30px 20px;
  border-style:solid;
  border-color:transparent #fff;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}


/* ============================================================================================================================
== TWITTER
** ============================================================================================================================ */

.example-twitter {
  position:relative;
  padding:15px;
  margin:100px 0 0.5em;
  color:#333;
  background:#eee;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.example-twitter p {font-size:28px; line-height:1.25em;}

/* this isn't necessary, just saves me having to edit the HTML of the demo */
.example-twitter:before {
  content:url(twitter-logo.gif);
  position:absolute;
  top:-60px;
  left:0;
  width:155px;
  height:36px;
  /* reduce the damage in FF3.0 */
  display:block;
}

/* creates the triangle */
.example-twitter:after {
  content:"";
  position:absolute;
  top:-30px;
  left:50px;
  border:15px solid transparent;
  border-bottom-color:#eee;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-twitter + p {padding-left:15px; font:14px Arial, sans-serif;}


/* ============================================================================================================================
== NUMBER
** ============================================================================================================================ */

.example-number {
  position:relative;
  width:200px;
  height:200px;
  margin:50px 0 200px;
  text-align:center;
  font:140px/200px Arial, sans-serif;
  color:#fff;
  background:#C91F2C;
}

/* creates the larger triangle */
.example-number:before {
  content:"";
  position:absolute;
  bottom:-140px;
  right:0;
  border-width:0 0 140px 140px;
  border-style:solid;
  border-color:transparent #C91F2C;
}

/* creates the larger triangle */
.example-number:after {
  content:"";
  position:absolute;
  bottom:-140px;
  right:85px;
  border-width:0 0 140px 55px;
  border-style:solid;
  border-color:transparent #fff;
}


/* ============================================================================================================================
== PINCHED SPEECH BUBBLE (more CSS3)
** ============================================================================================================================ */

.pinched {
  position:relative;
  padding:15px;
  margin:50px 0 3em;
  text-align:center;
  color:#fff;
  background:#333;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* creates a rectangle of the colour wanted for the pointy bit */
.pinched:before {
  content:"";
  position:absolute;
  top:-20px;
  left:50%;
  width:100px;
  height:20px;
  margin:0 0 0 -50px;
  background:#333;
}

/* creates a rounded rectangle to cover part of the rectangle generated above */
.pinched:after {
  content:"";
  position:absolute;
  top:-20px;
  left:0;
  width:50%;
  height:20px;
  background:#fff;
  /* css3 */
  -webkit-border-bottom-right-radius:15px;
  -moz-border-radius-bottomright:15px;
  border-bottom-right-radius:15px;
}

/* creates the other rounded rectangle */
.pinched > :first-child:before {
  content:"";
  position:absolute;
  top:-20px;
  right:0;
  width:50%;
  height:20px;
  background:#fff;
  /* css3 */
  -webkit-border-bottom-left-radius:15px;
  -moz-border-radius-bottomleft:15px;
  border-bottom-left-radius:15px;
}


/* ============================================================================================================================
== OVAL SPEECH BUBBLE (more CSS3)
** ============================================================================================================================ */

.oval-speech {
  position:relative;
  width:270px;
  padding:50px 40px;
  margin:1em auto 50px;
  text-align:center;
  color:#fff;
  background:#5a8f00;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));
  background:-moz-linear-gradient(#b8db29, #5a8f00);
  background:-o-linear-gradient(#b8db29, #5a8f00);
  background:linear-gradient(#b8db29, #5a8f00);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-speech p {font-size:1.25em;}

/* creates part of the curve */
.oval-speech:before {
  content:"";
  position:absolute;
  z-index:-1;
  bottom:-30px;
  right:50%;
  height:30px;
  border-right:60px solid #5a8f00;
  background:#5a8f00; /* need this for webkit - bug in handling of border-radius */
  /* css3 */
  -webkit-border-bottom-right-radius:80px 50px;
  -moz-border-radius-bottomright:80px 50px;
  border-bottom-right-radius:80px 50px;
  /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(0, -2px);
  -moz-transform:translate(0, -2px);
  -ms-transform:translate(0, -2px);
  -o-transform:translate(0, -2px);
  transform:translate(0, -2px);
}

/* creates part of the curved pointy bit */
.oval-speech:after {
  content:"";
  position:absolute;
  z-index:-1;
  bottom:-30px;
  right:50%;
  width:60px;
  height:30px;
  background:#fff;
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(-30px, -2px);
  -moz-transform:translate(-30px, -2px);
  -ms-transform:translate(-30px, -2px);
  -o-transform:translate(-30px, -2px);
  transform:translate(-30px, -2px);
}


/* ============================================================================================================================
== OVAL THOUGHT BUBBLE (more CSS3)
** ============================================================================================================================ */

.oval-thought {
  position:relative;
  width:270px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#075698;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought:before {
  content:"";
  position:absolute;
  bottom:-20px;
  left:50px;
  width:30px;
  height:30px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:30px;
  width:15px;
  height:15px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}

/* ============================================================================================================================
== OVAL SPEECH BUBBLE WITH QUOTATION MARKS (more CSS3)
** ============================================================================================================================ */

.oval-quotes {
  position:relative;
  width:400px;
  height:350px;
  margin:2em auto 10px;
  color:#000;
  background:#ffed26;
  /* css3 */
  /*
  NOTES:
  -webkit-border-radius:Apx Bpx; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:Apx / Bpx; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:400px 350px;
  -webkit-border-top-right-radius:400px 350px;
  -webkit-border-bottom-right-radius:400px 350px;
  -webkit-border-bottom-left-radius:400px 350px;
  -moz-border-radius:400px / 350px;
  border-radius:400px / 350px;
}

/* creates opening quotation mark */
.oval-quotes:before {
  content:"\201C";
  position:absolute;
  z-index:1;
  top:20px;
  left:20px;
  font:80px/1 Georgia, serif;
  color:#ffed26;
}

/* creates closing quotation mark */
.oval-quotes:after {
  content:"\201D";
  position:absolute;
  z-index:1;
  bottom:0;
  right:20px;
  font:80px/0.25 Georgia, serif;
  color:#ffed26;
}

.oval-quotes p {
  width:250px;
  height:250px;
  padding:50px 0 0;
  margin:0 auto;
  text-align:center;
  font-size:35px;
}

/* creates smaller curve */
.oval-quotes p:before {
  content:"";
  position:absolute;
  z-index:-1;
  bottom:-30px;
  right:55%;
  width:180px; /* wider than necessary to make it look a bit better in IE8 */
  height:60px;
  background:#fff; /* need this for webkit - bug in handling of border-radius */
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(-30px, -2px);
  -moz-transform:translate(-30px, -2px);
  -ms-transform:translate(-30px, -2px);
  -o-transform:translate(-30px, -2px);
  transform:translate(-30px, -2px);
}

/* creates larger curve */
.oval-quotes p:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:-30px;
  right:25%;
  height:80px;
  border-right:200px solid #ffed26;
  background:#ffed26; /* need this for webkit - bug in handling of border-radius */
  /* css3 */
  -webkit-border-bottom-right-radius:200px 100px;
  -moz-border-radius-bottomright:200px 100px;
  border-bottom-right-radius:200px 100px;
  /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(0, -2px);
  -moz-transform:translate(0, -2px);
  -ms-transform:translate(0, -2px);
  -o-transform:translate(0, -2px);
  transform:translate(0, -2px);
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.oval-quotes + p {
  position:relative; /* part of the IE8 width compromise */
  width:150px;
  margin:0 0 2em;
  font-size:18px;
  font-weight:bold;
}


/* ============================================================================================================================
== RECTANGLE-BORDER STYLE WITH CURVE
** ============================================================================================================================ */

.rectangle-speech-border {
  position:relative;
  padding:50px 15px;
  margin:1em 0 3em;
  border:10px solid #5a8f00;
  text-align:center;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}

/* creates larger curve */
.rectangle-speech-border:before {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-40px;
  left:50px;
  width:50px;
  height:30px;
  border-style:solid;
  border-width:0 10px 10px 0;
  border-color:#5a8f00;
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:80px 50px;
  -moz-border-radius-bottomright:80px 50px;
  border-bottom-right-radius:80px 50px;
  /* reduce the damage in FF3.0 */
  display:block;
}

/* creates smaller curve */
.rectangle-speech-border:after {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-40px;
  left:50px;
  width:20px;
  height:30px;
  border-style:solid;
  border-width:0 10px 10px 0;
  border-color:#5a8f00;
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* reduce the damage in FF3.0 */
  display:block;
}

/* creates a small circle to produce a rounded point where the two curves meet */
.rectangle-speech-border > :first-child:before {
  content:"";
  position:absolute;
  bottom:-40px;
  left:45px;
  width:10px;
  height:10px;
  background:#5a8f00;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* creates a white rectangle to cover part of the oval border*/
.rectangle-speech-border > :first-child:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:76px;
  width:24px;
  height:15px;
  background:#fff;
}

/* ============================================================================================================================
== OVER SPEECH BUBBLE, EMPTY, WITH BORDER (more CSS3)
** ============================================================================================================================ */

.oval-speech-border {
  position:relative;
  padding:70px 30px;
  margin:1em auto 60px;
  border:10px solid #f3961c;
  text-align:center;
  color:#333;
  background:#fff;
  /* css3 */
  /*
  NOTES:
  -webkit-border-radius:240px 140px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:240px / 140px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:240px 140px;
  -webkit-border-top-right-radius:240px 140px;
  -webkit-border-bottom-right-radius:240px 140px;
  -webkit-border-bottom-left-radius:240px 140px;
  -moz-border-radius:240px / 140px;
  border-radius:240px / 140px;
}

/* creates larger curve */
.oval-speech-border:before {
  content:"";
  position:absolute;
  z-index:2;
  bottom:-40px;
  right:50%;
  width:50px;
  height:30px;
  border-style:solid;
  border-width:0 10px 10px 0;
  border-color:#f3961c;
  margin-right:-10px;
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:80px 50px;
  -moz-border-radius-bottomright:80px 50px;
  border-bottom-right-radius:80px 50px;
  /* reduce the damage in FF3.0 */
  display:block;
}

/* creates smaller curve */
.oval-speech-border:after {
  content:"";
  position:absolute;
  z-index:2;
  bottom:-40px;
  right:50%;
  width:20px;
  height:31px;
  border-style:solid;
  border-width:0 10px 10px 0;
  border-color:#f3961c;
  margin-right:20px;
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* reduce the damage in FF3.0 */
  display:block;
}

/* creates a small circle to produce a rounded point where the two curves meet */
.oval-speech-border > :first-child:before {
  content:"";
  position:absolute;
  z-index:1;
  bottom:-40px;
  right:50%;
  width:10px;
  height:10px;
  margin-right:45px;
  background:#f3961c;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* creates a white rectangle to cover part of the oval border*/
.oval-speech-border > :first-child:after {
  content:"";
  position:absolute;
  z-index:1;
  bottom:-10px;
  right:50%;
  width:30px;
  height:15px;
  background:#fff;
}

/* ============================================================================================================================
== OVER THOUGHT BUBBLE, EMPTY, WITH BORDER (more CSS3)
** ============================================================================================================================ */

.oval-thought-border {
  position:relative;
  padding:70px 30px;
  margin:1em auto 80px;
  border:10px solid #c81e2b;
  text-align:center;
  color:#333;
  background:#fff;
  /* css3 */
  /*
  NOTES:
  -webkit-border-radius:240px 140px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:240px / 140px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:240px 140px;
  -webkit-border-top-right-radius:240px 140px;
  -webkit-border-bottom-right-radius:240px 140px;
  -webkit-border-bottom-left-radius:240px 140px;
  -moz-border-radius:240px / 140px;
  border-radius:240px / 140px;
}

/* creates the larger circle */
.oval-thought-border:before {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-40px;
  right:100px;
  width:50px;
  height:50px;
  border:10px solid #c81e2b;
  background:#fff;
  /* css3 */
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  /* reduce the damage in FF3.0 */
  display:block;
}

/* creates the smaller circle */
.oval-thought-border:after {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-60px;
  right:50px;
  width:25px;
  height:25px;
  border:10px solid #c81e2b;
  background:#fff;
  /* css3 */
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
  /* reduce the damage in FF3.0 */
  display:block;
}

body {
    scrollbar-base-color: #AAAAAA;
    scrollbar-face-color: #AAAAAA;
    scrollbar-3dlight-color: #AAAAAA;
    scrollbar-highlight-color: #AAAAAA;
    scrollbar-track-color: #5b5b5d;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #AAAAAA;
    scrollbar-dark-shadow-color: #AAAAAA;
}

::-webkit-scrollbar {
  width: 15px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 1px;
  height: 1px;
}
::-webkit-scrollbar-thumb {
    background: #c0c0c0;
    border: 10px none #AAAAAA;
    border-radius: 12px;
}
::-webkit-scrollbar-thumb:hover {
  background: #AAAAAA;
}
    ::-webkit-scrollbar-thumb:active {
        background: #AAAAAA;
    }

    ::-webkit-scrollbar-thumb {
        background: #999999;
    }

::-webkit-scrollbar-track {
    background: #5b5b5d;
    border: 0px none #5b5b5d;
    border-radius: 12px;
}
    ::-webkit-scrollbar-track:hover {
        background: #5b5b5d;
    }
    ::-webkit-scrollbar-track:active {
        background: #5b5b5d;
    }
::-webkit-scrollbar-corner {
  background: transparent;
}


#mozh {
        width: 1px;
        position:absolute;
        left: 0;
        top: 0;
        opacity: 0;
        filter: alpha(opacity=0);
}

HTML, BODY
{
    width:100%;
}
