#buttons { width: 100%; margin-left: 7%; margin-right: auto; }
.col {
    display: block;
    margin: 14px;
    position: top;
    float: left;
}

table { color: #483D8B; }

td { color: navy; }
th { color: tomato; margin: auto; padding-top: 5%; padding-bottom: 5%; padding-left: 0%; }

.moves_ms { display: none; }
.moves_key { display: none; }

.cal-heatmap-container .graph-label { font-size: 16px; }

#cal-heatmap-day .subdomain-text { font-size: 12px; }

#cal-last { display: inline-block; margin-left: 2%; width: 50%; }

#cal-heatmap-day { display: none; }
#cal-heatmap { margin: 0px; }
.cal-heatmap-container { margin-left: 5%; margin-right: auto; }
#cal-statusbar { margin: 5%; }

.fmcircle_out {
	width: 200px;
	height: 200px;
	background: rgba(221,221,221,0.3);
	text-align: center;
	display: block;
	margin-left: 2px;
	opacity: 0.5;

	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/*
	.fmcircle_out:hover {
		opacity: 1;

		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}

	.fmcircle_out:hover .fmcircle_in img {
		margin: 25px 25px 25px 25px;
		width: 120px;
		height: 120px;

		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
*/

.fmcircle_in {
	width: 170px;
	height: 170px;
	margin: 15px;
	display: inline-block;
	overflow: hidden;

	border-radius: 85px;
	-moz-border-radius: 85px;
	-webkit-border-radius: 85px;
	-o-border-radius: 85px;
}

.fmcircle_in img {
	border: none;
	margin: 53px;
	width: 64px;
	height: 64px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.fmcircle_in span {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	width: 160px;
	background: #fff;
	color: #666666;
	padding: 5px;
	margin: 70px 0 0 0;
	height: 20px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	float: left;
	position: absolute;
	opacity: 0;

	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/*
	.fmcircle_out:hover .fmcircle_in span {
		opacity: 1;

		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
*/

.fmcircle_hover {
    opacity: 2;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.fmcircle_blue {
	background: #CCCCFF;
}
/* vim:fileencoding=UTF-8:ts=4:sw=4:sta:et:sts=4:ai
 * */