div.gridbox {
    overflow: hidden;
}

.dhx_sub_row {
    background-color: white;
}

div.gridbox .xhdr {
    background-Color: #D4D0C8;
}

div.gridbox table.hdr td {
    -moz-user-select: none;
    background-Color: #D4D0C8;
    border: 1px solid;
    border-color: white Gray Gray white;
    empty-cells: show;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    overflow: hidden;
    padding: 5px 0px 5px 0px;
    text-align: center;
}

    div.gridbox table.hdr td div.hdrcell {
        overflow: hidden;
    }

div.gridbox table.obj td {
    -moz-user-select: none;
    border: 1px solid;
    border-color: white Gray Gray white;
    empty-cells: show;
    font-family: Arial;
    font-size: 12px;
    overflow: hidden;
    padding-bottom: 0px;
    padding-top: 0px;
}

div.gridbox table.obj th {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.gridbox table.row20px tr td {
    height: 20px;
    padding: 0px;
    white-space: nowrap;
}

div.gridbox .objbox {
    background-color: white;
}

div.gridbox table.obj td span.space, div.gridbox table.obj td img.space {
    width: 18px;
}

div.gridbox table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
    background-color: #d8d8d8;
    color: black;
}

div.gridbox table.obj tr.rowselected td {
    background-color: #e1e0d7;
    color: black;
}

div.gridbox table.obj td.editable {
    -moz-user-select: text;
}

div.gridbox table.obj td.group_row {
    border: 0px;
    border-bottom: 2px solid navy;
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    height: 30px;
    vertical-align: middle;
}

.dragSpanDiv {
    background-color: white;
    border: 1px gray solid;
    font-size: 12px;
}

.dhx_combo_select {
    background-color: white;
    border: 1px solid;
    border-color: black silver silver black;
    cursor: default;
    font-family: arial;
    font-size: 12px;
    height: auto;
    overflow: hidden;
    position: absolute;
    z-index: 600;
}

.dhx_combo_edit {
    border: 0px;
    font: 12px arial;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    padding-right: 1px !ie;
    width: 100%;
}

.dhx_textarea {
    border: 1px solid;
    border-color: black silver silver black;
    height: 100px;
    position: absolute;
}

.dhx_clist {
    background-color: white;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
    z-index: 300;
}

.gridDragLine {
    background-color: black;
    height: 2px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 100%;
}

/*paginal output*/

DIV.pagingBlock {
    font-family: verdana, arial;
    font-size: 12px;
}

    DIV.pagingBlock .pagingCurrentPage {
        cursor: default;
        font-weight: bold;
    }

    DIV.pagingBlock .pagingPage {
        cursor: pointer;
        text-decoration: underline;
    }

SPAN.recordsInfoBlock {
    font-family: verdana, arial;
    font-size: 12px;
}

DIV.pagingBlock a {
    color: black;
    padding-right: 2px;
    text-decoration: none;
}
/*class for toolbar selectbox. used with pagingWT*/

.toolbar_select {
    font-size: 10px;
}

/*block selection style*/

.dhtmlxGrid_selection {
    -moz-opacity: 0.5;
    background-color: yellow;
    border: 1px dotted black;
    filter: alpha(opacity = 50);
    opacity: 0.5;
}

/* xp skin ------------------------------------------------------*/

div.gridbox_xp {
    border: 1px solid lightgrey;
}

    div.gridbox_xp .xhdr {
        background-image: url('../Images/dhtml grid imgs/header_bg_60.gif');
    }

    div.gridbox_xp table.hdr td {
        -moz-user-select: none;
        background-image: url('../Images/dhtml grid imgs/header_bg_60.gif');
        border: 0px;
        color: #616161;
        font-weight: bold;
        margin: 0px;
        overflow: hidden;
        padding: 5px 0px 5px 0px;
        text-align: center;
    }

        div.gridbox_xp table.hdr td div.hdrcell {
            border-left: 1px solid white;
            border-right: 1px solid gray;
            font-family: Arial;
            font-size: 12px;
            height: 16px;
            white-space: nowrap;
        }

    div.gridbox_xp table.obj td {
        -moz-user-select: none;
        border: 0px;
        border-bottom: 1px solid lightgrey;
        border-right: 1px solid lightgrey;
        font-family: Arial;
        font-size: 12px;
        overflow: hidden;
        padding-bottom: 0px;
        padding-top: 0px;
        vertical-align: middle;
    }

    div.gridbox_xp table.obj tr.rowselected td {
        background-color: whitesmoke;
        color: black;
    }

        div.gridbox_xp table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
            background-color: whitesmoke;
        }

    div.gridbox_xp table.row20px tr td {
        height: 22px;
        padding: 1px;
        white-space: nowrap;
    }

