/* Global Classes - Redesign */
BODY {
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #CCCCCC;
}

div, td, th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

A {
    COLOR: #000066;
    TEXT-DECORATION: none;
}

    A:hover {
        COLOR: #ff6600;
        TEXT-DECORATION: underline;
    }

    A:visited {
        color: Purple;
    }


/* grid styles */
.Grid {
    font-size: 11px;
}

    .Grid tr td {
        border: solid 1px #D1CFCA;
    }

.GridAlt {
    font-size: 11px;
}

    .GridAlt tr td {
        border: 0;
    }

.HeadingCellText {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #f1ede3;
    color: #282828;
    text-align: center;
    border: solid 1px #bcbab5;
    line-height: 16px;
}

.HeadingCellTextLeft {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #f1ede3;
    color: #282828;
    text-align: left;
    padding-left: 3px;
    border: solid 1px #bcbab5;
    line-height: 16px;
}

.HeadingCellTextLeftOpen {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #f1ede3;
    color: #282828;
    text-align: left;
    border-bottom: solid 1px #bcbab5;
    line-height: 16px;
}


.DataRow {
    background-color: #FFFFFF;
}

.DataCell {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #FFFFFF;
    color: #282828;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
}

.DataCellAlt {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: /*#f6f6f6;*/ #ededed;
    color: #282828;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
}

.DataCellBold {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #FFFFFF;
    color: #282828;
    /*font-size: 12px; */
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
}

.DataCellTall {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #FFFFFF;
    color: #282828;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    height: 26px;
}

.DataCellTallAlt {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: /*#f6f6f6;*/ #ededed;
    color: #282828;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    height: 26px;
}

.GridEmpty {
    font-size: 12px;
}

.GridSmall {
    font-size: 10px;
}

.HeadingCellTextSmall {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #f1ede3;
    color: #282828;
    text-align: center;
    line-height: 14px;
}

.HeadingCellTextLeftSmall {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #f1ede3;
    color: #282828;
    text-align: left;
    line-height: 14px;
}

.DataRowSmall {
    background-color: #FFFFFF;
}

.DataCellSmall {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #FFFFFF;
    font-size: 11px;
    text-align: left;
}

