/***Change 01: Lee Jeng Haur, 15 March 2018 - Uberiq reskin*/
/***Change 02: Ang Chin Tong, 19 March 2018 - Uberiq reskin*/
/***Change 03: Thandar , 11 May 2018 - Home Page Components Listing header font color change orange to white */
/***Change 04 : Yin Pying Lim, 23 Jul 2018 11:13:24 AM - Uberiq/2018/NEW/044 - Standardize textbox css and change readonly css as textbox & add .chkboxText[type=checkbox]*/
/***Change 05 : Thiha Aung, 08 Nov 2018 5:13:52 PM - Uberiq/2018/NEW/066 - System Reskin Refinements */
/***Change 06 : Thiha Aung, 13 Nov 2018 5:44:03 PM - Uberiq/2018/NEW/079 - System Reskin Refinements */
/***Change 07 : Zin Latt, 20 Nov 2018 7:20:23 PM - PFS/2018/PRB/071 - Session Time-out */
/***Change 08 : Zin Mar Win, 14 DEC 2018 - Uberiq/2018/NEW/95 - System Reskin Refinements */
/***Change 09 : Zin Mar Win, 19 Mar 2019 - Uberiq/2019/NEW/031 - Report title size is bigger */
/***Change 10 : Htein Win Aung, 07 May 2019 - Menu Top Bar for reskin */
/***Change 11 : Nyein Chan Aung, 31 May 2019 - Uberiq/2019/RFN/079 - Reskin Login Screen*/
/***Change 12 : Myo Thandar Maw, 23 Apr 2019 2:51:19 PM - iBase/2019/RFN/002 - Chart Conversion from existing chart to CanvasJS */
/***Change 13 : Nyein Chan Aung, 12 Jun 2019 - Uberiq/2019/CHG/083 - If click 'password' , show reset password screen and if click 'Login ID', show forgot loginId screen.*/
/***Change 14 : Lim Yin Pying, 24 May 2023 -Task 58432: Reports date picker UI issue */
/***Change 15 : Lim Yin Pying, 15 Jun 2023 - Bug 59219: alignmenent issue */
/***Change 16 : Quoc, 31 Jul 2024 - Task 77791: Login Page Refinement */
/***Change 17 : Thet Paing Soe, 24 June 2025 - Task 91294: Update home page and SSO login button location */
/***Change 17 : Thet Paing Soe, 12 Sep 2025 - Task 93429: Update IHH Logo

BODY {
    BACKGROUND-COLOR: #FFFFFF; /*Change 01*/
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: #000000; /*Change 01*/
    FONT-SIZE: 9pt
}

    BODY.OuterBody {
        BACKGROUND-COLOR: #FFFFFF; /*Change 01  - ori color #f0eee4;*/
    }

A, #MainZone .ListTable a /*Change 01*/ {
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: #e2882c; /*Change 01*/
    FONT-SIZE: 9pt;
    FONT-WEIGHT: lighter;
    TEXT-DECORATION: none
}

#MainZone .ListTable .ListHeader th a /*Change 02* Added new class*/ {
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: #ffffff; /*Change it to white color*/
    FONT-SIZE: 9pt;
    FONT-WEIGHT: lighter;
    TEXT-DECORATION: none
}

#MainZone a, #SideZone a /* start Change 01*/ {
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: #4D5F82;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
/*#MainZone .ListTable a:before, #MainZone .CalanderLink:before
{
    content: url();    
    border-width:0px;
    padding-right:0px;
} 
#MainZone a:before, #SideZone a:before
{
    content: url(../../_images/minus.gif);    
    border-width:0px;
    padding-right:5px;
} */
#MainZone .CalanderLink {
    color: #e2882c;
    font-family: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    font-size: 9pt;
    font-weight: bold;
    background-color: white;
}

.CalanderBox {
    width: 135px;
    display: inline-block;
    padding-bottom: 2px;
    text-align: center;
}
/*border-radius: 3px;
    padding-top: 9px;    
}  
#MainZone .CalanderLink .CalanderBox:hover
{
    background-color: #E2882C;
    color: #FFFFFF;
}     */ /* end Change 01*/
A:hover {
    COLOR: #e2882c; /*Change 01*/
    TEXT-DECORATION: underline;
    background-color: transparent;
}

SELECT {
    BORDER-BOTTOM: steelblue 1px solid;
    BORDER-LEFT: steelblue 1px solid;
    WIDTH: 100%;
    HEIGHT: 22px;
    FONT-SIZE: 9pt;
    OVERFLOW: visible;
    BORDER-TOP: steelblue 1px solid;
    BORDER-RIGHT: steelblue 1px solid;
    padding-left: 5px; /***Change 10*/
    padding-right: 0px;
    font-family: Sans-Serif; /*Change 06*/
    border-radius: 10px; /*Change 10*/
    /*background-color: lightgray; /*Change 10*/
}
/***Change 10 - Start*/
#DropDownList {
    font-family: Sans-Serif;
    /**Change 11 Start*/
    border-radius: 15px;
    background-color: #b7d6f0;
    border-color: #b7d6f0;
    height: 31px;
    padding-left: 25px;
    font-weight: bold;
    color: rgb(81, 89, 99);
    -webkit-appearance: none;
    BACKGROUND-IMAGE: url("Images/Languagearrow.png");
    background-position: 108px;
    background-repeat: no-repeat;
    background-size: 8%;
    /**Change 11 End*/
}
/***Change 10 - END*/
/**Change 11 Start*/
.TBlanguageDropDown {
    padding-top: 10px;
    padding-right: 25px;
}

.tdlogo {
    BACKGROUND-IMAGE: url(Images/Qorneerstone_logo.png);
    background-position: left center;
    background-size: 37% 400%;
    BACKGROUND-REPEAT: no-repeat;
    height: 31px;
}
/**Change 11 End*/
TEXTAREA {
    BORDER-BOTTOM: steelblue 1px solid;
    BORDER-LEFT: steelblue 1px solid;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    HEIGHT: 50px;
    FONT-SIZE: 9pt;
    OVERFLOW: auto;
    BORDER-TOP: steelblue 1px solid;
    BORDER-RIGHT: steelblue 1px solid;
    RESIZE: none;
    padding-left: 0px;
    padding-right: 0px
}

TD {
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    FONT-SIZE: 9pt;
    BORDER-COLOR: transparent;
}

.Header {
    FONT-FAMILY: Tahoma, Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    FONT-SIZE: 11pt; /*Change 09*/
    FONT-WEIGHT: bold
}

.SubHeader {
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: #4D5F82; /*Change 01*/
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder;
    padding-top: 5px; /*Change 15*/
    padding-bottom: 5px;
    display: inline-block; /*Change 15*/
}

.Form {
    BORDER-BOTTOM: #91a7b4 1px solid;
    BORDER-LEFT: medium none;
    PADDING-BOTTOM: 5px;
    BACKGROUND-COLOR: #dde8eb;
    PADDING-LEFT: 5px;
    WIDTH: 100%;
    PADDING-RIGHT: 5px;
    MARGIN-BOTTOM: 3px;
    HEIGHT: 100%;
    OVERFLOW: auto;
    BORDER-TOP: #91a7b4 1px solid;
    BORDER-RIGHT: medium none;
    PADDING-TOP: 5px;
}