/* gray skin --------------------------------------------------*/

div.gridbox_gray {
    background-color: #D4D0C8;
    border: 1px solid gray;
}

/* mt skin ------------------------------------------------------*/

div.gridbox_mt {
    border: 1px solid lightgrey;
}

    div.gridbox_mt .dhx_sub_row {
        background-color: transparent;
    }

    div.gridbox_mt .xhdr {
        background-image: url('../Images/dhtml grid imgs/header_bg.gif');
    }

    div.gridbox_mt .xhdr_last {
        border: 0px;
        border-bottom: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
    }

    div.gridbox_mt table.hdr td {
        -moz-user-select: none;
        background-image: url('../Images/dhtml grid imgs/header_bg.gif');
        border: 0px;
        border-bottom: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        color: #616161;
        margin: 0px;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

        div.gridbox_mt table.hdr td div.hdrcell {
            font-family: Verdana;
            font-size: 12px;
            height: 16px;
            white-space: nowrap;
        }

    div.gridbox_mt table.obj td {
        -moz-user-select: none;
        border: 0px;
        border-bottom: 1px solid lightgrey;
        border-right: 0px solid lightgrey;
        font-family: Verdana;
        font-size: 12px;
        overflow: hidden;
        padding-bottom: 0px;
        padding-top: 0px;
        vertical-align: middle;
    }

    div.gridbox_mt table.obj tr.rowselected td {
        background-color: #D6D3FA;
        color: black;
    }

        div.gridbox_mt table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
            background-color: #D6D3FA;
        }

    div.gridbox_mt table.row20px tr td {
        height: 22px;
        padding: 1px;
        white-space: nowrap;
    }

/*------------------------------------------------------------*/

div.gridbox div.ftr {
    bottom: 1px;
    left: 0px;
    overflow: hidden;
    padding-right: 20px;
    position: absolute;
    width: 100%;
}

    div.gridbox div.ftr td {
        background-color: #ffffcc;
        border-right: 1px solid gray;
        border-top: 1px solid gray;
        font-family: arial;
        font-size: 12px;
        font-style: italic;
        overflow: hidden;
        padding: 0px;
        padding-left: 10px;
        padding-right: 5px;
    }

div.gridbox table.hdr td.columnTargetR div.hdrcell {
    border-left: 3px solid #D4D0C8;
    border-right: 3px double #FF6600;
}

div.gridbox table.hdr td.columnTargetL div.hdrcell {
    border-left: 3px double #FF6600;
    border-right: 3px solid #D4D0C8;
}

.dhx_dragColDiv {
    -moz-opacity: 0.75;
    background-color: #D4D0C8;
    border: 1px solid;
    border-color: white Gray Gray white;
    filter: alpha(opacity=75);
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    opacity: 0.75;
    padding: 5px 20px 5px 20px;
    text-align: center;
}

/*light*/