.DataCellSmallEmphasis {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 11px;
    BACKGROUND-COLOR: #FFFFFF;
    color: #B22222;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}


TD.summaryBkgd {
    background-color: #bcbab5;
}

td.optionArea {
    text-align: left;
    height: 30px;
    padding-left: 4px;
}

td.optionAreaRight {
    text-align: right;
    height: 30px;
    padding-right: 4px;
}

.summaryHeader {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    display: inline-block;
    margin-bottom: 4px;
}

.summaryData {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    text-align: left;
    background-color: #e8e8e8;
    border-left: 1px solid #FFFFFF;
}

.summaryDataTop {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    text-align: left;
    background-color: #e8e8e8;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.summaryDataEnd {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    text-align: left;
    background-color: #e8e8e8;
}

.summaryDataEndLeft {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    text-align: left;
    background-color: #e8e8e8;
    margin-left: -15px !important;
}


.listData {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    text-align: left;
    background-color: GHOSTWHITE;
    /*border-left: 1px #e8e8e8;*/
    padding-bottom: 2px;
}

.listDataAlt {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    text-align: left;
    background-color: #FFFFFF;
    /*border-left: 1px solid #e8e8e8;*/
    padding-bottom: 2px;
}

.listDataAltSmall {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 10px;
    text-align: left;
    background-color: #FFFFFF;
    /*border-left: 1px solid #e8e8e8;*/
    padding-bottom: 2px;
}

.listDataBorder {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    text-align: left;
    background-color: GHOSTWHITE;
    padding-bottom: 4px;
    border-bottom: solid 1px #AAA7A0;
}

.listDataAltBorder {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    text-align: left;
    background-color: #FFFFFF;
    padding-bottom: 4px;
    border-bottom: solid 1px #AAA7A0;
}

.listCellLB {
    border-left: 1px solid #AAA7A0;
}

.loginBkgd {
    /*background-color: WHITESMOKE;*/
    border: solid;
    border-width: 1px;
    border-color: /* #191970; */ #AAA7A0;
}

.admBkgd {
    background-color: #FCFCFC; /* #FFFFFF; */
}

.editArea {
    background-color: #FCFCFC; /* #FFFFFF; */
}

.scrollAreaSmall {
    height: 250px;
    overflow: auto;
    padding: 1px;
    margin-right: 3px;
}

.scrollArea {
    height: 400px;
    overflow: auto;
    padding: 1px;
    margin-right: 3px;
}

.scrollAreaLarge {
    height: 540px;
    overflow: auto;
    padding: 1px;
    margin-right: 3px;
}

.scrollAreaLong {
    height: 700px;
    overflow: auto;
    padding: 1px;
    margin-right: 3px;
}

.scrollAreaSmall {
    height: 150px;
    overflow: auto;
    padding: 1px;
    margin-right: 3px;
}

/* Body Styles- Redesign */
.tableDataHdr {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    BACKGROUND-COLOR: #e8e8e8;
}

.tableDataHdr2 {
    text-align: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
}

.optionBar {
    background-color: #919191;
    font-size: 90%;
    color: #FFFFFF;
    font-weight: bold;
}

.textSmall {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.textStd {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

    .textStd[readonly] {
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        background-color: #fafafa; /* #F8F8F8; #F5F5F5;  #F0F0F0; */
    }

.textMedium {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.refText {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
}

.refTextBold {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

.defaultText {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*font-style: italic;*/
    color: #191970;
}

    .defaultText[readonly] {
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        /*font-style: italic;*/
        color: #989898;
        border: none;
    }

.refTextSmall {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
}

.refTextSmallBold {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    color: #000066;
}

.commentArea {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 98%;
}

    .commentArea[readonly] {
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        width: 98%;
        background-color: #fafafa; /* #F5F5F5;  /*#F0F0F0; */
    }

.commentAreaSmall {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 95%;
}

.fullText {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 98%;
}


.buttonStd:hover {
    opacity: 0.6;
}

.buttonStd[disabled="disabled"] {
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold !important;
    text-decoration: none;
    font-size: 11px;
    color: Gray;
    padding: 5px 10px;
    background-color: #E6E6E6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(/css/PIE.htc); /* IE8 rounded corners */
}

.buttonStd:not([disabled="disabled"]) {
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold !important;
    text-decoration: none;
    font-size: 11px;
    color: #FFFFFF;
    padding: 5px 10px;
    background-color: #191970;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/css/PIE.htc); /* IE8 rounded corners */
}

.buttonClicked {
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold !important;
    text-decoration: none;
    font-size: 11px;
    color: #8000A0;
    padding: 5px 10px;
    background-color: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(/css/PIE.htc); /* IE8 rounded corners */
}


.buttonEmphasis[disabled="disabled"] {
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold !important;
    text-decoration: none;
    font-size: 11px;
    color: Gray;
    padding: 5px 10px;
    background-color: #E6E6E6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(/css/PIE.htc); /* IE8 rounded corners */
}

.buttonEmphasis:not([disabled="disabled"]) {
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold !important;
    text-decoration: none;
    font-size: 11px;
    color: #FFFFFF;
    padding: 5px 10px;
    background-color: #A3461F; /* #DC143C */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(/css/PIE.htc); /* IE8 rounded corners */
}

.buttonEmphasis:hover {
    opacity: 0.6;
}


.buttonWrapText {
    /*width: 15px;*/
    word-wrap: break-word;
}

.imgCentered {
    vertical-align: middle;
    margin-left: 4px;
}

.centered {
    vertical-align: middle;
}

.linkUnderline {
    text-decoration: underline;
}

.linkUnderlineBold {
    text-decoration: underline;
    font-weight: bold;
}

.linkUnderlineHdr {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
}

.radLink:hover {
    color: black;
    text-decoration: underline;
}

.buttonLink {
    background: none;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    /* font-weight:bold; */
    color: #191970 !important;
    text-decoration: underline;
}

    .buttonLink:hover {
        background: none;
        border: 0;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        /*  font-weight:bold; */
        color: Red !important;
        text-decoration: underline;
    }

.buttonLinkDisabled {
    background: none;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    /* font-weight:bold; */
    color: gray !important;
    text-decoration: none;
}

.buttonLinkHazard {
    background: none;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    /* font-weight:bold; */
    color: gray !important;
    text-decoration: underline;
}

    .buttonLinkDisabled:hover {
        background: none;
        border: 0;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        /*  font-weight:bold; */
        color: gray !important;
        text-decoration: none;
    }


.buttonLinkSmall {
    background: none;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*font-weight:bold;*/
    color: #191970;
    text-decoration: underline;
}

    .buttonLinkSmall:hover {
        background: none;
        border: 0;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        /* font-weight:bold; */
        color: Red;
        text-decoration: underline;
    }

.buttonRefLink {
    background: none;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    /* color:Blue; */
    text-decoration: underline;
}


input.displayOnly {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border: none;
    background-color: #bcbab5;
}

INPUT.readOnly {
    background-color: #DDDDDD;
}


input[disabled="disabled"] {
    background-color: #dddddd;
    border: 1px solid #dddddd;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

TEXTAREA.readOnly {
    background-color: #DDDDDD;
}

select.topLinks {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
    border-width: 1px;
    margin-right: 5px;
}


TD.mainBody {
    BORDER-RIGHT: 1px solid #282828;
    BORDER-TOP: medium none;
    BORDER-LEFT: 1px solid #282828;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: #909090;
    /* BORDER-RIGHT: 1px solid #282828;; BORDER-TOP: medium none; BORDER-LEFT: 1px solid #282828; BORDER-BOTTOM: medium none; */
}

.instructText {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    color: #282828;
    margin: 8px 0 12px;
}

.instructTextEmphasis {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #B22222;
    font-weight: bold;
}

.instructTextBlock {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    color: #282828;
    margin: 8px 0 12px;
    display: block;
}

.instructTextSmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}


.instructTextFloat {
    clear: both;
    float: left;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    color: #282828;
    margin: 2px 0 12px;
    display: inline-block;
}

.footer {
    font-size: 55%;
}

.footerCopyright {
    margin-top: 7px !important;
    position: relative;
    bottom: 0px;
    font-size: 11px;
    width: 99%;
    /* border-top: 1px #dddddd solid; */
    padding: 7px;
    text-align: center;
}


.columnHeader {
    text-align: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #e8e8e8;
    border-bottom: 1px solid #EFEFEF;
    padding: 2px;
}

.columnHeaderTop {
    text-align: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #e8e8e8;
    border-bottom: 1px solid #EFEFEF;
    padding: 5px 2px 2px 2px;
    vertical-align: top;
}

.reportSection {
    background-color: #FFF8DC;
}

.tableData {
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
}

    .tableData td {
        padding: 2px;
    }

.tableDataAltNoBg {
    text-align: left;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
}

.tableDataAlt {
    text-align: left;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
}

    .tableDataAlt td {
        padding: 2px;
    }

.tableDataSmall {
    text-align: left;
    FONT-SIZE: 10px;
    COLOR: #000000; /* BACKGROUND-COLOR: #F2F1EB; */
}

    .tableDataSmall td {
        padding: 2px;
    }

.tableDataNeg {
    FONT-SIZE: 70%;
    COLOR: #000000;
    BACKGROUND-COLOR: #FBEAC4;
}

    .tableDataNeg td {
        padding: 2px;
    }

.rptDarkBkgd {
    background-color: #e8e8e8;
    border: solid;
    border-width: 1px;
    border-color: #AAA7A0;
}

.rptInputTable {
    text-align: left;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    border: solid 1px #AAA7A0;
}

.rptInputTableOpen {
    text-align: left;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
}

.rptInputTableInner {
    text-align: left;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    border-right: solid 1px #AAA7A0;
}

.rptInputTableEnd {
    text-align: left;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    border-top: solid 1px #AAA7A0;
    border-bottom: solid 1px #AAA7A0;
    border-left: solid 1px #AAA7A0;
}

.rptHeadingLeft {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    font-size: 12px;
    BACKGROUND-COLOR: #e8e8e8;
    color: #282828;
    text-align: left;
    border: solid 1px #AAA7A0;
    line-height: 16px;
}


TR.DarkLine {
    BACKGROUND: #000000;
}


.logoImg {
    vertical-align: middle;
    float: left;
    margin-top: 4px;
}

.logoImgInline {
    vertical-align: middle;
    margin-top: 4px;
}

.businessCard {
    /*FONT-SIZE: 10px; COLOR: #FFFFFF */
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    COLOR: #282828;
    FONT-WEIGHT: normal;
}

.mainNavText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-WEIGHT: bold;
}

.clear {
    clear: both;
}

TD.required {
    background-color: #FFFFFF;
    background-image: url(/images/requiredAlt.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
}

TH.required {
    background-color: #FFFFFF;
    background-image: url(/images/requiredAlt.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
}


/*Grids */
/* Force table to not be like tables anymore */
datagrid.small-mobile-tables .small-mobile-tables thead,
.small-mobile-tables th,
.small-mobile-tables > tbody,
.small-mobile-tables > tbody > tr,
.small-mobile-tables > tbody > tr > td {
    display: block;
}

datagrid.small-mobile-tables {
    width: 100%;
}

/* Hide table headers (but not display: none;, for accessibility) */
.small-mobile-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.small-mobile-tables tr {
    border: 1px solid #e0e0df;
}

.small-mobile-tables td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #e0e0df;
    position: relative;
    padding-left: 40%;
    white-space: normal;
    text-align: left;
}

    .small-mobile-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 4px;
        left: 5px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        /*Label the data */
        content: attr(data-title);
        overflow-wrap: break-word;
    }

.small-mobile-tables .gridHead {
    background-color: #6499d7;
    color: #fff;
    text-align: left;
}

    .small-mobile-tables .gridHead a {
        color: #fff !important;
    }

.small-mobile-tables .gridRow {
    vertical-align: top;
}




/* Buttons */
a.button {
    color: #000066;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
}

a:hover.button {
    color: #FF6600;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}


/* TITLE */
.mainTitles {
    text-align: left;
    color: #0F1F3D;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #191970;
    letter-spacing: 0.06em;
}

    .mainTitles a:hover, .mainTitles a:visited {
        color: #0F1F3D;
        text-decoration: none;
    }

    .mainTitles img {
        border: 0;
    }

.pageTitles {
    font-family: Verdana, arial, helvetica, sans-serif;
    text-align: left;
    color: #191970;
    font-size: 16px;
    font-weight: bold;
}

.navMenuTitles {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #191970;
    font-size: 11px;
    font-weight: bold;
    background-color: #e8e8e8;
    padding: 6px 3px;
}

.navSectionBar {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #191970;
    font-size: 11px;
    font-weight: bold;
    background-color: #B0C4DE; /*#e8e8e8;*/
}

.sectionBar {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #191970;
    font-size: 11px;
    font-weight: bold;
    background-color: #B0C4DE;
    width: 100%;
    height: 18px;
    margin-top: 4px;
}

.navSectionBtn {
    padding: 0px;
    float: left;
}

.sectionTitles {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000066;
}

.sectionTitlesSmall {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000066;
}

.optionTitles {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    font-weight: bold;
}

.GroupPanel, .GroupPanel Fieldset Legend {
    font-size: 14px;
    font-weight: bold;
    color: #000066;
}

.separatorBar {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #191970;
    font-size: 11px;
    font-weight: bold;
    border: 1px;
    border-style: solid;
    border-color: #AAA7A0;
}


/* Table Labels: Column and Section Headers */
.data {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 70%;
}

/* Table-related */
.border {
    background-color: #C6C6C6;
}

.embossed {
    border: 1px groove Gray;
}

.borderSoft {
    border: solid;
    border-width: 1px;
    border-color: #AAA7A0;
}

/* Labels */
.prompt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #282828;
    -moz-margin-start: 2px;
    -webkit-margin-start: 2px;
}

.promptSpace {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #282828;
    margin-top: 4px;
}

.prompt100 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #282828;
    width: 100px;
}

.promptInverse {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

.promptAlert {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #B22222;
}

.promptTop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}


/* Labels (span)*/
SPAN {
}

.defaultContent {
    font-size: 10pt;
    color: #000000;
}

.confirm {
    font-size: 100%;
    color: #000066;
    font-weight: bold;
}

.radioListHorizontal label {
    margin-right: 15px;
    margin-left: 6px;
    margin-bottom: 1px;
    font-weight: 400 !important;
} 

.radioList {
    font-size: 11px;
    vertical-align: middle;
    color: #000066;
}

.labelBkgd {
    background-color: #FFFF99;
}

.labelDiv {
    border: 2px solid #282828;
    background-color: #FFFFCC;
    word-wrap: break-word;
}


TD.optMenu { 
    padding: 5px 2px;
    /*padding: 3px;*/
    border: 1px solid;
    border-color: #fff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.optMenu:hover {
    /*TEXT-DECORATION: underline;*/
    border-color: #aaa;
    /*  background-color: #f1ede3; */
}

.optNav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    COLOR: #000066;
    TEXT-DECORATION: none;
    padding-left: 5px;
    vertical-align: middle;
}

    .optNav:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 11px;
        FONT-WEIGHT: bold;
        COLOR: #000066;
        TEXT-DECORATION: underline;
        padding-left: 5px;
        vertical-align: middle;
    }

.optNavDisable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    COLOR: Gray;
    TEXT-DECORATION: none;
    padding-left: 5px;
    vertical-align: middle;
}

    .optNavDisable:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 11px;
        FONT-WEIGHT: bold;
        COLOR: Gray;
        TEXT-DECORATION: none;
        padding-left: 5px;
        vertical-align: middle;
    }

