/* Common Styles */
.grid_sort
{
    font-size:11px;
    font-family:Tahoma;
    border:solid 0px #333;
    padding:1px;
}

.grid_sort .datatable
{
	border: 1px outset #EBEBEB;
	width: 100%;
}
.grid_sort .datatable TH
{
	background-position: url(sort_img/SortBG.gif) repeat-x;
	cursor: pointer;
	text-align: left;
	height: 22px;
	line-height: 22px;
	padding: 0px 4px;
	background: url(sort_img/SortBG.gif) repeat-x;
	border-right: solid 1px #9e9e9e;
	color: #484848;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #9e9e9e;
	border-bottom-color: #9e9e9e;
}
.grid_sort .datatable TD
{
	color:#222;
	text-align:left;
	padding:2px 4px;
	border-right:solid 1px #d9d9d9;
}
.grid_sort .datatable TR.even { background-color:#fff; }
.grid_sort .datatable TR.odd
{
	background-color: #F0F0F0;
}    

.grid_sort .datatable .row-over 
{ 
	background:url(img/sp_row_over.gif) repeat; 
}

.grid_sort .datatable .row-over-no-img
{
	background-color: #97FF97;
}  


/* Sorting Styles */
.grid_sort .datatable TR TH.asc TH.asc1 TH.asc2 TH.asc3 TH.asc4 TH.asc5, 
.grid_sort .datatable TR TH.desc TH.desc1 TH.desc2 TH.desc3 TH.desc4 TH.desc5
{
	background: url(sort_img/SortBG.gif) repeat-x;
	color: #663300;
}


/* Sorting Styles-0*/
.grid_sort .datatable TH .sort { padding-right:21px; }
.grid_sort .datatable TH.asc .sort
{
    background:url(sort_img/asc.gif) no-repeat center right;
}
.grid_sort .datatable TH.desc .sort
{
    background:url(sort_img/desc.gif) no-repeat center right;
}

/* Sorting Styles-5*/
.grid_sort .datatable TH .sort { padding-left:21px; }
.grid_sort .datatable TH.asc5 .sort
{
    background:url(sort_img/expand.gif) no-repeat center left;
}
.grid_sort .datatable TH.desc5 .sort
{
    background:url(sort_img/collapse.gif) no-repeat center left;
}

/* Sorting Styles-4*/
.grid_sort .datatable TH .sort { padding-left:21px; }
.grid_sort .datatable TH.asc4 .sort
{
    background:url(sort_img/dn_arrow.gif) no-repeat center left;
}
.grid_sort .datatable TH.desc4 .sort
{
    background:url(sort_img/up_arrow.gif) no-repeat center left;
}

/* Sorting Styles-3*/
.grid_sort .datatable TH .sort { padding-right:21px; }
.grid_sort .datatable TH.asc3 .sort
{
    background:url(sort_img/a-down.png) no-repeat center right;
}
.grid_sort .datatable TH.desc3 .sort
{
    background:url(sort_img/a-up.png) no-repeat center right;
}

/* Sorting Styles-2*/
.grid_sort .datatable TH .sort { padding-right:21px; }
.grid_sort .datatable TH.asc2 .sort
{
    background:url(sort_img/arrow_sort_desc.gif) no-repeat center right;
}
.grid_sort .datatable TH.desc2 .sort
{
    background:url(sort_img/arrow_sort_asc.gif) no-repeat center right;
}

/* Sorting Styles-1*/
.grid_sort .datatable TH .sort { padding-right:21px; }
.grid_sort .datatable TH.asc1 .sort
{
    background:url(sort_img/arrowdown.gif) no-repeat center right;
}
.grid_sort .datatable TH.desc1 .sort
{
    background:url(sort_img/arrowup.gif) no-repeat center right;
}


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

/*
BODY
{
	font-family: 'trebuchet ms';
	margin:20px 60px;
}
*/
.demo
{
	border-bottom:solid 1px #ccc;
	font-size:18px;
	height:23px;
	padding:10px 0px 2px 0px;
	margin-bottom:20px;
}