﻿/* 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;
}
.DataGridStyle1_Row td a:hover
{
	color:#FFB90F;
}
.DataGridStyle1_Row td a:visited
{
	color:#8B8878;
}

/* 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;
}
.DataGridStyle2_Row td a:hover
{
	color:#FFB90F;
}
.DataGridStyle2_Row td a:visited
{
	color:#8B8878;
}

/* DATA GRID STYLE 3 */
.DataGridStyle3
{
    width: 100%;
  
    border-bottom: solid 1px red;
    border-left: solid 1px red;
    border-right: solid 1px red;  
}

.DataGridStyle3_Header
{
    background: url(gridHeaderBg.jpg);
    height: 28px;
}

.DataGridStyle3_Header th
{
    background: url(gridHeaderBg.jpg);
    height: 24px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    color: White;
}

.DataGridStyle3_Header th a, .DataGridStyle3_Header th a:visited
{
    color: White;
}

.DataGridStyle3_Header th a:hover
{
    color: black;
}

.DataGridStyle3_Row
{
    background: white;
    height: 20px;
}

.DataGridStyle3_RowSelected
{
    padding-left: 4px;
    padding-right: 4px;
    background: yellow;
    height: 20px;
}

.DataGridStyle3_Row td 
{
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: dotted 1px gray;
    height: 20px;
}
.DataGridStyle3_Row td a:hover
{
	/*color:#FFB90F;*/
	text-decoration:underline;
}
.DataGridStyle3_Row td a:visited
{
	color:#8B8878;
}
/*Data grid style 4*/
.DataGridStyle4
{
    width: 100%;  
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
    border-left: solid 1px gray;
    border-right: solid 1px gray; 
}

.DataGridStyle4_Header
{
    background-color: Gray;
    height: 28px;
}

.DataGridStyle4_Header th
{
    background-color: #CCCCCC;
    height: 24px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
}

.DataGridStyle4_Header th a, .DataGridStyle4_Header th a:visited
{
    color: Black;
    font-weight: bold;
}

.DataGridStyle4_Header th a:hover
{
    text-decoration: underline;
}

.DataGridStyle4_Row
{
    background: white;
    height: 30px;
}

.DataGridStyle4_RowSelected
{
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: yellow;
    height: 30px;
}

.DataGridStyle4_Row td
{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom: dotted 1px gray;
    height: 30px;
}

.DataGridStyle4_Row td a:hover
{
	color:#FFB90F;
}
.DataGridStyle4_Row td a:visited
{
	color:#8B8878;
}
