/***********************************Master Page *********************************/
/*              THIS IS A COPY OF DEFAULT.CSS WITH UPDATED COLORS ONLY          */

@import url("/fonts/roboto/roboto.css");

:root {
    --primary-color: #8241AA;
}

.black-fa {
    color: #000000;
}

.movedown {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


html {
    display: none;
}

#right {
    width: 95%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    text-align: left;
    overflow: hidden;
}

#dashright {
    width: 98%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    text-align: left;
    overflow: hidden;
}

#bottom {
    width: 100%;
    clear: both;
    text-align: center;
}

#LeftMenu {
    /*background-color: #FFFAF0;*/
    width: 19%;
    display: inline;
    float: left;
    margin-left: 1%;
    top: 31px;
    left: 0px;
    position: absolute;
}

.LeftMenu {
    /*background-color: #FFFAF0;*/
    width: 19%;
    display: inline;
    float: left;
    margin-left: 1%;
}

#tableTop {
    width: 100%;
    border-width: 0;
}

#UserInfo {
    font-family: Arial;
    font-size: 9px;
    text-decoration: none;
    color: #666666;
    width: 60%;
    text-align: right;
    padding-bottom: 1px;
    font: bold;
}

#AppVersion {
    font-family: Arial;
    font-size: 9px;
    color: #0173c7;
    padding-bottom: 1px;
    font: bold;
}

#container {
    border: 1px solid #D8D8D8;
    background-color: #FFFFFF;
    margin: 0;
    width: 1024px; /*height:768px;*/
    height: inherit;
}

#Logo {
    padding-left: 5px;
    padding-right: 10px;
    width: 182px;
    height: 42px;
    float: left;
}

#FirmName {
    font-family: Arial;
    font-size: 20px;
    color: #0173c7; /*#5D7B9D;*/
    font-weight: bold;
    font-style: 'Roboto';
    /*text-align: center;*/
    text-decoration: none;
    padding-left: 440px
}

#TopNav {
    height: 32px;
}

    #TopNav ul {
        margin-left: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        list-style-type: none;
    }

    #TopNav li {
        margin-left: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        display: inline;
    }

    #TopNav a {
        border-collapse: separate;
        float: left;
        margin-left: 2px;
    }

a.white:link {
    color: #FFFAE5;
    font-weight: bold;
    text-decoration: none;
}

a.white:visited {
    color: White;
    font-weight: bold;
    text-decoration: none;
}

a.white:active {
    color: White;
    font-weight: bold;
    text-decoration: none;
}

a.white:hover {
    color: White;
    font-weight: bold;
    text-decoration: none;
}

#Period {
    font-family: Arial;
    font-size: 9px;
    height: 16px;
    text-align: right;
    color: #666666;
}

a.trigger {
    text-decoration: none;
    height: 31px;
    width: 50px;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 700;
    background-image: url(/images/Menu_Plus_Green.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /*-moz-border-radius-topright: 20px;
            -webkit-border-top-right-radius: 20px;
            -moz-border-radius-bottomright: 20px;
            -webkit-border-bottom-right-radius: 20px;
            -moz-border-radius-bottomleft: 0px;
            -webkit-border-bottom-left-radius: 0px;*/
    display: block;
}

.RemoveChromeItemHeight {
    -webkit-margin-before: 0.8em !important;
    -webkit-margin-after: 0.8em !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
}

a.active.trigger {
    text-decoration: none;
    font-size: 16px;
    letter-spacing: -1px;
    height: 25px;
    width: 44px;
    font-weight: 700;
    background: #8241aa !important;
    background-image: url(/images/Menu_Plus_Black.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 3px solid #8241aa !important;
    /*-moz-border-radius-topright: 20px;
            -webkit-border-top-right-radius: 20px;
            -moz-border-radius-bottomright: 20px;
            -webkit-border-bottom-right-radius: 20px;
            -moz-border-radius-bottomleft: 0px;
            -webkit-border-bottom-left-radius: 0px;*/
    display: block;
}

.DHXPanel {
    position: absolute;
    padding-top: 0px;
    margin-top: 0px;
    float: left;
    margin-left: 1%;
    /*top: 104px;
            left: -5px;*/
    display: block !important;
    border: 1px solid #8241aa;
    /*-moz-border-radius-topright: 20px;
            -moz-border-radius-bottomright: 20px;
            -moz-border-radius-bottomleft: 20px;
            -webkit-border-top-right-radius: 20px;
            -webkit-border-bottom-right-radius: 20px;
            -webkit-border-bottom-left-radius: 20px;*/
}

/*.rightOverride {
    width: 80% !important;
    float: right !important;
}*/

/* MAIN OBJ */
div.dhx_acc_base_dhx_black {
    /*height:200px;*/
    /*overflow: inherit;*/
}
    /* SINGLE ITEM */
    div.dhx_acc_base_dhx_black div.dhx_acc_item {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    div.dhx_acc_base_dhx_black div.dhx_acc_item_hidden {
        display: none;
        /*height:auto;*/
    }
    /* HEADER */
    div.dhx_acc_base_dhx_black div.dhx_acc_item div.dhx_acc_item_label {
        position: relative;
        color: #8241aa;
        font-family: Calibri, Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
        /*height: auto;*/
        line-height: 32px;
        border-left: #8241aa 1px solid;
        border-right: #8241aa 1px solid;
        vertical-align: middle;
        /*overflow: visible;*/
        /*background-image: linear-gradient(white, #8241aa);*/
        background-image: url("/images/dhxacc_bg_normal.gif");
        background-position: top;
        background-repeat: repeat-x;
        -moz-user-select: none;
        cursor: pointer;
    }
        /* LABEL */
        div.dhx_acc_base_dhx_black div.dhx_acc_item div.dhx_acc_item_label span {
            margin: 0px 20px;
            /*height: 30px;*/
            /*height:800px;*/
        }
    /* HOVERED HEADER */
    div.dhx_acc_base_dhx_black div.dhx_acc_item_lavel_hover {
        border-left: #FFFFFF 1px solid;
        border-right: #FFFFFF 1px solid;
        background-image: url("/images/dhxacc_bg_hover.gif") !important;
        background-position: top;
        background-repeat: repeat-x;
    }

    /* HEADER BOTTOM BORDER FAKE */
    div.dhx_acc_base_dhx_black div.dhx_acc_item div.dhx_acc_item_label div.dhx_acc_item_label_btmbrd {
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 0px;
        border-bottom: #8241aa 1px solid;
    }
    /* ICON */
    div.dhx_acc_base_dhx_black div.dhx_acc_item div.dhx_acc_item_label img.dhx_acc_item_icon {
        position: absolute;
        width: 24px;
        height: 24px;
        left: 4px;
        top: 4px;
    }

/* ?? accordion attached to window */
.dhtmlxAccordionAttached {
    border: none !important;
}


/* tabbar */
div.dhx_acc_base_dhx_black div.dhx_acc_item div.dhx_tabbar_row {
    background-color: #8241aa;
}
/* status bar */
div.dhx_acc_base_dhx_black div.dhxcont_statusbar {
    position: absolute;
    width: 100%;
    bottom: 0px;
    _bottom: -1px;
    border-top: #8241aa 1px solid;
    background-color: #555555;
    /*height:500px;
	overflow: visible;*/
    font-family: Tahoma;
    color: #F0F0F0;
    font-size: 11px;
    vertical-align: middle;
    line-height: 19px;
    -moz-user-select: none;
    cursor: default;
    padding-left: 4px;
}

/* CONTAINER */
div.dhx_acc_base_dhx_black div.dhx_acc_item div.dhxcont_global_content_area {
    position: absolute;
    border: #8241aa 1px solid;
    background-color: #F5F5F5;
    height: 20px;
    overflow: visible;
    font-family: Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 2px;
    text-align: left;
    padding-left: 20px;
}

div.dhxcont_content_blocker {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 101%;
    /*height: 101%;*/
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    background: #FFFFFF;
    z-index: 1;
    -moz-user-select: none;
    overflow: visible;
}

/************************END MASTER**************************************/

.LoginTextBoxes {
    width: 100px;
}

.Filters {
    width: 100%;
}

    .Filters ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
    }

    .Filters il {
        display: inline;
    }


#ErrorMsg {
    background-color: #FFFFCC;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    color: #FF0000;
    text-decoration: none;
    visibility: hidden;
    height: 0px;
}

#Content {
    padding: 5px 5px 5px 2px;
    float: right;
    width: 829px;
    text-align: left;
    height: 100%;
}