.Text {
    FONT-FAMILY: Sans-Serif,Tahoma; /*Change 06 - Add Sans-Serif*/
    FONT-SIZE: 8pt
}

.TextBox {
    BORDER-RIGHT: steelblue 1px solid;
    BORDER-TOP: steelblue 1px solid;
    BORDER-LEFT: steelblue 1px solid;
    BORDER-BOTTOM: steelblue 1px solid;
    FONT-SIZE: 9pt;
    WIDTH: 100%;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    HEIGHT: 21px;
    padding-left: 2px;
}

.ReadOnly {
    BORDER-RIGHT: steelblue 1px solid;
    BORDER-TOP: steelblue 1px solid;
    BORDER-LEFT: steelblue 1px solid;
    BORDER-BOTTOM: steelblue 1px solid;
    FONT-SIZE: 9pt;
    WIDTH: 99%;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    HEIGHT: 21px;
    padding-left: 2px;
    padding-right: 2px;
    BACKGROUND-COLOR: #c2c2c2;
    COLOR: black;
}

input[type="text"]:disabled { /***Change 14 remove  WIDTH: 99%;*/
    BORDER-RIGHT: steelblue 1px solid;
    BORDER-TOP: steelblue 1px solid;
    BORDER-LEFT: steelblue 1px solid;
    BORDER-BOTTOM: steelblue 1px solid;
    FONT-SIZE: 9pt;
    FONT-FAMILY: Sans-Serif;
    HEIGHT: 21px;
    padding-left: 2px;
    padding-right: 2px;
    BACKGROUND-COLOR: #c2c2c2;
    COLOR: black;
}

.Data {
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    FONT-SIZE: 9pt
}

.Label {
    /*BACKGROUND-IMAGE: url(images/asterisk.gif);
    PADDING-RIGHT: 9px;*/
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    BACKGROUND-POSITION: right top;
    COLOR: #000000;
    FONT-SIZE: 9pt
}

.LabelOpt {
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: #708090;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: lighter
}

.LabelReadOnly {
    FONT-STYLE: oblique;
    PADDING-RIGHT: 9px;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: #000000;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: lighter
}

.Button {
    BACKGROUND-IMAGE: url(images/button_bgrd_blue.gif);
    BORDER-BOTTOM: #586b7a 1px solid;
    TEXT-ALIGN: center;
    BORDER-LEFT: #dee6e9 1px solid;
    PADDING-LEFT: 3px;
    MIN-WIDTH: 100px;
    PADDING-RIGHT: 3px;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    HEIGHT: 21px;
    COLOR: #4D5F82; /*Change 01*/
    FONT-SIZE: 9pt;
    OVERFLOW: visible;
    BORDER-TOP: #dee6e9 1px solid;
    CURSOR: pointer;
    BORDER-RIGHT: #586b7a 1px solid;
    PADDING-TOP: 2px;
    MARGIN-BOTTOM: 3px;
}

.DatePicker {
    POSITION: relative;
    TOP: 0px;
}

    .DatePicker INPUT {
        BORDER-BOTTOM: steelblue 1px solid;
        POSITION: relative;
        TEXT-ALIGN: center;
        BORDER-LEFT: steelblue 1px solid;
        WIDTH: 80px;
        HEIGHT: 21px;
        BORDER-TOP: steelblue 1px solid;
        TOP: -4px;
        BORDER-RIGHT: steelblue 1px solid
    }

.datepicker-input {
    BORDER-BOTTOM: steelblue 1px solid;
    POSITION: static;
    TEXT-ALIGN: center;
    BORDER-LEFT: steelblue 1px solid;
    WIDTH: 80px;
    HEIGHT: 17px;
    BORDER-TOP: steelblue 1px solid;
    /*TOP: -7px;*/
    BORDER-RIGHT: steelblue 1px solid
}

.DatePicker IMG, .ui-datepicker-trigger {
    /*BORDER-BOTTOM: steelblue 1px solid;
    POSITION: static;
    BORDER-LEFT: steelblue 1px solid;
    HEIGHT: 19px;
    BORDER-TOP: steelblue 1px solid;
    TOP: 0px;
    BORDER-RIGHT: steelblue 1px solid;*/
    CURSOR: pointer;
    HEIGHT: 22px; /*Change 08*/
    width: 20px; /*Change 08*/
    margin-bottom: -6px; /*Change 08*/
}

.ReportHeader {
    TEXT-TRANSFORM: uppercase;
    FONT-FAMILY: Sans-Serif,Tahoma; /*Change 06 - Add Sans-Serif*/
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder
}

.ReportFooter {
    FONT-FAMILY: Sans-Serif,Tahoma; /*Change 06 - Add Sans-Serif*/
    COLOR: gray;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder
}

.PageTo {
    BORDER-BOTTOM: powderblue 1px solid;
    TEXT-ALIGN: center;
    BORDER-LEFT: powderblue 1px solid;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: forestgreen;
    FONT-SIZE: 8pt;
    BORDER-TOP: powderblue 1px solid;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: powderblue 1px solid;
    MARGIN-BOTTOM: 3px;
}

#Table_PropertyDisplay img /*Change 02*/ {
    PADDING-RIGHT: 8px;
    PADDING-TOP: 4px
}

.TreeView TABLE {
    MARGIN-TOP: 2px;
    WIDTH: 100%
}

.TreeView A {
    WIDTH: 100%;
    COLOR: black;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}

    .TreeView A:hover {
        COLOR: blue;
        FONT-SIZE: 9pt;
        TEXT-DECORATION: none
    }

.TreeView TD.Level0 {
    BACKGROUND-IMAGE: url(Images/button_bgrd2_blue.gif);
    BORDER-BOTTOM: lightgrey 1px solid;
    BORDER-LEFT: lightgrey 1px solid;
    PADDING-BOTTOM: 2px;
    TEXT-TRANSFORM: capitalize;
    BACKGROUND-COLOR: #ffffff;
    PADDING-LEFT: 8px;
    WIDTH: 100%;
    PADDING-RIGHT: 2px;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-POSITION: center top;
    BORDER-TOP: lightgrey 1px solid;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: lightgrey 1px solid;
    PADDING-TOP: 2px
}

.TreeView DIV.Level0 {
    /*BACKGROUND-IMAGE: url(Images/button_bgrd2_blue.gif);*/ /*Change 01*/
    BORDER-BOTTOM: #91A7B4 1px solid; /*Change 02*/
    /*BORDER-LEFT: #91A7B4 1px solid;*/ /*Change 02*/
    PADDING-BOTTOM: 9px; /*Change 02*/
    TEXT-TRANSFORM: capitalize;
    BACKGROUND-COLOR: #F5FAFB; /*Change 01*/
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 2px;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-POSITION: center top;
    MARGIN-BOTTOM: 2px;
    COLOR: black;
    BORDER-TOP: #91A7B4 1px solid; /*Change 02*/
    CURSOR: pointer;
    FONT-WEIGHT: bold; /*Change 02*/
    /*BORDER-RIGHT: #91A7B4 1px solid;*/ /*Change 02*/
    font-family: Sans-Serif; /*Change 02,Change 06 - Change Arial to Sans-Serif*/
    font-size: 12px; /*Change 02*/
    PADDING-TOP: 9px; /*Change 02*/
}

