.lblTitle {
    width: 99%;
    display: block;
    border: 1px outset #EAEDF6;
    font-size: 18px;
    font-weight: bold;
    background-color: #A2DFEF;
    text-align: center;
}

.lblSearch {
    color: #6600CC;
    font-size: 16px;
    word-break: keep-all;
    display: inline-block;
}

.lblTag {
    color: #000000;
    font-size: 16px;
    word-break: keep-all;
    display: inline-block;
}

.lblData {
    color: Blue;
    font-size: 16px;
    overflow: auto;
    overflow-y: hidden;
}

.lblInt {
    text-align: right;
    width: 100%;
    display: block;
}

.txtTitle /*標準版*/ {
    display: block;
    border: 1px outset #D8BFD8;
    font-size: Medium;
    font-weight: bold;
    background-color: #F0E68C;
    text-align: center;
}

.txtTitle2 /*待簽核*/ {
    display: block;
    border: 1px outset #D8BFD8;
    font-size: Medium;
    font-weight: bold;
    background-color: #D8BFD8;
    text-align: center;
}

.txtTitle3 /*未完成簽核*/ {
    display: block;
    border: 1px outset #D8BFD8;
    font-size: Medium;
    font-weight: bold;
    background-color: #D8BFD8;
    text-align: center;
}

.txtChangable {
    border: solid 1px black;
    font-size: small;
    background-color: #eaeaff;
}

.txtUnchangable {
    border: solid 1px black;
    font-size: small;
    background-color: #c0c0ff;
}

.ddlChangable {
    font-size: small;
    background-color: #EAEAFF;
}

.ddlUnchangable {
    font-size: small;
    background-color: #c0c0ff;
    color: Gray;
}

.cmdHtml {
}

.cmdServer {
}

.rdoChangable {
}

.rdoUnchangable {
}

.SignPanel {
    border: solid 3px blue;
    background-color: #C1D3FB;
}

.ImgCalendar {
    height: 16px;
}

.ShowTable {
    border: thin solid #000000;
    word-break: keep-all;
    border-collapse: collapse;
}

    .ShowTable td, .ShowTable th {
        border: thin solid #000000;
    }

/*BS版*/
.GridBS {
    border-collapse: collapse;
    background-color: #D2B48C;
}

.GridBSRow {
    background-color: #FAFAD2;
}

.GridBSAlternatingRow {
    background-color: #EEE8AA;
}

.GridBSSelectedRow {
    background-color: #483D8B !important;
    color: #F8F8FF;
}

.GridBSHeader {
    background-color: #D2B48C;
    font-weight: bold;
    word-break: keep-all;
}

.GridBSPager {
    background-color: #EEE8AA;
}


.GridBSEmptyDataRow {
    background-color: #D2B48C;
    word-break: keep-all;
}

/*標準版*/
.Grid {
    background-color: #D2B48C;
    font-size: small;
}

.GridRow {
    background-color: #FAFAD2;
}

    .GridRow th, .GridRow td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridAlternatingRow {
    background-color: #EEE8AA;
}

    .GridAlternatingRow th, .GridAlternatingRow td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridSelectedRow {
    background-color: #483D8B;
    color: #F8F8FF;
}

    .GridSelectedRow th, .GridSelectedRow td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridHeader {
    background-color: #D2B48C;
    font-weight: bold;
    word-break: keep-all;
}

    .GridHeader th, .GridHeader td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridPager {
    background-color: #EEE8AA;
}

    .GridPager tr td {
        border-style: none;
        padding-left: 2px;
        padding-right: 2px;
    }

    .GridPager table {
        text-align: center;
        margin: auto;
    }

