*, html, body {
    font-family: Arial;
    margin: 0;
    font-size: 12px;
}

body {
    overscroll-behavior-y: contain; /* Disables pull-to-refresh but allows overscroll glow effects. */
}

a, a:link, a:visited {
    text-decoration: none;
    color: #000099;
}

    a:hover, a:active {
        text-decoration: none;
        color: #990000;
    }

h3 {
    font-size: 1.25em;
    margin-bottom: 10px;
}

#header {
    position: relative;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 27px;
    padding: 0;
    margin: 0;
    background-color: #f6f6f6;
}

#menu {
    width: 100%;
    padding: 0;
}

#menu_left {
    float: left;
}

#menu_right {
    text-align: right;
    margin-left: 10px;
    padding: 0 10px 0 0;
}

    #menu_right a {
        color: #000000;
        font-weight: bold;
    }

    #menu_right .fa {
        font-size: 1.4em;
        padding: 2px 5px;
    }

#content {
    margin: 10px 10px 10px 10px;
}

#top {
    width: 100%;
    height: 100px;
    margin: auto 0 auto;
    background: url('White/Images/logo_repeat.jpg') top left;
    background-repeat: repeat-x;
}

#menu2 {
    margin: 0 auto 0 auto;
    width: 100%;
    height: 32px;
    /*border-left: solid #e6e6e6;
    border-right: solid #e6e6e6;*/
    background: url('White/Images/bg-menu.gif') repeat-x top left;
    /*padding-right: 10px;*/
}

#navigation {
    clear: both;
    width: 700px;
    padding-left: 30%;
    margin: 0px;
    /*padding: 0;*/
    z-index: 4;
    position: relative;
}

    #navigation ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    #navigation li {
        float: left;
        margin: 0;
        padding: 0;
    }

        #navigation li a {
            display: inline-block;
            PADDING-RIGHT: 20px;
            PADDING-LEFT: 20px;
            FONT-SIZE: 11px;
            font-weight: bold;
            BACKGROUND: url('White/Images/bg-menu.gif') repeat-x;
            PADDING-BOTTOM: 5px;
            HEIGHT: 22px;
            COLOR: #000;
            MARGIN-RIGHT: 1px;
            PADDING-TOP: 5px;
            FONT-FAMILY: Arial, Helvetica, sans-serif;
            TEXT-ALIGN: center;
            TEXT-DECORATION: none;
            TEXT-TRANSFORM: UPPERCASE;
        }

            #navigation li a:hover {
                BACKGROUND: #f98825;
                COLOR: white;
            }

#top-content {
    font-size: 0px;
    margin: 0 auto;
    width: 778px;
    height: 30px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    /*background: url('White/Images/top-content.gif') no-repeat top left;*/
}

#middle-content {
    margin: 0 auto;
    width: 778px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

#bottom-content {
    font-size: 0px;
    margin: 0 auto;
    width: 778px;
    height: 30px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    /*background: url('White/Images/bottom-content.gif') no-repeat bottom left;*/
}

#footer {
    /*margin:0 auto;*/
    /*width:758px;*/
    text-align: center;
    /*height: 150px;*/
    /*border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;*/
    background: #fe9b34;
    color: #fff;
    padding: 10px;
}

    #footer span {
        color: #fff;
    }

#title {
    float: left;
    width: 15%;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.project_info_top {
    clear: both;
}

#msg {
    float: left;
    width: 70%;
}

#msg2 {
    width: 100%;
}

#msg, #msg2 {
    margin: 6px 0 4px 0;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
}

div.msg {
    float: left;
    width: 70%;
    text-align: center;
    font-weight: bold;
    margin: 6px 0 4px 0;
    line-height: 24px;
}

div.msg2 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin: 6px 0 4px 0;
    line-height: 24px;
}

#grp, .grp {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.nomsg {
}

.errmsg {
    color: #bf0202;
    padding: 2px 15px 2px 15px;
    border: solid 1px #bf0202;
    background-color: #ffdede;
}

