.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. */



/*--------------------------------------------------------------------------------
The following styles are for GridView that does not use the CSS Adapters Extension
--------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
Main container overall style
--------------------------------------------------------------------------------*/
/* GridView */
.Grid
{
	width: 100%;
	border: 1px solid #CCCCCC;
}
/*------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
Header style
--------------------------------------------------------------------------------*/
/* Header */
.GridHeaderStyle
{
	height: 30px;  /* All browsers */
	#height: 23px; /* All IE */
	
	color: #F7F6F3;
	background-color: #AB001E;
	font-weight: bold;
	text-align: left;
}

.GridHeaderStyle a /* Header hyperlink */
{
    color: #F7F6F3;
}

.GridHeaderStyle th /* Somehow the grid lines are not showing properly in IE, set the border of the <TH> instead */
{
	padding: 3px;
	border :1px solid #CCCCCC;
	white-space: nowrap;
}
/*------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
Item row & alternate item row style
--------------------------------------------------------------------------------*/
/* Item row & alternate item row */
.GridRowStyle, .GridRowStyle a,
.GridAlternatingRowStyle, .GridAlternatingRowStyle a
{
	height: 28px;  /* All browsers */
	#height: 21px; /* All IE - Exclude paddings on both sides */
	
	color: #333333;
}

.GridRowStyle, .GridRowStyle a
{
	background-color: White;
}

.GridAlternatingRowStyle, .GridAlternatingRowStyle a
{
	background-color: #F7F6F3;
}

.GridRowStyle td, .GridAlternatingRowStyle td
{
	/* Somehow the grid lines are not showing properly in IE, set the border of the <TD> instead */
	padding: 3px;
	border: 1px solid #CCCCCC;
}

.GridRowStyle td table td, .GridAlternatingRowStyle td table td
{
	/* To remove the border created by the above style for tables inside the GridView's row */
	border: none;
}
/*------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
Selected row style
--------------------------------------------------------------------------------*/
/* Selected row */
.GridSelectedRowStyle, .GridSelectedRowStyle a
{
	height: 28px;  /* All browsers */
	#height: 21px; /* All IE - Exclude paddings on both sides */
	
	color: #ffffff;
	background-color: #7795BD;	
}

.GridSelectedRowStyle td
{
	border: 1px solid #CCCCCC;
}
/*------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
Footer & pager style
--------------------------------------------------------------------------------*/
/* Footer */
.GridFooterStyle
{
	height: 28px;  /* All browsers */
	#height: 23px; /* All IE - Exclude paddings on both sides */

	color: #F7F6F3;
	background-color: #AB001E;
}

.GridFooterStyle td /* Somehow the grid lines are not showing properly in IE, set the border of the <TD> instead */
{
	border: 1px solid #CCCCCC;
}

.GridFooterStyle a
{
	color: #F7F6F3;
}

/* Pager */
.GridPagerStyle
{
	height: 30px;        /* All browsers */
	#height: 23px;       /* All IE6 (for UsingPercentWidth="True" */
	
	color: #F7F6F3;
	background-color: #AB001E;
}

.GridPagerStyle a /* Pager hyperlink */
{
	color: #F7F6F3;
}
.GridPagerStyle input /* Pager input form field */
{
	/*width: 20px;*/
	color: #F7F6F3;
	background-color: #AB001E;
	border: 1px solid #CCCCCC;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
}
/*------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
Overall style for GridView columns
--------------------------------------------------------------------------------*/
.SerialNumberField
{
	width: 50px;
}

.CheckBoxFieldEx
{
	width: 25px;
	text-align: center;
}

.CommandFieldEx
{
	width: 60px;
	text-align :left; /* center */
}

.HyperLinkField
{
	width: 50px;
	text-align: center;
}
/*------------------------------------------------------------------------------*/