#ActionItems {
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #000080;
}

#ActionHeader {
    background-color: #7B68EE;
    height: 20px;
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #FFFFFF;
    vertical-align: middle;
}

.NotificationCountLabel {
    z-index: 8000;
    font-size: 9px;
    font-weight: bold;
    color: #FFF;
    margin-left: 20px;
    margin-top: -5px;
}

    .NotificationCountLabel :hover {
        background-color: transparent !important;
    }

#Footer {
    font-family: Arial;
    font-size: 9px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #000080;
    vertical-align: middle;
    width: 100%;
    float: left;
}

    #Footer li {
        display: inline;
        padding: .2em .2em .2em .2em;
    }

#Copyright {
    font-family: Arial;
    font-size: 8px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: Black;
    vertical-align: middle;
    width: 100%;
    float: left;
}



.style1 {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*width: 100%;*/ /*background-repeat: repeat;*/
    font-family: Roboto;
    font-size: Medium;
    font-weight: bold;
    font-style: normal;
    /*text-shadow: 1px 1px grey;*/
    color: #0173c7;
    webkit-border-radius: 4px;
    text-decoration: none;
    background-color: white;
    /*background-image: linear-gradient(#F8DBA5, #eeb54a);*/
    width: 100% !important; /*background-repeat: repeat;*/
}

.style2 {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #F2F2F2;
    padding: 3px 3px 3px 3px;
    height: 30px;
}

.style3 {
    height: 30px;
}

.LoginDiv {
    width: 350px;
    margin: 10px 10px 10px 10px;
    background-color: White;
}

#LoginForm {
    text-align: center;
}

#LogControl {
    /*border: thin solid #9FFF9F;*/
    text-align: left; /*padding:5px;*/
    width: 100%; /*background-color: #9FFF9F;*/
}

.looklessTable {
    border-collapse: collapse;
    border-spacing: 0px;
}

#NewUser {
    width: 450px;
    float: left;
}

#PasswordRecovery {
    /*padding: 5px;*/
    text-align: center;
    color: #005100;
    width: 100%;
}

#LoginPasswordRecovery {
    text-align: left;
}

.copyright {
    font-family: Arial;
    font-size: 8px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #000080;
    vertical-align: middle;
}


.sidebarcontent {
    border: 1px solid #0F2543;
    padding: 2px 2px 2px 3px;
    line-height: 1.5em;
    font-weight: bold;
}

.FormHeadings {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
    /*width: 100%;*/ /*background-repeat: repeat;*/
    font-family: Roboto;
    font-size: Medium;
    font-weight: bold;
    font-style: normal;
    /*text-shadow: 1px 1px grey;*/
    color: #0173c7;
    -webkit-border-radius: 4px;
    text-decoration: none;
    background-color: white;
    /*background-image: linear-gradient(#F8DBA5, #eeb54a);*/
    width: 100% !important; /*background-repeat: repeat;*/
}

.EmptyDataText {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 580px;
    text-align: center;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    color: #000066;
    text-decoration: none;
}

.DialogueEmptyDataText {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 580px;
    text-align: center;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    color: #000066;
    background-color: white;
    border: solid 1px black;
    text-decoration: none;
}

#NewTimesheet {
    border: 1px solid #808080;
    width: 99%;
    table-layout: fixed;
    border-spacing: 0px;
    empty-cells: show;
    background-color: #DDDDDD;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    text-decoration: none;
}

#NewTimesheet2 {
    border: 1px solid #D8D8D8;
    width: 99%;
    table-layout: fixed;
    border-spacing: 0px;
    empty-cells: show;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    text-decoration: none;
}

#NewTimesheet3 {
    border: 1px dotted #808080;
    width: 100%;
    table-layout: auto;
    border-spacing: 1px;
    empty-cells: show;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    text-decoration: none;
}

.Spacer {
    height: 12px;
    padding-right: 10px;
    padding-top: 10px;
    clear: left;
}

#NewTimesheetTable td {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}



#NewTimesheetTable2 td {
    padding-left: 5px;
    padding-right: 4px;
    vertical-align: middle;
    white-space: nowrap;
}

#NewTimesheetTable3 td {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.TimeSheetCalender {
    float: left;
    width: 177px;
    height: 156px;
    border: 1px solid #999;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    margin: 15px 0px 15px 15px;
}

.TableLeftCol {
    background-color: #E5E5E5;
    white-space: normal;
    overflow: auto;
}

.TableRightCol {
    background-color: #F2F2F2;
}

.TableLeftCol2 {
    white-space: normal;
    overflow: auto;
    background-color: #F4F4F4;
}

.TableRightCol2 {
    background-color: #F4F4F4;
}

.MsgTableLeftCol {
    background-color: #E5E5E5;
    white-space: normal;
    overflow: auto;
}

.MsgTableRightCol {
    background-color: #F2F2F2;
    width: 500px;
}

.MsgTableLeftCol2 {
    white-space: normal;
    overflow: auto;
    background-color: #F4F4F4;
}

.MsgTableRightCol2 {
    background-color: #F4F4F4;
    width: 500px;
}

#TimesheetTable {
    border: 1px solid #D8D8D8;
    margin-right: 5px;
    font-family: Arial;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #333333;
}

.TimeSheetTableHeader {
    background-color: #7A7A7A;
    color: #FFFFFF;
}

#TimesheetTable img {
    width: 16px;
    height: 16px;
    border-style: none;
}

#TimeSheet H3 {
    margin: 0px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #333333;
}

.RowColor {
    background-color: #FCFCFC;
}

.AltRowColor {
    background-color: #F2F2F2;
}

.Blankcell {
    background-color: White;
}

.frame {
    /*#FFFAF0 	background-color: #EBF4FA;*/
    background-image: url('../images/test_back_menu.png');
    margin: 0px 34px 5px 0px;
    width: 100%;
    float: left;
}