.optNav:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
    padding-left: 5px;
    vertical-align: middle;
}

.optNavImg {
    vertical-align: middle;
    float: right;
    margin-right: 3px;
}

TD.labelBkgd {
    background-color: #282828;
}

.labelTitle {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #282828; /* #000000; */
}

.labelHeader {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #282828; /* #000000; */
}

.labelData {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    font-size: 14px;
    background-color: #FFFFCC;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
    border-left: 1px solid #282828;
    border-right: 1px solid #282828;
}

.labelText {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #282828;
}

.labelEmphasis {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #B22222;
}

.labelIndicator {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #191970; /* #2F4F4F;  #CC6600;  */
}


.borderEmphasis {
    border: 1px solid #CC6600;
}

.backgroundEmphasis {
    background-color: #FFCECB; /* #FFBAB7;  */
}

.itemHeader {
    margin-bottom: 3px;
    border: solid;
    border-width: 1px;
    border-color: #AAA7A0;
}

.energyColor {
    background: azure;
}

.wasteColor {
    background: beige;
}


.menuItem {
    color: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: white;
    width: 100px;
    border: solid 1px #D1CFCA;
}

    .menuItem:hover {
        color: black;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: silver;
        width: 100px;
        border: solid 1px #D1CFCA;
    }

.menuContainer {
    clear: both;
    width: 100%;
    height: 35px;
     background-color: #191970;
}

