body {
    background-color: #ffffff;
    font-size: 8pt;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #000000;
    margin: 0;
    padding: 0;
    border-right: medium none;
    background-position: center 50%;
    border-top: medium none;
    scrollbar-face-color: #ffffff;
    background-attachment: fixed;
    background-image: url(images/bglogo.jpg);
    scrollbar-highlight-color: #7b797b;
    border-left: medium none;
    scrollbar-shadow-color: #7b797b;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #B6D4EE;
    scrollbar-track-color: #ffffff;
    border-bottom: medium none;
    background-repeat: no-repeat;
    scrollbar-darkshadow-color: #ffffff;
}

A {
    color: #000000;
}

/* for outer border of table*/

.titletable {
    border-top: #c4c083 1px solid;
    border-left: #c4c083 1px solid;
    border-right: #c4c083 1px solid;
    border-bottom: #c4c083 2px solid;
    background-color: #ffffff;
}

.titletable1 {
    border-top: #c4c083 1px solid;
    border-left: #c4c083 1px solid;
    border-right: #c4c083 1px solid;
    border-bottom: #c4c083 2px solid;
    background-color: #ffffff;
}

.titletable2 {
    border-top: #c4c083 1px solid;
    border-left: #c4c083 1px solid;
    border-right: #c4c083 1px solid;
    border-bottom: #c4c083 2px solid;
    background-color: #ffffff;
}

    .titletable2 td {
        font-size: 11px;
        color: #111111;
        text-decoration: none;
        font-style: normal;
        white-space: nowrap;
        padding: 5px;
        text-transform: capitalize;
    }

.titletable-header {
    font-size: 11px;
    color: #222222;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    text-transform: uppercase;
    border-bottom: #C4C083 2px solid;
    background-color: #f8fad2;
    background-repeat: repeat;
    padding-bottom: 5px;
    height: 25px;
}

    .titletable-header th {
        border-bottom: #C4C083 2px solid;
    }

.titletable-header1 {
    font-size: 11px;
    color: #222222;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    text-transform: uppercase;
    border-bottom: #C4C083 2px solid;
    background-color: #c2d468;
    background-repeat: repeat;
    padding-bottom: 5px;
    height: 25px;
}

    .titletable-header1 th {
        border-bottom: #C4C083 2px solid;
    }



.titletable td {
    font-size: 11px;
    color: #111111;
    text-decoration: none;
    font-style: normal;
    white-space: nowrap;
    padding: 10px;
    text-transform: capitalize;
}

.titletablefooter td {
    padding: 5px;
    text-transform: capitalize;
    background-color: #f8fad2;
    text-align: center;
    border-top: #e5edf2 1px ridge;
}

.tableheadersearch td {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    padding: 5px 5px 5px 15px;
    text-transform: capitalize;
    background-color: #EBE8CF;
    border-bottom: #e5edf2 1px ridge;
    font-weight: bold;
}

.border td {
    border-bottom: #e5edf2 1px ridge;
}

.tableheadersearch1 {
    background-color: #F1F9FE;
    border-bottom: #e5edf2 1px ridge;
}

    .tableheadersearch1 td {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 8pt;
        color: #111111;
        padding: 5px;
        font-weight: bold;
    }

    .tableheadersearch1 span {
        font-size: 8pt;
        color: #111111;
        font-weight: normal;
    }


.titletablefooter input {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #222222;
    width: 70px;
    height: 22px;
    background-image: url(../images/Gui/inputbutton.jpg);
    border: #000000 1px solid;
    cursor: hand;
    background-color: Transparent;
}

.tabletext {
    font-size: 11px;
    color: #111111;
    text-decoration: none;
    font-style: normal;
    white-space: nowrap;
    padding: 5px;
    text-transform: capitalize;
}

.text td {
    font-size: 8pt;
    color: #111111;
    padding: 0px;
}

.text {
    font-size: 8pt;
    color: #111111;
    padding: 0px;
}

.textBold {
    font-size: 8pt;
    color: #111111;
    font-weight: bold;
    padding: 0px;
}

.redtext {
    font-size: 8pt;
    color: #ff0000;
}




.Grid {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11px;
    text-align: left;
    border: 1px solid #c4c083;
    border-bottom: 1px solid #c4c083;
    background-color: #FFFFFF;
    cursor: default;
}

