body {
	background: #F0F0F0;
	font-size: 11px; 
	font-family: verdana,arial;
}

table#mapTerrain td {
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	border: none;
}

.unitHealth {
	position: absolute; 
	width: 10px; 
	height: 10px;
	bottom: 0px;
	right: 0px;
	z-index: 11;
	
	background: #000000;
	color: #FFFFFF;
	font-size: 9px; 
	line-height: 9px;
	font-family: verdana,arial;
	font-weight: bold;
	text-align: center;
}

.unitCaptureblue {
	position: absolute; 
	width: 10px; 
	height: 10px;
	bottom: 0px;
	left: 0px;
	z-index: 11;
	
	background-image: url(../images/blue/flag.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.unitCapturered {
	position: absolute; 
	width: 10px; 
	height: 10px;
	bottom: 0px;
	left: 0px;
	z-index: 11;
	
	background-image: url(../images/red/flag.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.moveMask {
	background-image: url(../images/mask.gif);
	background-position: top left;
	background-repeat: repeat;
	cursor: pointer;
	cursor: hand;
}

.attackMask {
	background-image: url(../images/mask_attack.gif);
	background-position: top left;
	background-repeat: repeat;
}

.targetMask {
	background-image: url(../images/target.gif);
	background-position: top left;
	background-repeat: repeat;
	cursor: pointer;
	cursor: hand;
}

.status {
	padding: 2px;
	border: 1px solid #333333;
	background: #DDDDDD;
}

.statusred {
	padding: 2px;
	border: 1px solid #CC0000;
	background: #FFEEEE;
}

.statusblue {
	padding: 2px;
	border: 1px solid #0000CC;
	background: #EEEEFF;
}

.status a, .statusred a, .statusblue a {
	color: #000000;
}