.okmsg {
    color: #009900;
    padding: 2px 15px 2px 15px;
    border: solid 1px #009900;
    background-color: #e6ffe6;
}

.cancelBtn {
    padding-left: 90%;
}

.lb1 {
    font-weight: bold;
    margin: 0 3px 0 3px;
}

.err {
    color: #FF0000;
}

.grid, .grid2, .gridC {
    clear: both;
    width: 100%;
    border-collapse: collapse;
}

    .grid .head th, .gridC .head th {
        color: #000000;
        font-size: 12px;
        padding: 0;
        border: solid 1px #e7b06f;
        background: #ffe0bb url('White/Images/bg_header_sortable.png') no-repeat;
    }

    .grid2 .head th {
        color: #000000;
        font-size: 12px;
        padding: 0;
        border: solid 1px #FAE0C0;
        background: #FFEBD4 url('White/Images/bg_header_sortable.png') no-repeat;
    }

    .grid .head th.unsortable, .gridC .head th.unsortable {
        background: #ffe0bb;
        padding: 6px 16px 6px 16px;
    }

    .grid2 .head th.unsortable {
        background: #FFEBD4;
        padding: 6px 16px 6px 16px;
    }

    .grid .head th.unsortable2, .gridC .head th.unsortable2 {
        text-align: left;
        background: #ffe0bb;
    }

    .grid .head th a, .grid2 .head th a, .gridC .head th a {
        padding: 6px 16px 6px 16px;
        color: #000000;
        display: block;
    }

    .grid .head th.thBtn, .grid2 .head th.thBtn, .gridC .head th.thBtn {
        width: 100px;
        text-align: center;
        padding: 2px 0 2px 0;
        background: #ffe0bb;
    }

    .grid .head th.thBtn20, .grid2 .head th.thBtn20, .gridC .head th.thBtn20 {
        width: 20px;
        background-image: none;
    }

    .grid .head th.thBtn120 {
        width: 120px;
        text-align: center;
        padding: 2px 0 2px 0;
        background: #ffe0bb;
    }

    .grid .head th.asc, .grid2 .head th.asc, .gridC .head th.asc {
        background: #ffc47f url('White/Images/bg_header_up.png') no-repeat;
    }

    .grid .head th.desc, .grid2 .head th.desc, .gridC .head th.desc {
        background: #ffc47f url('White/Images/bg_header_down.png') no-repeat;
    }

        .grid .head th.asc a, .grid .head th.desc a, .grid2 .head th.asc a, .grid2 .head th.desc a, .gridC .head th.asc a, .gridC .head th.desc a {
            color: #000000;
        }

    .grid td, .gridC td {
        border: solid 1px #e7b06f;
        border-top-color: #f0f0f0;
        border-left-width: 0px;
        color: #000000;
        padding: 4px 6px 4px 6px;
    }

    .grid2 td {
        border: solid 1px #FAE0C0;
        border-top-color: #f0f0f0;
        border-left-width: 0px;
        color: #000000;
        padding: 4px 6px 4px 6px;
    }

        .grid td a, .grid2 td a, .gridC td a {
            color: #000000;
        }

        .grid td.sort, .grid2 td.sort, .gridC td.sort {
            color: #000000;
        }

    .grid .row td, .grid2 .row td, .gridC .row td {
        background-color: #ffffff;
    }

    .grid .altrow td, .grid2 .altrow td, .gridC .altrow td {
        background-color: #fff7ee;
    }

    .grid .sel td, .grid2 .sel td, .gridC .sel td {
        background-color: #FFD9D9;
    }

    .gridC .row td, .gridC .altrow td, .gridC .sel td {
        text-align: center;
    }

    .grid td.numeric, .grid2 td.numeric, .gridC td.numeric {
        text-align: right;
    }

    .grid td.first, .grid2 td.first, .gridC td.first {
        border-left-width: 1px;
        padding-left: 15px;
        background-repeat: no-repeat;
    }

        .grid td.first a, .grid2 td.first a, .gridC td.first a {
            display: block;
        }

    .grid .row td.first, .grid2 .row td.first, .gridC .row td.first {
        background-image: url('White/Images/bullet1.gif');
    }

    .grid .altrow td.first, .grid2 .altrow td.first, .gridC .altrow td.first {
        background-image: url('White/Images/bullet2.gif');
    }