.Header {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 22px;
    background-color: #e3e3e3;
    /*background-image: linear-gradient(#FCEDD4, #eeb54a);*/
    /*background-image: linear-gradient(#AFDBFE, #0173c7);*/
    /*background-image: url('../images/back.gif');*/
    background-repeat: repeat-x;
    color: #8241aa;
    -webkit-border-radius: 3px;
    /*text-shadow: 1px 1px grey;*/
    text-align: center;
    vertical-align: baseline;
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: Bold;
    font-style: normal;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.WebPartHeader {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 22px;
    background-color: #8241aa;
    /*background-image: linear-gradient(#FCEDD4, #eeb54a);*/
    /*background-image: linear-gradient(#AFDBFE, #0173c7);*/
    /*background-image: url('../images/back.gif');*/
    background-repeat: repeat-x;
    color: black;
    -webkit-border-radius: 3px;
    /*text-shadow: 1px 1px grey;*/
    text-align: center;
    vertical-align: baseline;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

.HeaderGray {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 24px;
    background-color: #E3E3E3;
    /*background-image: linear-gradient(#FCEDD4, #eeb54a);*/
    /*background-image: linear-gradient(#AFDBFE, #0173c7);*/
    /*background-image: url('../images/back.gif');*/
    background-repeat: repeat-x;
    color: #0173c7;
    /*text-shadow: 1px 1px grey;*/
    text-align: center;
    vertical-align: baseline;
    font-family: 'Roboto';
    font-size: 10px;
    /*font-weight: bold;*/
    font-style: normal;
}

.header {
    margin: 0px 0px 0px 5px;
    height: 25px;
    background-color: #8241aa;
    background-repeat: repeat-x;
    padding: 5px 0px 0px 0px;
    color: White;
    text-align: center;
    font-family: 'Trebuchet MS', 'Arial';
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    width: 100%;
}

.items {
    margin: 0px 0px 0px 0px;
    text-align: left; /*padding: 5px 5px;*/
    border-style: solid;
    border-width: 1px; /*border-color:#D8D8D8;*/
    border-color: #BBD9EE;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

    .items ul {
        display: inline;
        list-style-type: none;
    }

#SingleTimeSheet {
    border-style: solid;
    border-width: 1px;
    border-color: #D8D8D8;
    background-color: White;
}

    #SingleTimeSheet thead {
        font-family: Arial;
        font-size: x-small;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        color: White;
        background-color: #7A7A7A;
        text-align: center;
    }

    #SingleTimeSheet tbody {
        font-family: Arial;
        font-size: x-small;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        color: #333333;
    }

#Weekend {
    color: #346969;
    vertical-align: top;
}

#SingleTimeSheet tbody td {
    text-align: right;
}

#SingleTimeSheet tbody tr {
    background-color: #ECECFF;
}

#SingleTimeSheet tfoot {
    font-family: Arial;
    font-size: x-small;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #333333;
    background-color: #F5F5F5;
}

    #SingleTimeSheet tfoot td {
        text-align: right;
    }

#SingleTimeSheet table {
    border: 1px solid White;
    width: 100%;
    border-collapse: separate;
}

.LeftGeneralFont {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.ErrorFont {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    color: #FF0000;
}

.WarningFont {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    color: #FF6600;
}

.SearchGeneralFont {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.SearchGeneralFontBold {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.alert {
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
}

.alertInfo {
    background-color: mistyrose;
    border-color: darkred;
    border-style: solid;
    border-width: 1px;
    color: darkred;
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    margin: 3px;
    padding: 3px;
    text-decoration: none;
}

.successInfo {
    background-color: lightgreen;
    border-color: darkgreen;
    border-style: solid;
    border-width: 1px;
    color: darkgreen;
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    margin: 3px;
    padding: 3px;
    text-decoration: none;
}

.notifyInfo {
    background-color: #bbf7d6;
    border-color: darkgreen;
    border-style: solid;
    border-width: 1px;
    color: darkgreen;
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    margin: 3px;
    padding: 3px;
    text-decoration: none;
}

.GeneralFont {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
}

.GeneralFontLink {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
}

.GeneralFontDisabled {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
    color: #808080;
}


.GeneralFontCheckBox {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
    background-color: #F2F2F2;
}

.GeneralFontLarge {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
}

.GeneralFontRed {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
    background-color: #f00;
}

.GeneralFontRedPastel {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
    background-color: #ff6961;
}

.GeneralFontNumbers {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
    text-align: right;
    width: 35px;
}

.TSColWidths {
    width: 75px;
}

.GeneralFontSmall {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 2px;
}

.GeneralFontBold {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.GeneralFontBoldClean {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.SmallGeneralFont {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.NumberAlign {
    text-align: right;
}

.ButtonLeftAlign {
    /*margin: 5,0,5,5;
    padding: 5,0,5,5;*/
    text-align: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

/* Pasted from Greatview */

.StyleDiv {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #8241aa;
}

.StyleDivTitle {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #8241aa;
    border-bottom: solid 2px #1261A0;
    width: 99.9%;
}

.StyleDivHeader {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #8241aa;
    border-bottom: solid 2px #1261A0;
    width: 99.9%;
}

.StyleDivLabel {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    background-color: #E5E5E5;
    border-color: White;
    border-style: solid;
    border-width: 1px;
    width: 10%;
    float: left;
}

.StyleDivLabelCombo {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    background-color: #E5E5E5;
    border-color: White;
    border-style: solid;
    border-width: 0px;
    width: 10%;
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 1px;
    padding-bottom: 5px;
}

.StyleDivCode {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #F2F2F2;
    border-color: White;
    border-style: solid;
    border-width: 1px;
    width: 10%;
    float: left;
}

.StyleDivDetail {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #F2F2F2;
    border-color: White;
    border-style: solid;
    border-width: 1px;
    width: 29%;
    float: left;
}

.StyleDivLabel1 {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    background-color: #E5E5E5;
    border-color: White;
    border-style: solid;
    border-width: 1px;
    width: 15%;
    float: left;
}

.StyleDivCode1 {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #F2F2F2;
    border-color: White;
    border-style: solid;
    border-width: 1px;
    width: 15%;
    float: left;
}


.StyleTableLabel {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #E5E5E5;
}

.StyleDivDetail1 {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #F2F2F2;
    border-color: White;
    border-style: solid;
    border-width: 1px;
    width: 55%;
    float: left;
}


.StyleTableCode {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #F2F2F2;
}

.StyleTableDetail {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #F2F2F2;
}

.StyleTableAmount {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: right;
    background-color: #F2F2F2;
}

.GrdTableHeader {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: smaller;
    font-weight: bold;
    font-style: normal;
    background-position: 0px 0px;
    background: url('../content/assets/img/sprite.png') repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 1px;
    color: #000;
    padding: 4px 5px 4px 5px;
    vertical-align: bottom; /*text-align: left;*/
    white-space: nowrap;
}

.GrdTableRowColor {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: smaller;
    font-weight: normal;
    font-style: normal;
    background-color: #FCFCFC;
}

.GrdTableRowColorAlt {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: smaller;
    font-weight: normal;
    font-style: normal;
    background-color: #EBF4FA;
}

.VistaBackgroundImage {
    background-color: #8241aa !important;
    /*background-image: url('../Controls/styles/back.gif');*/
    background-repeat: repeat-x;
}
/**************************** TRANSPARENT GRID CHILD CONTROLS *********************************/
.gridAmountFont {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    background-color: transparent;
    border-style: none;
    text-align: right;
}

.gridAmountFontBold {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    background-color: transparent;
    border-style: none;
    text-align: right;
}

.gridTextFont {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    background-color: transparent;
    border-style: none;
    text-align: left;
}
/**************************** TRANSPARENT GRID CHILD CONTROLS *********************************/

/**************************************GRID CONTROL********************************************/
/* table level rules */
.grid {
    font-family: tahoma;
    font-size: 11px;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    color: #333333;
}


    /* header column rules */
    .grid th {
        background-position: 0px 0px;
        background: url('../content/assets/img/sprite.png') repeat-x 0px 0px;
        border-color: #989898 #cbcbcb #989898 #989898;
        border-style: solid solid solid none;
        border-width: 1px 1px 1px 1px;
        color: #000;
        padding: 4px 5px 4px 5px;
        vertical-align: bottom; /*text-align: left;*/
        white-space: nowrap;
    }

        .grid th a {
            color: #333333;
            font-weight: bold;
            text-decoration: none;
            display: block;
            padding-right: 10px;
        }

    /* data cell and data row rules */
    .grid td {
        color: #333333;
        padding: 4px 10px 4px 10px;
        border-bottom: solid 1px #BBD9EE;
        cursor: pointer;
    }

    .grid .altrow {
        background-color: #EBF4FA;
    }

    .grid .row {
        background-color: #fff;
    }

    .grid .rownum {
        text-align: center;
        padding-left: 0px;
        font-weight: bold;
        color: #333333;
    }

/***************************************************************PAGER CONTROL*****************/

.pager {
    height: 30px;
    background: url('../content/assets/img/pager_bg.gif') repeat-x;
    width: 100%;
}

    .pager .container {
        padding: 4px;
        width: 100%;
    }

    .pager .command {
        float: left;
        padding-right: 5px;
    }

    .pager .info {
        font-family: Calibri, Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 4px 0px;
        float: right;
    }

/*************************************VISTA BAR******************************/

#bottom_div {
    width: 520px;
    height: 150px;
    background-color: #b9d1ea;
    clear: both;
}

#vista_toolbar {
    float: left;
    font: normal 12px 'Roboto';
    margin: 0;
    padding: 0;
    width: 99%;
    -moz-border-radius: 3px;
    /*border-radius: 3px;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

    #vista_toolbar ul {
        background-image: url('../Controls/styles/back.gif');
        /*-webkit-border-radius: 4px;*/
        background-repeat: repeat-x;
        float: left;
        line-height: 32px;
        list-style: none;
        margin: 0;
        padding: 0 8px 0 10px;
        width: 68.8%;
    }

    #vista_toolbar li {
        display: inline;
        padding: 0;
    }

    #vista_toolbar a {
        color: #FFF; /* need because it will use default link color */
        float: left;
        padding: 0 3px 0 3px; /* left 3 px because of left.png image */
        text-decoration: none;
    }

        #vista_toolbar a span {
            display: block;
            float: none;
            padding: 0 10px 0 7px;
        }

            #vista_toolbar a span img {
                border: none;
                margin: 8px 4px 0 0;
            }

        /*#vista_toolbar img:hover {
            background-color: #A0A0A0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }*/
        /* show picture when mouse over link */
        #vista_toolbar a:hover {
            background-color: #A0A0A0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

            #vista_toolbar a:hover span {
                /*background-color: #A0A0A0;*/
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

        #vista_toolbar a.right {
            float: right; /* for help button - just add class "right" ->  <a class="right"... */
        }

