#heat {
	position: relative;
}
.block {
	position: absolute;
	width: 58px;
	height: 34px;
	margin: 0;
	padding: 1px;
	border: #444 solid 1px;
	/*font-size: 10px;*/
	font-size: 8pt;
	font-family: MS Gothic, Helvetica, sans-serif;

	/*-webkit-border-radius: 2px;*/
	/*-moz-border-radius: 2px;*/
	/*border-radius: 2px;*/

	-webkit-transition-property: top, left, -webkit-transform;
	-webkit-transition-duration: 1s, 1s, .1s;
	-moz-transition-property: top, left, -moz-transform;
	-moz-transition-duration: 1s, 1s, .1s;
	-o-transition-property: top, left;
	-o-transition-duration: 1s;
	transition-property: top, left;
	transition-duration: 1s;
}
.block.updated > span.change {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	font-weight:bold;
	/*z-index: 10;*/
}
.block > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.0)), to(rgba(128,128,128,0.3)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.0), rgba(128,128,128,0.3));
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr="#00ffffff", EndColorStr="#4c808080", GradientType=0);
}
.block > span {
	display: block;
}
.block > span.name {
	text-align: left;
}
.block > span.last {
	padding-right:0.2em;
	text-align: right;
}
.block > span.change {
	padding-right:0.2em;
	text-align: right;
}

a.button {
	display: inline-block;
	margin: 3px;
	padding: 5px;
	border: 1px solid #444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #000;
}
a.button:hover {
	background-color: #ccc;
}