* {
	outline: none;
}
#login-popup {
	width: 200px;
}

#site-header {
	background-color: #3c577d;
	height: 		60px;
}
	#site-banner {
		background-color: #3c577d;	
	}
	#site-header img#banner-image-view {
		height:			40px; 
		margin:			10px 25px;
	}
	
.site-title {
	position: 	fixed;
	top: 2.5em; left: 10em; right: 10em;
	margin: 0 auto;
	text-align: center;
	font-size: 1.3em;
	color: white;
	font-weight: bold;
}
#site-navigation {
	top:			5px;
	right:			0;
}
	ul.inline-menu li {
		font-size:		0.7em;
	}
		ul.inline-menu li a {
			padding: 2px 8px;
		}
#site-information {
	position: 		fixed !important;
	height: 		auto !important;
	top:			4.7em;
	right:			0;
	
}
	#site-information h2 {
		display: 		none;
	}
	#site-information a {
		display: 		inline-block;
		font-weight: 	bold;
		padding:		0.5em;
		margin:			0 0.5em;
		font-size:		1.1em;
	}
	#hide-information {
		display: 		none;
	}
#site-main {
	top:			60px;
}
#tab-navigation {
	background-color: 	#edecd0;
	position: 		fixed;
	top: 0; left: 0; bottom: 0;
	z-index: 9;
	padding: 0;
	width:	200px;
	border-right: 1px solid rgba(0,0,0,0.2);
	box-shadow: 1px 0px 5px rgba(0,0,0,0.2);
	transition: 0.3s ease;
}
	#tab-navigation::before {
		content: " ";
		display: 	block;
		background-image: url("rucdr-logo.png");
		background-size: 160px;
		background-position: center center;
		background-repeat: no-repeat;
		height: 	150px;
		width:		100%;
		margin:		20px 0 10px 0;
	}
	.menu-toggled #tab-navigation {
		left:	-200px;
	}
	#tab-navigation .tab {
		border: none;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		display: 	block;
		width: 100%;
		font-size: 1.5rem;
		padding: 1.5rem 1rem 1.5rem 2rem;
		margin: 0;
		border-radius: 0;
		position: absolute;
	}
	#tab-11 {  top: 180px; font-weight: bold;}
	#tab-map { top: 247px; font-weight: bold;}
	#tab-12 {  top: 296px; }
	#tab-13 {  top: 345px; }
	#tab-14 {  top: 412px; }
		#tab-navigation .tab .fa {
			display: none;
		}
.tab-frame {
	top:			0 !important;	
}
.navigation-menu-toggle {
	top:		auto;
	left:		200px;
	bottom:		210px;
	border-radius: 0 5px 0 0;
	z-index: 	5;
}
	.menu-toggled .navigation-menu-toggle {
		left: 0; bottom: 0;
	}
.map-navigation, #category-menu-wrap {
	background-color: #f3f3e9;
}
.map-navigation {
	top: 		auto;
	left:		0;
	right:		0;
	width:		100%;
	height:		210px;
	z-index: 	9;
	overflow: 	auto;
}
	.menu-toggled .map-navigation {
		bottom:	-210px;
	}
form[id$=-filter-form] {
	top: auto;
}
	.map-navigation .menu-content {
		width:		200px;
		border-right: 1px solid rgba(0,0,0,0.1);
	}
	.map-navigation #map-filter {
		width:		calc(100% - 200px);
		left:		200px;
	}

	#map-filter .list-button, .map-navigation .filter-menu-toggle, .navigation-menu {
		display: 	none;
	}
	#map-filter::before {
		content:	"Filter by";
		display: 	block;
		background-color: #e4e3c0;
		padding:	5px;
	}
	#map-filter::before, #category-menu-wrap .ui-accordion-header.category-menu-toggle {
		text-align: left;
		font-weight: bold !important;
		font-size:	8pt;
	}
	.menu-wrap .ui-accordion-content {
		padding:	5px 5px 10px 5px;
	}
	#scatter-menu {
		background-color:	#f3f3e9;
		padding:			5px 10px 5px 10px;
		border-top:			1px solid rgba(0,0,0,0.1);
		bottom:				210px;
		top:				auto;
		left:				0;
		width:				199px;
		height: 			60px;
		transition:			0.3s ease;
		text-align: 		center;
		
	}
		#scatter-menu h3 {
			border:		0;
		}
	.menu-toggled #scatter-menu {
		bottom:				-60px;
		left:				-200px;
	}
	.filter-menu, .ui-buttonset.sticky {
		position: relative;
		top: 0; left: 0; right: 0; bottom: 0;
		height: 	185px;
		float: 		left;
	}
		.filter-menu {
			width:		calc(100% - 100px);
			overflow-x: auto;
			overflow-y: auto;
		}
			.filter-menu ul {
				min-width:	600px;
			}
			.filter-menu li {
				float: 		left;
				width:		150px;
				height: 	45px;
			}
				.filter-menu li:before,
				.filter-menu li:after {
				    content: " ";
				    display: table;
				}
				
				.filter-menu li:after {
				    clear: both;
				}
				.filter-menu li label, .filter-menu li div {
					display: 	block;
					border-bottom: 0 !important;
				}
				.filter-menu select {
					height: 	150px;
				}
				.tab-frame nav label, .tab-frame nav a, .tab-frame nav h4 {
					font-size: 9pt;
				}
		.ui-buttonset.sticky {
			width:		90px;
			position: 	relative;
			border-top: 0;
			display:	block;
		}
			.ui-buttonset.sticky .ui-button {
				width:	80px;
				overflow-wrap: break-word;
				line-height: 1.3;
				border-radius: 5px;
				display: 	block;
				font-size:	11pt;
				margin-top:	5px;
				margin-left:	10px;
				padding: 10px 15px;
			}
				
			
.category-item {
	padding-top: 1px !important; padding-bottom: 1px !important;
}
	
#category-menu-wrap .ui-accordion-header.category-menu-toggle { background-color: #e4e3c0 !important;}
.category-menu { background-color: #f3f3e9 !important;}
.filter-window {background-color: #f3f3e9 !important;}


#map-canvas { transition: 0.3s ease;
	left: 200px;
}
.menu-toggled #map-canvas {
	left: 0px;
}