.subMenuContainer {
    clear: both;
    width: 99.85%;
    height: 29px;
    background-color: #d2d2d4;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.blueCell {
    background-color: #e8e8e8;
    padding: 5px 10px;
    border: 1px solid #aaa;
    border-right: none;
    border-left: none;
    border-collapse: collapse;
}
.blueCellWithoutBottomRow {
    background-color: #e8e8e8;
    padding: 5px 10px;
    /*border: 1px solid #aaa;*/
    border-right: none;
    border-left: none;
    border-collapse: collapse;
}

.tanCell {
    background-color: #EEEAE0;
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    border-collapse: collapse;
}
.tanCellRequired
{
    color: #a22;
	background-color: #EEEAE0;
	padding: 5px 7px;
	border: 1px solid #ccc;
	border-right: none;
	border-left: none;
	border-collapse: collapse;
}
.tanCellBackGroundGreen {
    background-color: #e2f0d9;
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    border-collapse: collapse;
}
.greyCell {
    background-color: #fbfbfb;
    padding: 5px 0 5px 7px;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    border-collapse: collapse;
}
.htanCell { 
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    border-collapse: collapse; 
     text-align: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;    
    BACKGROUND-COLOR: #e8e8e8;  
}
.hgreyCell {
    background-color: #fbfbfb;
    padding: 5px 0 5px 7px; 
    border-right: none;
    border-left: none;
    border-collapse: collapse;
     
}


