html, body {
                margin: 0;
                width: 100%;
                height: 100%;
}

a {
                text-decoration: none;
}

img {
                margin: 0px;
                padding: 0px;
}


#map {
                margin: 0;
                padding: 0;
                position: absolute;
                left: 0px;
                top: 43px;
		right: 0px;
		bottom: 0px;
}

#about {
                visibility: hidden;
                position: absolute;
                top: 50px;
                left: 10%;
                height: 100px;
                width: 80%;
}

#fosm {
                visibility: hidden;
                position: absolute;
                top: 50px;
                left: 10%;
                height: 100px;
                width: 80%;
}

#help {
                visibility: hidden;
                position: absolute;
                top: 50px;
                left: 10%;
                height: 100px;
                width: 80%;
}

#jump_to {
                visibility: hidden;
                position: absolute;
                top: 50px;
                left: 10%;
                height: 100px;
                width: 80%;
}

#getting_started {
                position: absolute;
                top: 50px;
                left: 10%;
                height: 100px;
                width: 80%;
}


.heading {
                color: #ffffff;
                font-size: 20px;
                font-family: Verdana;
                text-align: left;
}

.heading-black {
                color: #000000;
                font-size: 20px;
                font-family: Verdana;
                text-align: left;
}

.about_text {
                color: #ffffff;
                font-size: 14px;
                font-family: Verdana;
                text-align: left;
}

#header {
                margin: 0px;
                padding: 0px;
                height: 43px;
                width: 100px;
                position: absolute;
                left: 0px;
                top: 0px;
                z-index: 200;
}

#logo-image {
	height: 43px;
}

#linkloader {
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	z-index:-100
}


#whats_here-content {
	background-color: #ffffff;
	width: 100%;
	height: 80%;
	left: 10%;
	padding: 10px;
	overflow: auto;
}

#whats_here-loader {
	background:url(../images/waiting_animation_circle.gif) top left no-repeat;
	width: 80%;
	left: 10%;
}

.wh-line {
	width: 100%;
	clear: both;
}

.wh-type {
	width: 30%;
	float:left;
}

.wh-text {
	width: 20%;
	float:left;
}


#login {
                visibility: hidden;
                position: absolute;
                top: 50px;
                left: 10%;
                height: 100px;
                width: 80%;
}

#login-content {
	background-color: #ffffff;
	width: 100%;
	height: 80%;
	left: 10%;
	padding: 10px;
	overflow: auto;
}

#register {
                visibility: hidden;
                position: absolute;
                top: 50px;
                left: 10%;
                height: 100px;
                width: 80%;
}

#register-content {
	background-color: #ffffff;
	width: 100%;
	height: 80%;
	left: 10%;
	padding: 10px;
	overflow: auto;
}




.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
	min-width: 250px;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}



#cssmenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:8e8e8e;
        height: 43px;
        position: absolute;
        top: 0px;
        right: 0px;
	background:url(../images/menu-bg.gif) top left repeat-x;
        width: 100%;
	}
#cssmenu ul{
	background:url(../images/menu-bg.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
        float: right;
	}

	#cssmenu li{
		float:right;
		padding:0px 8px 0px 8px;
		}
	#cssmenu li a{
		color:#666666;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		#cssmenu li a:hover{
			color:#000000;
			text-decoration:none;
			}
	#cssmenu li ul{
		background:#e0e0e0;
		border-left:2px solid #0079b2;
		border-right:2px solid #0079b2;
		border-bottom:2px solid #0079b2;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:200px;
		z-index:200;
		margin-right: 10px;
		/*top:1em;*/
		/*right:0;*/
		}
	#cssmenu li:hover ul{
		display:block;
		}
	#cssmenu li li {
		display:block;
		float:none;
		padding:0px;
		width:200px;
		}
	#cssmenu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#cssmenu li ul a:hover{
			background:#949494;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	#cssmenu p{
		clear:left;
		}	
	#cssmenu .active > a{
		background:url(../images/current-bg.gif) top left repeat-x;
		color:#ffffff;
		width:150px;
		}
	#cssmenu .active > a:hover {
		color:#ffffff;
		}





#login-dp{
	width: 200px;
	padding: 10px 10px 10px 10px;
	overflow:hidden;
	background-color:rgba(255,255,255,.8);
	}

#login-dp .help-block{
	font-size:12px    
	}

#login-dp .bottom{
	background-color:rgba(255,255,255,.8);
	border-top:1px solid #ddd;
	clear:both;
	padding:14px;
	}

#login-dp .social-buttons{
	margin:12px 0    
	}

#login-dp .social-buttons a{
	width: 49%;
	}

#login-dp .form-group {
	margin: 10px;
	}