@charset "UTF-8";
/* CSS Document */
body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	
	position:absolute;
	
	background-color:#000;
	color:#FFF;
	font:Helvetica, Arial, sans-serif;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	
	z-index:0;
}
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #CCC;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
img{
	border:none;
	
}
.Clear{
	clear:both;	
}
.Filter {
	display:block;
	overflow:hidden;
	
}
a.Landmark{
	position:absolute;
	left:0px;
	top:0px;
	
	z-index:1;
	
	color:#000;
	
	cursor:auto;
}

a.Landmark img{
	width:0px;
	height:0px;
	margin-left:0px;
	margin-top:0px;
	
}

a.Landmark #Details{
	display:none;
}

#Container{
	position:absolute;
	width:100%;
	height:100%;
	
	z-index:-1;
	
	background-color:transparent;
	
	cursor:auto;
}
#Controls{
	
	cursor:default;
}
#RollOver{
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:0px;
	height:0px;
	
	overflow:hidden;
	background-image:url(../../assets/png/rolloverarrow.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-attachment:scroll;
	color:#999;

	padding-top:20px;

	z-index:0;
}
#RollOver .Details{
	display:block;
	padding-left:10px;
	padding-right:10px;	
	font-size:9px;
}
#Logo{
	position:absolute;
	left:7.5%;
	bottom:7.5%;
	
	width:30px;
	height:30px;
	
	z-index:10;
	
	cursor:default;
	
	
}
#Links{
	display:block;
	position:absolute;
	left:15%;
	bottom:7.5%;
	width:50%;
	height:30px;
	
	z-index:1;
	
}
#Links a.Link{
	display:inline;
	position:relative;
	top:5px;
	margin-left:15px;
	margin-right:15px;
}
#Links a.Link img{
	vertical-align:middle;
	margin-right:5px;
}
#Timeline{
	position:absolute;
	top:0%;
	left:7.5%;
	
	color:#000;
	background-image:url(../../assets/png/timeline.png);
	background-repeat:repeat-x;
	background-position:center left;
	height:100%;
	width:0px;
	text-align:right;
	
	overflow:hidden;
	
	z-index:0;
	
	cursor:move;
}
#Timeline div.Dash{
	color:#000;
	position:relative;
	left:0px;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:50px;
	float:right;
	display:block;
	
	
	
	z-index:0;
}
#Timeline div.Dash div#Date{
	color:#999;
	text-align:center;
	font-size:8px;
	
}
#Viewer {
	color:#000;
	position:absolute;
	top:7.5%;
	left:7.5%;
	width:0px;
	height:0px;
	
	z-index:-5;
}
#Viewer img{
	color:#000;
	
	z-index:50;	
	width:0px;
	height:0px;
	
}
#Version {
	
	position:absolute;
	top:7.5%;
	left:7.5%;
	
	color:#F00;
	font-size:9px;
}

#Zoomline{
	position:absolute;
	right:7.5%;
	bottom:7.5%;
	
	
	height:30px;
	width:0px;
	text-align:right;
	
	z-index:10;
}
#Zoomline #Min{
	float:left;
	display:inline;
	position:relative;
	top:1.5px;
	left:-7.5px;
	width:15px;
	height:15px;
	z-index:5;
}
#Zoomline #Bar{
	
	float:right;
	height:2px;
	width:200px;
	display:inline;
	position:relative;
	top:12px;
	z-index:0;
	background-image:url(../../assets/png/timeline.png);
	background-repeat:repeat-x;
	background-position:right;
}
#Zoomline #Max{
	float:right;
	display:inline;
	position:relative;
	top:1.5px;
	right:-7.5px;
	width:15px;
	height:15px;
	z-index:5;
	
}