/***********************************************************************************************
 * Copyright (c) 2007 InIT, ZHAW Zürcher Hochschule für angewandte Wissenschaften
 * All rights reserved.
 * 
 * AIR TRAFFIC v1.0 - Visualisierung von Transponder-Daten mittels Mashup
 *
 * --- DIPLOMARBEIT 2007 ---
 * 
 * Authors:  Daniel Kramarz <kramadan@students.zhaw.ch>
 *           Andreas Loeber <loberand@students.zhaw.ch>
 *
 * Tutor:    Dr. Karl Rege <karl.rege@zhaw.ch>
 ***********************************************************************************************/
 
html,body {
	font-size:11px;
	font-family:arial;
	padding:0px;
	margin:0px;
}

a {
	color:darkblue;
}

#zoomIn {
	position:absolute;
	top:10px;
	left:10px;
	cursor:pointer;
}	

#zoomOut {
	position:absolute;
	top:10px;
	left:28px;
	cursor:pointer;
}

#zoomInKiosk {
	position:absolute;
	top:15px;
	left:15px;
	cursor:pointer;
}	

#zoomOutKiosk {
	position:absolute;
	top:15px;
	left:50px;
	cursor:pointer;
}

#statusBar {
	position:absolute;
	bottom:0px;
	height:14px;
	z-index:20;
	overflow:hidden;
	padding:3px;
	background-color:#F8F8F8;
	border:1px solid black;
}

#loader {
	display:none;
	position:absolute;
	z-index:21;
	bottom:3px;
	right:9px;
}

#infoBar {
	position:absolute;
	top:6px;
	z-index:22;
}

#colorBar {
	position:absolute;
	left:6px;
	bottom:56px;
}

.option
{
	position:relative;
	top:-20px;
	width: 190px;
	border: #cccccc 1px solid;
	padding:10px;
	margin:10px;
	float:left;
}

#map {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}


#tabsheader {
	position: relative;
	height: 2em;
	width: 230px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabsheader ul#tabs {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: -1px;
	width: 230px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabsheader ul#tabs li  {
	display: inline;
	list-style: none;
}

#tabsheader ul#tabs a,#tabsheader ul#tabs span,#tabsheader ul#tabs a.current {
	width: 8em;
	display: block;
	float: left;
	padding: 2px 0px;
	margin: 1px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	color: #333;
}

#tabsheader ul#tabs span,#tabsheader ul#tabs a.current,#tabsheader ul#tabs a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #FFF3B3;
	font-weight: bold;
	padding-bottom: 4px;
	margin-top: 0px;
}


#tabsheader ul#tabs a {
	background: #FFFAE1;
	border: 1px solid #AAA;
	border-bottom: none;
	cursor: pointer;
}


#tabsheader ul#tabs a:hover {
	margin-top: 0px;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 3px;
}

#tabContent {
	padding: 5px;
	background-color: #FFF3B3;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
}

.XTab {
	position: absolute;
	background-color: #ECE9D8;
	border: 1px solid black;
}

.XTab h1 {
	position: relative;
	/*top: -18px;*/
	left: -1px;
	width: 140px;
	height: 18px;
	background: url(/images/tab.png) no-repeat;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 10px;
	cursor: pointer;
	margin-bottom: 10px;
}

.XTab p {
	position: relative;
	top: -18px;
	padding: 0px 10px;
	margin: 0px;
}

#options {
	width:470px;
}
	
#about {
	width:450px;
	height:390px;
}

#transparentBackground {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	z-index: 100;
	background: url(/images/black_transparent.png);
}

#message {
	position:absolute;
	top:50%;
	left:50%;
	font-size:20px;
	color:white;
	cursor:default;
	width:400px;
	margin-left:-200px;
	margin-top:-50px;
	text-align:center;
}

#timeDisplay {
	position:absolute;
	bottom:40px;
	right:10px;
	width:140px;
	padding:5px 5px 5px 5px;
	background-image: url(/images/white_transparent.png);
	border:1px solid black;
	color:black;
	font-size:13px;
	font-weight:bold;
	font-family:arial,helvetica;
	text-align:center;
}

#liveIcon {
	position:absolute;
	bottom:7px;
	right:5px;
	z-index:200;
}