/********************************************************GreatView Controls Styles*******************/

.HeadingTableGV {
    border: 0px;
    border-style: none;
}

.TableControlGV {
    font-family: Roboto, Arial, Arial,Helvetica, sans-serif;
    border: solid 1px white;
    background-color: White;
}

.TableControlGVblue {
    width: 100%;
    border-top: solid 1px #DCDCDC;
    border-bottom: solid 1px #DCDCDC;
    border-right: solid 1px #DCDCDC;
    border-left: solid 1px #DCDCDC;
}

.LabelColumnGV {
    font-family: sans-serif, Roboto, Arial, Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
    border-bottom: solid 1px #DCDCDC;
    background-color: #FFFFFF;
}

.LabelColumnGVArial {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-bottom: solid 1px #DCDCDC;
}

.LabelColumnGVBold {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    border-bottom: solid 1px #DCDCDC;
}

.CodeColumnGV {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    border-bottom: solid 1px #DCDCDC;
}

.CodeColumnGVAlt {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    border-bottom: solid 1px #DCDCDC;
}

.CodeColumnGVEdit {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    border-bottom: solid 1px #DCDCDC;
}

.DescColumnGV {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: small;
    padding: 3px 3px 3px 3px;
    border-bottom: solid 1px #DCDCDC;
    background-color: white;
    border-radius: 3px;
}

.DescColumnGVAlt {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    padding: 3px 3px 3px 3px;
    border-bottom: solid 1px #DCDCDC;
}

.DetailGV {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    border-bottom: solid 1px #DCDCDC;
}

.DetailGVAddr {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    height: 70px;
    border-bottom: solid 1px #DCDCDC;
}

.CaptionLabelGV {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #8241aa;
    padding-left: 1px;
}

.CaptionLabelGV {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #8241aa;
    padding-left: 1px;
    border-bottom: solid 2px #8241aa;
}

.CaptionLabelGVsm {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bolder;
    color: #8241aa;
    padding-left: 1px;
    /*border-bottom: solid 2px #8241aa;*/
}

.CaptionLabelGVm {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bolder;
    color: #8241aa;
    padding-left: 1px;
    border-bottom: solid 2px #8241aa;
}

.NormalLabelGV {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: smaller;
}

.NormalFontGV {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
}

.AmountFontGV {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    text-align: right;
}

.AmountFontGVBold {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    text-align: right;
}

.AmountStatsFont {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}

.AmountStatsFontEmphasis {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-color: #C0C0C0;
}

.Filler {
    height: 500px;
}

.RequiredField {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: 12px;
    color: Red;
}
/***************************CLIENT SEARCH PANEL***************************************************/
.TDRowLines {
    border-top-color: #4682B4;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #4682B4;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-align: left;
}

#SearchCriteria {
    list-style: none;
    margin: 0;
    width: 100%;
}

    #SearchCriteria li {
        display: inline;
    }

.SearchCriteriaSpan {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
}

.SearchCriteriaSpanNarrow {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
}

