body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body, html {
	height: 100%;
}

div#map {
	width: 100%;
	height: 100%;
	float:right;
}
div#sideBar {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	height: 100%;
	overflow: auto;
	background-color: #001C37;
	border-left: 1px solid #666;
	padding: 0 10px;
	color: white;
	font-size: 0.9em;
}

div#sideBar ul {
	margin: 5px 0;
	padding: 0 15px;
}

div#sideBar a:link, div#sideBar a:visited {
	color: #999;
}
div#sideBar a:hover {
	color: #F60;
}


div#sideBar h1 {
	margin: 15px 0;
}
div#sideBar h2 {
	margin: 3px 0;
	font-weight: bold;
	font-size: 0.8em;
	border-bottom:1px solid white;
	color:white;
}
div#sideBar h1 img {
	border:0;
}
div#sideBar input, div#sideBar select, div#sideBar label {
	vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

div#sideBar p {
	margin: 3px 0;
}
span.loading {
	color:#FFF;
	font-size: 0.8em;
	display: none;
}
span.loading img {
	vertical-align:middle;
	border:0;
}

div#credits {
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-size: 0.7em;
	color: #999;
	width: 230px;
}


div#upload-Warning {
	display: none;
	font-size: 0.7em;
	color: #993300;
	margin-top: 3px;
}


div#accident_blackspots {
	
	display: none;

}

div#tabs {
	margin-bottom: 20px;
	height: 23px;
	border-bottom: 1px solid #FFF;
}

div.tLink, div.tLink {
	display: block;
	font-size: 0.70em;
	float:left;
	border: 1px solid #FFF;
	border-bottom-color: #001C37;
	height: 18px;
	padding: 4px 4px 0px 4px;
	margin: 0 0 0 3px;
	cursor:pointer;
	color: #999;
	position: relative;
	_top: 1px;
}
div#tLink_0 {
	color: #FFF;
}
div#tLink_1 {
	border-bottom-color: #FFF;
}


div.tip {
	font-size: 0.7em; 
	border: 1px solid #F60; 
	padding: 5px; 
	background-color: #FFF;
	position: absolute;
	bottom: 20px; right: 5px;
	width: 220px;
	color: #333;
}
div.tip a:link, div.tip a:visited {
	color: #006699;
}
div.tip a:hover {
	color: #FF9900;
}