.GridHeader {
    border-right: 0px solid #57566F;
    background-image: url(../images/Gui/GridHeader_bg.jpg);
    font-weight: bold;
}

    .GridHeader th {
        color: #111111;
        padding: 5px;
        height: 18px;
        font-size: 11px;
        border: none;
        vertical-align: text-top;
        border-left: 1px solid #c4c083;
        background-image: url(../images/Gui/GridHeader_bg.jpg);
    }


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

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

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

.GridHeaderFixed {
    border-right: 0px solid #57566F;
    background-image: url(../images/Gui/GridHeader_bg.jpg);
    font-weight: bold;
}

    .GridHeaderFixed th {
        color: #111111;
        padding: 5px;
        height: 18px;
        font-size: 10px;
        border: none;
        vertical-align: text-top;
        border-left: 1px solid #d3dce5;
        background-image: url(../images/Gui/GridHeader_bg.jpg);
        position: relative;
        top: expression(this.offsetParent.scrollTop-1);
        left: -1;
    }

.GridRow {
    background-color: #eef6c7;
    border: none;
    text-transform: none;
}

    .GridRow td {
        cursor: default;
        padding: 5px;
        border: none;
        color: #000000;
        height: 18px;
        border-top: 1px solid #c4c083;
        border-bottom: 1px solid #c4c083;
        border-left: 1px solid #c4c083;
        text-transform: none;
    }

    .GridRow a {
        text-decoration: underline;
        color: #000000;
    }

        .GridRow a:hover {
            color: #0c447b;
        }

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

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

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


.GridAltRow {
    background-color: #EEF6c7;
    border: none;
}

    .GridAltRow td {
        cursor: default;
        padding: 5px;
        color: #0c447b;
        height: 18px;
        border: none;
        border-bottom: 0px solid #c4c083;
        border-left: 1px solid #c4c083;
        text-transform: none;
    }

    .GridAltRow a {
        text-decoration: underline;
        color: #0c447b;
    }

        .GridAltRow a:hover {
            color: #000000;
        }


.GridEditRow {
    background-color: #2461BF;
    padding: 0px;
}

    .GridEditRow td {
        color: #ffffff;
    }

    .GridEditRow a {
        color: #ffffff;
    }

.GridEmptyRow {
}

.GridSelectedRow {
    background-color: #FFEEC2;
}



.GridPager td {
    background-image: url(../images/Gui/GridHeader_bg.jpg);
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    padding: 5px;
}

.GridPager a {
    color: #396f96;
    padding: 3px;
    text-decoration: underline;
    background-color: #F1F9FE;
    border: 1px solid #c4c083;
}

    .GridPager a:hover {
        color: #000000;
        text-decoration: none;
    }

.GridFooter td {
    background-image: url(../images/Gui/GridHeader_bg.jpg);
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    padding: 5px;
}

.GridFooter a {
    color: #396f96;
    padding: 3px;
    text-decoration: underline;
    background-color: #F1F9FE;
    border: 1px solid #91a9c3;
}

    .GridFooter a:hover {
        color: #000000;
        text-decoration: none;
    }


/*this class is for addbutton  which we are using to call new form*/
.add_Button {
    background-image: url(../images/Gui/addbutton.gif);
    width: 88px;
    height: 17px;
    border: none;
    vertical-align: top;
    cursor: hand;
    background-color: Transparent;
    background-repeat: no-repeat;
}

.refresh_Button {
    background-image: url(../images/Gui/refresh.gif);
    width: 81px;
    height: 17px;
    border: none;
    vertical-align: top;
    cursor: hand;
    background-color: Transparent;
}

.report_Button {
    background-image: url(../images/report.gif);
    width: 62px;
    height: 17px;
    border: none;
    vertical-align: top;
    cursor: hand;
    background-color: Transparent;
}

.print_Button {
    background-image: url(../images/Gui/print.gif);
    width: 60px;
    height: 22px;
    border: none;
    vertical-align: top;
    cursor: hand;
    background-color: Transparent;
}

.summary_Button {
    background-image: url(../images/Gui/summary.gif);
    width: 81px;
    height: 17px;
    border: none;
    vertical-align: top;
    cursor: hand;
    background-color: Transparent;
}

