.Grid 
{ 
/*  border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; */
  background-color: #FFFFFF;
  cursor: pointer;
}

.GridHeader
{
  background-image: url(headerBg.gif); 
  background-color: #8988A5; 
  border-bottom : 1px solid #57566F;
  height: 28px;
  /* padding-left: 3px; */
  cursor: default; 
  color: #FFFFFF;  
  font-family: verdana; 
  font-size: 10px;
  font-weight: bold;
  vertical-align: center;
}

.GridHeaderText
{
  color: #FFFFFF;  
  font-family: verdana; 
  font-size: 10px;
}

.GridFooter
{
  cursor: default; 
  padding: 5px;
  height: 48px;
  vertical-align: bottom;
}

.GridFooterText
{
  color: #000000;  
  font-family: verdana; 
  font-size: 11px;
}

.HeadingRow 
{ 
  background-color: #E9E9EB; 
  background-image: url(grid_headerBg.gif);   
}

.HeadingCell 
{ 
  background-image: url(grid_headerBg.gif);   
  background-color: #E9E9EB; 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
}

.HeadingCellHover
{ 
  background-image: url(header_hoverBg.gif);   
  background-color: #F6F6F7; 
}

.HeadingCellActive
{ 
  background-image: url(header_activeBg.gif);   
  background-color: #F6F6F7;  
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(header_bg.gif); 
}

.HeadingCellText
{
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}

.Row 
{ 
  background-color: #FFFFFF; 
  cursor: default;
}

.Row td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px;
  empty-cells: show;
} 

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 


.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 

.Row td.DataCellNumber
{
  text-align: right;
}
.Row td.SortedDataCellNumber
{
  text-align: right;
}


.SelectedRow 
{ 
}

.SelectedRow td.DataCell 
{ 
  background-color: #FFEEC2; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-family: verdana; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.SelectedRow td.FirstDataCell 
{ 
  background-color: #FFEEC2; 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.SelectedRow td.LastDataCell 
{ 
  background-color: #FFEEC2; 
  border-right: 1px solid #4B4B6F; 
}

.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  font-family: verdana; 
  font-weight: bold;
  font-size: 11px; 
  border-bottom: 2px solid #A5A4BD;
  padding-top: 10px;
  padding-bottom: 3px;
}

.GroupByCell
{
  cursor: pointer;
}

.GroupByText
{
  color: #FFFFFF; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}


.SliderPopup
{
  background-color: #FFF4D7; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  font-size: 11px; 
  font-family: Verdana;
  width: 150px;
  height: 30px;
}

.SelectorCell 
{
  BORDER-RIGHT: 0px;
  BORDER-TOP: 0px;
  BACKGROUND: url(grid_headerBg.gif);
  BORDER-LEFT: 0px;
  BORDER-BOTTOM: 0px;
  HEIGHT: 20px;
}

.SelectedRowClass 
{
  BORDER-RIGHT: #040484 1px solid;
  BORDER-TOP: #040484 1px solid;
  BORDER-LEFT: #040484 1px solid;
  BORDER-BOTTOM: #040484 1px solid;   
  BACKGROUND-COLOR: #90a8d0
}

.EditDataCell 
{ 
  background-color: #E2E2E2; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
  vertical-align: middle;
  border-width:0px!important;
}

.EditDataField
{ 
  padding: 0px; 
  padding-left: 1px; 
  font-family: verdana; 
  font-size: 10px; 
  height: 15px;
  width: 98%!important;
  vertical-align: middle;
} 

.ReadOnlyDataCell
{
	background-color: #c6c6c6;
	border: 1px solid #FFFFFF;
	border-right-color: #B5B5B5;
	border-bottom-color: #B5B5B5;
	vertical-align: middle;
	border-width: 0px !important;
}

.ReadOnlyDataField
{ 
  padding: 0px; 
  padding-left: 1px; 
  font-family: verdana; 
  font-size: 10px; 
  height: 15px;
  width: 98%!important;
  vertical-align: middle;
} 


.FormHeader
{
  background-image: url(headerBg.gif); 
  background-color: #8988A5; 
  border-bottom : 1px solid #57566F;
  height: 28px;
  padding-left: 3px;
  cursor: default; 
  color: #FFFFFF;  
  font-family: verdana; 
  font-size: 10px;
  font-weight: bold;
  vertical-align: center;
  width: 100%;
}

.ViewFilterLabel
{
  font-family: verdana; 
  font-size: 10px;
  font-weight: bold;
}

.ViewFilter
{
  font-family: verdana; 
  font-size: 10px;
  font-weight: bold;
}

.ScrollBar
{
   background-image: url(scroller_bg.gif); 
}
 
.ScrollGrip
{
   background-image: url(scroll_gripBg.gif); 
}

.ScrollPopup
{
  background-color: #FFFFFF; 
  border: 1px solid #666666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  height: 23px;
}
