#header .container {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
	header .container .row {
		margin: 0px;
	}
#header .projectLogo {
	float: left;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-top: 12px;
}	

#footer {
	bottom: 0;
	font-size: 11px;
	font-weight: 400;
	height: 30px;
	left: 0;
	position: absolute;
	width: 100%;
}
	#footer .container {
		width: 100%;
	}
	#footer .background {
	  margin: 0;
	  padding: 5px 0;
	}
	#footer #sitegist {
		margin-top: 0;
	}

.mapContainer {
	bottom: 30px;
	height: auto;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0px;
	top: 91px;
	width: auto;
}
	.mapContainer #map {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: auto;
	}
	.mapContainer .controls {
		bottom: 20px;
		position: absolute;
		right: 20px;
	}
		.mapContainer .controls #zoomin,
		.mapContainer .controls #zoomout {
			background-color: #98a0a0;
			background-image: url('/images2/streets/controls.png');
			background-repeat: no-repeat;
			height: 40px;
			margin-bottom: 5px;
			width: 40px;
		}
		.mapContainer .controls #zoomin {
			background-position: 0 0;
		}
		.mapContainer .controls #zoomout {
			background-position: 0 -40px;
		}
			.mapContainer .controls #zoomin.active,
			.mapContainer .controls #zoomout.active {
				background-color: #b83e24;
				cursor: pointer;
			}
	.mapContainer #oldMaps {
		bottom: 25px;
		min-width: 367px;
		position: absolute;
		right: 90px;
	}
		.mapContainer #oldMaps nav {
			background-color: rgba(190, 190, 190, 0.5);
			padding: 0 10px;
		}
			.mapContainer #oldMaps nav .oldMap {
				background-color: #ffffff;
				cursor: pointer;
				display: inline-block;
				font-size: 16px;
				margin: 5px;
				padding: 5px 10px;
				vertical-align: middle;
			}
				.mapContainer #oldMaps nav .oldMap.active,
				.mapContainer #oldMaps nav .oldMap:hover {
					background-color: #b83e24;
					color: #fff;
					cursor: pointer;
				}
				.mapContainer #oldMaps nav .oldMap.modern {
					background-image: url('/images2/streets/controls2.png');
					background-position: -80px 0;
					background-repeat: no-repeat;
					height: 40px;
					margin: 0 0 0 5px;
					overflow: hidden;
					padding: 0;
					text-indent: -300px;
					width: 40px;
				}
					.mapContainer #oldMaps nav .oldMap.modern.active {
						background-position: -80px -80px;
					}
		.mapContainer #oldMaps .sliderCont {
				bottom: -3px;
				display: none;
				right: 450px;
				position: absolute;
			}
			.mapContainer #oldMaps .sliderCont #opacitySlider {
				background: none repeat scroll 0 0 #999999;
				border: 0px;
				border-radius: 0px;
				box-shadow: none;
				height: 30px;
				margin: 0px 0 8px 20px;
				width: 250px;
			}
				.mapContainer #oldMaps .sliderCont #opacitySlider.noUi-background {
				}
				.mapContainer #oldMaps .sliderCont #opacitySlider.noUi-target {
				}
				.mapContainer #oldMaps .sliderCont #opacitySlider .noUi-handle {
					background: none repeat scroll 0 0 #b83e24;
					border: 0px;
					cursor: pointer;
					height: 40px;
					width: 40px;
					border-radius: 0px;
					box-shadow:  none;
				}
					.mapContainer #oldMaps .sliderCont #opacitySlider .noUi-handle:before,
					.mapContainer #oldMaps .sliderCont #opacitySlider .noUi-handle:after {
						display: none !important;
					}

#mapSearch {
	left: 15px;	
	position: absolute;
	top: 15px;
	width: 300px;
}
	#mapSearch #showCustomSearch {
		background: #f4f4f4;
		cursor: pointer;		
		height: 35px;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
		#mapSearch #showCustomSearch:hover,
		#mapSearch #showCustomSearch.active{
			background: #eaeaea;
		}	
			#mapSearch #showCustomSearch .collapse {
				background: url('/images2/streets/icons.png') -728px 0;
				cursor: pointer;
				display: block;
				height: 25px;
				position: absolute;
				right: 7px;
				top: 6px;
				width: 20px;
			}