.searchHyperlink {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.img {
    border: 0px;
    border-style: none;
}

/***************************************SEARCH PAGE*****************/
.ResultHeading {
    font-family: Calibri,Verdana,Arial;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
}

    .ResultHeading a {
        color: Blue;
    }


.ResultBody {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.ResultHeadingLink {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: Green;
}

/********************************GRID VIEW**************************/

.GridViewHeader {
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewRow {
    background-color: #FFFFFF;
}

.GridViewRowAlt {
    background-color: #EBF4FA;
}

.GridViewRowEdit {
    background-color: #ECECFF;
}

.GridViewRowSelected {
    background-color: #C0C0C0;
    color: blue;
}

.GridViewFooter {
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

/******************************NOTES STYLES*********************/
.NotesSubject {
    color: #0000cc;
    font-weight: bold;
    font-size: 11px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
}

.NotesNoteText {
    padding: 5px;
    margin: 2px;
    border: 1px solid #80BCFF;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
    background-color: #FBFDFF;
}

.NotesPostedBy {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
}


#NotesTable {
    width: 100%; /*border:0px;*/
    border-top: solid,1px,#5D7B9D;
    border-bottom: solid,1px,#5D7B9D;
    border-right: solid,1px,#5D7B9D;
    border-left: solid,1px,#5D7B9D;
    background-color: #F2F8FF;
    border: 1px solid #A6CEFF;
}

.NotesGeneralTextFont {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
}

.NotesPager {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
}

.NotesHTMLPanel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 100px;
}

.EditNote {
    text-align: right;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
}
/***********************************END NOTES*****************************************************/


/**********************************TIMESHEET/DISB SINGLE Narration Hints*
background-image: ;
background-repeat:repeat-y;
*************************/
#hintbox {
    /*CSS for pop up hint box */
    position: absolute;
    top: 0;
    background: #57EA47 url('../images/hint_back.png') repeat-y left;
    width: 150px; /*Default width of hint. background-color:#FFFFE0*/
    padding: 3px;
    border: 1px solid #007F46;
    font: normal 11px Verdana;
    line-height: 18px;
    z-index: 1000; /*border-right: 3px solid #007F46; border-bottom: 3px solid #007F46;*/
    visibility: hidden;
}

    #hintbox hr {
        height: .5px;
        border: solid .5px #007F46;
        background-color: #007F46;
    }

.hintanchor {
    /*CSS for link that shows hint onmouseover*/
    font-weight: bold;
    color: navy;
}
/*margin: 3px 8px;*******************************************END***************************************************/

/*********************************************************MODAL POPUP**********************************************/

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


.infoMessage {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    border: 1px solid Gray;
    background-color: #ffffdd;
    margin: 3px;
    padding: 3px;
}

/**********************************************************END MODAL POPUP**********************************************/

.taxInfoCaption {
    background: #f7e9cd;
    font-size: small;
    font-weight: bold;
    color: #4682B4;
}

.roundedBorder {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.taxInfoMessage {
    background-image: url('/images/information.png');
    background-repeat: no-repeat;
    background-position: 3px center;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid Gray !important;
    background-color: #ffffdd;
    margin: 3px 0 !important;
    padding: 3px 3px 3px 24px !important;
}

    .taxInfoMessage table {
        border: 1px solid #dcd5d5;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .taxInfoMessage td {
        border: 1px solid #dcd5d5;
    }

/* taxInfoNote used on ITR DHXForms - type = template*/
.taxInfoNote {
    background-color: #ffffdd;
    border: 1px solid Gray !important;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    /*margin: 3px 0 !important;*/
    /*padding: 3px 3px 3px 24px !important;*/
}

.taxErrorState {
    border: 2px solid red !important;
}
/********************************************************Progress Display***************************************/

.updateProgress {
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 150px;
    height: 40px;
    vertical-align: middle;
}

.updateProgressMessage {
    margin: auto;
    font-family: Trebuchet MS;
    font-size: small;
    vertical-align: middle;
}

.divUpdateProgress {
    text-align: center;
    margin: 4px;
    vertical-align: middle;
}

/********************************************************END Progress Display*****************************************/

/******************* Use with asp:UpdateProgress overlay for parent control hosting asp:UpdatePanel ******************/

.updateprogress-overlay {
    position: absolute !important;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #f8f8f8 !important;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
}

.updateprogress-status {
    background-color: #fff;
    border: 1px solid #ccc;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    width: 300px;
    height: 55px;
    line-height: 30px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
}

    .updateprogress-status img {
        max-height: 55px !important;
        max-width: 300px !important;
        vertical-align: middle !important;
    }

.updateprogress-status-transparent {
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    width: 300px;
    height: 55px;
    line-height: 30px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
}

    .updateprogress-status-transparent img {
        border: 1px solid #ccc;
        max-height: 55px !important;
        max-width: 300px !important;
        vertical-align: middle !important;
    }

div.updateprogress-status label {
    margin-left: 1em;
}

div.updateprogress-status span:first-child {
    display: inline-block !important;
    height: 100% !important;
    vertical-align: middle !important;
}

.updateprogress-modal {
    position: relative !important;
    top: 40%;
    left: 50%;
    margin: -11px 0 0 -150px;
    color: #990000;
    font-weight: bold;
    font-size: 14px;
}
/**************************************************END asp:UpdateProgress ******************************************/

/***************************************************** Data Entry Forms ********************************************/

::-webkit-input-placeholder { /* WebKit browsers */
    color: #f2f2f2;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f2f2f2;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f2f2f2;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #f2f2f2;
}

.EditTextBoxes {
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    background-color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    padding-right: 2px;
}

    .EditTextBoxes[disabled] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

    .EditTextBoxes[readonly] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

.RedBackground {
    background-color: #f2c0c0 !important;
    border-color: #FF0000 !important;
}

.EditTextBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    background-color: White;
    text-align: left;
}

.EditTextBoxDisabled {
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC;
    background-color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    padding-right: 2px;
    color: #808080;
}

.EditTextBoxAmt {
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    padding-right: 2px;
}

    .EditTextBoxAmt[disabled] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

    .EditTextBoxAmt[readonly] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

.EditTextBoxDate {
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    padding-right: 2px;
}

.EditTextBoxText {
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    padding-right: 2px;
}

.EditTextBoxMandatory {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    background-color: #FFFFEC;
    text-align: left;
}

.EditTextBoxMandatoryColor {
    background-color: #FFFFEC;
}

.EditComboboxes {
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.EditComboboxesMandatory {
    border-style: solid;
    border-width: thin;
    border-color: #999999;
    background-color: #FFFFEC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.ITRTextBoxMandatory {
    border-style: solid;
    border-width: 1px;
    border-color: #7d4f4f;
    background-color: #ffeded;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    padding-right: 2px;
    text-decoration: none;
}

    .ITRTextBoxMandatory[disabled] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

    .ITRTextBoxMandatory[readonly] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

.ITRNumberMandatory {
    border-style: solid;
    border-width: 1px;
    border-color: #7d4f4f;
    background-color: #ffeded;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    padding-right: 2px;
    text-decoration: none;
    text-align: right;
}

    .ITRNumberMandatory[disabled] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

    .ITRNumberMandatory[readonly] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

.WatermarkFont {
    border-style: solid;
    border-width: thin;
    border-color: #E7E7FF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    font-style: italic;
    color: Gray;
}

.HiddenText {
    display: none;
}

.TextButtonDefault {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    background-color: #F5F5F5;
    padding-left: 4px;
    padding-right: 4px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}

.TextButtonSelected {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    background-color: #CCCCCC;
    padding-left: 4px;
    padding-right: 4px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}


.ui-autocomplete li :hover {
    background-color: #CCCCCC;
}

.ajax__tab_body {
    border: none !important;
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 8px;
    background-color: #ffffff;
}
/***************************************************** End Data Entry Forms ********************************************/
/****************************************CONTEXT MENU************************************/
/************************************END CONTEXT MENU**************************************/
/*********************************Toolbar*********************************************************************************/
.DropDownListContainer {
    background-color: white;
    color: windowtext;
    border: solid 1px #006699;
    cursor: 'default';
    overflow: auto;
    list-style-type: none;
    padding: 0px;
    z-index: 0px;
}

.DropDownItemStyle {
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
    padding: 0px;
    margin: 1%;
    text-decoration: none;
}

    .DropDownItemStyle:hover {
        /*background-color: #C0D6F4;             border-bottom-color: #000080;             border-bottom-style: solid;             border-bottom-width: 1px;             border-left-color: #000080;             border-left-style: solid;             border-left-width: 1px;             border-right-color: #000080;             border-right-style: solid;             border-right-width: 1px;             border-top-color: #000080;             border-top-style: solid;             border-top-width: 1px;             padding-left: 4px;             padding-right: 4px;             padding-top: 0px;             padding-bottom: 0px;             text-decoration: none;*/
        color: White;
        background-color: #006699;
        cursor: pointer;
        text-decoration: none;
    }

.DropDownItemDiasbled {
    background-color: transparent;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    color: gray;
    text-decoration: none;
}

.DropDownItemSelected {
    background-color: white;
    border-bottom-color: #000080;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #000080;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #000080;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #000080;
    border-top-style: solid;
    border-top-width: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-decoration: none;
}

#main_toolbar {
    float: left;
    font: normal 12px 'Roboto', 'Arial';
    width: 100%;
    height: 33px;
}

    #main_toolbar ul {
        /*backgroud-color: #8241aa !important;*/
        /*background-image: url('/images/pager_bg.gif');*/
        background-repeat: repeat-x;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        /*border: 1 solid #FF00FF;*/
        /*border-top: solid 1px #E6E2D8;*/
        /*border-bottom: solid 1px #E6E2D8;*/
        /*border-right: solid 1px #E6E2D8;
        border-left: solid 1px #E6E2D8;*/
        border-width: 1px;
    }

    #main_toolbar li {
        display: inline;
        padding: 0;
        margin: 0;
    }