.reauditCell {
    background-color: #eee;
    padding: 5px 0 5px 7px;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    border-collapse: collapse;
}


.labelMultiLineText {
    display: block;
    position: relative;
    padding-top: 30px;
    padding-right: 3px;
}

.labelMultiLineTextSmall {
    display: block;
    position: relative;
    padding-top: 11px;
    padding-right: 3px;
}


.labelMultiLineTextTop {
    vertical-align: text-top;
    position: relative;
}

.tanLabelCol {
    background-color: #e8e8e8; /* #EEEAE0; */
    padding: 5px 7px;
    border: 1px solid #ccc;
    /*border-right:  none;
	border-left: none
	border-collapse: collapse;;*/
    margin-bottom: 0;
    font-weight: bold;
}

.tanLabelColHigh {
    background-color: #e8e8e8; /* #EEEAE0; */
    height: 104px;
    padding: 5px 5px 5px 7px;
    border: 1px solid #ccc;
    /*border-right: none;
	border-left: none;
	border-collapse: collapse;*/
    margin-bottom: 0;
    font-weight: bold;
}

.greyControlCol {
    background-color: #fbfbfb;
    padding: 5px 0 3px 7px;
    border: 1px solid #ccc;
    /*border-right: none;
	border-left: none;
	border-collapse: collapse;*/
    margin-bottom: 0;
}

.greyControlColX {
    padding: 5px 0 3px 7px;
    background-color: #FFFFFF;
}

.text-left-more {
    text-align: left;
    margin-left: -20px;
}

.greyCell div, .greyCell table, .reauditCell div, .readOnly table {
    float: left;
}

.navAreaLeft {
    float: left;
    margin-left: 5px;
    padding: 3px;
    width: 16%;
    height: 300px;
    BACKGROUND-COLOR: #FFFFFF;
    border: solid;
    border-width: 1px;
    border-color: #AAA7A0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.workAreaRight {
    float: left;
    width: 82%;
    margin-left: 3px;
}

