.mydatagrid
{
    width: 100%;
    border: solid 1px #A9A9A9 !important;
    min-width: 50% !important;
}

.footerStyle
{
    background-color: #5383A5 !important;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.footerStyle td
{
    font-size: 14px !important;
    font-weight: bold !important;
    color: White !important;
    padding: 5px !important;
    border-right: solid 1px #A9A9A9 !important;
    border-left: solid 1px #A9A9A9 !important;
    text-align: left;
    border-top: 2px solid black;
}

.mydatagrid tr:nth-child(even)
{
    background: #FFF;
}
.mydatagrid tr:nth-child(odd)
{
    background: #CEDBE5;
}

.mydatagrid th
{
    padding: 5px !important;
    border-right: solid 1px #A9A9A9 !important;
    border-left: solid 1px #A9A9A9 !important;
    font-size: 14px;
    font-weight: bold !important;
    color: White;
    background-color: #5383A5;
    text-align: center;
    border-bottom: solid 1px #A9A9A9 !important;
}

.mydatagrid td
{
    padding: 5px !important;
    border-bottom: solid 1px #D3D3D3 !important;
}

.rows
{
    background-color: #fff !important;
    color: #000 !important;
    text-align: left !important;
    border-bottom: solid 1px black !important;
}
.rows:hover
{
    background-color: #ffcc99 !important;
    color: #733C05 !important;
    text-align: left !important;
}
.selectedrow
{
    background-color: #ff8000 !important;
    color: #fff !important;
    text-align: left !important;
}
.mydatagrid a /** FOR THE PAGING ICONS  background-color: Transparent !important; **/
{
    padding: 5px 5px 5px 5px !important;
    text-decoration: none !important;
    text-align: left !important;
}
.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
}
.pager
{
    background-color: #646464 !important;
    font-family: Arial !important;
    color: White !important;
    height: 30px !important;
    text-align: left !important;
}