body{
	margin: 0px;
	font: 10px monospace;
	font-weight: bold;
	background: #F5F5F5;
}

svg{
	overflow: visible;
}

.anno{
	stroke: black;
}

.score-line{
	fill: none;
	stroke: #FDB927;
	stroke-width: 2px;
}

.area{
	fill: #006BB6;
}

path.domain{
	display: none;
}

.axis line,
.axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.axis text{
	fill: #bbb;
}
.x.axis line{
	stroke: #ddd;
}

.y.axis line{
	display: none;
}


.zero{
	stroke: #ddd;
}

.name{
	text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff;
	fill: black;
}

.game{
	width: 200px;
	display: inline-block;
	padding-bottom: 25px;
	position: relative;
}

.game div{
	font-size: 10px;
	text-align: center;
	display: block;
	font-weight: 500;
}
.game .date{
	position: absolute;
	left: 18px;
	top: 3px;
	color: #555;

}
.game div.team{
	font-size: 12px;
	font-weight: bold;
}
.game .score{
	position: absolute;
	right: 10px;
	top: 3px;
	color: #555;
}


path.hover{
	stroke: #555;
	stroke-dasharray: 4 2 2 2;
}
text.hover{
	fill: #555;
}
.neg path.hover{
	stroke: #006BB6;
	stroke-dasharray: 4 2 2 2;
}
.neg text.hover{
	fill: #006BB6;
}