html {
	height: 100%;
}

body {
	height: 100%;
	line-height: 1.3;
	font-family: sans-serif;
	font-size: 11pt;
	text-align: center;
}

.container {
	margin: 0 auto;
	height: 100%;
	max-height: 768px;
	max-width: 960px;
	text-align: left;
}

.logo {
	text-align: right;
}

li {
	margin-bottom: 1em;
}

#chart {
	height: 100%;
	min-height: 628px;
	min-width: 720px;
	margin: 3em 0;
	padding: 0;
	font-size: 9pt;
}

.period {
	font-weight: bold;
}

.node > rect {
	shape-rendering: crispEdges;
}

.node > text {
	pointer-events: none;
	text-shadow: -1px 1px 1px #fff;
	font-weight: bold;
}

.link {
	fill: none;
	stroke-opacity: .5;
}

.link:hover {
	stroke-opacity: .75;
}

span.marker {
	vertical-align: -40%;
}

.marker {
	fill: black;
}

.marker text {
	fill: white;
	font-weight: bold;
	text-anchor: middle;
	font-size: 8pt;
}

#tooltip {
	z-index: 10;
	position: absolute;
	border: 1px solid black;
	padding: 0.35ex 0.35em;
	background-color: white;
	font-size: 10pt;
	/*overflow: visible;*/
}

#tooltip .arrow {
	font-size: 14pt;
	line-height: .8;
}

.nowrap {
	white-space: nowrap;
}