.listAreaLeft {
    float: left;
    margin-left: 5px;
    width: 35%;
    BACKGROUND-COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.workAreaRightWide {
    float: left;
    width: 63%;
}

span.requiredStar {
    color: #a22;
    font-weight: bold;
    font-family: Consolas, 'Courier New';
    font-size: 14px;
    margin-left: 4px;
}

span.requiredStarFloat {
    color: #a22;
    font-weight: bold;
    font-family: Consolas, 'Courier New';
    font-size: 14px;
    margin-left: 4px;
    float: right;
}

span.requiredCloseStar {
    color: #a0a8c0;
    font-weight: bold;
    font-family: Consolas, 'Courier New';
    font-size: 14px;
    margin-left: 4px;
}


span.requiredCloseStarFloat {
    color: #a0a8c0;
    font-weight: bold;
    font-family: Consolas, 'Courier New';
    font-size: 14px;
    margin-left: 4px;
    float: right;
}



span.formRequired {
    background: #fdc url(../images/ico-arr-left-red.png) center left no-repeat;
    font-weight: bold;
    font-size: 10px;
    color: #c00;
    padding: 4px 5px 5px 16px;
    margin: 0;
    float: right;
}

.lightTable {
    background-color: #ffffff;
    border-collapse: collapse;
}

    .lightTable th, .lightTable td {
        margin: 0;
        padding: 5px;
        border: 1px solid #ffffff; /* #ddd;*/
    }

    .textStd > .lightTable th, .lightTable td {
        margin: 0;
        padding: 5px;
        /*border: 1px solid #ddd;*/
    }

.textStd :first-child h3 {
    font-size: 12px;
    font-weight: bold;
}

.lightTable a {
    text-decoration: underline;
}

.smallTableText {
    color: #777;
    font-size: 11px;
}

.rgSelectedRow .smallTableText {
    color: #fff;
    font-size: 11px;
}


table.searchBoxResults {
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    font-size: 10px;
    margin: 0;
}

    table.searchBoxResults th {
        padding: 2px;
        margin: 0;
        font-weight: bold;
    }

    table.searchBoxResults td {
        padding: 2px;
        margin: 0;
    }


.NoBorders {
    padding: 0;
    margin: 0;
}

.horizontalBar {
    clear: both;
    width: 100%;
    height: 5px;
    background-color: #191970;
}

.alertTable {
    width: 100%;
    margin-top: 30px;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

    .alertTable td {
        padding: 7px;
        margin: 0;
        border-collapse: collapse;
        border: 1px solid #ccc;
    }


.rcbComboItemAlt {
    background: #ededed !important;
    color: #282828 !important;
}

.rcbItemEmphasis {
    /*font-weight: bold;*/
    color: #B22222 !important;
}

.rcbSeparator {
    background: Linen !important;
    color: black !important;
    font-weight: bold !important;
    font-style: italic !important;
}


.RadMenu.RadMenu_Default .rmRootGroup {
    border: 1px solid #e8e8e8;
    background-color: #FCFCFC !important;
    background-image: none !important;
}

    .RadMenu.RadMenu_Default .rmRootGroup .rmText {
        border: none !important;
        background-color: #FCFCFC !important;
        background-image: none !important;
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
    }

.RadMenu.RadMenu_Default .rmGroup,
.RadMenu.RadMenu_Default .rmGroup .rmText {
    background-color: #FCFCFC !important;
    background-image: none !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
}

    .RadMenu.RadMenu_Default .rmGroup .rmText:hover,
    .RadMenu.RadMenu_Default .rmGroup .rmFocused {
        background-color: #e8e8e8 !important;
        background-image: none !important;
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        font-size: 13px !important;
    }

    .RadMenu.RadMenu_Default .rmGroup a.rmExpanded {
        background-image: none !important;
        background-color: white !important;
    }

        .RadMenu.RadMenu_Default .rmGroup a.rmExpanded .rmText {
            background-image: none !important;
            background-color: #e8e8e8 !important;
        }

.RadScheduler .rsHeader {
    z-index: -9999 !important;
}

.distributionImageContainer {
    float: left;
    margin: 4px;
    padding: 0;
    width: 190px;
    height: 157px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #e8e8e8;
    background-color: #f8f8f8;
}

.distributionImage {
    vertical-align: middle;
    max-width: 190px;
    max-height: 140px;
    margin: 0;
    padding: 0;
}

.distributionImageContainerTall {
    float: left;
    margin: 4px;
    padding: 0;
    width: 190px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #e8e8e8;
    background-color: #f8f8f8;
}

.distributionImageContainerSmall {
    float: left;
    margin: 4px;
    padding: 0;
    width: 148px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #e8e8e8;
    background-color: #f8f8f8;
}

.distributionImageSmall {
    vertical-align: middle;
    width: 135px;
    height: 117px;
    margin: 0;
    padding: 0;
}

.listingImageContainerTop {
    float: left;
    margin: 1px;
    padding: 0;
    width: 142px;
    height: 100px; /*height: 127px;*/
    vertical-align: top;
    text-align: center;
    border: 1px solid #e8e8e8;
    background-color: #f8f8f8;
    overflow-y: scroll;
    overflow-x: hidden;
}

.listingImageContainerTopLeft {
    float: left;
    margin: 1px;
    padding: 0;
    width: 142px;
    height: 100px; /*height: 127px;*/
    vertical-align: top;
    border: 1px solid #e8e8e8;
    background-color: #f8f8f8;
    overflow-y: scroll;
    overflow-x: hidden;
}

.listingImageContainer {
    float: left;
    margin: 0;
    padding: 0;
    width: 130px;
    height: 100px; /*height: 117px;*/
    vertical-align: top;
    text-align: center;
    border: 1px solid #e8e8e8;
    background-color: #f8f8f8;
    overflow-y: hidden;
    overflow-x: hidden;
}

.listingImage {
    vertical-align: middle;
    max-width: 130px;
    max-height: 90px; /*max-height: 100px;*/
    margin: 0;
    padding: 0;
}

.buttonEdit {
    background: url(/images/defaulticon/16x16/edit.png) left no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    COLOR: #000000;
}

.buttonEditRight {
    background: url(/images/defaulticon/16x16/edit.png) right no-repeat;
    padding-right: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    COLOR: #000000;
}

.buttonEditRightBold {
    background: url(/images/defaulticon/16x16/edit.png) right no-repeat;
    padding-right: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    COLOR: #000000;
}

.buttonAdd {
    background: url(/images/plus.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}
.buttonDelete {
    background: url(/images/minus.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}

.buttonAddLarge {
    background: url(/images/plus.png) no-repeat 5px 4px;
    padding-left: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 0;
    /* FONT-FAMILY: verdana, sans-serif; */
    font-size: 12px;
    font-weight: bold;
    /* color: #191970; */
    color: #FFFFFF;
    background-color: #191970;
    /* text-decoration: underline;  */
    height: 24px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/css/PIE.htc); /* IE8 rounded corners */
}

.buttonList {
    background: url(/images/defaulticon/16x16/list-ordered.png) no-repeat 5px 0px;
    padding-left: 25px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}

.buttonComment {
    background: url(/images/defaulticon/16x16/comment-alt.png) no-repeat 5px 0px;
    padding-left: 25px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}

.buttonTable {
    background: url(/images/defaulticon/16x16/table.png) no-repeat 5px 0px;
    padding-left: 25px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}

.buttonReturn {
    background: url(/images/defaulticon/16x16/arrow-1-backward.png) no-repeat 5px 0px;
    padding-left: 25px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}

.buttonSave {
    background: url(/images/defaulticon/16x16/save-alt.png) no-repeat 5px 0px;
    padding-left: 25px;
    border: solid 1px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}

.buttonCancel {
    background: url(/images/defaulticon/16x16/cancel.png) no-repeat 5px 0px;
    padding-left: 25px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}

.buttonSearch {
    background: url(/images/defaulticon/16x16/search.png) no-repeat 5px 0px;
    padding-left: 25px;
    border: 0;
    FONT-FAMILY: verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}

.buttonExit {
    background: url(/images/defaulticon/16x16/logout.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #191970;
    text-decoration: underline;
}

.buttonEnter {
    background: url(/images/defaulticon/16x16/login.png) no-repeat 5px 0px;
    padding-left: 25px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #191970;
    text-decoration: underline;
}

.buttonUser {
    background: url(/images/defaulticon/16x16/user-alt-2.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.buttonUsers {
    background: url(/images/defaulticon/16x16/users-alt.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.buttonRefresh {
    background: url(/images/defaulticon/16x16/MD-reload.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.buttonDownload {
    background: url(/images/defaulticon/16x16/download.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.buttonPrint {
    background: url(/images/defaulticon/16x16/print.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.buttonAttach {
    background: url(/images/defaulticon/16x16/Attachment.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.buttonCalculate {
    background: url(/images/defaulticon/16x16/calculator.png) no-repeat 5px 0px;
    padding-left: 25px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #191970;
    text-decoration: underline;
}

.buttonChart {
    background: url(/images/defaulticon/16x16/statistics-chart.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.buttonGraph {
    background: url(/images/defaulticon/16x16/activity.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.buttonPie {
    background: url(/images/defaulticon/16x16/statistics-pie-chart.png) no-repeat 5px 0px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 4px;
    border: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.buttonPopupOpen {
}

.buttonPopupClose {
}

.ehsIncidentItem {
    width: 100%;
    cursor: pointer;
    background: transparent url(/images/defaulticon/16x16/arrow-7-right.png) right center no-repeat;
}

.ehsIncidentItemInner {
    margin-right: 23px;
    border-right: 1px #ddd dotted;
    overflow: hidden;
}

.hyperLinkArrRt {
    width: 100%;
    display: block;
    cursor: pointer;
    background: transparent url(/images/defaulticon/16x16/arrow-7-right.png) right no-repeat;
}

.tableHeader {
    text-align: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #e8e8e8;
    border-bottom: 1px solid #EFEFEF;
    BACKGROUND-COLOR: #f1ede3;
    color: #282828;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    /*width: 150px;*/
    white-space: nowrap;
}

.tickerEmphasis {
    font-size: 12px;
    font-weight: bold;
    color: #B22222;
    /*background-color:  	#F8F8F8;*/
    margin: 5px;
    height: 20px;
    width: 300px;
    /*border: 1px solid  	#E8E8E8;*/
    display: table-cell;
    vertical-align: middle;
}

table.innerTable {
    border: 0 !important;
    margin: 0;
    padding: 0;
}

.innerTable td {
    padding: 2px 4px 2px 2px !important;
    border: 0 !important;
}


.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.currencyTable {
}

    .currencyTable th {
        background-color: #EEEAE0;
        text-align: left;
        padding: 6px 6px;
        border-bottom: 1px solid #cecac0;
    }

    .currencyTable tr {
        background-color: #fbfbfb;
    }

        .currencyTable tr.alternate {
            background-color: #f0f0f0;
        }

    .currencyTable td {
        padding: 3px 6px;
        border-bottom: 1px solid #e0e0e0;
    }

li.dropdownItemHeading {
    background-color: #f1ede3 !important;
    font-weight: bold !important;
}

.displayNone {
    display: none;
}

.tableWithLink a {
    color: #006080 !important;
}

.taskCalendar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.calendarSectionLeft {
    float: left;
    width: 78%;
}

.calendarSectionRight {
    float: left;
    margin-left: 5px;
    /*margin-top: 71px;*/
    width: 21%;
}

@media screen {
    .noscreen {
        display: none;
    }

    .masterFrame {
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
}

@media print {
    .noprint {
        display: none;
    }

    .masterFrame {
        border: 0px;
    }
}

.auditquestion label {
    font-weight: 400 !important;
}

.auditanswer label {
    font-weight: 400 !important;
    padding-left: 1px;
    padding-right: 8px;
}

textarea.audittextrequired {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: red !important;
}

.radDelete {
    color: #000066 !important;
    background-color: transparent !important;
}

    .radDelete:hover {
        text-decoration: underline !important;
    }

.video {
    width: 50% !important;
    height: auto !important;
    object-fit: cover;
}

.ButtonAsLink {
    background-color: transparent;
    border: none;
    color: #000066;
    cursor: pointer;
    text-decoration: none;
    padding: 0px;
}

.custom-label label {
    margin-top: -2px !important;
    display: inline-block;
    margin-left: 10px !important;
    vertical-align: middle !important;
}
.htanCellBlue { 
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    border-collapse: collapse; 
     text-align: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;    
    color:white;
    BACKGROUND-COLOR: #2b7af0;  
}

.htanCellOrange { 
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    border-collapse: collapse; 
     text-align: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;    
    color:white;
    BACKGROUND-COLOR: #f2ac5e;  
}


/*input[type=checkbox] {
    margin: 3px 0 0 !important;
}

.custm_align {
    margin-top: -20px !important;
    display: block;
    margin-left: 17px;
}

.custm_align_1 {
    margin-top: 9px;
}

.riSingle .riTextBox, .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    height: 22px !important;
    border-color: #e5e5e5 !important;
    background-color: #f9f9f9 !important;
}

textarea {
    overflow: auto;
    border-color: #e5e5e5 !important;
}*/

/*Added content 18 June 2021
*/
.btnRep {
    float: right;
    margin-right: 10%;
    margin-top: -50px;
}

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

.clsStatus {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}