.TreeView TD.Level0 A {
    FONT-WEIGHT: bolder
}

    .TreeView TD.Level0 A:hover {
        FONT-WEIGHT: bolder
    }

.TreeView DIV a.Level1 /*Change 02*/ {
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 9px;
    color: #000000; /*Change 02*/
    font-family: Sans-Serif; /*Change 02,Change 06 - Change Arial to Sans-Serif*/
    font-size: 12px; /*Change 02*/
    font-weight: bold; /*Change 02*/
}

.TreeView TD.Level1 {
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 4px;
    WIDTH: 100%;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px; /*Change 02*/
}

.TreeView A.Level1 {
    PADDING-LEFT: 4px
}

.TreeView TD.Level2 {
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 4px;
    WIDTH: 100%;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px
}

.TreeView A.Level2 {
    PADDING-LEFT: 4px;
    WHITE-SPACE: nowrap
}

.BottomTab {
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: transparent;
    PADDING-LEFT: 25px; /*Change 02*/
    PADDING-RIGHT: 25px; /*Change 02*/
    HEIGHT: 20px;
    FONT-SIZE: 10px; /*Change 02*/
    OVERFLOW: visible;
    CURSOR: pointer;
    BORDER-RIGHT: 1px;
    PADDING-TOP: 4px; /*Change 02*/
    PADDING-BOTTOM: 5px; /*Change 02*/
    COLOR: #e2882c; /*Change 01*/
    FONT-WEIGHT: bold; /*Change 01*/
    font-family: Sans-Serif; /*Change 02,Change 06 - Change Arial to Sans-Serif*/
}

A.BottomTab:hover /*Change 02*/ {
    font-weight: bold;
    COLOR: #e2882c;
}

A.ActiveBottomTab {
    /*BACKGROUND-IMAGE: url(images/button_bgrd2_blue.gif);*/ /*Change 02*/
    BORDER-BOTTOM: #91a7b4 1px solid;
    POSITION: relative;
    TEXT-ALIGN: center;
    BORDER-LEFT: #91a7b4 1px solid;
    PADDING-BOTTOM: 5px; /*Change 02*/
    BACKGROUND-COLOR: white; /*Change 02*/
    PADDING-LEFT: 25px; /*Change 02*/
    PADDING-RIGHT: 24px; /*Change 02*/
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    BACKGROUND-POSITION: center top;
    HEIGHT: 25px;
    COLOR: #000000; /*Change 01*/
    FONT-SIZE: 10px;
    OVERFLOW: visible;
    TOP: -2px;
    CURSOR: pointer;
    font-weight: bold; /*Change 01*/
    font-family: Sans-Serif; /*Change 02,Change 06 - Change Arial to Sans-Serif*/
    BORDER-RIGHT: #91a7b4 1px solid; /*Change 02*/
    PADDING-TOP: 4px /*Change 02*/
}

    A.ActiveBottomTab:hover {
        font-weight: bold; /*Change 02*/
    }

A:hover {
    TEXT-DECORATION: none
}

#ActiveBottomTab {
    BACKGROUND-IMAGE: url(images/button_bgrd2_blue.gif);
    BORDER-BOTTOM: #91a7b4 1px solid;
    POSITION: relative;
    BORDER-LEFT: #91a7b4 1px solid;
    BACKGROUND-COLOR: #dde8eb;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    BACKGROUND-POSITION: center top;
    COLOR: #e2882c;
    TOP: -1px;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: #91a7b4 1px solid;
    PADDING-TOP: 2pt
}

.TitleBar {
    /*BACKGROUND-IMAGE: url(images/button_bgrd_blue.gif);*/ /*Change 01*/
    BORDER-BOTTOM: #91a7b4 1px solid;
    TEXT-ALIGN: center;
    BORDER-LEFT: #91a7b4 1px solid;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-POSITION: center top;
    HEIGHT: 22px;
    FONT-SIZE: 8pt;
    BORDER-TOP: #91a7b4 1px solid;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: #91a7b4 1px solid;
    PADDING-TOP: 3px;
    /*BACKGROUND-COLOR: #91A7B4*/ /*Change 01*/ /*Change 10*/
}

.TopTab /*Change 02*/ {
    TEXT-ALIGN: center;
    PADDING-LEFT: 14px; /*Change 02*/
    WIDTH: 70px;
    PADDING-RIGHT: 14px; /*Change 02*/
    HEIGHT: 25px;
    font-size: 9pt; /*Change 02*/
    OVERFLOW: visible;
    CURSOR: pointer;
    BORDER-RIGHT: 1px;
    font-family: Sans-Serif; /*Change 02,Change 06 - Change Arial to Sans-Serif*/
    color: #000000; /*Change 02*/
    font-weight: bold; /*Change 02*/
    line-height: 25px;
}

#ActiveTopTab /*Change 02*/ {
    BACKGROUND-IMAGE: url(images/button_bgrd_blue.gif);
    Z-INDEX: 999;
    BORDER-LEFT: #91a7b4 1px solid;
    BACKGROUND-COLOR: white;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    BACKGROUND-POSITION: center bottom;
    /*COLOR: #e2882c;*/ /*Change 01*/
    BORDER-TOP: #e2882c 3px solid; /*Change 02*/
    TOP: 6px;
    FONT-WEIGHT: bold; /*Change 02*/
    BORDER-RIGHT: #91a7b4 1px solid;
    PADDING-TOP: 2px;
    CURSOR: pointer;
    padding-bottom: 8px; /*Change 02*/
    TEXT-ALIGN: center;
    line-height: 25px;
}

.ActiveTopTab {
    /*BACKGROUND-IMAGE: url(images/button_bgrd_blue.gif);
    BORDER-BOTTOM: medium none;
    POSITION: relative;
    BORDER-LEFT: medium none;
    BACKGROUND-COLOR: white;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Sans-Serif;
    HEIGHT: 22px;
    COLOR: #e2882c;
    FONT-SIZE: 8pt;
    BORDER-TOP: medium none;
    TOP: 1px;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: medium none;
    PADDING-TOP: 2px
    PADDING-BOTTOM: 4px;
    TOP:3px !important;*/ /*Change 02*/
}

.InnerBody {
    BACKGROUND-COLOR: #FFFFFF /*Change 01*/
}

.TreeView .Level0 IMG {
    MARGIN-RIGHT: 3px
}

.TreeView .Level1 IMG {
    MARGIN-RIGHT: 3px
}

