.datagrid 
{
    color:#fff;
    font-family:Calibri, Tahoma, sans-serif;	
}

.datagrid TABLE 
{
	clear:both;
	border:solid 3px #fff;
	background-color:#fff;
	width:100%;
	text-align:left;
}

.datagrid TABLE TH
{
	font-weight:normal;
	background-color:#aecfff;
	padding:4px;
}

.datagrid TABLE TH A
{
	/* fill the container so clicking anywhere will issue the sort command */
	display:block; 
	height:100%;
	background:url(../../pics/img/sort.gif) right center no-repeat;
	/* buffer so we don't crush the image */
	padding-right:20px;
	/* white */
	color:#fff;
	/* get rid of the underline */
	text-decoration:none;
}

.datagrid TABLE TH.sortasc A
{
	background:url(../../pics/img/asc.gif) right center no-repeat;
}

.datagrid TABLE TH.sortdesc A
{
	background:url(../../pics/img/desc.gif) right center no-repeat;
}

.datagrid TABLE TD
{
	padding:4px;
	color:#333;
	border-bottom:solid 1px #d8dde0;
}    

.title
{
	float:left;
	height:25px;
	line-height:25px;   
	font-size:20px;
    padding-bottom:8px;
    text-transform:uppercase;  
    font-weight:bold;  	 	
}

.numeric
{
	text-align:right;
}

/* Data Pager Styles */
.pager
{
	float:right;
    padding-bottom:8px;
} 

.pager SPAN.command,        
.pager SPAN.current,        
.pager A.command
{
    color:#fff;
    font-family:Georgia,serif;
    padding:3px;
    text-decoration:none;
}

.pager SPAN.current
{
    font-weight:bold;
    text-decoration:underline;
}