.close_Button {
    background-image: url(../images/closebtn.gif);
    width: 13px;
    height: 13px;
    border: none;
    vertical-align: bottom;
    cursor: hand;
    background-color: Transparent;
}

.show_Button {
    background-image: url(../images/Gui/show.gif);
    background-color: Transparent;
    width: 55px;
    height: 20px;
    border: none;
    vertical-align: bottom;
    cursor: hand;
}

.hide_Button {
    background-image: url(../images/Gui/hide.gif);
    background-color: Transparent;
    width: 55px;
    height: 20px;
    border: none;
    vertical-align: bottom;
    cursor: hand;
}

/* for input button*/
.button_submit {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #222222;
    width: 70px;
    height: 22px;
    background-image: url(../images/Gui/inputbutton.jpg);
    border: #000000 1px solid;
    cursor: hand;
    background-color: Transparent;
}

.button {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #222222;
    height: 22px;
    background-image: url(../images/inputbutton.jpg);
    border: #000000 1px solid;
    cursor: hand;
    background-color: Transparent;
}

/* for input button*/
input.Button {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #222222;
    width: 70px;
    height: 22px;
    background-image: url(images/inputbutton.jpg);
    border: #000000 1px solid;
    cursor: hand;
}

/* -------------------for input box------------*/
.box {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 172px;
    height: 18px;
    border: #c4c083 1px solid;
    text-transform: none;
}

.smallbox {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 100px;
    height: 18px;
    border: #c4c083 1px solid;
    text-transform: none;
}
/* ------------------Done by Meghna on 050309----------------*/
.labeltextbox {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 100px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    border: none;
    text-transform: none;
}

.excel {
    background-image: url(~/images/excel.gif);
    background-repeat: no-repeat;
    width: 26px;
    height: 23px;
    background-color: Transparent;
    border: none;
    cursor: hand;
}
/*----------------Done by Meghna on 050309--------------*/

.smallbox1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 80px;
    height: 18px;
    border: #c4c083 1px solid;
    text-transform: none;
}

.smallbox2 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 50px;
    height: 18px;
    border: #c4c083 1px solid;
    text-transform: none;
}

.datebox {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #ff0000;
    width: 80px;
    height: 16px;
    border: #c4c083 1px solid;
    text-transform: none;
}

.rightbox-big {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 120px;
    height: 18px;
    border: #c4c083 1px solid;
    text-align: right;
    text-transform: none;
}

.rightbox {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 80px;
    height: 18px;
    border: #c4c083 1px solid;
    text-align: right;
    text-transform: none;
}

.rightbox1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 50px;
    height: 18px;
    border: #c4c083 1px solid;
    text-align: right;
    text-transform: none;
}

.MultiLinebox {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 175px;
    border: #c4c083 1px solid;
    text-transform: none;
}

.boxAuto-big {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 192px;
    height: 18px;
    border: #c4c083 1px inset;
    text-transform: none;
}

.boxAuto {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 172px;
    height: 18px;
    border: #c4c083 1px inset;
    text-transform: none;
}

.boxAuto1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 150px;
    height: 18px;
    border: #c4c083 1px inset;
    text-transform: none;
}

.drop {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    width: 175px;
    height: 20px;
    border: #c4c083 1px solid;
    text-transform: none;
}

.drop1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    height: 20px;
    border: #97c9f0 1px solid;
    text-transform: none;
}

.LabelNcase {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: #111111;
    text-transform: none;
}


.displayNone {
    display: none;
}

.displayBlock {
    display: Block;
}

/*-----------error text----------*/
.compulsoryField {
    font-size: 11px;
    color: #ff0000;
}

.PageHeaderMessageBox {
    padding: 10px;
    background-color: yellow;
    color: #ff0000;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    border: 1px solid #999999;
}

/*-----------approved /disAproved /pending text----------*/
.approved {
    font-size: 11px;
    color: #00CC00;
    font-weight: bold;
}

.disAproved {
    font-size: 11px;
    color: #FF0000;
    font-weight: bold;
}

.pending {
    font-size: 11px;
    color: #0099FF;
    font-weight: bold;
}

.groupboxtable {
    font-size: 8pt;
    color: #111111;
    text-decoration: none;
    font-style: normal;
    padding: 5px 5px 5px 5px;
    background-color: #f7fbfe;
    border: #c2dbf1 1px solid;
    white-space: nowrap;
}