td.thBtn {
    text-align: center;
    padding: 2px 0 2px 0;
}

.pager {
    width: 100%;
    font-family: Georgia,serif;
    text-align: center;
    padding: 10px 0px;
}

    .pager span.command, .pager span.current, .pager a.command {
        border: solid 1px #ccc;
        color: #666;
        background-image: url('White/Images/gradient.gif');
        background-position: 0px -20px;
        line-height: 18pt;
        padding: 5px;
        text-decoration: none;
    }

    .pager a.command {
        color: #000099;
    }

    .pager span.current {
        font-weight: bold;
    }

    .pager .l1 {
        margin: 0 5px 0 20px;
        color: #656565;
    }

    .pager .l2 {
        margin: 0 20px 0 5px;
        color: #656565;
    }

    .pager .ddl1 {
        color: #656565;
        background: #EEEEEE;
    }

/* select tag classes */

.sGrp {
    margin: 2px 4px 2px 4px;
}

.sEdit, .sEditHidden {
    width: 302px;
}

.sEditHidden {
    visibility: hidden;
}

.ib1 {
    margin: 0 5px 0 5px;
}

.tb30 {
    width: 30px;
}

.tb50 {
    width: 50px;
}

.tb80 {
    width: 80px;
}

.tb100 {
    width: 100px;
}

.tb150 {
    width: 150px;
}

.tb180 {
    width: 180px;
}

.tb200 {
    width: 200px;
}

.tb250 {
    width: 250px;
}

.tb300 {
    width: 300px;
}

.tb800 {
    width: 800px;
}

.tb400, .tb400displayed, .tb400hidden {
    width: 400px;
}

.tb400displayed {
    visibility: visible;
}

.tb400hidden {
    visibility: hidden;
}

.tb30, .tb50, .tb80, .tb100, .tb150, .tb180, .tb200, .tb250, .tb300, .tb400, .tb400displayed, .tb400hidden, .tb800 {
    border: solid 1px #A6A6A6;
}

.tEdit {
    clear: both;
    width: 100%;
    border: none;
}

    .tEdit th, .tEdit td {
        text-align: left;
        vertical-align: top;
        border: none;
    }

    .tEdit .tdEdit1 {
        width: 10%;
    }

    .tEdit .tdEdit2 {
        width: 40%;
    }

    .tEdit .tdEdit3 {
        width: 15%;
    }

    .tEdit .tdEdit4 {
        width: 35%;
    }

.trEdit td {
    background-color: #FFD9D9;
    padding-top: 2px;
    padding-bottom: 2px;
}

.trEdit .ajax__calendar_days td {
    background-color: #FFFFFF;
}

.gridC .trEdit td {
    text-align: center;
}

.progress {
    padding: 10px 10px 10px 10px;
    color: White;
    background-color: #CF4342;
}

    .progress img {
        vertical-align: middle;
        margin: 5px;
    }

a.hlu {
    text-decoration: underline;
}

a.hlb, a.hlbRed, a.hlbChecksFailed {
    display: block;
}

a.hlbChecksFailed {
    color: red;
    font-weight: bold;
}

a.hlbRed {
    color: #bf0202 !important;
}

.spanAlert {
    color: #bf0202 !important;
}

.spanOk {
}

/* reports */

input.calendar {
    vertical-align: middle;
}

