.Grid 
{ 
/*  border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; */
  background-color: #FFFFFF;
  cursor: pointer;
}

.GridHeader
{
  background-color:#999999;
 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: middle;
}

.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: #FFFFFF;
	border-bottom: 1px solid #57566F;
	height: 28px;
}

.HeadingCell 
{ 
	background:#CCCCCC none repeat scroll 0 0;
	border-color:#FFFFFF #ACA899 #ACA899 #FFFFFF;
	border-style:solid;
	border-width:1px;
	padding: 3px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
}

.HeadingCellHover 
{ 
	background:#CCCCCC none repeat scroll 0 0;
	border-color:#FFFFFF #ACA899 #ACA899 #FFFFFF;
	border-style:solid;
	color:Red;
	text-decoration:underline;
	padding: 3px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
}

.HeadingCellActive
{ 
	color:Red;
	text-decoration:underline;
	padding: 3px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(header_bg.gif); 
}

.HeadingCellText 
{
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-decoration:underline;
  text-align: left;
  padding-top: 3px;
}

.Row2
{
  background-color: #FFFFCC;
  cursor: default;
  height: 17px;  
}

.Row
{ 
  background-color: #FFFFFF; 
  cursor: default;
  height: 17px;  
}

.Row td.DataCell 
{ 
  padding: 1px;
  padding-left: 3px; 
  padding-top: 1px; 
  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 
{ 
  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; 
  font-size: 10px;
  height: 17px
}

.SelectedRow td.DataCell 
{ 
  background-color: #B8CDDE; 
}

.SelectedRow td.FirstDataCell 
{ 
  background-color: #FFEEC2; 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.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: 17px;
}

/* The main grid selected row style */
.SelectedRowClass
{
  border-right: #040484 1px solid;
  border-top: #040484 1px solid;
  border-left: #040484 1px solid;
  border-bottom: #040484 1px solid;
  background-color: #B8CDDE;
  font-family: verdana;
  border-bottom: 1px solid #4B4B6F;
  border-top: 1px solid #4B4B6F;
  border-right: 0px;
  font-size: 10px;
}

.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; 
  width: 98%!important;
  vertical-align: middle;
} 

.ListColumnEditDataField
{
	width:100%;
	height:20px;
}

.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; 
  width: 98%!important;
  vertical-align: middle;
} 


.FormHeader
{
 background-color:#999999;
 border-bottom:1px solid #57566F;
  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: middle;
  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;
}

.AlternatingRow 
{ 
  cursor: default;
}

.AlternatingRow td.DataCell 
{ 
  background-color: #E0E8F6; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-family: verdana; 
  border-right: 0px; 
  font-size: 10px;
  cursor: default;
  height: 17px;  
}

.TotalRowColumnClass 
{
  padding-right: 6px;
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-family: verdana; 
  font-size: 10px;
  overflow: hidden;
}