.datagrid {
	width: 100%;
	padding: 5px;
	color:#333;
	background-color: #f8f9fa;
	border: 1px solid #CED9DF;
	empty-cells:show;
}
.datagrid th {
	white-space: nowrap;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4px;
	background-color: #d9dada;
}
.datagrid td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 4px;
}
 .datagrid td:first-child
,.datagrid th:first-child {
	border-left: 1px solid #ccc;
}
.datagrid caption {
	text-align: left;
}
 .datagrid .alg_center
,.datagrid .function
{
	text-align: center;
}

.datagrid .function img.disabled
{
	border: 1px solid transparent;
}
.datagrid .tr_highlight {
	background-color: yellow;
	color: black;
}
.datagrid .tr_alternate {
	background-color: #e7eff3;
	color: black;
}
.datagrid tr:hover {
	background-color: #e8eaeb;
	color: black;
}
.datagrid tr:hover td {
	border-bottom: 1px solid red;
}
.highlight{
	background-color: yellow;
}
.datagrid .function a img
{
	border: 1px solid orange;
}
.datagrid .function a:hover img
{
	border: 1px solid red;
}