body {
	background-color: #121212;
	font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, Arial, sans serif;
	margin: 0px;
}

div#cli {
	color: #FFFFFF;
}

div.treemap {
	margin-bottom: 4px;
	font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, Arial, sans serif;
	background-color: #232323;
}

div.treemap a.textnode {
	display: block;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	color: #000;
	overflow: hidden;
	text-decoration: none;
}

div.treemap a.textnode:hover {
	background-color: #996633; 
}

div.treemap a.textnode img {
	vertical-align: middle;
	border: none;
}

img.modepic {
	background-color: #996633; 
	padding: 10px;
}

div.blockall {
	position: absolute;
	border: 0;
	z-index: 12; 
	display: none;
	background-color: transparent; 
}

div.inputcell {
	position: absolute;
	border: 0;
	opacity: 0.9;
	filter: alpha(opacity=90);
	display: none; 
	background-color: #eaeaea; 
	border: 1px solid #000000; 
	z-index: 15; 
	padding: 10px;
}


div.inputcell input {
	opacity: 1;
	filter: alpha(opacity=100);
}

.normalcell {
	position: absolute;
	z-index: 10; 
	background-color: #8888AA; 
}

.detailcell {
	position: absolute;
	z-index: 10;
	background-color: #999999;
}

.menucell {
	position: absolute;
	z-index: 10;
	background-color: #888888;
}

.menuitemcell {
	position: absolute;
	z-index: 10;
	background-color: #333333;
}

.activemenucell {
	position: absolute;
	z-index: 10;
	background-color: #996633;
}