html, body, .brow { padding: 0; margin: 0; height: 100%; width: 100%; }
body { display: table; }
.brow { display: table-row; }
#map { display: table-cell; width: 100%; height: 100%; }
#header {
	display: table-row; width: 100%; height: 80px;
	background-color: #036;
}
#header div {
	text-align: right;
	line-height: 80px;
	margin: 0 8px;
	color: #fff;
	font-weight: normal;
	font-size: 28px;
	font-family: Arial, Gadget, sans-serif;
}
#header a img { float: left; margin: 4px; border: none; }

ul { list-style: none; margin: 0; padding-left: 0; }
ul ul { padding-left: 16px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
	font-size: 24px;
}

.leaflet-draw-draw-rectangle {
	width: 36px !important;
	height: 36px !important;
	background: no-repeat url("../img/area_of_interest.png") #FFF !important;
}
.leaflet-draw-draw-marker {
	width: 36px !important;
	height: 36px !important;
	background: no-repeat url("../img/point_select.png") #FFF !important;
}

.help-control-container {
	background-color: white;
	z-index: 1001;
	padding: 0;
	border-radius: 5px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), 0px 4px 15px -5px transparent;
	width: 36px;
	height: 36px;
}
.help-control-link {
	margin: 0; padding: 0;
	display: block;
	width: 36px !important; height: 36px !important;
}
.help-control-image {
	margin: 0; padding: 0;
	border: none;
	width: 36px;
	height: 36px;
}
.project-control-container {
	background-color: #999;
	color: #fff;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	z-index: 1001;
	width: 200px;
	border-radius: 5px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3), 0px 4px 15px -5px transparent;
	/* border: 1px solid #428bca; */
	border: 1px solid #999;
}
.project-control-list {
	overflow-y: scroll;
	height: 130px;
}
.project-control-container a { color: #fff; }
.project-control-container a img { border: none; }
.project-control-title {
	text-align: center; border-bottom: 1px solid #aaa;
	padding-bottom: 4px; margin-bottom: 4px;
	font-size: 16px; font-weight: bold;
	/* font-family: "Arial Black", Gadget, sans-serif; */
}
.project-control-downloadall {
	display: block;
	font-size: 12px;
}
.project-control-dataset-item {
	vertical-align: middle;
	font-size: 12px;
}
.project-control-dataset-item input { vertical-align: middle; }
.project-control-showhide { font-size: 12px; }
.project-control-dataset-download { display: inline-block; vertical-align: bottom; }

.leaflet-popup-content { margin: 4px; }
.leaflet-popup-close-button {
	position: relative !important;
	float: right;
	padding: 0;
	margin: 4px;
}

.dataset-popup-content {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}
.dataset-popup-project-list {
	margin: 4px 0 0 0;
	padding: 4px;
	border: 1px solid #ddd;
	max-height: 140px;
	overflow-y: scroll;
	border-radius: 5px;
	text-align: left;
}
.dataset-popup-project-item { font-weight: bold; }
.dataset-popup-dataset-list { padding-left: 8px; font-weight: normal; }
.dataset-popup-dataset-item { vertical-align: middle; line-height: normal; }
.dataset-popup-dataset-item input { margin: 2px; vertical-align: middle; }
.dataset-popup-dataset-label { display: inline-block; margin: 2px 0; vertical-align: middle; }

.dataset-popup-download a {
	margin: 8px 0;
	display: block;
	font-family: Arial, Gadget, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.checkbox-padding { width: 20px; display: inline-block; }

@media screen and (min-width: 480px) {
	.search-container { display: block; }
}

@media screen and (min-width: 600px) {
	.search-input { width: 240px; }
}
@media screen and (min-width: 768px) {
	.search-input { width: 400px; }
}

@media screen and (min-height: 480px) {
	.project-control-list { height: 255px; }
}
@media screen and (min-height: 600px) {
	.project-control-list { height: 370px; }
}
@media screen and (min-height: 768px) {
	.project-control-list { height: 540px; }
}
@media screen and (min-height: 1024px) {
	.project-control-list { height: 790px; }
}