.Grid 
{ 
  
  background-color: white;
  border: 1px solid #738EA7; 
  border-top-width: 1px;
  border-left-width: 1px;
  cursor: pointer; 
}

table.Grid td 
{

	}
	table.Grid td.lbl {
		padding: 3px;
		padding-right: 6px;
		text-align: right;
	}

.GridHeader
{  
  background-image: url(../../images/headerbg.png);
  background-color: #8cbede; 
  border: 0px solid #57566F; 
  height: 35px;
  padding-left: 3px;
  padding-right: 6px;
  cursor: default; 
}

.GridHeaderText
{
  color: #FFFFFF;  
  font-family: verdana;
  font-size: 14px; 
}

.GroupByText
{
  color: #FFFFFF; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}

.GridFooter
{ 
  border-left: 1px solid #C0C0C0;
  padding: 3px;
  font-size:11px;
}

.GridFooter td
{ 
  padding: 3px;
  font-size:11px;
}

.GridFooterText
{
  color: #000000;  
  font-size: 11px;
}

.Row 
{ 	
  cursor: default; 
}

.Row td.DataCell 
{ 
  text-align:center;
  padding-top: 2px; 
  padding-bottom:2px;
  padding-left:3px;
  padding-right:3px;
  border-right: 1px solid #738EA7; 
  border-bottom: 1px solid #738EA7; 
  font-family: verdana; 
  font-size: 10px; 
  cursor: default; 
  background-color:#dcdcdc;
}

.Row td.CheckboxCell
{   
    cursor:hand;
}

.AlternatingRow td.CheckboxCell
{
    cursor:hand;
} 
.SelectedRow td.CheckboxCell
{
    cursor:hand;
}

.Row td.FirstDataCell 
{ 
  padding-left: 5px; 
  cursor: default; 
} 

.AlternatingRow 
{ 
  cursor: default; 
}

.AlternatingRow td.DataCell 
{ 
  background-color: white; 
  padding-top: 2px; 
  padding-bottom:2px;
  padding-left:3px;
  padding-right:3px; 
  border-right: 1px solid #738EA7; 
  border-bottom: 1px solid #738EA7; 
  font-family: verdana; 
  font-size: 10px;
  /*cursor: default; */
} 

.AlternatingRow td.FirstDataCell 
{ 
  background-color: white; 
  padding-left: 5px; 
  cursor: default; 
} 

.HoverRow 
{ 
  cursor: default; 
}

.HoverRow td.DataCell 
{ 
  background-color: #E6E6EE; 
  padding: 2px; 
  padding-right: 3px; 
  border-right: 0px; 
  border-bottom: 1px solid #9495A2; 
  font-family: verdana; 
  font-size: 10px; 
  cursor: default; 
} 

.HoverRow td.FirstDataCell 
{ 
  padding-left: 5px; 
} 

.HoverRow td.LastDataCell 
{ 
  border-right: 1px solid #9495A2; 
  border-bottom: 0px solid #9495A2; 
  padding-right: 2px; 
} 

.HeadingRow
{
    background-image: url(../../images/gridColumnHeadingBg.png);      
}

.HeadingRow td.FirstHeadingCell
{ 
  background-color: #ADC3DE; 
  background-image: url(../../images/gridColumnHeadingBg.png);  
  border-width: 0px; 
  border-right: 1px solid #6593CF; 
}

.HeadingRow td.LastHeadingCell
{ 
    background-image: url(../../images/gridColumnHeadingBg.png);  
  background-color: #ADC3DE; 
  border-width: 0px; 
  border-right: 1px solid #6593CF; 
}


/*** ALTERNATIVE ROW STYLES **************
These style were added because grids with checkboxes (i.e. Manage Bookings)
seem to display with proper padding while others display too narrow (booking item details).
This alternative set has some very minor top/bottom padding adjustments.
*****************************************/
.Row2
{ 	
  cursor: default; 
}

.Row2 td.DataCell 
{ 
  text-align:center;
  padding-top: 5px; 
  padding-bottom:5px;
  padding-left:3px;
  padding-right:3px;
  border-right: 1px solid #738EA7; 
  border-bottom: 1px solid #738EA7; 
  font-family: verdana; 
  font-size: 10px; 
  cursor: default; 
  background-color:#dcdcdc;
} 

.Row2 td.FirstDataCell 
{ 
  padding-left: 5px; 
  cursor: default; 
} 

.AlternatingRow2
{ 
  cursor: default; 
}

.AlternatingRow2 td.DataCell 
{ 
  background-color: white; 
  padding-top: 5px; 
  padding-bottom:5px;
  padding-left:3px;
  padding-right:3px; 
  border-right: 1px solid #738EA7; 
  border-bottom: 1px solid #738EA7; 
  font-family: verdana; 
  font-size: 10px;
  /*cursor: default; */
} 

.AlternatingRow2 td.FirstDataCell 
{ 
  background-color: white; 
  padding-left: 5px; 
  cursor: default; 
} 

.Row2 td.DataCell div
{
    font-size:10px;
}

.AlternatingRow2 td.DataCell div
{
    font-size:10px;
}

.SelectedRow2 td.DataCell div
{
    font-size:10px;
}
/* END ALTERNATIVE ROW STYLES */


/*
This is the style that is applied to the border area of each
column heading cell of the ComponentArt grid. Each heading cell seems
to have a nested cell that gets it's own style, and displays 
the text of the column heading.
*/
.HeadingCell    
{    
    font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right:3px;
	border-bottom:solid 1px #6593CF;
	border-top:solid 1px #6593CF;
	border-right:solid 1px #6593CF;
}

.HeadingCellText
{
	font-size: 12px;
	font-weight: bold;
}

/*
This style applies to the "inner" heading cells in the ComponentArt grid, which contain
the text of the heading. These are wrapped by and "outer" heading cell, whichs is
where the border style is applied (i.e. in the HeadingCell style).
*/
.HeadingCell td
{
	font-size: 11px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-left: 3px;
	padding-right:3px;
	vertical-align:middle;	
}


.HeadingSelectorCell
{ 
  cursor: default; 
  background-color: #D6D7E1; 
  background-image: url(../Images/headingSelectorCell_bg.gif); 
  height:21px;
}

.GroupHeading
{ 
  background-image: url(../Images/groupHeader_bg.gif); 
  padding: 5px; 
  padding-bottom:4px; 
  padding-left:15px; 
  border-width: 0px; 
  border-right: 1px solid #9495A2; 
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
}

.SelectorCell 
{ 
  cursor: default; 
  background-color: #D6D7E1; 
  background-image: url(../Images/selectorCell_bg.gif); 
  height:21px;
}

.SelectedRow 
{ 
  cursor: default; 
}

.SelectedRow td.DataCell 
{ 
  background-color: #ffff66; 
  padding-top: 2px; 
  padding-bottom:2px;
  padding-left:3px;
  padding-right:3px; 
  font-family: verdana; 
  font-size: 10px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 1px solid #4B4B6F; 
  cursor: default;   
}

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

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

.ScrollBar
{    
    background-image: url(../../Images/scroller/scroller_bg.gif);
}

.ScrollGrip
{
  background-image: url(../../Images/scroller/scroller_control.gif); 
}

.ScrollPopup
{
  background-color: #fffff0; 
  border: 1px solid #666666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  height: 23px;
}

/*
These styles were added because something seems to be preventing the font-size
from chaning in the ComponentArt data cells. Normally the 'td.DataCell' styles
should handle the font-size but they weren't working.
*/
.Row td.DataCell div
{
    font-size:10px;
}

.AlternatingRow td.DataCell div
{
    font-size:10px;
}

.SelectedRow td.DataCell div
{
    font-size:10px;
}