#ActiveWindowPopup {
}

    #ActiveWindowPopup .MenuItem {
        BORDER-BOTTOM: silver 1px solid;
        PADDING-LEFT: 3px;
        HEIGHT: 18px;
        FONT-SIZE: 8pt;
        CURSOR: pointer;
        PADDING-TOP: 2px
    }

.TopBar {
    BACKGROUND-COLOR: #3c4858 /*Change 10*/
}

    .TopBar TD {
        FONT-SIZE: 9pt;
        OVERFLOW: visible;
    }

    .TopBar A {
        BORDER-BOTTOM: transparent 1px solid;
        BORDER-LEFT: transparent 1px solid;
        /*Change 06 Start*/
        /*PADDING-BOTTOM: 0px;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;*/ /*Change 06 End*/
        HEIGHT: 25px; /*Change 06*/
        FONT-SIZE: 16px; /*Change 02, Change 06 - Change 12px to 16px*/
        BORDER-TOP: transparent 1px solid;
        BORDER-RIGHT: transparent 1px solid;
        /*PADDING-TOP: 10px;      /*Change 02,Change 06*/
        color: white; /*Change 02*/ /*Change 10*/
        font-weight: bold; /*Change 02*/
        font-family: Sans-Serif; /*Change 02,Change 06 - Change Arial to Sans-Serif*/
        padding: 2px 8px 0px 8px; /*Change 06*/
        display: block; /*Change 06*/
    }

        .TopBar A:hover {
            BORDER-BOTTOM: transparent 1px solid;
            BORDER-LEFT: transparent 1px solid;
            /*BACKGROUND-COLOR: #e1e6e8;*/ /*Change 10*/
            BORDER-TOP: transparent 1px solid;
            BORDER-RIGHT: transparent 1px solid;
            TEXT-DECORATION: none;
        }

    .TopBar SPAN {
        CURSOR: pointer
    }
    /*Change 01*/
    /*.TopBar .Selected
{
    BORDER-BOTTOM: #316ac5 1px solid;
    BORDER-LEFT: #316ac5 1px solid;
    BACKGROUND-COLOR: gold;
    BORDER-TOP: #316ac5 1px solid;
    CURSOR: default;
    BORDER-RIGHT: #316ac5 1px solid;
    TEXT-DECORATION: none
}*/
    .TopBar .Selected {
        /*BORDER-BOTTOM: #FFFFFF 1px solid;
    BORDER-LEFT: #FFFFFF 1px solid;
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-TOP: #FFFFFF 1px solid;*/
        CURSOR: default;
        /*BORDER-RIGHT: #FFFFFF 1px solid;*/
        TEXT-DECORATION: none;
        COLOR: #e2882c; /*Change 06 - Change #e2882c to white*/ /*Change 10*/
        font-family: Sans-Serif; /*Change 02, Change 06 - Change Arial to Sans-Serif*/
        font-size: 16px !important; /*Change 02, Change 06 - Change 12px to 16px*/
        font-weight: bold; /*Change 02*/
        Height: 24.9px; /*Change 06*/
        padding: 2px 8px 0px 8px; /*Change 06*/
        /*Background-Color: #e2882c;*/ /*Change 06*/ /*Change 10*/
        Pointer-events: none; /*Change 06*/
    }

#TopMenu img {
    padding-right: 3px;
}

.FormTab {
    TEXT-ALIGN: center;
    BORDER-LEFT: #91a7b4 1px solid;
    BACKGROUND-COLOR: gainsboro;
    PADDING-LEFT: 5px;
    MIN-WIDTH: 84px;
    PADDING-RIGHT: 5px;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    HEIGHT: 18px;
    COLOR: black;
    FONT-SIZE: 11px;
    BORDER-TOP: #91a7b4 1px solid;
    CURSOR: pointer;
    BORDER-RIGHT: #91a7b4 1px solid;
    PADDING-TOP: 2px;
}

.FormTab_Selected {
    BACKGROUND-IMAGE: url(images/button_bgrd_blue.gif);
    POSITION: relative;
    TEXT-ALIGN: center;
    BORDER-LEFT: #91a7b4 1px solid;
    BACKGROUND-COLOR: #dde8eb;
    PADDING-LEFT: 5px;
    WIDTH: 1in;
    PADDING-RIGHT: 5px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    HEIGHT: 22px;
    FONT-SIZE: 11px;
    BORDER-TOP: gold 3px solid;
    TOP: 1px;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: #91a7b4 1px solid;
    PADDING-TOP: 2px;
}

.FormTab TD {
    POSITION: relative;
    TEXT-ALIGN: center;
    BORDER-LEFT: #91a7b4 1px solid;
    BACKGROUND-COLOR: gainsboro;
    PADDING-LEFT: 5px;
    WIDTH: 1in;
    PADDING-RIGHT: 5px;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    HEIGHT: 18px;
    FONT-SIZE: 8pt;
    BORDER-TOP: #91a7b4 1px solid;
    TOP: 2px;
    CURSOR: pointer;
    BORDER-RIGHT: #91a7b4 1px solid;
    PADDING-TOP: 2px
}

.FormTab A {
    COLOR: black
}

.FormTab_Selected TD {
    BACKGROUND-IMAGE: url(images/button_bgrd_blue.gif);
    POSITION: relative;
    TEXT-ALIGN: center;
    BORDER-LEFT: #91a7b4 1px solid;
    BACKGROUND-COLOR: #dde8eb;
    PADDING-LEFT: 5px;
    WIDTH: 1in;
    PADDING-RIGHT: 5px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    HEIGHT: 22px;
    FONT-SIZE: 8pt;
    BORDER-TOP: gold 3px solid;
    TOP: 1px;
    BORDER-RIGHT: #91a7b4 1px solid;
    PADDING-TOP: 0px
}

.FormTab_Selected A {
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder
}

.SearchTab {
    BACKGROUND-IMAGE: url(../../_Images/search.gif);
    PADDING-LEFT: 20px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left -1px
}

.Print {
}

    .Print .Form {
        OVERFLOW: visible
    }

    .Print .Data {
        /*BORDER-BOTTOM: #ffffff 1px solid*/
        BORDER-BOTTOM: #91A7B4 1px solid; /*Change 08*/
    }

    .Print .Label {
        BACKGROUND-IMAGE: url(images/asterisk.gif);
        PADDING-RIGHT: 0px;
        BACKGROUND-REPEAT: no-repeat;
        BACKGROUND-POSITION: center 1000px;
        FONT-WEIGHT: bolder
    }

.Download {
}

BODY.Download {
    BACKGROUND-COLOR: white
}

.ColDivider {
    BORDER-LEFT: #91a7b4 1px solid;
    HEIGHT: 16px;
    MARGIN-LEFT: 3px;
    MARGIN-RIGHT: 3px
}

.Status {
    BACKGROUND-COLOR: #0000cd;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;
    FONT-FAMILY: Sans-Serif, Tahoma; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: #ffffff;
    FONT-SIZE: 10pt
}

