.soft-grid
{
	background-color:#fff;
 	border:solid 2px #a5a4bd;        	
	font-family:Tahoma;
	font-size:12px;

}
.soft-grid .titlebar
 {
 	background:#8988a5 url(img/title-bg.gif);
 	border-bottom:solid 1px #57566f;
 	height:28px;
 	line-height:28px;
 	padding:0px 5px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
 }
 .soft-grid .asc { background:url(img/sort_asc.gif) 50% 45% no-repeat; }
 .soft-grid .desc { background:url(img/sort_desc.gif) 50% 55% no-repeat; }         
 .soft-grid .sort
 {
    width:10px;
    margin-left:6px;
    display:-moz-inline-box;
    display:inline-block;  
    vertical-align:middle;	   
    height:100%;          	
 }
 .soft-grid .datatable {	width:100%; }
 
 /* grid headers */
 .soft-grid .datatable .header TH
 {
 	background:#e9e9eb url(img/header-bg.gif);
 	height:24px;
 	line-height:24px;
 	padding-left:6px;
 	color:#666666;
 	text-align:left;
 }
 .soft-grid .datatable .header TH.first
 {
 	/* get rid of the first slash */
 	background:#e9e9eb url(img/header-bg.gif) -3px;
 	width:20px;
 } 
 
 /* group header */
 .soft-grid .datatable .group TH
 {
 	padding:10px 0px 2px 0px;
 	color:#666666;
 	text-align:left;
 	border-bottom:solid 2px #a5a4bd;
 } 
 .soft-grid .datatable .group TH.first
 {
 	text-align:center;         	
 	border-bottom:none;
 }              
 .soft-grid .datatable .group .toggle
 {   
    width:11px;
    height:11px;
    display:-moz-inline-box;
    display:inline-block;  
    vertical-align:middle;	   
 }
 
 .soft-grid .datatable .group .expand { background:url(img/plus.png) 50% 50% no-repeat; }
 .soft-grid .datatable .group .collapse { background:url(img/minus.png) 50% 50% no-repeat; }
 
 /* data items */                                       
 .soft-grid .datatable .item TD,
 .soft-grid .datatable .altitem TD
 {
 	padding:3px 0px 3px 6px;
 	border-bottom:solid 1px #eae9e1; 
 	color:#222222;       	
 } 
 
 /* pager */  
.soft-grid .datapager { width:100%; }
.soft-grid .datapager TD { height:40px; }  
.soft-grid .datapager .commands
{
	height:40px;
    padding:4px 0px 0px 25px;
}      
.soft-grid .datapager .page-command
{
    width:41px;
    height:22px;
    margin-right:4px;
    display:-moz-inline-box;
    display:inline-block;  
    vertical-align:middle;	   
}        
.soft-grid .datapager .first-page { background:url(img/first.gif) 50% 50% no-repeat; }
.soft-grid .datapager .prev-page { background:url(img/prev.gif) 50% 50% no-repeat; }
.soft-grid .datapager .next-page { background:url(img/next.gif) 50% 50% no-repeat; }
.soft-grid .datapager .last-page { background:url(img/last.gif) 50% 50% no-repeat; }                        
.soft-grid .datapager .info
{
    padding:4px 25px 0px 0px;
	text-align:right;
}       
.hidden
{
	display:none;
	visibility:hidden;
}