.datatable
{
    font-family:"Trebuchet MS",serif;
}

.datatable .grid,
.datatable .pager
{
    width:450px;
}        

/* Header styles */
.datatable .grid .head TH
{
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:22px;
	text-transform:uppercase;
	text-align:left;
	padding:8px 12px 4px 16px;
	border:solid 1px #c1dad7;
	border-bottom-style:none;
	background:#cae8ea url(../img/bg_header_sortable.jpg) no-repeat;
}
.datatable .grid .head TH A
{
	color:#4f6b72;
	text-decoration:none;
	display:block;
}
.datatable .grid .head TH.asc
{
	/* override the sorting icon */
	background:url(../img/bg_header_up.jpg) no-repeat;
}
.datatable .grid .head TH.desc
{
	/* override the sorting icon */
	background:url(../img/bg_header_down.jpg) no-repeat;
}

.datatable .grid .head TH.desc A
{
	color:#000;
}        
 
/* Data cell styles */
.datatable .grid TD
{
	border:solid 1px #c1dad7;
	border-top-color:#f0f0f0;
	border-left-width:0px;
	color:#4f6b72;
	font-size:11px;
	padding:6px 12px;
}
.datatable .grid TD.sort
{
	color:#444444;
}
.datatable .grid .row TD
{
	background-color:#fff;
}
.datatable .grid .altrow TD
{
	background-color:#f5fafa;
}   
.datatable .grid TD.numeric
{
	text-align:right;
} 

/* The first cell styles for the data rows */
.datatable .grid TD.firstcol
{
	text-align:center;
	border-left-width:1px;
	background-repeat:no-repeat;
}
.datatable .grid .row TD.firstcol
{
	background-image:url(../img/bullet1.gif);
}
.datatable .grid .altrow TD.firstcol
{
	background-image:url(../img/bullet2.gif);
}  

/* Data Pager Styles */
.datatable .pager
{
	font-family:Georgia,serif;
	text-align:center;
	padding:15px 0px;
} 

.datatable .pager SPAN.command,        
.datatable .pager SPAN.current,        
.datatable .pager A.command
{
	border:solid 1px #ccc;
	color:#666;
	background-image:url(../img/gradient.gif);
	background-position:0px -20px;
	line-height:18pt;
	padding:5px;
	text-decoration:none;
}

.datatable .pager SPAN.current
{
	font-weight:bold;
}