div.title {
    float: left;
    width: 15%;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

div.title2 {
    padding: 10px 0 10px 0;
    font-weight: bold;
}

.b50 {
    width: 50px;
}

.b60 {
    width: 60px;
}

.b70 {
    width: 70px;
}

.b80 {
    width: 80px;
}

.b100 {
    width: 100px;
}

.b120 {
    width: 120px;
}

.b150 {
    width: 150px;
}

.b200 {
    width: 200px;
}

.b50, .b60, .b70, .b80, .b100, .b120, .b150, .b200 {
    border: solid 1px #000000;
    background: #CCCCCC;
}

.report_button {
    width: 100%;
    text-align: center;
    margin: 5px 0 0 0;
}

.ajax__calendar_days td {
    padding: 0;
}

.trEdit2 td {
    background-color: #FFF1F1;
}

.trEdit3 td {
    background-color: #F1F1F1;
}

a.back {
    margin-top: 10px;
    color: #000099;
    display: block;
}

.nav {
    margin: 0 4px 0 4px;
}

.subtitle {
    clear: both;
    font-weight: bold;
    font-style: italic;
    margin: 10px 0 10px 0;
}

label {
    color: #000000;
}

#label {
    color: #000000;
}

.tooltip {
    visibility: hidden;
    display: none;
    width: 300px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #EEEEEE;
    border: solid 1px #CCCCCC;
}

.icon {
    margin: 0 5px 0 0;
}

.note, .note a {
    font-size: 10px;
}

.grid .head th.check {
    width: 36px;
    padding: 0;
    background: #ffe0bb;
    text-align: center;
}

