/* DATA GRID STYLE */
.DataGridStyle1
{
    width: 100%;
  
    border-bottom: solid 1px red;
    border-left: solid 1px red;
    border-right: solid 1px red;  
}

.DataGridStyle1_Header
{
    background: url(gridHeaderBg.jpg);
    height: 28px;
}

.DataGridStyle1_Header th
{
    background: url(gridHeaderBg.jpg);
    height: 24px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    color: White;
}

.DataGridStyle1_Header th a, .DataGridStyle1_Header th a:visited
{
    color: White;
}

.DataGridStyle1_Header th a:hover
{
    color: black;
}

.DataGridStyle1_Row
{
    background: white;
    height: 20px;
}

.DataGridStyle1_RowSelected
{
    padding-left: 4px;
    padding-right: 4px;
    background: yellow;
    height: 20px;
}

.DataGridStyle1_Row td
{
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: dotted 1px gray;
    height: 20px;
}

/* DATA GRID STYLE 2 */
.DataGridStyle2
{
    width: 100%;  
}

.DataGridStyle2_Header
{
    background-color: Gray;
    height: 28px;
}

.DataGridStyle2_Header th
{
    background-color: #CCCCCC;
    height: 24px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
}

.DataGridStyle2_Header th a, .DataGridStyle2_Header th a:visited
{
    color: Black;
    font-weight: bold;
}

.DataGridStyle2_Header th a:hover
{
    text-decoration: underline;
}

.DataGridStyle2_Row
{
    background: white;
    height: 30px;
}

.DataGridStyle2_RowSelected
{
    padding-left: 4px;
    padding-right: 4px;
    background: yellow;
    height: 30px;
}

.DataGridStyle2_Row td
{
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: dotted 1px gray;
    height: 30px;
}