#nav_toolbar {
    float: left;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    font: normal 12px 'Roboto', 'Arial';
    margin-top: 4px;
    width: 10%;
    height: 100%;
    overflow: auto;
}

    #nav_toolbar ul {
        /*backgroud-color: #8241aa !important;*/
        /*background-image: url('/images/pager_bg.gif');*/
        background-repeat: repeat-x;
        /*ac float: left;*/
        list-style: none;
        margin: 2px 0 0 0;
        padding: 0;
        width: 99%;
        border: 1px solid #E6E2D8;
        /*border-top: solid 1px #E6E2D8;*/
        /*border-bottom: solid 1px #E6E2D8;*/
        border-right: solid 1px #E6E2D8;
        border-left: solid 1px #E6E2D8;
        border-width: 1px;
    }

    #nav_toolbar li {
        display: inline-flex;
        padding: 0;
        margin-bottom: 1px;
        margin-top: 1px;
        width: 99%;
    }
    #nav_toolbar span {
        width: 100%;
    }

    #nav_toolbar a {
        width: 100%;
    }

    #nav_toolbar panel {
        width: 10%;
    }
    #nav_toolbar a.MenuLink {
        display: inline-grid;
        width: 100%;
    }
    #nav_toolbar span a.MenuLink {
        display: inline-grid;
        width: 90%;
    }
    #nav_toolbar .ContextMenuPanel {
        width: 9.5%;
    }
    #nav_toolbar a.ContextMenuItem {
        width: unset;
    }
.sub_toolbar {
    float: left;
    font: normal 12px 'Trebuchet MS', 'Arial';
    width: 100%;
    height: 33px;
}

    .sub_toolbar ul {
        /*background-color: #8241aa !important;*/
        background-image: url('/images/pager_bg.gif');
        background-repeat: repeat-x;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        border: 1px solid #FF00FF;
        border-top: solid 1px #E6E2D8;
        border-bottom: solid 1px #E6E2D8;
        border-right: solid 1px #E6E2D8;
        border-left: solid 1px #E6E2D8;
        border-width: 1px;
    }

    .sub_toolbar li {
        display: inline;
        padding: 0;
        margin: 0;
    }

.mtoolbar {
    float: left;
    font: normal 12px 'Trebuchet MS', 'Arial';
    width: 100%;
}

    .mtoolbar ul {
        /*background-image: url('../content/assets/img/pager_bg.gif');*/
        background-repeat: repeat-x;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        /*border: 1px solid #FF00FF;
        border-top: solid 1px #E6E2D8;
        border-bottom: solid 1px #E6E2D8;
        border-right: solid 1px #E6E2D8;
        border-left: solid 1px #E6E2D8;
        border-width: 1px;*/
    }

    .mtoolbar li {
        display: inline;
        padding: 0;
        margin: 0;
    }

.MenuLinkExtender {
    background-color: #66CDAA;
    padding-right: 7px;
    padding-left: 7px;
    font-size: 12px;
    padding-bottom: 4px;
    cursor: pointer;
    padding-top: 4px;
    font-family: Roboto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*text-shadow: 1px 1px black;*/
    color: white;
    text-decoration: none;
    vertical-align: middle;
}

.MenuLink {
    background-color: #8241aa !important;
    padding-right: 7px;
    padding-left: 7px;
    font-size: 12px !important;
    padding-bottom: 4px;
    cursor: pointer;
    padding-top: 4px;
    font-family: Roboto !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*text-shadow: 1px 1px black;*/
    color: white !important;
    text-decoration: none;
    vertical-align: middle;
}

    .MenuLink:hover {
        background-color: #A0A0A0 !important;
        text-shadow: 1px 1px grey;
        cursor: pointer;
        font-family: Roboto;
        font-size: 12px;
        /*padding-bottom: 4px;*/
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 4px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: white;
        text-decoration: none;
    }

.MenuLinkSpan {
    display: block;
    float: none;
    padding: 0;
}

.MenuLinkImage {
    border: none;
    margin: 0;
}

.Seperator {
    background-position: center center;
    background-image: url('/images/PlainSeperator.png');
    background-color: transparent;
    background-repeat: no-repeat;
}


