@charset "utf-8";
/* CSS Document */

div#timeline {
 border: 1px solid #AAA; }
	
div#timeline div.clipping_region {
 margin: 1em;
	margin-bottom: 20px;
 overflow: hidden;
	position: relative;
	z-index: 1; }

table#timeline_data {
	margin: 0;
	padding: 0;
	position: relative;
	table-layout: fixed;
	width: 2000px;
	z-index: 0; }
	
table#timeline_data th {
 background-color: #333;
 border-bottom: 1px solid #FFF;
 color: #AAA;
	font-size: 120%;
	margin: 0;
	padding: 1em 0;
	text-align: center; }

table#timeline_data td {
 border-top: 6px solid #333;
 margin: 0;
	padding: 0;
	vertical-align: top; }

table#timeline_data td.even {
 background-color: #DFE6EA; }
	
table#timeline_data td.odd {
 background-color: #F5F5F5; }
	
table#timeline_data td.selected {
 background-color: #4668A2;
	color: #FFF; }
	
table#timeline_data td.hover {
 background-color: #3A3A3A;
	color: #FFF; }
	
table#timeline_data td ul {
 margin: 0;
	padding: 1em; }
	
table#timeline_data td ul li {
	list-style-image: url(../../images/elements/arrow.png);
	margin: 1em;
	padding: 0; }
	
table#timeline_data td ul li a {
 color: #4668A2; }
	
table#timeline_data td.selected ul li {
	list-style-image: url(../../images/elements/arrow_selected.png);
	list-style-type: none; }

table#timeline_data td.selected ul li a {
 color: #FFF;
 font-weight: bold; }
	
table#timeline_data td.hover ul li {
	list-style-image: url(../../images/elements/arrow_selected.png);
	list-style-type: none; }
	
table#timeline_data td.hover ul li a {
 color: #FFF;
 font-weight: bold; }

div#timeline div#location {
 background-color: #F3F3F3;
	border: 1px solid #AAA;
	border-bottom: none;
	height: 3em;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 800px; }
	
div#timeline div#location ul {
 list-style: none;
	margin: 0;
	padding: 0; }
	
div#location ul li {
 display: block;
 color: #5E7591;
	font-weight: bold;
	padding: 1em;
	position: absolute; }
	
div#location ul li#beginning {
 border-collapse: collapse;
 border-right: 1px solid #AAA;
	color: #555;
 left: 0;
	z-index: 5; }
	
div#location ul li#end {
 border-left: 1px solid #AAA;
	color: #555;
 right: 0;
	z-index: 5; }
	
div#location ul li#current_year {
 background-color: #FFF;
 border: 1px solid #AAA;
	border-bottom: none;
	border-top: none;
	left: 30px;
	z-index: 10; }
	
div#location ul li#prev_year {
	left: -40px;
	z-index: 10; }
	
div#location ul li#next_year {
	right: -40px;
	z-index: 10; }
	
div#location ul li img {
 cursor: pointer;
 margin: 0;
	padding: 0; }