.GridFooter {
    background-color: #D2B48C;
}

    .GridFooter th, .GridFooter td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

    .GridFooter .ajax__calendar_container th {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

    .GridFooter .ajax__calendar_container td {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

.GridEmptyDataRow {
    background-color: #D2B48C;
    word-break: keep-all;
}

    .GridEmptyDataRow tr th, .GridEmptyDataRow tr td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: solid solid solid solid;
        border-width: 1px 1px 1px 1px;
    }

/*膚色的header 白底 藍字*/
.Grid2 {
    background-color: #FFAA99;
    font-size: small;
}


.GridRow2 {
    background-color: #FFFFFF;
    color: #330099;
}

    .GridRow2 th, .GridRow2 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridAlternatingRow2 {
    background-color: #FFFFFF;
    color: #330099;
}

    .GridAlternatingRow2 th, .GridAlternatingRow2 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridSelectedRow2 {
    background-color: #FFEEFF;
    color: #663399;
}

    .GridSelectedRow2 th, .GridSelectedRow2 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridHeader2 {
    background-color: #FFAA99;
    font-weight: bold;
    word-break: keep-all;
    color: #330099;
}

    .GridHeader2 th, .GridHeader2 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridPager2 {
    background-color: #FFFFFF;
}

    .GridPager2 tr td {
        border-style: none;
        padding-left: 2px;
        padding-right: 2px;
    }

    .GridPager2 table {
        text-align: center;
        margin: auto;
    }

.GridFooter2 {
    background-color: #FFFFFF;
}

    .GridFooter2 th, .GridFooter2 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

    .GridFooter2 .ajax__calendar_container th {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

    .GridFooter2 .ajax__calendar_container td {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

.GridEmptyDataRow2 {
    background-color: #FFAA99;
    word-break: keep-all;
}

    .GridEmptyDataRow2 tr th, .GridEmptyDataRow2 tr td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: solid solid solid solid;
        border-width: 1px 1px 1px 1px;
    }


/*藍底藍字header 白底黑字 綠底footer*/
.Grid3 {
    font-size: medium;
}


.GridRow3 {
    background-color: #FFFFFF;
    color: #003399;
}

    .GridRow3 th, .GridRow3 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridAlternatingRow3 {
    background-color: #EFF3FB;
    color: #003399;
}

    .GridAlternatingRow3 th, .GridAlternatingRow3 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridSelectedRow3 {
    background-color: #94ACD8;
    color: #0066CE;
}

    .GridSelectedRow3 th, .GridSelectedRow3 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridHeader3 {
    background-color: #507CD1;
    font-weight: bold;
    word-break: keep-all;
    color: #FFFFFF;
}

    .GridHeader3 th, .GridHeader3 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridPager3 {
    background-color: #99CCCC;
}

    .GridPager3 tr td {
        border-style: none;
        padding-left: 2px;
        padding-right: 2px;
    }

    .GridPager3 table {
        text-align: center;
        margin: auto;
    }

.GridFooter3 {
    background-color: #99CCCC;
}

    .GridFooter3 th, .GridFooter3 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

    .GridFooter3 .ajax__calendar_container th {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

    .GridFooter3 .ajax__calendar_container td {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

.GridEmptyDataRow3 {
    background-color: Transparent;
    word-break: keep-all;
}

    .GridEmptyDataRow3 tr th, .GridEmptyDataRow3 tr td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: solid solid solid solid;
        border-width: 1px 1px 1px 1px;
    }



/*簽核 紅底白字header 黃底黑字 紅底白字footer*/
.Grid4 {
    font-size: medium;
}


.GridRow4 {
    background-color: #FFFBD6;
    color: #333333;
}

    .GridRow4 th, .GridRow4 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 0px 1px 0px;
    }

.GridAlternatingRow4 {
    background-color: #FFFFFF;
    color: #003399;
}

    .GridAlternatingRow4 th, .GridAlternatingRow4 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 0px 1px 0px;
    }

.GridSelectedRow4 {
    background-color: #FFDF9D;
    color: navy;
}

    .GridSelectedRow4 th, .GridSelectedRow4 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridHeader4 {
    background-color: #990000;
    font-weight: bold;
    word-break: keep-all;
    color: #FFFFFF;
}

    .GridHeader4 th, .GridHeader4 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridPager4 {
    background-color: #FFCC66;
}

    .GridPager4 tr td {
        border-style: none;
        padding-left: 2px;
        padding-right: 2px;
    }

    .GridPager4 table {
        text-align: center;
        margin: auto;
    }

.GridFooter4 {
    background-color: #990000;
}

    .GridFooter4 th, .GridFooter4 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 0px 0px 0px 0px;
    }

    .GridFooter4 .ajax__calendar_container th {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

    .GridFooter4 .ajax__calendar_container td {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

.GridEmptyDataRow4 {
    background-color: Transparent;
    word-break: keep-all;
}

    .GridEmptyDataRow4 tr th, .GridEmptyDataRow4 tr td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: solid solid solid solid;
        border-width: 1px 1px 1px 1px;
    }

/*標準版-小Padding*/
.Grid5 {
    background-color: #D2B48C;
    font-size: small;
}

.GridRow5 {
    background-color: #FAFAD2;
}

    .GridRow5 th, .GridRow5 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridAlternatingRow5 {
    background-color: #EEE8AA;
}

    .GridAlternatingRow5 th, .GridAlternatingRow5 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridSelectedRow5 {
    background-color: #483D8B;
    color: #F8F8FF;
}

    .GridSelectedRow5 th, .GridSelectedRow5 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridHeader5 {
    background-color: #D2B48C;
    font-weight: bold;
    word-break: keep-all;
}

    .GridHeader5 th, .GridHeader5 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridPager5 {
    background-color: #EEE8AA;
}

    .GridPager5 tr td {
        border-style: none;
        padding-left: 2px;
        padding-right: 2px;
    }

    .GridPager5 table {
        text-align: center;
        margin: auto;
    }

.GridFooter5 {
    background-color: #D2B48C;
}

    .GridFooter5 th, .GridFooter5 td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

    .GridFooter5 .ajax__calendar_container th {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

    .GridFooter5 .ajax__calendar_container td {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

.GridEmptyDataRow5 {
    background-color: #D2B48C;
    word-break: keep-all;
}

    .GridEmptyDataRow5 tr th, .GridEmptyDataRow5 tr td {
        padding-left: 4px;
        padding-right: 4px;
        border-color: #ACA899;
        border-style: solid solid solid solid;
        border-width: 1px 1px 1px 1px;
    }

/*標準版 首頁面板樣式*/
.Grid6 {
    border-style: inset;
    background-color: #CCCCCC;
    font-size: small;
}

.GridRow6 {
    background-color: #EEEEEE;
}

    .GridRow6 th, .GridRow6 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridAlternatingRow6 {
    background-color: #DCDCDC;
}

    .GridAlternatingRow6 th, .GridAlternatingRow6 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridSelectedRow6 {
    background-color: #008A8C;
    color: #F8F8FF;
}

    .GridSelectedRow6 th, .GridSelectedRow6 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridHeader6 {
    background-color: #FFCC66;
    font-weight: bold;
    word-break: keep-all;
}

    .GridHeader6 th, .GridHeader6 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

.GridPager6 {
    background-color: #999999;
}

    .GridPager6 tr td {
        border-style: none;
        padding-left: 2px;
        padding-right: 2px;
    }

    .GridPager6 table {
        text-align: center;
        margin: auto;
    }

.GridFooter6 {
    background-color: #CCCCCC;
}

    .GridFooter6 th, .GridFooter6 td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: none solid none solid;
        border-width: 1px 1px 1px 1px;
    }

    .GridFooter6 .ajax__calendar_container th {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

    .GridFooter6 .ajax__calendar_container td {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }

.GridEmptyDataRow6 {
    background-color: #CCCCCC;
    word-break: keep-all;
}

    .GridEmptyDataRow6 tr th, .GridEmptyDataRow6 tr td {
        padding-left: 10px;
        padding-right: 10px;
        border-color: #ACA899;
        border-style: solid solid solid solid;
        border-width: 1px 1px 1px 1px;
    }

.ajax__tab_xp .ajax__tab_tab {
    height: 21px;
    width: 105px;
    font-size: 12px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: White;
    height: 550px;
    text-align: left;
    overflow: auto;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
///////////////////////////////////////////////////////////////////////////////////////// 
// Super Tables v0.30 - MIT Style License
// Copyright (c) 2008 Matt Murphy --- www.matts411.com
//
// Contributors:
// Joe Gallo
///////////////////////////////////////////////////////////////////////////////////////// 
*/
.sBase {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* HEADERS */
.sHeader {
    position: absolute;
    z-index: 3;
    background-color: transparent;
}

.sHeaderInner {
    position: relative;
}

    .sHeaderInner table {
        border-spacing: 0px 0px !important;
        border-collapse: collapse !important;
        width: 1px !important;
        table-layout: fixed !important;
        background-color: transparent; /* Here b/c of Opera 9.25 :( */
    }

/* HEADERS - FIXED */
.sFHeader {
    position: absolute;
    z-index: 4;
    overflow: hidden;
}

    .sFHeader table {
        border-spacing: 0px 0px !important;
        border-collapse: collapse !important;
        width: 1px !important;
        table-layout: fixed !important;
        background-color: transparent; /* Here b/c of Opera 9.25 :( */
    }

/* BODY */
.sData {
    position: absolute;
    z-index: 2;
    overflow: auto;
    background-color: transparent;
}

    .sData table {
        border-spacing: 0px 0px !important;
        border-collapse: collapse !important;
        width: 1px !important;
        table-layout: fixed !important;
    }

/* BODY - FIXED */
.sFData {
    position: absolute;
    z-index: 1;
    background-color: transparent;
}

.sFDataInner {
    position: relative;
}

.sFData table {
    border-spacing: 0px 0px !important;
    border-collapse: collapse !important;
    width: 1px !important;
    table-layout: fixed !important;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*Calendar Control CSS*/
.cssCalendar .ajax__calendar_container {
    background-color: #DEF1F4;
    border: solid 1px #77D5F7;
    z-index: 1000;
    width: 350px;
    height: 215px;
}

.cssCalendar .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 8px;
    height: 32px;
    font-size: 16px;
}

.cssCalendar .ajax__calendar_title {
    color: #004080;
    padding-top: 3px;
}

.cssCalendar .ajax__calendar_prev {
    cursor: pointer;
    width: 35px;
    height: 35px;
    float: left;
    background-size: 6px;
}

.cssCalendar .ajax__calendar_next {
    cursor: pointer;
    width: 35px;
    height: 35px;
    float: right;
    background-size: 6px;
}

.cssCalendar .ajax__calendar_body {
    background-color: #ffffff;
    border: solid 1px #77D5F7;
    width: 340px;
}

.cssCalendar .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #004080;
    width: 48px;
    font-size: 14px;
}

.cssCalendar .ajax__calendar_day {
    color: #004080;
    text-align: center;
    width: 48px;
    height: 18px;
    font-size: 14px;
}

.cssCalendar .ajax__calendar_month,
.cssCalendar .ajax__calendar_year {
    color: #004080;
    text-align: center;
    width: 85px;
    height: 45px;
    font-size: 14px;
}

.cssCalendar .ajax__calendar_hover .ajax__calendar_day,
.cssCalendar .ajax__calendar_hover .ajax__calendar_month,
.cssCalendar .ajax__calendar_hover .ajax__calendar_year,
.cssCalendar .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #DEF1F4;
    font-size: 16px;
}


.cssCalendar .ajax__calendar_today {
    font-weight: bold;
    font-size: 16px;
}

.cssCalendar .ajax__calendar_other,
.cssCalendar .ajax__calendar_hover .ajax__calendar_today,
.cssCalendar .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

    .cssCalendar .ajax__calendar_other .ajax__calendar_day {
        display: none;
    }

.fs8 {
    font-size: 8px;
}

.fs9 {
    font-size: 9px;
}

.fs10 {
    font-size: 14px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}

.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.disabled {
    background-color: #e9ecef !important;
    opacity: 1;
}

.alert-Title {
    color: #FFFFFF;
    background-color: #444444;
}

    .alert-Title hr {
        border-top-color: #c8cbcf;
    }

    .alert-Title .alert-link {
        color: #202326;
    }

.alert-Title2 {
    color: #FFFFFF;
    background: #444444;
}

    .alert-Title2 hr {
        border-top-color: #abdde5;
    }

    .alert-Title2 .alert-link {
        color: #062c33;
    }

.table-GirdView {
    color: #191970;
    background: #FFFFFF;
}

    .table-GirdView text {
        color: #9370DB;
    }

.btn-black {
    color: #FFFFFF;
    background-color: #444444;
    border-color: #444444;
}

    .btn-black:hover {
        color: #FFFFFF;
        background-color: #DDDDDD;
        border-color: #DDDDDD;
    }

    .btn-black:focus, .btn-black.focus {
        color: #FFFFFF;
        background-color: #444444;
        border-color: #444444;
        box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
    }

    .btn-black.disabled, .btn-black:disabled {
        color: #FFFFFF;
        background-color: #444444;
        border-color: #444444;
    }

    .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active,
    .show > .btn-black.dropdown-toggle {
        color: #FFFFFF;
        background-color: #EE7700;
        border-color: #EE7700;
    }

        .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus,
        .show > .btn-black.dropdown-toggle:focus {
            box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
        }

.btn-red {
    color: #FFFFFF;
    background-color: #A52A2A;
    border-color: #A52A2A
}

    .btn-red:hover {
        color: #FFFFFF;
        background-color: #FFCCCC;
        border-color: #FFCCCC;
    }

    .btn-red:focus, .btn-red.focus {
        color: #FFFFFF;
        background-color: #A52A2A;
        border-color: #A52A2A;
        box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
    }

    .btn-red.disabled, .btn-red:disabled {
        color: #FFFFFF;
        background-color: #A52A2A;
        border-color: #A52A2A;
    }

    .btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active,
    .show > .btn-red.dropdown-toggle {
        color: #FFFFFF;
        background-color: #EE7700;
        border-color: #EE7700;
    }

        .btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus,
        .show > .btn-red.dropdown-toggle:focus {
            box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
        }

.btn-blue {
    color: #FFFFFF;
    background-color: #0066FF;
    border-color: #007bff;
}

    .btn-blue:hover {
        color: #FFFFFF;
        background-color: #00BFFF;
        border-color: #00BFFF;
    }

    .btn-blue:focus, .btn-blue.focus {
        color: #FFFFFF;
        background-color: #0066FF;
        border-color: #0066FF;
        box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
    }

    .btn-blue.disabled, .btn-blue:disabled {
        color: #FFFFFF;
        background-color: #0066FF;
        border-color: #0066FF;
    }

    .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
    .show > .btn-blue.dropdown-toggle {
        color: #FFFFFF;
        background-color: #EE7700;
        border-color: #EE7700;
    }

        .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
        }

.btn-gray {
    color: #FFFFFF;
    background-color: #808080;
    border-color: #FFFFFF;
}

    .btn-gray:hover {
        color: #FFFFFF;
        background-color: #C0C0C0;
        border-color: #C0C0C0;
    }

    .btn-gray:focus, .btn-gray.focus {
        color: #FFFFFF;
        background-color: #808080;
        border-color: #808080;
        box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
    }

    .btn-gray.disabled, .btn-gray:disabled {
        color: #FFFFFF;
        background-color: #C0C0C0;
        border-color: #C0C0C0;
    }

    .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
    .show > .btn-gray.dropdown-toggle {
        color: #FFFFFF;
        background-color: #EE7700;
        border-color: #EE7700;
    }

        .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
        .show > .btn-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
        }

.toHyperLink {
    font-size: medium;
    text-align: left;
    border-style: none;
    text-decoration: underline;
    color: Blue;
    background-color: transparent;
    cursor: pointer;
    padding: 0px;
    text-wrap:wrap;
}

    .toHyperLink:disabled, .toHyperLink.disabled {
        font-size: medium;
        text-align: left;
        border-style: none;
        text-decoration: underline;
        color: Gray;
        background-color: transparent;
        cursor: pointer;
        padding: 0px;
    }

.style1 {
    color: #4B0082;
    font-size: large;
    font-weight: bold;
}

.Title {
    background-color: #666699;
    color: white;
}

.Td1 {
    background-color: #cee2e2;
}

.txtChangableInt {
    border: solid 1px black;
    background-color: #eaeaff;
    text-align: right;
    font-size: small;
}

.txtUnchangableInt {
    border: solid 1px black;
    background-color: #c0c0ff;
    text-align: right;
    font-size: small;
}

.purpleTitle {
    color: white;
    background-color: #666699;
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    font-weight: bold;
}

.purpleTitle2 {
    color: white;
    background-color: #666699;
    text-align: right;
    vertical-align: middle;
    border: 1px solid black;
    font-weight: bold;
}

.greenDetail {
    background-color: #cee2e2;
    border: 1px solid black;
}

.DynamicMenu a {
    background-color: #B5C7DE;
    color: #284E98 !important;
    padding: 2px 5px 2px 5px;
    font-weight: bold;
}

    .DynamicMenu a.highlighted {
        background-color: #284E98;
        color: White !important;
    }

    .DynamicMenu a.aspNetDisabled {
        background-color: lightgrey;
        color: dimgrey !important;
        cursor: not-allowed;
        font-weight: normal;
    }

    .DynamicMenu a.highlighted.aspNetDisabled {
        background-color: lightgrey;
        color: dimgrey !important;
        cursor: not-allowed;
        font-weight: normal;
    }