
html { overflow: hidden; }

html, body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
     margin: 0;
     padding: 0;
     height: 100%;
}

a:hover, a:active, a:link, a:visited {
	text-decoration:none;
	color:#666666;
}

a:hover {
	text-decoration:none;
	color:#0099FF;
}

body {
	 top: 0;
     left: 0;
	 margin: 0px; }

#top {
	width: 100%;
	height: 64px;
	background:url(../images/rt_bg.png) top repeat-x;
	}

#top-nav {
	width: 100%;
	height: 15px;
	}
	
#nav{
	padding-right: 15px;
	float:right;
	}

#logo {
	padding-left: 10px;
	width: 191px;
	height: 40px;
	float: left;
	}
	
#search {
	width: 100%;
	height: 22px;
	}

.label{
}

#sidebar-controls {
	float:right;
}

#content {
     margin-top: 10px;
     position: relative;
}

#toolbar {
     padding-top: 5px;
     position: relative;
}

#legendtitle{
	background-color:#FFFFFF;
	border: 1px solid #aaa;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100px;
	position:relative;
}

#legend{
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	width: 150px;
	background-color:#FFFFFF;
	border: 1px solid #aaa;
}


/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/
* html #toolbar { height: 1px; }
/* */

#toolbar h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

#alert {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;   
     display: none;
}

#alert p {
     width: 150px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
}

body.loading #alert { display: block; }

#map {
	 top: 0;
     left: 0;
     width: 100%;
     height:100%;
     border: 1px solid #aaa;
}

#map-wrapper {
    height: 90%;
}

#sidebar {
position: absolute;
top: 64px;
width: 150px;
height: 100%;
overflow: auto;
background: #FFFFFF;
}

#linkpane {
background-color: #7DBEFF;
padding-left: 15px;
padding-bottom: 5px;
color: #333333;
font-weight:bold;
border-bottom:2px;
border-bottom-color:#333333;
}

#innerlink{
width: 350px;
}

#link {
padding-left: 5px;
}

#sidebar-content {
width: 300px;
float: right;
}

body.sidebar-right #map-wrapper { margin-right: 150px; }
body.sidebar-right #sidebar { right: 0; }
 
body.nosidebar #map-wrapper { margin-right: 0px;  }
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show { display: none;}
body.nosidebar a#button-sidebar-hide{ display: none;}
