.grid
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border: #297ACC 1px solid;
}   
        
        
.gridHeader
{
    height: 20px;
    background-color: #297ACC;
}
    
.gridHeader th
{
    padding: 5px;
    color: #ffffff;
    font-weight: normal;
}
    
.gridHeader a
{
    text-decoration: none;
    color: #ffffff;
    display: inline;
    text-align: left;
    font-weight: normal;
}
            
.gridRow td, .gridAltRow td
{
    padding: 5px;
    margin: 5px;
    border-right: solid 1px #297ACC;
}
   
.gridRow
{
    background-color: #ffffff;
    color: Black;
}
   
.gridAltRow td
{
    background-color: #E0EBFF;
    color: Black;
}
   
.statusImage
{
    text-align: center;
}
   
.pendingGrid
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border: #2C4C84 1px solid;
    padding: 0px;
}
   
.pendingHeader
{
    height: 20px;
    background-color: #2C4C84;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
}
    
.pendingRow
{
    border-right: solid 1px #2C4C84;
    border-bottom: solid 1px #2C4C84;
    background-color: #ffffff;
    color: Black;
}
   
.pendingRow td
{
    border-right: solid 1px #2C4C84;
    border-bottom: solid 1px #2C4C84;
    background-color: #ffffff;
    padding: 5px;
    margin: 5px;
}

.grdHead
{
    border-style: solid;
    border-width: 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;    
    border-color: #5d5ba8;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    color: #FFFFFF;
    background-color: #5d5ba8;       
}

.grdRow 
{
    border-style: solid;
    border-color: #5d5ba8;
    font-size: 12px;
    padding: 5px;
    border-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;       
}

.grdRowFirst 
{
   border-left-width: 1px;                  
}