body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #111;
}
#heat {
	position: relative;
	margin-top: 2px;
	margin-left: 3px;
}
.block {
	position: absolute;
	width: 80px;
	height: 63px;
	margin: 0;
	padding: 2px;
	font-size: 11pt;
	font-family: "Meiryo", "MS PGothic", "MS Gothic", "Gill Sans", "Helvetica Neue", sans-serif;

	-webkit-transition-property: top, left, -webkit-transform;
	-webkit-transition-duration: 1s, 1s, .1s;

	-webkit-border-radius: 5px;

}
.block > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 5px;

/*	background: -webkit-gradient(linear, left top, left bottom, from(rgba(128,128,128,0.3)), to(rgba(128,128,128,0.0)));*/
	background:
		-webkit-gradient(linear, left top, left bottom,
			from(rgba(196,196,196,0.3)),
			color-stop(0.075, rgba(255,255,255,0.0)),
			color-stop(0.925, rgba(0,0,0,0.0)),
			to(rgba(0,0,0,0.6))
		),
		-webkit-gradient(linear, left top, right top,
			from(rgba(196,196,196,0.3)),
			color-stop(0.075, rgba(196,196,196,0.0)),
			color-stop(0.925, rgba(0,0,0,0.0)),
			to(rgba(0,0,0,0.6))
		);
}
.block > span {
	display: block;
}
.block > span.name {
	text-align: left;
	padding-left: 0.3em;
	height: 1.3em;
	margin-bottom: 2px;
	color: #ffee00;
	text-shadow: 1px 1px 1px rgb(0,0,0);
}
.block > span.last,
.block > span.change {
	padding-right: 0.3em;
	text-align: right;
	font-size: 16px;
	line-height: 140%;
}
.block > span.last {
	font-size: 16px;
	color: #b29400;
/*	text-shadow: 1px 1px 1px rgb(0,0,0);*/
}
.block > span.change {
	font-size: 14px;
	color: #b29400;
/*	text-shadow: 1px 1px 1px rgb(0,0,0);*/
}
.block.updated > span.change {
	-webkit-transform: scale(1.1);
	color: #ff8;
}