div.gridbox_light {
    border: 1px solid #c2d5dc;
}

    div.gridbox_light .xhdr {
        background-image: url('../Images/dhtml grid imgs/skin_light_header.png');
    }

    div.gridbox_light .xhdr_last {
        border: 1px solid;
        border-color: #FDFDFD #93AFBA #93AFBA #FDFDFD;
    }

    div.gridbox_light table.hdr {
        background-image: url('../Images/dhtml grid imgs/skin_light_header.png');
    }

        div.gridbox_light table.hdr td {
            background-color: transparent;
            border: 1px solid;
            border-color: #FDFDFD #93AFBA #93AFBA #FDFDFD;
            color: #055A78;
            font-family: Tahoma;
            font-size: 11px;
            font-weight: bold;
            text-align: left;
            vertical-align: top;
        }

            div.gridbox_light table.hdr td div.hdrcell {
                padding-left: 10px;
                width: auto;
            }

        div.gridbox_light table.hdr .filter {
            -moz-user-select: text;
            padding-left: 0px !important;
            text-align: center;
        }

    div.gridbox_light table.obj td {
        border-left: 1px solid white;
        border-right: 1px solid #D6D6D6;
        border-width: 0px 1px 0px 1px;
        font-family: Tahoma;
        font-size: 11px;
        padding-left: 4px;
        padding-right: 4px;
    }

    div.gridbox_light table.obj {
        border-bottom: 1px solid #D6D6D6;
    }

    div.gridbox_light table.row20px tr td {
        padding-left: 4px;
        padding-right: 4px;
    }

    div.gridbox_light .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_light table.obj tr.rowselected td {
        background-color: #ededed;
        color: black;
    }

        div.gridbox_light table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
            background-color: #ededed;
        }

    div.gridbox_light .odd_light {
        background-color: #E5F2F8;
    }

    div.gridbox_light div.ftr td {
        empty-cells: show;
    }

/*modern*/

div.gridbox_modern {
    border: 1px solid #D6D6D6;
    width: 100% !important;
}

    div.gridbox_modern .dhx_sub_row {
        background-color: transparent;
    }

    div.gridbox_modern .xhdr {
        background-image: url('../Images/dhtml grid imgs/skin_modern_header.png');
    }

    div.gridbox_modern .xhdr_last {
        border: 1px solid;
        border-color: #FDFDFD #B5B5B5 #B5B5B5 #FDFDFD;
    }

    div.gridbox_modern table.hdr {
        background-image: url('../Images/dhtml grid imgs/skin_modern_header.png');
    }

        div.gridbox_modern table.hdr td {
            background-color: transparent;
            border-bottom: 1px solid #B5B5B5;
            border-left: 1px solid #FDFDFD;
            border-right: 1px solid #B5B5B5;
            border-top: 1px solid #FDFDFD;
            color: #055A78;
            font-family: Tahoma;
            font-size: 11px;
            font-weight: bold;
            text-align: left;
            vertical-align: top;
        }

            div.gridbox_modern table.hdr td div.hdrcell {
                padding-left: 10px;
                width: auto;
            }

        div.gridbox_modern table.hdr .filter {
            padding-left: 0px !important;
            text-align: center;
        }

    div.gridbox_modern table.obj td {
        border: 0px solid;
        font-family: Tahoma;
        font-size: 11px;
        padding-left: 4px;
        padding-right: 4px;
    }

    div.gridbox_modern table.row20px tr td {
        padding-left: 4px;
        padding-right: 4px;
    }

    div.gridbox_modern .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_modern table.obj tr.rowselected td {
        background-color: #9ac2e5;
        color: black;
    }

        div.gridbox_modern table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
            background-color: #9ac2e5;
        }

    div.gridbox_modern .odd_modern {
        background-color: #EDEDED;
    }

    div.gridbox_modern div.ftr td {
        background-color: #ffffcc;
        border-right: 0px solid gray;
        border-top: 0px solid gray;
        font-family: arial;
        font-size: 12px;
        font-style: italic;
        padding: 0px;
        padding-left: 10px;
        padding-right: 5px;
    }

/*clear*/

div.gridbox_clear .xhdr {
    background-color: transparent;
}

div.gridbox_clear div.topMumba {
    background-image: url('../Images/dhtml grid imgs/skinC_header.png');
    height: 3px;
    left: 0px;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 100%;
}