/*sub menu*/
sub_toolbar {
    float: left;
    font: normal 12px 'Trebuchet MS', 'Arial';
    margin: 0;
    padding: 0;
    width: 100%;
}

    sub_toolbar ul {
        background-image: url('../content/assets/img/pager_bg.gif');
        background-repeat: repeat-x;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    sub_toolbar li {
        display: inline;
        padding: 0;
        margin: 0;
    }

/*********************************End of Toolbar*********************************************************************************/

/*************************************************AutoExtender*********************************************************************/
.AutoExtender {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 2px 2px 5px 0px;
    background-color: White;
    list-style-type: none;
    margin: 0px !important;
    white-space: nowrap;
    width: auto !important;
}

.AutoExtenderList {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
    padding: 0px;
    margin: 1%;
}

.AutoExtenderHighlight {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: White;
    background-color: #006699;
    cursor: pointer;
}
/**********************************************End of AutoExtender*********************************************************************/

/********************************Collapsibe Header************************************/

.CollapsibleContainer {
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 0px;
}

    .CollapsibleContainer .content {
        clear: both;
        padding: 0px;
    }

    .CollapsibleContainer .expand {
        float: left;
        align-content: center;
        display: inline;
        background-image: url('/images/toggle-sprite-leftdown-blue.png');
        background-position: 0px -16px;
        width: 16px;
        height: 16px;
    }

    .CollapsibleContainer .collapse {
        float: left;
        display: inline;
        background-image: url('/images/toggle-sprite-leftdown-blue.png');
        background-position: 0px 0px;
        width: 16px;
        height: 16px;
    }

.ui-accordion .ui-accordion-header {
    display: flex !important;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0;
}
/********************************Collapsibe Header END************************************/

/********************************Context Menu ************************************/

.ContextMenuPanel {
    z-index: 1000;
    border-bottom: #868686 1px solid;
    border-left: #868686 1px solid;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    background: url(/images/menu-bg.gif) #fafafa repeat-y 0px 0px;
    font-size: 11px;
    border-top: #868686 1px solid;
    cursor: default;
    border-right: #868686 1px solid;
    padding-top: 1px;
}

.ContextMenuBreak {
    padding-bottom: 0px;
    margin: 1px 1px 1px 32px;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
    height: 1px;
    overflow: hidden;
    border-top: #c5c5c5 1px solid;
    padding-top: 0px;
}

A.ContextMenuItem {
    padding-bottom: 4px;
    margin: 1px 0px;
    padding-left: 33px;
    padding-right: 19px;
    display: block;
    white-space: nowrap;
    color: #003399;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    padding-top: 4px;
}

A.ContextMenuItem-Selected {
    font-weight: bold;
}

A.ContextMenuItem:hover {
    border-bottom: #85D3FF 1px solid;
    border-left: #85D3FF 1px solid;
    padding-bottom: 3px;
    background-color: #85D3FF;
    padding-left: 32px;
    padding-right: 18px;
    color: #003399;
    border-top: #85D3FF 1px solid;
    border-right: #85D3FF 1px solid;
    text-align: left;
    padding-top: 3px;
}

input[type="checkbox"] {
    vertical-align: middle;
}

/************************************ End Context Menu ********************************/
/* Ajax PopuControl Extender */
.popupControl {
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.updateframe {
    border: 0px;
    position: absolute;
    z-index: 9;
    left: 0px;
    top: 0px;
    width: expression(this.offsetParent.scrollWidth);
    height: expression(this.offsetParent.scrollHeight);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75, FinishOpacity=0, Style=0, StartX=0, FinishX=100, StartY=0, FinishY=100);
}

.updatediv {
    position: absolute;
    z-index: 10;
    left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);
    top: expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);
}
/************************************************Modal Progress****************************************/


#progressBackgroundFilter {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}



#processMessage {
    position: absolute;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 1001;
    background-color: #fff;
}

#blanket {
    background-color: #111;
    opacity: 0.65;
    filter: alpha(opacity=65);
    position: absolute;
    z-index: 9001;
    top: 0px;
    left: 0px;
    width: 100%;
}

#popUpDiv {
    position: absolute;
    background-color: #FFFFFF;
    width: 300px;
    height: 300px;
    z-index: 9002;
}

/*************** Modal Popup ***************/

.TaxModalPopupDiv {
    position: absolute;
    background-color: #FFFFFF;
    width: 300px;
    height: 300px;
    z-index: 9002;
}

.modalBackground {
    background-color: #D0D0D0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

.modalPopup {
    background-color: #DDEDFF;
    border-width: 1px;
    border-style: outset;
    border-color: Gray;
    padding: 3px;
    width: 400px;
}

.modalPopupMsg {
    font-family: Arial, Trebuchet MS, Sans-Serif;
    font-size: 14px;
    color: #505050;
    font-weight: normal;
    text-align: center;
}

.EditTextBoxesRight {
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    padding-right: 2px;
}

.EditTextBoxesLeft {
    border-style: solid;
    border-width: thin;
    border-color: #CCCCCC;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    padding-right: 2px;
}

    .EditTextBoxesLeft[disabled] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

    .EditTextBoxesLeft[readonly] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

.EditComboboxes {
    border: thin solid #CCCCCC;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 0px;
}

    .EditComboboxes[disabled] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

/***** Styles added by NP ****/
.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #FFFACD;
    color: red;
}

    .MyCalendar .ajax__calendar_container th {
        padding: 0px;
    }

    .MyCalendar .ajax__calendar_container td {
        background-color: #FFFACD;
        padding: 0px;
    }

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

/* New Grid Row Button*/
.NewGridRowBtn {
    background-position: 0px 0px;
    background: url('../content/assets/img/sprite.png') repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 1px;
    color: #000;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 5px 4px 5px;
    vertical-align: bottom; /*text-align: left;*/
    white-space: nowrap;
}

.NewGridRowTd {
    color: #333333;
    background-color: #E5E5E5;
    padding: 4px 10px 4px 10px;
}

.NewGridRowTd1 {
    color: #333333;
    padding: 4px 6px 4px 6px;
}

.progclass {
    background-color: #738C80;
    color: #800000;
}

/******************* ITR Styles *******************/
/* The Class below makes all textboxes in Wizard display captial letters. */

div.DivWiz {
    overflow: auto;
    height: 100%;
    width: 99%;
    vertical-align: top;
}

    div.DivWiz input[type=text] {
        /*text-transform:uppercase;*/
        border-style: solid;
        border-width: thin;
        border-color: #CCCCCC;
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        padding-right: 2px;
    }

/*
input, select, label {
    font-family: Arial, sans-serif;
    font-size:small;
    font-weight:normal;
    color:#483D8B;
}
*/

img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
}

.smallfont {
    font-family: Calibri, Arial, sans-serif;
    font-size: small;
    font-weight: normal;
    color: #000000; /*Dark Slate Blue #483D8B */
    vertical-align: middle;
}

.boldsmallfont {
    font-family: Calibri, Arial, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #000000; /*Dark Slate Blue #483D8B*/
    vertical-align: middle;
}

.sub-header {
    font-family: Georgia, Arial;
    font-weight: normal;
    font-size: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
    color: #1A478D;
}

.title {
    font-family: Georgia, Arial;
    font-weight: normal;
    font-size: 40px;
    margin: 3px;
    color: #2F4F4F;
}

.xsmallfont {
    font-family: Calibri, Arial, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #000000; /*Dark Slate Blue */
    vertical-align: middle;
}

.tablehdr {
    /*font-family: Arial, sans-serif;
    font-size:medium;
    font-weight:bold;
    color:#483D8B; 
    background-color:#FFF2E5;
*/
    /*Same As CaptionLabelGV*/
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: medium;
    border-bottom: solid 2px #1261A0;
    /*padding-left: 1px;*/
}

.contentBg-Col {
    /*background-color:#FFF2E5;*/
    background-color: #E5E5E5;
}

.contentBg-Col2 {
    background-color: #D8D8D8;
}

.highlight {
    border: solid 1px red;
    font-weight: bold;
}

.fillWidth {
    width: 100%;
}

