/*---------------------------------------------------
	DataGrid
---------------------------------------------------*/

.datagrid .header_area{
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
.datagrid .header th{
	border: 1px solid #999;
	padding: 2px 2px;
	color: #555;
	background-color: #FFF69E;
}

.datagrid .body_area{
	border: 1px solid #666;
	background-color: #FFF;
	overflow-y: scroll;
}
.datagrid .list.highlight tr:not(.disabled):hover{
	background-color: #A3E0C4;
	cursor: pointer;
}
.datagrid .list tr.selected{
	background-color: #FFDAB9;
}
.datagrid .list tr.disabled{
	background-color: #EEEEEE;
}
.datagrid .list td{
	color: #000;
	border: 1px solid #999;
	padding: 2px 2px;
}

.datagrid .footer_area{
}

/*---------------------------------------------------
	Simple list
---------------------------------------------------*/

.list{
	overflow-y: scroll;
}

.list .item{
	padding: 5px;
	margin-left: 2px;
	border-bottom: 1px solid #CCC;
	background-color:#FFF;
}

.list .item:not(.nodata):hover{
	background-color:#A3E0C4;
	cursor: pointer;
}

.list .item.selected{
	background-color:#FFDAB9;
}
.list .item.nodata{
	color: #999;
}