.datagrid {
	padding: 5px;
	background-color: #e8ffe8;
	color: black;
	width: 100%;
	border: 1px solid #CED9DF;
}

.datagrid td,.datagrid th {
	padding: 2px;
}

.datagrid th {
	text-align: left;
	white-space: nowrap;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #CCC;
}

.datagrid td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.datagrid .tr_highlight {
	background-color: yellow;
	color: black;
}

.datagrid .tr_alternate {
	background-color: #d9ffd9;
	color: black;
}

.datagrid caption {
	text-align: left;
}

.datagrid .alg_center,.datagrid .function {
	text-align: center;
}

.datagrid .function {
	white-space: nowrap;
}

.datagrid .nowrap {
	white-space: nowrap;
}

.datagrid .alg_right {
	text-align: right;
}

.datagrid tr:hover {
	background-color: #b3ffb3;
	color: black;
}

.datagrid tr:hover td {
	border-bottom: 1px solid red;
}