/* tables */
table.data-grid {
	background-color: #FFF;
	margin:0px auto;
	width: 100%;
	text-align: left;
	border-left:1px solid #c7cccd;
	border-top:1px solid #c7cccd;
}
table.data-grid thead tr th, table.data-grid tfoot tr th {
	background-color: #eceff0;
	border-bottom:1px solid #c7cccd;
	border-right:1px solid #c7cccd;
	padding: 5px;
}
table.data-grid thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer; padding-right:10px;
}
table.data-grid tbody td {
	color: #3D3D3D;
	padding: 5px;
	background-color: #FFF;
	vertical-align: top;
	border-bottom:1px solid #c7cccd;
	border-right:1px solid #c7cccd;
}
table.data-grid tbody tr.odd td {
	background-color:#f2fcff;
}
table.data-grid thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.data-grid thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.data-grid thead tr .headerSortDown, table.data-grid thead tr .headerSortUp {
background-color: #dfe2e3;
}
.datagrid-wapper{border:1px solid #d5d5d5; padding:14px; }
/*Tabs*/
UL.datagrid-tabs{ margin:0px; padding:0px; list-style:none;}
UL.datagrid-tabs LI{ display:inline;}
UL.datagrid-tabs A,UL.datagrid-tabs A:link, UL.datagrid-tabs A:visited, UL.datagrid-tabs A:active { display:block; float:left; color:#303030; font-weight:bold; height:28px; line-height:28px; background:#c6d4a5; margin-right:1px; padding-left:10px; padding-right:10px;}
UL.datagrid-tabs A:hover,UL.datagrid-tabs A.active, UL.datagrid-tabs A.active:link, UL.datagrid-tabs A.active:visited, UL.datagrid-tabs A.active:active {background:#cccccc;}