body { font-family: 'Open Sans', sans-serif; }
.glanceyear-container {
	/*border: 1px solid #D8D8D8;*/
	border-radius: 5px;
	margin: 0 auto;
	max-width: 683px;
}
.glanceyear-header {
	position: relative;
	background-color: #F5F5F5;
	border-bottom: 1px solid #D8D8D8;
	border-radius: 5px 5px 0 0;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 7px 10px;
	text-align: center;
}
.glanceyear-quantity {
	position: absolute;
	right: 10px;
	top: 10px;
	color:#aaa;
	font-size: 10px;
}
.glanceyear-content { padding: 10px; }
.glanceyear-text {
	color: #aaa;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0;
	padding: 0;
}
.glanceyear-summary { color: #aaa; font-size: 12px; margin: 0 10px 10px; }

.glanceyear-legend {
	color: #aaa;
	float: right;
	font-size: 12px;
	text-align: middle;
	text-wrap: none;
}
.glanceyear-legend span { display: inline-block; height: 10px; width: 10px; }

svg rect.day { fill: #eee; shape-rendering: crispedges; }
svg rect.day:hover { stroke: #aaa; stroke-width: 1px; }
svg rect.day[data-count] { fill: #7c7c7c; }
svg rect.day[data-count='-1'] { fill: #e8e8e8; }
svg rect.day[data-count='0'] { fill: rgba(228, 108, 109, 0.75); }
svg rect.day[data-count='1'] { fill: rgba(171, 207, 132, 0.4); }
svg rect.day[data-count='2'] { fill: rgba(171, 207, 132, 0.4); }
svg rect.day[data-count='3'] { fill: rgba(171, 207, 132, 0.4); }
svg rect.day[data-count='4'] { fill: rgba(171, 207, 132, 0.5); }
svg rect.day[data-count='5'] { fill: rgba(171, 207, 132, 0.5); }
svg rect.day[data-count='6'] { fill: rgba(171, 207, 132, 0.5); }
svg rect.day[data-count='7'] { fill: rgba(171, 207, 132, 0.6); }
svg rect.day[data-count='8'] { fill: rgba(171, 207, 132, 0.6); }
svg rect.day[data-count='9'] { fill: rgba(171, 207, 132, 0.6); }
svg rect.day[data-count='10'] { fill: rgba(171, 207, 132, 0.7); }
svg rect.day[data-count='11'] { fill: rgba(171, 207, 132, 0.7); }
svg rect.day[data-count='12'] { fill: rgba(171, 207, 132, 0.7); }
svg rect.day[data-count='13'] { fill: rgba(171, 207, 132, 0.7); }
svg rect.day[data-count='14'] { fill: rgba(171, 207, 132, 0.7); }
svg rect.day[data-count='15'] { fill: rgba(171, 207, 132, 0.9); }
svg rect.day[data-count='16'] { fill: rgba(171, 207, 132, 0.9); }
svg rect.day[data-count='17'] { fill: rgba(171, 207, 132, 0.9); }
svg rect.day[data-count='18'] { fill: rgba(171, 207, 132, 0.9); }
svg rect.day[data-count='19'] { fill: rgba(171, 207, 132, 0.9); }
svg rect.day[data-count='20'] { fill: #abcf84; }
svg rect.day[data-count='21'] { fill: #abcf84; }
svg rect.day[data-count='22'] { fill: #abcf84; }
svg rect.day[data-count='23'] { fill: #abcf84; }
svg rect.day[data-count='24'] { fill: #abcf84; }

svg text { fill: #CCC; font-size: 9px; }
svg text.month { fill: #AAA; }

.svg-tag {
	background-color: rgba(0,0,0,0.8);
	border-radius: 3px;
	color: #eee;
	font-size: 12px;
	line-height: 15px;
	padding: 5px 15px;
	position: absolute;
	text-align: center;
}
.svg-tag:after {
	border-color: rgba(0,0,0,0.8) transparent transparent transparent;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	bottom: -5px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	width: 0;
}