#streetSearch {
	height: 35px;
	position: relative;
	width: 100%;
}
	#streetSearch .form-control.keywords {
		border: 1px solid #ffffff;
		width: calc(100% - 70px);
	}
		#streetSearch .form-control.keywords:focus {
			border-color: #dedede;
			-webkit-box-shadow: none;
			box-shadow: none;
			outline: 0;
		}
	#streetSearch .search {
		background: #cd797d url('/images2/streets/icons.png') -558px -1px no-repeat;
		border: 0;
		border-radius: 0;	
		height: 35px;
		position: absolute;
		right: 35px;
		text-indent: -300px;
		top: 0;
		width: 35px;
	}
		#streetSearch .search:focus {
			background: #cd797d url('/images2/streets/icons.png') -558px -1px no-repeat;
			outline: 0;
			outline-offset: 0;	
		}
		#streetSearch .search:hover {
			background-color: #c57175;
		}

	#streetSearch .autocomplete {
		top: 35px;
		width: 300px;
	}


/* ------ floating panels ------ */
.panel {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.9);
	border: 0px;
	border-radius: 0;	
	position: absolute !important;
	right: 20px;
	top: 20px;
	width: 310px;
}
	.panel .panelTitle {
		background-color: #bebebe;
		color: #fff;
		font-family: 'Open Sans', arial;
		font-size: 17px;
		font-weight: 300;
		height: 35px;
		line-height: 35px;
		padding: 0 0 0 15px;
		cursor: move;
		text-align: left;
	}	
		.panel .panelTitle .icons {
			float: right;
			height: 35px;
			margin-right: 3px;
		}
			.panel .panelTitle .icons span {
				background-image: url('/images2/streets/icons.png');
				background-repeat: no-repeat;
				cursor: pointer;
				display: inline-block;
				height: 25px;
				margin-right: 5px;
				margin-top: 5px;
				width: 20px;
			}
				.panel .panelTitle .icons .collapse {
					background-position: -727px -49px;
				}
				.panel .panelTitle.active .icons .collapse {
					background-position: -753px -49px;
				}	
				.panel .panelTitle .icons .pin {
					background-position: -778px -49px;
				}
					.panel .panelTitle .icons .pin.pinned {
						background-position: -778px -74px;
					}
				.panel .panelTitle .icons .delete {
					background-position: -803px -49px;
				}
	.panel .panelContent {
		background-color: #ffffff;
		background-color: rgba(255, 255, 255, 0.9);
		font-size: 12px;
		font-weight: 400;
		max-height: 350px;
		padding: 0;
	}
		.panel .panelContent .scrollbar-inner {
			background-color: #ffffff;
			background-color: rgba(255, 255, 255, 0.9);
			max-height: 350px;
			margin: 5px 0;
			padding-left: 15px;
		}
		.panel .panelContent.loading {
			background-image: url(/images2/streets/loading-icon.gif);
			background-position: center center;
			background-repeat: no-repeat;
			min-height: 60px;
		}
		.panel .panelContent .dataTitle {
			font-size: 14px;
			font-weight: 400;
			margin-bottom: 15px;
		}
		.panel .panelContent .pic {
			float: left;
			margin: 0 10px 10px 0;
		}
		.panel .panelContent ul,
		.panel .panelContent ol {
			padding-left: 15px;
		}
		.panel .panelContent .infoPanelData ul.bulletList {
			list-style: none outside none;
			margin: 0 0 10px 0;
			outline: 0 none;
			padding: 0 !important;
		}
			.panel .panelContent .infoPanelData ul.bulletList li {
				background: url('/images2/streets/icons.png') no-repeat scroll -1090px 4px rgba(0, 0, 0, 0);
				list-style: none outside none;
				margin: 0;
				padding: 0 0 0 11px;
			}
		.panel .panelContent .infoPanelData .objList {
			margin: 0 0 10px 0;
		}
			.panel .panelContent .infoPanelData .objList .item {
				margin: 0 0 10px 0;
			}
			

		/* fix firefox panel height */
/*		.scroll-wrapper > .scroll-content {
			height: 0;
		}
		.panelTitle.active + .scroll-wrapper > .scroll-content {
			height: auto;
		}*/