#ActiveWindowPopup .MenuItem_hover {
    BORDER-BOTTOM: silver 1px solid;
    BACKGROUND-COLOR: #ebf1f3;
    PADDING-LEFT: 3px;
    HEIGHT: 18px;
    FONT-SIZE: 8pt;
    CURSOR: pointer;
    PADDING-TOP: 2px
}

.RowDivider {
    HEIGHT: 1px;
    OVERFLOW: hidden;
    BORDER-TOP: #91a7b4 1px solid
}

.TreeView .Level3 {
    POSITION: relative;
    LEFT: 36px
}

.ListCol_Selected {
    BACKGROUND-COLOR: #ffefd5
}

TD.ListCol_Selected {
    BACKGROUND-COLOR: #ffefd5;
    FONT-WEIGHT: bolder
}

.ListHeader .ListCol_Selected {
    BACKGROUND-COLOR: #e2882c; /*Change 02*/
    FONT-WEIGHT: bolder
}

    .ListHeader .ListCol_Selected A {
        /*BACKGROUND-COLOR: #ffefd5;*/ /*Change 02*/
        FONT-SIZE: 9pt;
        FONT-WEIGHT: bolder
    }

.TreeView .Level0Menu {
    BORDER-BOTTOM: 1px;
    BORDER-LEFT: 1px;
    PADDING-BOTTOM: 2px;
    TEXT-TRANSFORM: capitalize;
    MARGIN-TOP: 2px;
    PADDING-LEFT: 2px;
    WIDTH: 100%;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 1px;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: 1px;
    PADDING-TOP: 2px
}

.LabelBold {
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: black;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder
}
/**Change 06 Uberiq/2018/NEW/017 by Thandar for Login Page*/
.LoginPage {
    /*BACKGROUND-COLOR: #dde8eb*/
    /*BACKGROUND-COLOR: #F5FAFB;
    background-position: 480px 152px;*/ /*Change 10*/
    /*BACKGROUND-IMAGE: url(Images/singapore-2343461_1280.jpg);*/ /*Change 10*/
    /*BACKGROUND-IMAGE: url(Images/ReskinBackground.jpg);*/ /***Change 10*/
    BACKGROUND-IMAGE: url(Images/ReskinBackground3.jpg); /***Change 16*/
    BACKGROUND-SIZE: calc(100%) calc(100% - 5px); /***Change 10*/ /***Change 17*/
    BACKGROUND-REPEAT: no-repeat; /***Change 10*/
}
    /*.LoginPage .LoginForm
{
    BACKGROUND-IMAGE: url(Images/bg_login_main.jpg);
    WIDTH: 710px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 409px
}*/

    .LoginPage .LoginForm {
        /*BACKGROUND-IMAGE: url(Images/Qorneerstone_logo.png);*/ /*Change 10*/
        /***Change 10 - Start*/
        /*BACKGROUND-IMAGE: url(Images/Qorneerstone_logo.png);*/ /***Change 11*/
        /*background-position: center -45px;*/ /***Change 11*/
        /*background-size: contain;*/ /***Change 11*/
        /***Change 10 - END*/
        /*BACKGROUND-REPEAT: no-repeat;*/ /***Change 11*/
        /*background-position: 90px 10px;*/ /*Change 10*/
        /*background-color: rgba(250, 250, 250, 0.62);*/ /*Change 10*/ /**Change 11*/ /**Change 17*/
        /*border-radius: 8px;*/ /**Change 17*/
        /*box-shadow: 0 0 5px 0 rgb(227, 232, 239);*/ /*Change 10*/ /**Change 11*/ /**Change 17*/
        margin-right: 380px;
        /*margin-top: 150px;*/
        margin-top: 110px; /*Change 16*/
    }

