.grid 
{ 
  border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; 
  background-color: #FFFFFF;
  cursor: pointer;
}
.gridDevExpress
{ 
  border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; 
  background-color: #FFFFFF;
  cursor: pointer;
  height: 100%;
}

.gridDataArea
{
  border: 0px;
  background-color: #ffffff;
}

.gridFooter
{
  cursor: default; 
  padding: 5px;
  /*height: 40px;*/
  vertical-align: bottom;
  border: 0px;
  border-top-width: 1px;
  border-top-color: #000000;
}

.gridFooterText
{
  color: #000000;  
  font-family: verdana; 
  font-size: 11px;
}

.gridHeadingRow 
{ 
  background-color: #E9E9EB; 
  background-image: url(images/Grid/header_rowBg.gif);   
}

.gridHeadingCell 
{ 
  background-image: url(images/Grid/header_bgOrange.gif);   
  background-color: #E9E9EB; 
  padding: 0px;
  padding-left: 5px;
  border-bottom: 1px solid #6593CF; 
}

.gridHeadingCellHover
{ 
  background-image: url(images/Grid/header_hoverBgOrange.gif);   
  background-color: #F6F6F7; 
}

.gridHeadingCellActive
{ 
  background-image: url(images/Grid/header_activeBg.gif);   
  background-color: #F6F6F7;  
}

.gridHeadingRow td.FirstHeadingCell
{ 
  background-image: url(images/Grid/header1stCell_bgOrange.gif); 
}

.gridHeadingCellText
{
  font-family: verdana; 
  font-size: 11px; 
  text-align: left;
  color: #000000;
  padding-top: 3px;
  padding-bottom: 2px;
}
.gridHeadingCell_Complete
{
  background-image: url(images/Grid/header_bgOrange.gif);   
  background-color: #E9E9EB; 
  padding: 0px;
  padding-left: 5px;
  border-bottom: 1px solid #6593CF; 
  font-family: verdana; 
  font-size: 11px; 
  text-align: left;
  color: #000000;
  padding-top: 3px;
  padding-bottom: 2px;
}

.gridHeadingCellHover_Complete
{
  background-image: url(images/Grid/header_hoverBgOrange.gif);   
  background-color: #F6F6F7; 
  font-family: verdana; 
  font-size: 11px; 
  text-align: left;
  color: #000000;
  padding-top: 3px;
  padding-bottom: 2px;
}

.gridRow 
{ 
  background-color: #FFFFFF; 
  cursor: default;
}

.gridRow_Red
{
  background-color: #ff0000;
  cursor: default;
}
.gridRow_Orange
{
  background-color: #ffa500;
  cursor: default;
}
.gridRow_Yellow
{
  background-color: #ffff00;
  cursor: default;
}
.gridRow_Magenta
{
  background-color: fuchsia;
  cursor: default;
}
.gridRow_Green
{
  background-color: #00ff00;
  cursor: default;
}

.gridDataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #E3EFFF; 
  font-family: verdana; 
  font-size: 11px;
  color: #000000;
} 

.gridSortedDataCell 
{ 
  background-color: #F5F5F5; 
} 

.gridSelectedRow 
{ 
  background-color: #A7CDF0; 
  cursor: default;
}

.gridSelectedRow td.DataCell 
{ 
  background-color: #A7CDF0; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  font-family: verdana; 
  font-size: 11px;
  color: #000000;
  border-bottom: 1px solid #BFDBF5; 
  border-right: 0px; 
}

.gridSelectedRow td.FirstDataCell 
{ 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.gridSelectedRow td.LastDataCell 
{ 
  border-right: 1px solid #4B4B6F; 
}

.gridScrollBar
{
  background-image: url(images/Grid/scroller/scroller_bg.gif); 
}

.gridScrollGrip
{
  background-image: url(images/Grid/scroller/scroll_gripBg.gif); 
}