body {
		background-color:#BBB;
		margin:0;padding:0;
		font-size:14px;
	}
	ul { list-style-type:none; display:block; }
	ul, li { margin:0; padding:0;	 }
	a:link, 
	a:visited {
		color:#DDD;
	}
	a:hover {
		color:#FFF;		
	}
	#hover {
		position:fixed;
		width:300px;height:auto;
		background-color:#FFF;
		color:#444;
		padding:0.3em;
		border:1px solid #444;
		-webkit-border-radius:6px 6px;
		-moz-border-radius:6px 6px;
		-ms-border-radius:6px 6px;
		-o-border-radius:6px 6px;
		border-radius:6px 6px;
	}
	#details {
		position:fixed;
		width:400px;height:100%;
		top:0;left:0;
		background-color:#444;
		color:#EEE;
		-webkit-font-smoothing:antialiased;
		-webkit-transition:margin 0.2s;
		-moz-transition:margin 0.2s;
		-ms-transition:margin 0.2s;
		-o-transition:margin 0.2s;
		transition:margin 0.2s;
		z-index: 20000;
	}
	#details.hide {
		display:block;
		margin-left:-400px;
	}
	.events {
		position:absolute;
		top:80px;
		bottom:0;
		width:100%;
		overflow:hidden;
	}
	.events li {
		min-height:52px;
		border-top:1px solid #555;
		padding:5px;
		-webkit-transition:background-color 0.2s;
		-moz-transition:background-color 0.2s;
		-ms-transition:background-color 0.2s;
		-o-transition:background-color 0.2s;
		transition:background-color 0.2s;
	}
	.events img {
		height:59px;
		display:block;
		float:left;
		margin:5px;
	}
	#details p {
		margin:5px;
	}
	#details cite {
		font-size:12px;
		color:#DDD;
	}
	#details .name {
		color:#CCC;
		font-size:24px;
		font-weight:bold;
		display:block;
	}
	#networks .type {
		width:50%;
	}
	.region {
		float:right;
		text-align:right;
	}
	.date {
		float:right;
		text-align:right;
		font-weight:bold;
		color:#999;
	}
	.events .date {
		margin:5px;
	}
	.header, .becomes, .from {
		padding: 5px;
	}
	.header {
		background-color:#333;
	}
	svg, #years {
		width:17000px;
		height:1500px;
	}
	#details .highlight {
		background-color:#333;
	}
	.hide { display:none; }
	#years {
		position:absolute;
		z-index:-1;
	}
	#years > * {
		width:99px;
		height:100%;
		color:#999;
		font-size:16px;
		text-align:left;
		float:left;
		border-left:1px solid #999;
	}
	.bar {
		stroke-width:20px;
		stroke:#444;
		stroke-linecap: round;
	}
	.International { stroke:#325362; }
	.National { stroke:#4B632F; }
	.reservedA { stroke:#5E2D40; }
	.reservedB  { stroke:#6D5334; }
	text { fill:#FFF; -webkit-font-smoothing:antialiased; }
	.event circle { fill:#FFF;z-index:1000;fill-opacity:0.3; }
	.event .hover { display:none;z-index:10000; }
	.event:hover circle { fill-opacity:0.6; }
	.event.highlight circle { fill-opacity:1; }