/* Common Styles */
.grid
{
    font-size:11px;
    font-family:Tahoma;
    border:none 1px #333;
    background-color:#fff;
    padding:1px;
    width:auto;
}
.grid .title
{
	background:#323A4B;
	color:#fff;
	height:30px;
	text-align:center;
	height:30px;
	line-height:30px;
	font-size:16px;	  
	font-weight:bold;  
}
.grid .datatable
{
	width:auto;
}
.grid .datatable TH
{
	cursor: pointer; 
	text-align:left;
	height:17px;
	line-height:17px;
	padding:0px 4px;
	background:url(../img/gray_hd_bg.png) repeat-x;
	border-right:solid 1px #9e9e9e;
	color:#333;
	font-weight:bold;
}
.grid .datatable TD
{
	color:#222;
	text-align:left;
	padding:2px 4px;
	border-right:solid 1px #d9d9d9;
}
.grid .datatable TR.even { background-color:#fff; }
.grid .datatable TR.odd { background-color:#f1f5fa; }      

/* Sorting Styles */
.grid .datatable TR TH.asc,
.grid .datatable TR TH.desc
{
    background:url(../img/hd_bg_sort.png) repeat-x;
}
.grid .datatable TH .sort { padding-right:21px; }
.grid .datatable TH.asc .sort
{
    background:url(../img/asc.gif) no-repeat center right;
}
.grid .datatable TH.desc .sort
{
    background:url(../img/desc.gif) no-repeat center right;
}

/* Theme specific styles */
.blue .grid .datatable TH
{
	background:url(../img/blue_hd_bg.png) repeat-x;
}
.blue .grid .title
{
	background:#495265;
}
.gray .grid .datatable TH
{
	background:url(../img/gray_hd_bg.png) repeat-x;
}
.gray .grid .title
{
	background:#323A4B;
}

.demo
{
	border-bottom:solid 1px #ccc;
	font-size:18px;
	height:23px;
	padding:10px 0px 2px 0px;
	margin-bottom:20px;
}