﻿      

/* Header styles */
.datatable .grid .head TH
{
	font-size:13px;
	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(../image/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(../image/bg_header_up.jpg) no-repeat;
}
.datatable .grid .head TH.desc
{
	/* override the sorting icon */
	background:url(../image/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.first
{
	text-align:center;
	border-left-width:1px;
	background-repeat:no-repeat;
}
.datatable .grid .row TD.first
{
	background-image:url(../image/bullet1.gif);
}
.datatable .grid .altrow TD.first
{
	background-image:url(../image/bullet2.gif);
}  

/* Data Pager Styles */
.datatable .pager
{
 
	text-align:center;
	padding:2px 0px;
} 

.datatable .pager SPAN.command,        
.datatable .pager SPAN.current,        
.datatable .pager A.command
{
	border:solid 1px #ccc;
	color:#666;
	background-image:url(../image/gradient.gif);
	background-position:0px -20px;
	line-height:18pt;
	padding:4px;
	text-decoration:none;
}

.datatable .pager SPAN.current
{
	font-weight:bold;
	border:solid 1px #909090;
}