@media only screen and (min-width: 1200px) and (max-width: 1251px) {
    .LoginPage .LoginForm {
        /*BACKGROUND-IMAGE: url(Images/Qorneerstone_logo.png);*/ /*Change 10*/
        /***Change 10 - Start*/
        /*BACKGROUND-IMAGE: url(Images/Qorneerstone_logo.png);*/ /***Change 11*/
        /*background-position: center -45px;*/ /***Change 11*/
        /*background-size: contain;*/ /***Change 11*/
        /***Change 10 - END*/
        /*BACKGROUND-REPEAT: no-repeat;*/ /***Change 11*/
        /*background-position: 90px 10px;*/ /*Change 10*/
        /*background-color: rgba(250, 250, 250, 0.62);*/ /*Change 10*/ /**Change 11*/ /**Change 17*/
        /*border-radius: 8px;*/ /**Change 17*/
        /*box-shadow: 0 0 5px 0 rgb(227, 232, 239);*/ /*Change 10*/ /**Change 11*/ /**Change 17*/
        margin-right: 250px;
        /*margin-top: 150px;*/
        margin-top: 110px; /*Change 16*/
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1351px) {
    .LoginPage .LoginForm {
        /*BACKGROUND-IMAGE: url(Images/Qorneerstone_logo.png);*/ /*Change 10*/
        /***Change 10 - Start*/
        /*BACKGROUND-IMAGE: url(Images/Qorneerstone_logo.png);*/ /***Change 11*/
        /*background-position: center -45px;*/ /***Change 11*/
        /*background-size: contain;*/ /***Change 11*/
        /***Change 10 - END*/
        /*BACKGROUND-REPEAT: no-repeat;*/ /***Change 11*/
        /*background-position: 90px 10px;*/ /*Change 10*/
        /*background-color: rgba(250, 250, 250, 0.62);*/ /*Change 10*/ /**Change 11*/ /**Change 17*/
        /*border-radius: 8px;*/ /**Change 17*/
        /*box-shadow: 0 0 5px 0 rgb(227, 232, 239);*/ /*Change 10*/ /**Change 11*/ /**Change 17*/
        margin-right: 300px;
        /*margin-top: 150px;*/
        margin-top: 110px; /*Change 16*/
    }
}

@media only screen and (min-width: 1350px) and (max-width: 1451px) {
    .LoginPage .LoginForm {
        /*BACKGROUND-IMAGE: url(Images/Qorneerstone_logo.png);*/ /*Change 10*/
        /***Change 10 - Start*/
        /*BACKGROUND-IMAGE: url(Images/Qorneerstone_logo.png);*/ /***Change 11*/
        /*background-position: center -45px;*/ /***Change 11*/
        /*background-size: contain;*/ /***Change 11*/
        /***Change 10 - END*/
        /*BACKGROUND-REPEAT: no-repeat;*/ /***Change 11*/
        /*background-position: 90px 10px;*/ /*Change 10*/
        /*background-color: rgba(250, 250, 250, 0.62);*/ /*Change 10*/ /**Change 11*/ /**Change 17*/
        /*border-radius: 8px;*/ /**Change 17*/
        /*box-shadow: 0 0 5px 0 rgb(227, 232, 239);*/ /*Change 10*/ /**Change 11*/ /**Change 17*/
        margin-right: 350px;
        /*margin-top: 150px;*/
        margin-top: 110px; /*Change 16*/
    }
}

.LoginPage .TextBox {
    /*border-bottom-right-radius: 8px;*/ /*Change 10*/
    /*border-top-right-radius: 8px;*/ /*Change 10*/
    /*border: 1px solid #E9E9E9;*/ /*Change 10*/
    border-top: none; /*Change 10*/
    border-right: none; /*Change 10*/
    border-left: none; /*Change 10*/
    border-bottom: 1px solid black; /*Change 10*/
    border-bottom-color: rgb(171, 169, 185); /***Change 10*/ /***Change 11*/
}

.imgtdlogin {
    /*border-bottom: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    border-radius: 8px 0 0 8px;	
    background-color: rgba(233,233,233,0.4);*/ /*Change 10*/
    /*Change 10*/
    background-color: transparent;
    border-radius: 0;
    border-top: none;
    border-bottom: 1px solid black;
    border-left: none;
    border-right: none;
    border-bottom-color: rgb(171, 169, 185); /***Change 11*/
    /*Change 10 - end*/
}

.LabelColor {
    color: rgb(81, 89, 99); /***Change 10*/ /***Change 11*/
    font-family: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
}

.VersionNoCss {
    opacity: 0.7;
    color: #000000;
    font-family: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    font-size: 12px;
    font-style: italic;
    line-height: 14px;
    padding-right: 12px;
}
/*Added Css for Announcement from login page*/
.system-announcementsForm {
    background-color: rgba(255, 255, 255, 0.6); /*Change 10*/
    border-radius: 8px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    padding-bottom: 5px;
    padding-top: 5px;
}

.system-announcements {
    opacity: 0.7;
    color: #232323;
    font-family: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    font-size: 14px;
    line-height: 20px;
}

.CopyRight {
    /*Change 10 - start*/
    height: 37px;
    width: 1335px;
    /*Change 10 - end*/
    font-family: Verdana; /*Change 06 - Change Arial to Sans-Serif*/ /***Change 11*/
    opacity: 0.7;
    font-size: 11px; /***Change 11*/
    color: white; /*Change 10*/
    line-height: 14px;
    background-color: black; /*Change 10*/
    position: fixed; /***Change 10*/
    left: 0; /***Change 10*/
    bottom: 0; /***Change 10*/
    width: 100%; /***Change 10*/
}
/**End of Change 06 by Thandar for Login Page*/
.LoginPage .SubHeader {
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    COLOR: #0074C8;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bolder
}

.disabled {
    COLOR: #c0c0c0 !important;
}

.ActionBar {
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #ebf1f3;
    PADDING-LEFT: 22px;
    PADDING-RIGHT: 3px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: 3px center;
    MARGIN-BOTTOM: 3px;
    COLOR: #d3d3d3;
    BORDER-TOP: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    PADDING-TOP: 2px
}

    .ActionBar A {
        COLOR: #0000ff
    }

    .ActionBar TD {
        BACKGROUND-COLOR: #ebf1f3;
    }

.ListForm {
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    PADDING-BOTTOM: 3px;
    BACKGROUND-COLOR: #ebf1f3;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    PADDING-TOP: 3px
}

.ListCol_SN {
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #d3d3d3;
    FONT-WEIGHT: bolder
}

.ListHeader {
    BACKGROUND-COLOR: #d3d3d3;
    FONT-FAMILY: Sans-Serif,Tahoma; /*Change 06 - Change Arial to Sans-Serif*/
    FONT-SIZE: 9pt
}

    .ListHeader TH {
        BORDER-BOTTOM: black 1px solid;
        TEXT-ALIGN: center;
        PADDING-BOTTOM: 2px;
        BACKGROUND-COLOR: #91A7B4; /*Change 02*/
        color: white; /*Change 02*/
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 2px;
        FONT-SIZE: 9pt;
        BORDER-RIGHT: #ffffff 1px solid;
        PADDING-TOP: 2px
    }

    .ListHeader TD {
        BORDER-BOTTOM: black 1px solid;
        TEXT-ALIGN: center;
        PADDING-BOTTOM: 2px;
        BACKGROUND-COLOR: #d3d3d3;
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 2px;
        FONT-SIZE: 9pt;
        BORDER-RIGHT: #ffffff 1px solid;
        PADDING-TOP: 2px
    }

    .ListHeader A {
        FONT-FAMILY: Sans-Serif,Tahoma; /*Change 06 - Change Arial to Sans-Serif*/
        COLOR: black; /*Change 01*/ /*Change 08*/
        font-weight: bold; /*Change 01*/
        FONT-SIZE: 9pt;
        TEXT-DECORATION: none
    }

.ListHeader_2 {
}

    .ListHeader_2 TD {
        BORDER-BOTTOM: #b0c4de 1px solid;
        PADDING-BOTTOM: 2px;
        BACKGROUND-COLOR: #b0c4de;
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 2px;
        FONT-FAMILY: Sans-Serif,Tahoma; /*Change 06 - Add Sans-Serif*/
        FONT-SIZE: 9pt;
        FONT-WEIGHT: bolder;
        BORDER-RIGHT: #ffffff 1px solid;
        PADDING-TOP: 2px
    }

    .ListHeader_2 .ListCol_SN {
        BACKGROUND-COLOR: #d3d3d3
    }

.ListFooter {
    BACKGROUND-COLOR: #d3d3d3;
    BORDER-TOP: black 1px solid
}

    .ListFooter TD {
        PADDING-BOTTOM: 2px;
        BACKGROUND-COLOR: #91A7B4; /*Change 02*/
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 2px;
        FONT-FAMILY: Sans-Serif,Tahoma; /*Change 06 - Add Sans-Serif*/
        COLOR: black; /*Change 02*/ /*Change 08*/
        FONT-SIZE: 9pt;
        BORDER-TOP: black 1px solid;
        FONT-WEIGHT: bolder;
        PADDING-TOP: 2px
    }

        .ListFooter TD TD {
            BORDER-BOTTOM: medium none;
            BORDER-LEFT: medium none;
            BORDER-TOP: medium none;
            BORDER-RIGHT: medium none
        }

.ListFooter_2 {
    BACKGROUND-COLOR: #dcdcdc
}

    .ListFooter_2 TD {
        PADDING-BOTTOM: 2px;
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 2px;
        BORDER-TOP: white 1px solid;
        FONT-WEIGHT: bolder;
        PADDING-TOP: 2px
    }

.ListRow {
    BACKGROUND-COLOR: #F5FAFB; /*Change 01*/
}

    .ListRow TD {
        BORDER-BOTTOM: #dde8eb 1px solid;
        PADDING-BOTTOM: 2px;
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 2px;
        FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
        COLOR: #4D5F82; /*Change 01*/
        FONT-SIZE: 9pt;
        OVERFLOW: visible;
        BORDER-RIGHT: #fffff0 1px solid;
        PADDING-TOP: 2px;
        vertical-align: middle;
    }

    .ListRow A {
        COLOR: #4D5F82; /*Change 01*/
    }

    .ListRow SELECT {
        FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
        FONT-SIZE: 9pt
    }

.ListRow2 {
}

    .ListRow2 TD {
        BORDER-BOTTOM: #dde8eb 1px solid;
        PADDING-BOTTOM: 2px;
        BACKGROUND-COLOR: #ebf1f3;
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 2px;
        FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
        FONT-SIZE: 9pt;
        BORDER-RIGHT: #ebf1f3 1px solid;
        PADDING-TOP: 2px
    }

    .ListRow2 .ListCol_SN {
        BACKGROUND-COLOR: #d3d3d3;
        BORDER-RIGHT: #ffffff 1px solid
    }

.ListRow_Selected {
}

    .ListRow_Selected TD {
        BORDER-BOTTOM: #dde8eb 1px solid;
        PADDING-BOTTOM: 2px;
        BACKGROUND-COLOR: white; /*Change 01*/
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 2px;
        FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
        FONT-SIZE: 9pt;
        OVERFLOW: visible;
        BORDER-RIGHT: white 1px solid; /*Change 01*/
        PADDING-TOP: 2px;
        vertical-align: middle;
    }

    .ListRow_Selected A {
        FONT-SIZE: 9pt
    }

    .ListRow_Selected .ListCol_SN {
        BACKGROUND-COLOR: #d3d3d3;
        BORDER-RIGHT: #ffffff 1px solid
    }

.LookupRow {
    BACKGROUND-COLOR: #ffffff
}

    .LookupRow TD {
        BORDER-BOTTOM: medium none;
        PADDING-BOTTOM: 2px;
        PADDING-LEFT: 2px;
        PADDING-RIGHT: 2px;
        FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
        COLOR: black;
        FONT-SIZE: 9pt;
        OVERFLOW: visible;
        BORDER-RIGHT: #dde8eb 1px solid;
        PADDING-TOP: 2px
    }

.LookupRow_Selected {
    BACKGROUND-COLOR: #e0edfe
}

    .LookupRow_Selected TD {
        BORDER-BOTTOM: medium none;
        PADDING-BOTTOM: 2px;
        PADDING-LEFT: 2px;
        PADDING-RIGHT: 2px;
        FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
        FONT-SIZE: 9pt;
        OVERFLOW: visible;
        BORDER-RIGHT: #dde8eb 1px solid;
        PADDING-TOP: 2px
    }

.AJAXFormTab {
}

    .AJAXFormTab .ajax__tab_header {
        PADDING-LEFT: 300px;
        BACKGROUND: url(images/tab-line.gif) repeat-x 50% bottom;
        FONT-SIZE: 8pt
    }

    .AJAXFormTab .ajax__tab_outer {
        PADDING-RIGHT: 3px;
        BACKGROUND: url(images/tab-right.gif) no-repeat right top;
        HEIGHT: 21px
    }

    .AJAXFormTab .ajax__tab_inner {
        PADDING-LEFT: 3px;
        BACKGROUND: url(images/tab-left.gif) no-repeat
    }

    .AJAXFormTab .ajax__tab_tab {
        PADDING-BOTTOM: 4px;
        MARGIN: 0px;
        PADDING-LEFT: 4px;
        WIDTH: 1.5in; /*Change 08*/
        PADDING-RIGHT: 4px;
        BACKGROUND: url(images/tab.gif) repeat-x;
        HEIGHT: 13px;
        COLOR: black;
        PADDING-TOP: 4px
    }

    .AJAXFormTab .ajax__tab_hover .ajax__tab_outer {
        BACKGROUND: url(images/tab-hover-right.gif) no-repeat right 50%
    }

    .AJAXFormTab .ajax__tab_hover .ajax__tab_inner {
        BACKGROUND: url(images/tab-hover-left.gif) no-repeat
    }

    .AJAXFormTab .ajax__tab_hover .ajax__tab_tab {
        BACKGROUND: url(images/tab-hover.gif) repeat-x
    }

    .AJAXFormTab .ajax__tab_active .ajax__tab_outer {
        BACKGROUND: url(images/tab-active-right.gif) no-repeat right 50%
    }

    .AJAXFormTab .ajax__tab_active .ajax__tab_inner {
        BACKGROUND: url(images/tab-active-left.gif) no-repeat
    }

    .AJAXFormTab .ajax__tab_active .ajax__tab_tab {
        BACKGROUND: url(images/tab-active.gif) repeat-x;
        COLOR: #4D5F82; /*Change 01*/
        FONT-WEIGHT: bolder;
        font-size: 8pt !important;
    }

    .AJAXFormTab .ajax__tab_body {
        BORDER-BOTTOM: #999999 1px solid;
        BORDER-LEFT: medium none;
        PADDING-BOTTOM: 8px;
        BACKGROUND-COLOR: transparent;
        PADDING-LEFT: 8px;
        PADDING-RIGHT: 8px;
        FONT-FAMILY: verdana,tahoma,helvetica;
        FONT-SIZE: 10pt;
        BORDER-TOP: 0px;
        BORDER-RIGHT: medium none;
        PADDING-TOP: 8px
    }

    .AJAXFormTab table td {
        padding-top: 5px; /*Change 02*/
        padding-bottom: 5px; /*Change 02*/
    }

    .AJAXFormTab .ListTable .ListRow td, .AJAXFormTab .ListTable .ListRow_Selected td, .AJAXFormTab .ListTable .ListRow2 td, .AJAXFormTab .ListTable .ListCol_SN {
        padding: 5px; /*Change 02*/
    }

    .AJAXFormTab .ListTable td {
        padding: 0px; /*Change 02*/
    }

    .AJAXFormTab .ListForm {
        background-color: #F5FAFB;
        border: #91A7B4 1px solid;
    }

    .AJAXFormTab .ListHeader TD {
        BACKGROUND-COLOR: #91A7B4;
        /*color: white;*/
        color: black; /*Change 08*/
        font-weight: bold;
    }

.Loading {
    BACKGROUND-IMAGE: url(images/loading.gif);
    BACKGROUND-COLOR: #ffffff;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left top
}

.InvalidField {
    BACKGROUND-COLOR: #ffd700
}

.CustomValidatorCalloutStyle DIV {
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BACKGROUND-COLOR: #ffefd5;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    FONT-SIZE: 9pt;
    BORDER-TOP: black 1px solid;
    BORDER-RIGHT: black 1px solid
}

.CustomValidatorCalloutStyle TD {
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BACKGROUND-COLOR: #ffefd5;
    FONT-FAMILY: Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    FONT-SIZE: 9pt;
    BORDER-TOP: black 1px solid;
    BORDER-RIGHT: black 1px solid
}

.modalBackground {
    BACKGROUND-COLOR: #F5FAFB; /*Change 02*/
    FILTER: alpha(opacity=30);
    OPACITY: 0.3;
    position: absolute !important
}



/**Change 04*/
#TabBar, .TopTab {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/**Change 04*/
/**Change 06 - Vertical Text CSS*/
#ShowMenuDiv {
    writing-mode: tb-rl;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    white-space: nowrap;
    display: block;
    position: relative;
    left: 0px;
    top: 5px;
}
/**IE's compatibilty mode gt bugs for z-index in position:relative, change it to position:absolute*/
.PageHelpClass {
    position: absolute;
    z-index: 2;
}
/**Change 07 - CROSS-BROWSER CSS for datepicker*/
/*CROSS-BROWSER CSS*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari & Google Chrome ONLY */
    .DatePicker INPUT, .datepicker-input {
        /*  TOP: -4px;*/
    }

    .DatePicker IMG, .ui-datepicker-trigger {
        /*top:2px !important;*/
        HEIGHT: 21px; /*Change 08*/
        width: 20px;
        CURSOR: pointer;
        margin-bottom: -6px; /*Change 08*/
    }

    .ResizeTable {
        width: 98% !important;
        height: 99% !important
    }

    .ResizeWidth {
        width: 99% !important;
    }
    /**IE's compatibilty mode gt bugs for z-index in position:relative, but chrome and safari is working fine with position: releative.*/
    .PageHelpClass {
        position: relative;
        z-index: 2;
    }
}
/**Change 08*/
/*.MaskButton
{
    position:absolute; 
    //left:0px; 
    //top:0px; 
    z-index:1;
}*/
/* DatePicker Container */
.ui-datepicker {
    width: 228px;
    margin: 5px auto 0;
    font: 9pt Sans-Serif, Sans-Serif; /*Change 06 - Change Arial to Sans-Serif*/
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    background-color: White;
}

    .ui-datepicker a {
        text-decoration: none;
    }

    /* DatePicker Table */
    .ui-datepicker table {
        width: 100%;
    }