.helplink {
    background-image: url('../images/help.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #006432;
    height: 20px;
}

.errmsg {
    font-family: Arial, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: red;
}

.successmsg {
    font-family: Arial, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #4682B4;
}

.warnmsg {
    font-family: Arial, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FF6600;
}

.padAll {
    padding: 5px;
}

.noUnderline {
    text-decoration: none;
}

.PromptTextStyle {
    background-color: Yellow;
    font-family: Arial, Tahoma;
    font-size: x-small;
    color: Navy;
}

.StyleAmtCode {
    width: 60px;
    right: 80px;
}

.StyleSourcecodeCol {
    width: 30px;
    right: 50px;
}

.StyleSourcecodeInput {
    width: 30px;
}

.StyleAmtInput {
    width: 97%;
}

.StyleAmtCol {
    width: 90px;
    right: 50px;
}

StyleAmtCodeLabel {
    right: 140px;
}

StyleCodePlaceholder {
    width: 20px;
}

.ITRSubCol {
    font-family: Calibri, Arial, Arial,Helvetica, sans-serif;
    font-size: small;
    background-color: white;
    padding: 3px 13px 3px 10px;
    border: 2px solid #E5E5E5;
}

ITRSplitFormLabel {
    width: 70%;
}

ITRSplitFormInput {
    width: 25%;
}

ITRSplitFormCB {
    width: 25%;
    text-align: center;
}

ITRFarmingCB {
    padding: 3px;
    text-align: left;
}

ITRImageButtonCol {
    width: 30px;
    vertical-align: middle;
    text-align: center;
}

ITRSchedMandatory {
    padding: 5px;
    color: red;
}

.ITRRAFMandatory {
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    background-color: #FFFFEC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    padding-right: 2px;
    text-decoration: none;
    text-align: left;
}

    .ITRRAFMandatory[disabled] {
        border-color: #808080;
        background-color: #E1E1E1;
    }

    .ITRRAFMandatory[readonly] {
        border-color: #CCCCCC;
        background-color: #FFEDED;
    }

.ITRDeprecated {
    border-color: #808080;
    background-color: #fff2f2;
}

/******************* ITR Styles END *******************/


/******* Jquer date time picker********/

.clDate {
    font-size: 10px;
}



/************************************** jquery resultTable CONTROL********************************************/
/* table level rules */


.WarningFont {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    color: #FF6600;
}

.EntriesTableHeader {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    font-style: normal;
    background-color: #7A7A7A;
    color: #FFFFFF;
}

.EntriesTableRowColor {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    font-style: normal;
    background-color: #FCFCFC;
}

.EntriesTableRowColorAlt {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    font-style: normal;
    background-color: #F2F2F2;
}

/************************List Controls **************************/
.ListItemGeneralFontBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    color: Navy;
    text-decoration: none;
    border-style: solid;
    border-width: 3px;
    border-color: #FFFFFF;
    padding: 0px;
}

.ListItemLabel {
    border-style: solid;
    border-width: 1px;
    border-color: #D2D2FF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    padding-right: 2px;
    background-color: #FDFDFF;
    display: block;
    width: 100%;
}

.ListItemLabelLeft {
    border-style: solid;
    border-width: 1px;
    border-color: #D2D2FF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    padding-right: 2px;
    background-color: #FDFDFF;
    display: block;
    width: 100%;
}

.ListItemLabelNarr {
    border-style: solid;
    border-width: 1px;
    border-color: #D2D2FF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    padding-right: 0px;
    background-color: #FDFDFF;
    display: block;
    height: 1.5em;
    width: 100%;
}

.ReorderList {
    text-align: left;
    margin-right: 0px;
}

/*****************************JQuery Lookups table result*************************/
.ui-autocomplete-loading {
    background: white url('../../../../images/ui-anim_basic_16x16.gif') right center no-repeat;
}


.resultTable {
    table-layout: fixed;
    width: 200px;
    background: url('../../../content/assets/img/sprite.png') repeat-x 0px 0px;
    font-family: tahoma;
    font-size: 11px;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    color: #333333;
    padding: 0;
    float: none;
}

    .resultTable td {
        padding-bottom: 0px;
        padding-left: 3px;
        border-collapse: collapse;
    }

    .resultTable h {
        overflow: hidden;
        width: 200px;
        border: 1px;
    }

/******************* Security **********************************/
.MapButtons {
    padding-right: 5px;
    padding-left: 2px;
    text-align: left;
}

/***************** JQuery ui overrides ***************/
.ui-tabs .ui-tabs-panel {
    padding: 10px 1px 1px 2px !important;
}

#accordion .ui-accordion-content {
    padding: 0 !important;
}

/************tax toolbar */

.mtoolbarul {
    background-repeat: repeat-x;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    /*border: 1px solid #FF00FF;
    border-top: solid 1px #E6E2D8;
    border-bottom: solid 1px #E6E2D8;
    border-right: solid 1px #E6E2D8;
    border-left: solid 1px #E6E2D8;
    border-width: 1px;*/
}

.mtoolbarli {
    display: inline;
    padding: 0;
    margin: 0;
}

/**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /*Tool tip*/ /**/ /**/ /**/ /**/
.ui-tooltip, .arrow:after {
    background: rgb(88, 84, 84);
    border: 2px solid white;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: none;
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }


.disabledLinkButtonClass[disabled] {
    /*   input:disabled {*/
    display: none !important;
    color: #333;
    opacity: 0.6;
}

/* Validation Summary */
.validation-control-header {
    color: #2869af;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.validation-control-warning {
    background-color: #F1E7D1;
    /*border: solid 1px red;*/
    border: solid 1px #2869af !important;
    font-family: Verdana,Arial,sans-serif;
    padding: 4px;
    vertical-align: middle;
}

.validation-control-info {
    background-color: #F1E7D1;
    border: solid 1px #2869af !important;
    font-family: Verdana,Arial,sans-serif;
    padding: 4px;
    vertical-align: middle;
}

.validation-control-warning-detail {
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    /*color: red;*/
    color: #2869af;
    text-align: left;
    vertical-align: middle;
}

.errorDetail {
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    color: indianred;
    text-align: left;
    vertical-align: middle;
}

.validation-control-info-detail {
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    color: #2869af;
    text-align: left;
    vertical-align: middle;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right{
    text-align: right;
}

.display-none {
    display: none;
}

.displayNoneImportant {
    display: none !important;
}

#searchDebtorsEntries::placeholder {
    color: #ABB2B9;
}
/* ***************************** Progress Popup and Progress Spinner ***************************** */

/*  Use .progressPopup with Ajax ModalPopupExtender */

.progressPopup {
    background-color: ghostwhite;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    border-radius: 6px;
    color: #17a2b8 !important;
    padding: 6px;
}

@-webkit-keyframes progress-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes progress-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.progress-spinner {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: progress-spinner .75s linear infinite;
    animation: progress-spinner .75s linear infinite;
}

.progress-spinner-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
/* Screen Readers only */
.scr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.scr-only-focusable:active, .scr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
/**************************** LEGACY style="width: n%;" REPLACEMENTS *********************************/
.w-0 {
    width: 0;
}

.w-5 {
    width: 5%;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-fill {
    width: 100%;
}

/*******************************************************************************************************/

/**************************** EMPLOYEE BUDGETS, ADVANCED SEARCH AND DISBUREMENT BULK CAPTURE DEFAULT ANZ CSS *********************************/
.AUSModButton,
#gvEmployeeBudgetData thead th,
#wrapper table thead tr,
.content_mode_table table thead tr {
    background-color: #8241aa !important;
}

.btn-primary-advanced {
    color: #fff !important;
    background-color: #8241aa !important;
    border-color: #8241aa !important;
}

.btn-primary-advanced:hover,
.btn-primary-advanced:focus {
    box-shadow: 0 0 0 0.2rem rgb(130 65 170 / 25%) !important;
}

.content_mode_color {
    background-color: #8241aa !important;
}

/*************************************************************************************************************************************/