#customSearch {
	display: none;
	right: 0px;
	top: 35px;
	width: 300px;
}
	#customSearch .panelTitle {
		cursor: default;
	}
		#customSearch  .panelTitle .collapse {
			/*margin-right: 12px;*/
		}
	#customSearch .form-group {
		margin-bottom: 0;
	}
		#customSearch .form-group.fieldMatch span {
			margin-right: 10px;
		}
	#customSearch .body {
		border-bottom: 1px #e9e9e9 solid;
		padding: 5px 0 5px 15px;
	}
		#customSearch .body .form-control {
			float: left;
			height: 27px;
			margin-right: 5px;
			padding: 6px 9px;
			width: 57px;
			border-radius: 0;
		}
			#customSearch .body .form-control:focus {
				border-color: #66afe9;
				outline: 0;
				-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
			}
		#customSearch .body .checkbox {
			/*width: 180px;
			margin: 12px 0 0 30px;*/
			float: left;
			font-size: 12px;
			font-style: italic;
			min-height: 16px;
			margin-bottom: 0px;
		}
			#customSearch .body .checkbox input[type="checkbox"] {
				margin-top: 2px;
			}
		
		#customSearch .body .selectTags {
			font-size: 12px;
			/*margin-left: 20px;*/
			margin-right: 0px;
			padding: 0;
			width: 270px;
		}
			#customSearch .body .selectTags .select2-choices {
				background-image: none;
			}
		
	#customSearch input.customSearch {
		background: #cd797d;	
		color: #fff;
		border: 1px #b99194 solid;
		border-radius: 0px;
		float: right;
		margin: 10px 15px 10px 0;
	}
		#customSearch input.customSearch:focus {
			background: #cd797d;	
			outline: 0;
			outline-offset: 0;	
		}
		#customSearch input.customSearch:hover {
			background-color: #c57175;
		}
	#customSearch .panelContent {
		max-height: none;
		padding: 0;
	}
		#customSearch .panelContent .title {
			/*border-bottom: 1px #e9e9e9 solid;*/
			font-size: 14px;
			padding: 6px 15px 2px;
		}
		#customSearch .panelContent ul {
			padding-left: 0;
		}

#searchResults {
	display: none;
	left: 0px;
	margin: 0px;
	top: 35px;
	width: 300px;
}
	#searchResults .panelTitle {
		cursor: default;
	}
	#searchResults .panelContent {
		max-height: 371px;
		padding: 0;
	}
		#searchResults .panelContent .scrollbar-inner {
			max-height: 371px;
			margin: 5px 0px 5px 0px;
		}
	#searchResults .streetState {
		border-bottom: 1px solid silver;
		font-size: 16px;
		margin: 5px 0 10px;
		padding: 5px 0;
	}
	#searchResults .street {
		clear: both;
		color: #b5b5b5;
		font-size: 14px;
		font-weight: 300;
		min-height: 25px;
	}
		#searchResults .street .ico {
			background-image: url('/images2/streets/icons.png');
			background-position: -904px 0px;
			background-repeat: no-repeat;
			display: inline-block;
			height: 22px;
			vertical-align: bottom;
			width: 25px;
		}
		#searchResults .street .title {
			display: inline-block;
			height: 22px;
		}    
		#searchResults .street.modern {
			/* font-weight: 400; */
		}
			#searchResults .street.modern .ico {
				background-position: -879px 0px;
			}
		#searchResults .street.active {
			color: #333333;
			cursor: pointer;
		}
			#searchResults .street.active:hover {
				color: #b0353b;
			}


.selectTags .select2-search-choice {
	font-size: 13px !important;
	line-height: 23px !important;
}
.selectTags .select2-search-choice .select2-search-choice-close {
	top: 8px;
}

.select2-drop .level1 {
	font-size: 14px;
	font-weight: 400;
	padding-left: 2px;
}
.select2-drop .level2 {
	font-size: 13px;
	font-weight: 300;
	padding-left: 15px;
}

.panel .panelContent .dataTitle {
	font-size: 18px;
}
.infoPanelData {
	font-size: 13px;
}
	.infoPanelData .history {
		margin-top: 20px;
	}
.panelContent .history .item {
	clear: both;
	color: #b5b5b5;
	line-height: 18px;
	margin: 3px 0px;
}
	.panelContent .history .item .ico {
		background-image: url('/images2/streets/icons.png');
		background-position: 100px 100px;
		background-repeat: no-repeat;
		display: inline-block;
		height: 16px;
		vertical-align: bottom;
		width: 16px;
	}
	.panelContent .history .item .oldName {
		background-color: #999999;
		font-weight: 300;
	}
	.panelContent .history .item.active {
		color: #333333;
		cursor: pointer;
	}
		.panelContent .history .item.active:hover {
			color: #b0353b;
		}
		.panelContent .history .item.current {
			font-weight: bold;
		}
			.panelContent .history .item.current .ico {
				background-position: -883px -6px;
			}


@media (max-width: 768px) {
	.mapContainer #map {
		top: 35px;
	}
	#mapSearch {
		border-top: 1px solid #dedede;
		left: 0;
		right: 0;
		top: 0;
		width: auto;
	}
	#searchResults {
		width: 100%;
	}
		#streetSearch .txtField .form-control {
			padding: 0 26px;
		}
	#customSearch {
		width: 100%;
	}
}