.gridEx {
    width: 100%;
    color: #666;
    background-color: White; /*margin-top: 1em;*/
    padding: 5px;
    -moz-border-radius: 3px;
    border-radius: 9px;
    -webkit-border-radius: 3px;
    border-color: #eee;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate !important;
    margin-top: 0.5em;
}

    .gridEx TH {
        font-size: 1.1em;
        font-weight: bold;
        letter-spacing: 0px; /*text-align: left;*/
        padding: 2px;
        color: #333333;
        border-bottom: solid 2px #28578A; /* #bbd9ee;*/
    }

        .gridEx TH A {
            text-decoration: none; /*padding-right: 18px;*/
            color: #0066cc;
        }

    .gridEx .datatable TH.sortasc A {
        background: url(../img/asc.gif) right center no-repeat;
    }

    .gridEx .datatable TH.sortdesc A {
        background: url(../img/desc.gif) right center no-repeat;
    }

    .gridEx .gridRow TD {
        /*font-size: 11px;*/ /*text-align: left;*/
        padding: 2px 2px 0 0;
        border-bottom: solid 1px #bbd9ee;
    }

    .gridEx .selected TD {
        background-color: #bbd9ee !important;
        color: #28578A;
        font-weight: bold;
        border-bottom: solid 1px #28578A;
    }

    .gridEx .gridRow:hover {
        background-color: #fffacd;
        color: #000;
        cursor: pointer;
    }

    .gridEx .gridRow TD.first {
        padding-left: 10px;
    }

    .gridEx TH.first {
        padding-left: 10px;
    }

    .gridEx .gridRow:hover .first {
        background-repeat: no-repeat;
        background-image: url(../images/bullet.gif);
    }

    .gridEx .pager table {
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }

    .gridEx TR {
        /*font-size: 1.25em;*/
    }

        .gridEx TR.pager > TD {
            border-top: solid 2px #bbd9ee;
        }

        .gridEx TR.pager TD A {
            color: #5a90ce;
            padding: 0px 5px;
            text-decoration: none;
            border: none;
        }

            .gridEx TR.pager TD A:hover {
                border: solid 2px #408BB6;
                background-color: #59A5D1;
                color: #fff;
                padding: 0px 3px;
                text-decoration: none;
            }

        .gridEx TR.pager TD SPAN {
            border: none;
            font-weight: bold;
            color: #3e3e3e;
            padding: 0px 6px;
            border: 1px solid #5D7B9D;
            background-color: #bbd9ee;
            color: #FFFFFF;
            display: block;
            padding-top: 4px;
            padding-bottom: 4px;
        }


.gridFooter {
    color: #333333;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0;
}
.gridFooter TD {
    border-top: 2px solid #28578a;
    padding: 3px;
}

/*
.gridViewHeader
{
    background-image: url(../images/bg-submenu-td2.png);
    background-repeat: repeat-x;
    white-space: nowrap;
}

.pager span
{
    background-color: #5D7B9D;
    color: #FFFFFF;
}
.pager a, .pager span
{
    border: 1px solid #5D7B9D;
    display: block;
    width: 20px;
    height: 24px;
    padding-top: 4px;
    text-decoration: none;
    margin-left: 2px;
    margin-right: 2px;
}
.pager a:hover
{
    background-color: #C0C0C0;
}
.pager
{
    font-weight: bold;
    background-color: #FFFFFF;
    color: midnightblue;
    text-align: center;
}
.pager > td
{
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #5D7B9D;
    padding-top: 4px;
    margin-left: 2px;
    margin-right: 2px;
}
.pager table
{
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.gridRow:hover, .rowAlternate:hover
{
    background-color: #ffff99;
    color: #000000;
    cursor: pointer;
}
.rowSelected:hover
{
    background-color: #00ffff;
    color: #000000;
    cursor: pointer;
}
.gridRow
{
    background-color: #F7F6F3;
    color: #333333;
    cursor: pointer;
}
.rowAlternate
{
    background-color: #fff;
    color: #284775;
    cursor: pointer;
}
.rowSelected
{
    background-color: #E2DED6;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
}
*/