.groupboxheading {
    font-size: 8pt;
    color: #222222;
    font-weight: bold;
    line-height: 1em;
}

/*============ AJAX ===========*/

/*Modal Popup*/
.modalBackground {
    background-color: black;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.modalPopup {
    background-color: #badad6;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    padding: 0px;
}

/*============ AJAX ===========*/
/************ for popup which on click open and there r links to go other page like product master **************/
.popup {
    padding: 5px;
    border: #aca899 1px solid;
    width: 150px;
    background-color: #ffffff;
}

.popuptext {
    font-size: 11px;
    font-family: ARIAL;
    text-align: left;
    color: #000000;
    line-height: 20px;
    padding-left: 10px;
}


/*-------------top popup dialog box ---------------*/
.popupheader {
    background-image: url(images/top_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    font-size: 8pt;
    color: #111111;
    padding: 0px;
    height: 15px;
    font-weight: bold;
}

.popupgridheader {
    background-color: #d2d5d8;
    background-repeat: repeat-x;
    height: 20px;
}

.TreeViewParent td {
    padding: 1px;
    margin: 0px;
    text-align: left;
    vertical-align: baseline;
}

.TreeViewChild {
    text-align: left;
    white-space: pre;
    width: 800px;
    vertical-align: top;
}

    .TreeViewChild td {
        padding-left: 10px;
        margin: 0px;
    }
/* for PDF icon */

.pdf {
    background-image: url(../images/pdf.gif);
    background-repeat: no-repeat;
    width: 26px;
    height: 23px;
    background-color: Transparent;
    border: none;
    cursor: hand;
}



/* for excel icon */
.excel {
    background-image: url(../images/excel.gif);
    background-repeat: no-repeat;
    width: 27px;
    height: 23px;
    background-color: Transparent;
    border: none;
    cursor: hand;
}






/*--------------main drop down bar---------*/
.dropMain {
    font-family: Verdana;
    height: 20;
    border-bottom: #cccccc solid 1px;
    padding: 0px,0px,0px,0px;
    /*width: 100%;*/
}

.StaticMenuItemStyle {
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    border-left: #cccccc solid 1px;
    background-image: URL(../images/dropbutton.jpg);
}

.StaticHoverStyle {
    font-size: 11px;
    cursor: pointer;
    cursor: hand;
    background: #455867;
    color: #FFFFFF;
}

.DynamicMenuStyle {
    font-family: Verdana;
    font-size: 11px;
    cursor: hand;
    padding: 0px;
    text-align: left;
    border: solid 1px #455867;
    border-bottom: 0px;
}

.DynamicHoverStyle {
    font-family: Verdana;
    font-size: 11px;
    cursor: pointer;
    cursor: hand;
    background: #455867;
    color: #FFFFFF;
}

.DynamicSelectedStyle {
    font-size: 19px;
    cursor: hand;
    padding: 3px 3px 3px 6px;
    text-align: left;
    border: 1px;
}

.DynamicMenuItemStyle {
    font-family: Verdana;
    font-size: 11px;
    cursor: hand;
    padding: 3px;
    text-align: left;
    border-bottom: solid 1px #455867;
}

.cursor {
    cursor: hand;
}

.fontStyle {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
}

.HomePayrollText {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.loginPage {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.errorMsg {
    color: red;
    /*background-color: yellow;
    font-size: smaller;*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.permMangTable {
    font-size: 12px;
    width: 50%;
    border-collapse: collapse;
}

    .permMangTable tr {
        height: 25px;
    }

.titletable20 {
    border-top: #c4c083 1px solid;
    border-left: #c4c083 1px solid;
    border-right: #c4c083 1px solid;
    border-bottom: #c4c083 2px solid;
    background-color: #ffffff;
}


    .titletable20 td {
        font-size: 11px;
        color: #111111;
        text-decoration: none;
        font-style: normal;
        white-space: nowrap;
        padding: 5px;
        text-transform: capitalize;
    }

.sectionDivider {
    height: 1px;
    border-width: 0;
    color: #e4e4e4;
}

.successMessage {
    background-color: green;
    color: white;
    font-size: small;
}

.tableStyle2 {
}

    .tableStyle2 td {
        padding:5px;
    }