.grid td.check {
    border-left-width: 1px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.grid .row td.check {
    background-image: url('White/Images/bullet1.gif');
}

.grid .altrow td.check {
    background-image: url('White/Images/bullet2.gif');
}

.imgRight {
    padding: 0 50px 10px 50px;
}

.imgLeft {
    position: absolute;
    vertical-align: baseline;
}

blockquote {
    padding: 10px 0 10px 20px;
}

    blockquote.bq1 {
        padding: 0px 0 10px 20px;
    }

.MyImageButton {
    cursor: wait;
}

.EditFormHeader td {
    font-size: 14px;
    padding: 4px !important;
    color: #0066cc;
}

.ddlHidden {
    visibility: hidden;
    display: none;
}

.ddlVisible {
    visibility: visible;
    display: inline;
}

ul.bullet {
    margin-left: 20px;
    padding-left: 10px;
}

.tSpecs {
    margin: 5px 0 0 0;
    padding: 0;
    border: 0;
}

    .tSpecs td {
        text-align: left;
        vertical-align: top;
    }

.tdSpecs {
    font-weight: bold;
}

.tdItalic {
    font-style: italic;
}

.sSpecsMsg {
    font-weight: bold;
    margin: 0 0 0 20px;
}

.sSpecsSection {
    font-weight: bold;
}

.tSimple {
    margin: 0;
    padding: 0;
    border: 0;
}

    .tSimple td {
        padding: 0 2px 0 2px;
        text-align: left;
        vertical-align: top;
        border: 0;
    }

.s100p {
    width: 100%;
}

.s30 {
    width: 30px;
}

.s40 {
    width: 40px;
}

.s50 {
    width: 50px;
}

.s70 {
    width: 70px;
}

.s80 {
    width: 80px;
}

.s90 {
    width: 90px;
}

.s100 {
    width: 100px;
}

.s110 {
    width: 110px;
}

.s120 {
    width: 120px;
}

.s150 {
    width: 150px;
}

.s200 {
    width: 200px;
}

.s250 {
    width: 250px;
}

.s300 {
    width: 300px;
}

.s600, .s600Grp {
    width: 600px;
}

.s100p, .s30, .s40, .s50, .s70, .s80, .s90, .s100, .s110, .s120, .s150, .s200, .s250, .s300, .s600 {
    margin: 0;
}

.s600Grp {
    margin: 2px 4px 2px 4px;
}

.sMarginTop2 {
    margin-top: 2px;
}

td.tdL {
    text-align: center;
}

td.tdC {
    text-align: center;
}

td.tdR {
    text-align: right;
}

td.tdB {
    font-weight: bold;
}

/* reports */

.rlogo {
    border: 0;
}

.rlogo1 img {
    padding-right: 10px;
}

.rlogo2 {
    font: bold 14px Arial;
}

.rlogo3 {
    font: italic 13px Arial;
}

.rtitle {
    clear: both;
    margin: 10px auto 10px auto;
    font: bold 13px Arial;
    text-align: center;
}

.rsubtitle {
    clear: both;
    font-weight: bold;
    margin: 10px 0 5px 0;
}

.container {
    width: 100%;
    text-align: center;
}

.container2 {
    min-width: 900px;
    border: 0;
    padding: 0;
    margin: 0 auto 0 auto;
}

    .container2 td {
        text-align: left;
    }

.rtable {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

    .rtable th {
        font-weight: normal;
        padding: 2px 5px 2px 5px;
    }

    .rtable td {
        margin: 0;
        padding: 2px 5px 2px 5px;
        text-align: left;
        vertical-align: top;
    }

    .rtable .ajax__calendar_days td {
        padding: 0;
    }

.trr1 {
}

.trr2 td {
    padding-bottom: 7px;
}

.tdFirst {
    border-width: 1px 0 1px 1px;
}

.radTable {
    border-width: 1px 1px 1px 1px;
    color: #242424;
}

.tdMiddle {
    border-width: 1px 0 1px 0;
}

.tdLast {
    border-width: 1px 1px 1px 0;
}

.tdSingle {
    border-width: 1px 1px 1px 1px;
}

.tdFirst, .tdMiddle, .radTable, .tdLast, .tdSingle {
    border-style: solid;
    border-color: #AAAAAA;
    background: #EEEEEE;
}

.RadTableTransparent {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #AAAAAA;
    background: #FCFCFC url('White/Images/hover.png') repeat-x;
}

.tdr1 {
    width: 10%;
    white-space: nowrap;
}

.tdr2 {
    width: 40%;
}

.rActions {
    border: 0;
    margin: 10px 0 0 0;
}

    .rActions td {
        padding: 0 5px 0 5px;
        font-weight: bold;
    }

    .rActions input {
        padding: 5px;
    }

.red {
    color: #DD0000;
}

.green {
    color: #009900;
}

.blue {
    color: #000099;
}

.supNote {
    font-size: 8px;
}

.popup {
    width: 640px;
    border: solid 1px #000000;
    background-color: #FFFFFF;
}

.popupBig {
    width: 900px;
    height: 600px;
    overflow-y: auto;
    border: solid 1px #000000;
    background-color: #FFFFFF;
}

    .popupBig .popupContent {
        height: 500px;
        overflow-y: auto;
    }

.popupTitle {
    font-weight: bold;
    padding: 3px;
    cursor: move;
    border-bottom: solid 1px #000000;
    background: #dadada;
}

.popupContent {
    padding: 10px;
}

.popupBackground {
    filter: alpha(opacity=60);
    opacity: 0.6;
    background-color: Gray;
}

#msgPopup {
    margin: 6px 0 4px 0;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
}

.etGreen {
    color: #006600;
}

.etRed {
    color: #660000;
}

.etBlack {
    color: #000000;
}

.etBlue {
    color: #000066;
}

.etDarkMagenta {
    color: darkmagenta;
}

.lHidden {
    visibility: hidden;
}

.lDisplayed {
    color: #FF0000;
    visibility: visible;
}

.lBold {
    font-weight: bold;
}

.sPre {
    white-space: pre-wrap;
}

.hlSimple, .grid td.first .hlSimple {
    display: inline;
    color: #000099;
}

    .hlSimple img {
        border: none;
    }

/** Customize the demo canvas */
.qsf-demo-canvas {
}

    /** Customize the Upload */
    .qsf-demo-canvas .RadAsyncUpload {
        margin: 20px 0;
    }

    /** Customize the Progress area */
    .qsf-demo-canvas .RadUploadProgressArea {
        margin: 20px 0;
    }

        /** Inner wrap */
        .qsf-demo-canvas .RadUploadProgressArea .rpaInner {
            border: 1px solid #e5e5e5;
            color: #767676;
            background: #ffffff;
            font-size: 12px;
            line-height: 1.5;
        }

        /** Progress area header */
        .qsf-demo-canvas .RadUploadProgressArea .rpaHeader {
            padding: 5px 10px;
            color: #ffffff;
            background: #25a0da;
            font-size: 18px;
            font-weight: 100;
        }

            .qsf-demo-canvas .RadUploadProgressArea .rpaHeader strong {
                font-weight: inherit;
            }

        /** Progress area body */
        .qsf-demo-canvas .RadUploadProgressArea .rpaBody {
            padding: 20px;
            background: url('White/images/progress-indicator.gif') 80% 20px no-repeat;
        }

            .qsf-demo-canvas .RadUploadProgressArea .rpaBody dl {
                margin: 0;
                padding: 80px 0 0;
                position: relative;
                zoom: 1;
            }

                .qsf-demo-canvas .RadUploadProgressArea .rpaBody dl:after {
                    content: "";
                    clear: both;
                    display: block;
                }

            .qsf-demo-canvas .RadUploadProgressArea .rpaBody dt {
                margin: 0 5px 10px 0;
                padding: 0;
                font-weight: bold;
                float: left;
                clear: left;
            }

            .qsf-demo-canvas .RadUploadProgressArea .rpaBody dd {
                margin: 0;
                padding: 0;
                float: left;
            }

            .qsf-demo-canvas .RadUploadProgressArea .rpaBody dt.rpaStatFirst {
                margin-bottom: 40px;
            }

            .qsf-demo-canvas .RadUploadProgressArea .rpaBody dd.rpaStatFirst {
                font-size: 65px;
                position: absolute;
                top: 0;
                left: 0;
            }

.image_publish {
    max-width: 100%;
    height: 28px;
    width: auto\9; /* ie8 */
    border: 0px;
    vertical-align: middle;
}

.message_error_div {
    z-index: 9999999;
    position: absolute;
    width: 60%;
    position: fixed;
    top: 40%;
    left: 20%;
    margin: 0 auto;
    background-color: #FFD0C7;
    border: 1px solid #C00000;
    color: #000;
    font-family: Verdana, Arial;
    font-size: 16px;
    line-height: 24px;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 5px;
}

.message_succes_div {
    z-index: 9999999;
    position: absolute;
    width: 60%;
    position: fixed;
    top: 40%;
    left: 20%;
    margin: 0 auto;
    background-color: #E6FFC0;
    border: 1px solid #118D00;
    color: #000;
    font-family: Verdana, Arial;
    font-size: 16px;
    line-height: 24px;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 5px;
}

.message_info_div {
    width: 60%;
    position: fixed;
    top: 40%;
    left: 20%;
    margin: 0 auto;
    background-color: #C5E3F7;
    border: 1px solid #0055AB;
    color: #000;
    font-family: Verdana, Arial;
    font-size: 16px;
    line-height: 24px;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 5px;
}

.totalMileage {
    font-weight: bold;
    position: static;
    text-align: left;
    float: left;
    padding: 0 0 0 36%;
}

.totalMileageTable {
    position: relative;
    left: 10%;
    vertical-align: middle;
    text-align: left;
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

    .tg td {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 0px 20px;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        word-break: normal;
    }

    .tg th {
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        padding: 0px 20px;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        word-break: normal;
    }
/*div.RadGrid tr.Row50 td
{
    padding-top:0;
    padding-bottom:0;
    height:50px;
    vertical-align:middle;
}*/

.rgCaption {
    font-weight: bold;
}

.tButtons {
    margin: 10px 0 10px 0;
}

    .tButtons tr td {
        text-align: center;
    }

.reportClose {
    vertical-align: top;
    text-align: right;
}

    .reportClose input {
        /* display: block; */
        margin: 8px;
        padding: 5px;
        width: 90px;
        border: solid 1px #000000;
        background: #CCCCCC;
    }

span.lNewReports {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-style: italic;
}

.block {
    display: block;
}

table.attachments {
    border-spacing: 15px !important;
    border-collapse: separate;
}

    table.attachments td {
        padding: 0 !important;
        border: none;
    }

        table.attachments td:first-child {
            width: 200px;
        }

.message {
    width: 100%;
    text-align: center;
}

.error {
    color: #bf0202 !important;
    border: solid 1px #bf0202;
    background-color: #ffdede;
}

.confirmation {
    color: #009900 !important;
    border: solid 1px #009900;
    background-color: #e6ffe6;
}

.notification {
    color: #000099 !important;
    border: solid 1px #000099;
    background-color: #e6e6ff;
}

.error, .confirmation, .notification {
    display: block;
    margin: 0 15px 10px 15px;
    padding: 2px 5px 2px 5px;
    font-weight: bold;
}

.labelMultiline {
    white-space: pre-wrap !important;
}

.authorNote {
    white-space: pre-wrap !important;
    color: darkred;
    font-weight: bold;
}

table.tableLayout td {
    vertical-align: top;
    padding: 0.5em;
}

    table.tableLayout td td {
        vertical-align: inherit;
        padding: inherit;
    }

table.tableLayout td {
    vertical-align: top;
    padding: 0.5em !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    table.tableLayout td td {
        vertical-align: inherit;
        padding: inherit;
        font-family: inherit;
    }

td.tdAction {
    text-align: center;
}

    td.tdAction button {
        margin-top: 20px !important;
    }

.rcbConfirmation .rbIcon, .rcbConfirmation .rbIcon::before {
    font-size: 26px !important;
}

.rcbConfirmation .rbText {
    padding-left: 10px;
}

.rbActionBig {
    color: White !important;
    font-weight: bold;
    background-color: #337AB7 !important;
    padding: 12px 24px !important;
}

.alert {
    color: #DD0000 !important;
    font-weight: bold !important;
}

table.tableNotes {
    border-collapse: collapse;
}

    /*table.tableNotes thead th {
        font-weight: bold;
    }*/

    table.tableNotes thead th, table.tableNotes tbody td {
        text-align: center;
        border: 1px solid lightgray;
    }

        table.tableNotes tbody td:first-child {
            text-align: left;
        }

    table.tableNotes tfoot td {
        text-align: left;
    }

.searchBox {
    margin-right: 10px;
}

.rsbHeader {
    font-weight: bold;
}

.lRecordType {
    font-style: italic !important;
    color: lightgray !important;
}

.lRecord {
}

.searchBoxFooterLink {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: darkblue;
}

.rmItem.fa {
    font: inherit;
}

    .rmItem.fa::before {
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        left: 6px;
        top: 7px;
        z-index: 1;
        pointer-events: none;
    }

a.rmLink {
    color: inherit;
}

.RadMenuPopup .rmLink {
    padding-left: 25px;
}

.rmItem.red a {
    color: #DD0000 !important;
    font-weight: bold;
}

.highlightedRow {
    font-weight: bold;
}

.RadButton .fa {
    margin-right: 0.5em;
}

.hi {
    font-weight: bold;
}

.rtsLink .fa {
    padding-right: 7px;
}

.RadToolTip a, .RadToolTip a:link, .RadToolTip a:visited {
    text-decoration: underline;
}

    .RadToolTip a:hover, .RadToolTip a:active {
        text-decoration: underline;
    }

table.layoutTable {
    border-collapse: collapse;
}

    table.layoutTable td {
        padding: 4px 8px;
        text-align: left;
        vertical-align: top;
    }

.checks, .checksFailed, .checksPassed {
    font-weight: bold;
}

.checksFailed {
    color: red;
}

.checksPassed {
    color: #005500;
}

.rlbMenuButton {
    padding: 2px 10px 2px 10px;
    margin: 0 5px 0 5px;
    border-radius: 4px !important;
}

    .rlbMenuButton .fa {
        margin-right: 0 !important;
    }