.Grid 
{ 
  cursor: pointer;
  width:700px;
  
  
}

.GridData
{
  border: 0px;
  border-left: 0px solid black;
  border-right: 0px solid black;
}

.GridFooter
{
  /*background-image: url(../../images/grid/grid_footer_bg.gif);*/
  cursor: default; 
  padding: 5px;
  height: 40px;
  vertical-align: bottom;
  border: 0px;
  border-left: 0px solid black;
  border-right: 0px solid black;
}

.GridFooterText
{
  color: #000000;   
  font-size: 11px;
}

.HeadingRow 
{ 
  background-color: #CBCCCE; 
  /* background-image: url(../../images/grid/header_rowBg.gif);   */
}

.HeadingCell 
{ 
  /* background-image: url(../../images/grid/header_bg.gif);   */
  background-color: #CBCCCE; 
  padding: 5px;
  padding-top: 2px; 
  padding-bottom: 2px; 
}

.HeadingCellHover
{ 
  
  
  /* background-image: url(../../images/grid/header_hoverBg.gif);   */
 
}

.HeadingCellActive
{ 
  /* background-image: url(../../images/grid/header_activeBg.gif);   */
  background-color: #BBBDBF;  
}

.HeadingRow td.FirstHeadingCell
{ 
  /* background-image: url(../../images/grid/header_bg.gif); */
}

.HeadingCellText
{
  font-size:0.8em;
  font-weight: bold; 
  text-align: left;
  color: #4E4E4E;
  padding-top: 3px;
  padding-bottom: 5px;
 
}

.Row 
{ 
  background-color: #FFFFFF; 
  cursor: default;
}

.Row td.DataCell 
{ 
  padding: 4px; 
  border-bottom: 1px solid #e7e7e8; 
  color: #000000;
  vertical-align: top;
  width:auto !important;
  text-align: left !important;
} 

td.DataCell a 
{
	text-decoration: none;
}
td.DataCell a:hover 
{
	text-decoration: underline;
}

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 


.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 

.SelectedRow 
{ 
    background-color: #E2DFC0; 
}

.SelectedRow td.DataCell 
{ 
  padding: 4px; 
  vertical-align: top;
    background-color: #E2DFC0; 

  border-bottom: 1px solid #e7e7e8; 
  border-right: none;
  text-align: left !important;
  /*  background-color:#dee0ea*/ 
}

.SelectedRow td.FirstDataCell 
{ 
  border-left: 1px solid #e7e7e8; 
  border-right: none; 
  padding-left: 4px; 
  padding-right: 4px;
  vertical-align: top; 
}

.SelectedRow td.LastDataCell 
{ 
  border-right: 1px solid #e7e7e8;
  vertical-align: top; 
}

.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  font-family: verdana; 
  font-weight: bold;
 
  border-bottom: 2px solid #A5A4BD; 
  padding-top: 10px;
  padding-bottom: 3px;
}

.GroupByCell
{
  cursor: pointer;
}

.GroupByText
{
  color: #FFFFFF; 
  
  font-weight: bold; 
  padding-right: 5px;
}


.SliderPopup
{
  background-color: #ffffff; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  
  font-family: Verdana;
  color: #000000;
}

.SelectorCell 
{ 
  background-color: #E2E2E2; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
}

.EditDataCell
{ 
  padding: 0px!important; 
  background-color: #E2E2E2; 
  border-width:0px!important;
} 

.EditDataField
{ 
  padding: 0px; 
  padding-left: 1px; 
  height: 21px;
}
input.EditDataField  
{
	width: 92%!important; 
}

/* ======================================================= */
/* GridWrapper popup                                       */
.ScrollPopupTable
{
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;

  padding: 0px 0px 0px 0px;
  *border-collapse: expression('separate', cellSpacing = '0px');
  border-spacing: 0px;
  width: 260px;
  height: 75px;
}

.ScrollPopupContentTable
{
  *border-collapse: expression('separate', cellSpacing = '8px');
  border-spacing: 8px;
  width: 260px;
  height: 55px;
}

.ScrollPopupContentCell
{
  padding: 0px 0px 0px 0px;
}

.ScrollPopupFooterRow
{
  background-color: #000000;
  color: #FFFFFF;
  font-size: 10px;
}

.ScrollPopupFooterCell
{
  padding: 2px 2px 2px 2px;
}
/* ======================================================= */

/* Alternating Rows */


.AlternatingRow td.DataCell 
{ 
  background-color: #F5F6F6; 
  padding: 4px;
  vertical-align: top;
  text-align: left;
} 

.AlternatingRow td.FirstDataCell 
{ 
  background-color: #F5F6F6; 
  padding: 4px;
  vertical-align: top;
} 

.AlternatingRow td.SortedDataCell 
{
	background-color: #eeeeee; 
	padding: 4px;
	vertical-align: top;
}