div.gridbox_clear div.bottomMumba {
    background-image: url('../Images/dhtml grid imgs/skinD_header.png');
    height: 3px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

    div.gridbox_clear div.bottomMumba img, div.gridbox_clear div.topMumba img {
        border: 0px;
        position: absolute;
        top: 0px;
    }

div.gridbox_clear {
    padding-left: 10px;
    padding-right: 0px;
}

    div.gridbox_clear table.hdr td {
        background-color: transparent;
        border: 0px;
        color: #055A78;
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        vertical-align: top;
    }

        div.gridbox_clear table.hdr td div.hdrcell {
            padding-bottom: 2px;
            padding-left: 10px;
            width: auto;
        }

    div.gridbox_clear table.hdr .filter {
        padding-left: 0px !important;
        text-align: center;
    }

    div.gridbox_clear table.obj td {
        border-color: #D6D6D6;
        border-width: 0px 1px 0px 0px;
        font-family: Tahoma;
        font-size: 11px;
        padding-left: 4px;
        padding-right: 4px;
    }

    div.gridbox_clear table.row20px tr td {
        padding-left: 4px;
        padding-right: 4px;
    }

    div.gridbox_clear .dhx_combo_edit {
        font-family: Tahoma;
        font-size: 11px;
    }

    div.gridbox_clear .odd_clear {
        background-color: #E5F2F8;
    }

    div.gridbox_clear div.ftr td {
        background-color: #ffffcc;
        border-right: 0px solid gray;
        border-top: 1px solid gray;
        font-family: arial;
        font-size: 12px;
        font-style: italic;
        padding: 0px;
        padding-left: 10px;
        padding-right: 5px;
    }

/*sb dark*/

div.gridbox_sbdark .objbox {
    background: #313131 !important;
}

div.gridbox_sbdark .xhdr {
    background-color: #313131;
}

div.gridbox_sbdark .xhdr_last {
    border: 1px solid;
    border-color: #474948 #202220 #202220 #202220;
}

div.gridbox_sbdark {
    background: #313131 !important;
}

    div.gridbox_sbdark table {
        border-collapse: collapse;
    }

        div.gridbox_sbdark table.hdr tr {
            border-top: 1px solid #202220;
        }

        div.gridbox_sbdark table.hdr,
        div.gridbox_sbdark table.hdr td {
            background-color: #313131;
            border-bottom: 1px solid #202220;
            border-left: 1px solid #202220;
            border-right: 1px solid #202220;
            border-top: 1px solid #474948;
            color: #8A8F84;
            font-size: 11px;
            padding: 2px 5px;
            text-align: left;
            vertical-align: top;
        }

    div.gridbox_sbdark .hdrcell {
        font-family: 'Lucida Sans Unicode', 'Tahoma';
        padding-left: 0px !important;
    }

    div.gridbox_sbdark table.hdr td div.hdrcell {
        padding-left: 10px;
        width: auto;
    }

    div.gridbox_sbdark table.obj td {
        border-left: 1px solid #202220;
        border-right: 1px solid #EDF3F0;
        border-width: 0px 1px 0px 1px;
        font-family: 'Consolas', 'Lucida Sans Unicode', 'Tahoma';
        font-size: 11px;
    }

    div.gridbox_sbdark table.row20px tr td {
        padding: 0px 5px !important;
        text-indent: 1px;
    }

    div.gridbox_sbdark .dhx_combo_edit {
        font-family: 'Lucida Sans Unicode', 'Tahoma';
        font-size: 11px;
    }

    div.gridbox_sbdark table.obj tr.rowselected td,
    div.gridbox_sbdark table.obj tr:hover,
    div.gridbox_sbdark .odd_light:hover {
        background-color: #8A8F84;
        color: white !important;
    }

        div.gridbox_sbdark table.obj tr.rowselected td.cellselected,
        div.gridbox_sbdark table.obj td.cellselected {
            background-color: #8A8F84;
        }

    div.gridbox_sbdark .cellselected {
        background-color: #6e6f64 !important;
    }

    div.gridbox_sbdark .ev_sbdark {
        background-color: #FFFFFF;
    }

    div.gridbox_sbdark .odd_sbdark {
        background-color: #EDF3F0;
    }