.vista-grid
{
	border-style: solid;
	border-width: 0px 2px 2px 2px;
	border-color: #006666;
	background-position: #fff;
	background: #fff;
	font-family: "Segoe UI" ,Sans-Serif;
	font-size: 12px;
	width: 98%;
}

/*Original

.vista-grid
{
	background:#fff;
 	border:solid 2px #A7BAC5;        	
	font-family:"Segoe UI",Sans-Serif;
	font-size:12px;
	width:600px;
}*/

.vista-grid .titlebar
 {
 	background:#8988a5 url(vista_img/title-bg.png);
 	height:28px;
 	line-height:28px;
 	padding:0px 5px;
	color:#fff;
	font-family:Tahoma,helvetica,clean,sans-serif;	
	font-size:13px;
	font-weight:600;
 }
 
 .vista-grid .titlebar-teal
{
	background-position: #346969 url(vista_img/dk_teal.gif);
	background: #346969 url(vista_img/dk_teal.gif);
	height: 30px;
	line-height: 28px;
	padding: 0px 5px;
	color: #fff;
	font-family: Tahoma,helvetica,clean,sans-serif;
	font-size: 15px;
	font-weight: 800;
}
 
 .vista-grid .asc { background:url(vista_img/sort_asc.gif) 50% 45% no-repeat; }
 .vista-grid .desc { background:url(vista_img/sort_desc.gif) 50% 55% no-repeat; }         
 .vista-grid .sort
 {
    width:10px;
    margin-left:6px;
    display:-moz-inline-box;
    display:inline-block;  
    vertical-align:middle;	   
    height:100%;          	
 }
 .vista-grid .datatable {	width:100%; }
 
 /* grid headers

 .vista-grid .datatable .header TH
 {
 	background:#e9e9eb url(vista_img/header-bg.png);
 	border-bottom:solid 1px #A7BAC5;
 	height:22px;
 	line-height:22px;
 	padding-left:6px;
 	color:#666666;
 	text-align:left;
 }
 .vista-grid .datatable .header TH.first
 {
 	background:#e9e9eb url(vista_img/header-bg.png);
 	width:20px;
 } 
 
 */
 .vista-grid .datatable .header TH
{
	background-position: #e9e9eb url(vista_img/tb_Green.gif);
	background: #e9e9eb url(vista_img/tb_Green.gif);
	border-bottom: solid 1px #A7BAC5;
	height: 24px;
	line-height: 24px;
	padding-left: 6px;
	color: #275050;
	text-align: left;
	border-bottom-color: #E2F1F1;
	font-weight: bold;
	font-size: 13px;
}
 .vista-grid .datatable .header TH.first
 {
 	/* get rid of the first slash */
 	background:#e9e9eb url(vista_img/tb_Green.gif);
 	width:20px;
 } 
 
 /* group header 
color: #1C3737;
*/
 .vista-grid .datatable .group TH
{
	padding: 10px 0px 2px 0px;
	color: #275050;
	text-align: left;
	border-bottom: solid 1px #FDFDF8;
	border-bottom-color: #F1F8F8;
} 
 .vista-grid .datatable .group TH.first
 {
 	text-align:center;         	
 }              
 .vista-grid .datatable .group .toggle
 {   
    width:20px;
    height:19px;
    display:-moz-inline-box;
    display:inline-block;  
    vertical-align:middle;	   
 }
 
 .vista-grid .datatable .group .expand { background:url(vista_img/plus.gif) 50% 50% no-repeat; }
 .vista-grid .datatable .group .collapse { background:url(vista_img/minus.gif) 50% 50% no-repeat; }
 
 /* data items */                                       
 .vista-grid .datatable .item TD, .vista-grid .datatable .altitem TD
{
	padding: 3px 0px 3px 6px;
	border-bottom: solid 1px #eae9e1;
	color: #275050;
	border-bottom-color: #EAE9E1;
} 
 .vista-grid .datatable .altitem TD
{
	background-color: #FCFCFC;
} 
 
 
 /* pager */  
.vista-grid .datapager
{
	width: 100%;
	background-color: #FBFDFD;
}
.vista-grid .datapager TD { height:30px; }  
.vista-grid .datapager .commands
{
	height:30px;
    padding:4px 0px 0px 25px;
}      
.vista-grid .datapager .page-command
{
    width:40px;
    height:19px;
    margin-right:4px;
    display:-moz-inline-box;
    display:inline-block;  
    vertical-align:middle;	   
}        
.vista-grid .datapager .first-page { background:url(vista_img/first.gif) 50% 50% no-repeat; }
.vista-grid .datapager .prev-page { background:url(vista_img/prev.gif) 50% 50% no-repeat; }
.vista-grid .datapager .next-page { background:url(vista_img/next.gif) 50% 50% no-repeat; }
.vista-grid .datapager .last-page { background:url(vista_img/last.gif) 50% 50% no-repeat; }                        
.vista-grid .datapager .info
{
    padding:4px 25px 0px 0px;
	text-align:right;
}       
.hidden
{
	display:none;
	visibility:hidden;
}