.ui-datepicker-header {
    background: url('../../_Images/dark_leather.png') repeat 0 0 #000;
    color: #e0e0e0;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    text-shadow: 1px -1px 0px #000;
    filter: dropshadow(color=#000, offx=1, offy=-1);
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

.ui-datepicker-title {
    text-align: center;
    height: 22px;
}

.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 25px;
    height: 23px;
    text-align: center;
    cursor: pointer;
    background-image: url('../../_Images/arrow.png');
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
    margin-top: -1px;
}

.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    background-position: center 0px;
}

.ui-datepicker thead {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
    background-image: -o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
    background-image: linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
    border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 6pt;
    padding: 5px 0;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 0px solid #bbb;
}

    .ui-datepicker tbody td:last-child {
        border-right: 0px;
    }

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}

    .ui-datepicker tbody tr:last-child {
        border-bottom: 0px;
    }

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar .ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
    background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%);
    background: -o-linear-gradient(top, #ededed 0%,#dedede 100%);
    background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%);
    background: linear-gradient(top, #ededed 0%,#dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
    background: #6eafbf;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #e0e0e0;
    text-shadow: 0px 1px 0px #4d7a85;
    filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}

.ui-datepicker-month, .ui-datepicker-year {
    BORDER-RIGHT: inherit;
    BORDER-TOP: inherit;
    FONT-SIZE: inherit;
    OVERFLOW: inherit;
    BORDER-LEFT: inherit;
    WIDTH: 55px;
    margin-left: 4px;
    BORDER-BOTTOM: inherit;
}

