.mydatagrid
{
    width: 99%;
    border: solid 2px black;
    min-width: 99%;
}
.header
{
    background-color: #646464;
    font-family: Arial;
    color: White;
    border: none 0px transparent;
    height: 20px;
    text-align: center;
    font-size: 12px;
}
 
.rows
{
    background-color: #fff;
    font-family: Arial;
    font-size: 11px;
    color: #000;
    min-height: 20px;
    text-align: left;
    /*border: none 1px transparent;*/
}
.rows:hover
{
    background-color:#d2ffda;
    font-family: Arial;
    color:black;
    text-align: left;
}
.selectedrow
{
    background-color: aqua;
    font-family: Arial;
    color: #fff;
    font-weight: bold;
    text-align: left;
}
.mydatagrid a /** FOR THE PAGING ICONS  **/
{
    background-color: Transparent;
    padding: 5px 5px 5px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
 
.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
    background-color:aliceblue;
    color: #fff;
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
    background-color: #c9c9c9;
    color: #000;
    padding: 5px 5px 5px 5px;
}
.pager
{
    background-color: #646464;
    font-family: Arial;
    color: White;
    height: 30px;
    text-align: left;
}
 
.mydatagrid td
{
    padding: 2px;
}
.even  {
        background-color:#fff9e4;
        font-size:11px;
        
}
.mydatagrid th
{
    padding: 3px;
}