#ui-datepicker-div {
    display: none;
}

.ui-priority-secondary {
    position: absolute;
}

.ui-datepicker-close {
    float: right;
}

.ui-datepicker-close, .ui-priority-secondary {
    background-color: #ededed;
    border: 0 solid;
    border-bottom: 1px solid white;
    cursor: pointer;
    color: #666666;
    text-shadow: 1px 1px 0px #fff;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
}

    .ui-datepicker-close:hover, .ui-priority-secondary:hover {
        background: #f7f7f7;
    }
/**Add CSS that specific for Ipad.*/
.FindTextBox {
    WIDTH: 200px;
}

@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    .AJAXFormTab .ajax__tab_header {
        PADDING-LEFT: 200px;
        BACKGROUND: url(images/tab-line.gif) repeat-x 50% bottom;
        FONT-SIZE: 8pt
    }

    .FindTextBox {
        WIDTH: 120px;
    }

    .datepicker-input {
        HEIGHT: 14px;
    }

    .DatePicker IMG, .ui-datepicker-trigger {
        margin-bottom: -7px;
    }

    .scroll-wrapper iframe {
        HEIGHT: 95%;
        width: 95%;
    }
}

.scroll-wrapper {
    overflow: auto;
    HEIGHT: 100%;
    width: 100%;
    background: #FFFFFF;
}

.chkboxText[type=checkbox] {
    vertical-align: bottom;
    position: relative;
    bottom: -2px;
}

/***Change 07 Start*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

    .modal-content.size-570 {
        width: 570px;
    }

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-header {
    padding: 2px 16px;
    background-color: #e2882c;
    color: white;
}

.modal-body {
    padding: 16px 16px;
}

.modal-footer {
    padding: 16px 16px;
    /*background-color: #5cb85c;*/
    color: white;
    text-align: right;
}

.modal-close-btn {
    width: 5em;
}

.modal-footer button {
    min-width: 80px;
    padding-top: 2px;
}
/***Change 07 End*/
/***Change 12 Start*/
#RevenuesTable {
    font-family: "Sans-Serif";
    border-collapse: collapse;
}

#ExpensesTable {
    font-family: "Sans-Serif";
    border-collapse: collapse;
}

    #RevenuesTable td, th, #ExpensesTable td, th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    #RevenuesTable tr:nth-child(even), #ExpensesTable tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #RevenuesTable tr:hover, #ExpensesTable tr:hover {
        background-color: #ddd;
    }

    #RevenuesTable thead, tfoot, #ExpensesTable thead, tfoot {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #91A7B4;
        color: white;
        font-size: medium;
    }

.amount {
    text-align: right;
    width: 75px;
}

.RevenuesName {
    width: 200px;
}
/***Change 12 End*/
/***Change 13 - Start*/
.lblHover:hover {
    COLOR: rgb(255, 122, 56);
    TEXT-DECORATION: underline;
    CURSOR: pointer;
}

.lblResetTitle {
    text-align: center;
    padding-top: 40px;
    font-size: 18px;
    font-weight: bold;
    color: rgb(49, 57, 75);
    font-family: sans-serif;
    padding-left: 23px;
}

.lblResetTxt {
    text-align: center;
    font-size: 14px;
    color: rgb(94, 98, 112);
    padding-right: 30px;
    font-family: sans-serif;
    padding-left: 30px;
}

.returnLogin {
    BACKGROUND-IMAGE: url(Images/leftarrow.png);
    background-position: 55px;
    BACKGROUND-REPEAT: no-repeat;
    background-size: 16px 14px;
    CURSOR: pointer;
    color: rgb(81, 89, 99);
    font-family: Sans-Serif;
    font-size: 13px;
    font-weight: bold;
}

.SuccessMsg {
    text-align: center;
    padding-top: 40px;
    font-size: 16px;
    font-weight: bold;
    color: rgb(49, 57, 75);
    font-family: sans-serif;
    padding-right: 18px;
}
/***Change 13 - end*/