html, body, div, p, h1, h2, h3, h4, h5, h6, ul , li, table, form {
	margin: 0;
	padding: 0;
}
body {
	font-family: helvetica, sans-serif;
	font-size: 100%;
}
html, body {
	height: 100%;
}
ul { list-style: none; }

/*
dk blue: #2e6e9e
lt blue: #dfeffc 
dk yellow: #e17009
*/

#header {
	height: 3em;
	line-height: 3em;
	background-color: #2e6e9e;	
}
#header h1 {
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	margin-left: 1em;
}
#header h1 span.sagbi {
	color: #EDA96B;
}
#main-content {
	height: calc(100% - 3em);
	display: flex;
}
#map-canvas {
	flex-grow: 1;
	height: 100%;
	z-index: 0;
}
.leaflet-container.crosshair-cursor-enabled {
	cursor: crosshair;
}
#slider {
	width: 80%;
	margin: auto;
}
#sidebar {
	height: 100%;
	width: 20em;
	overflow: auto;
}
#sidebar h2 {
	color:  #2e6e9e;
	font-size: 1.2em;
	margin-bottom: 5px;
}

#legend-control {
	font-size: 1em;
	margin: 0.5em;
	opacity: 0.9;
}

#legend-control .ui-accordion-content {
	padding: 0.5em;
}

div.map-setting-block {
	margin: 0.5em 0 2em;
}

h3.subheading {
	font-weight: bold;
	font-size: 1em;
	margin: 0.8em 0 0.2em 0;
}

.ui-widget {
	font-size: 80%;
}

.ui-tabs {
	border: none;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.tab-content {
	padding: 10px;
	overflow: auto;
}

p {
	margin: 10px 0;
	line-height: 130%;
}

p.no-margin {margin: 0;}

.infowindow-content {
	text-align: center;
	width: 13em;
	min-height: 4em;
}

.infowindow-nodata {
	text-align: center;
	width: 5em;
}

table {
	color: #2e6e9e;
}

th {
	text-decoration: underline;
	padding: 3px 5px;
}

td {
	color: #2e6e9e;
	/*background-color: #dfeffc;*/
	padding: 3px;
}

td.legend-color {
	width: 1.5em;
	border: 1px solid #ccc;
}

a.no-underline, a.no-underline:visited {
	color: blue;
	text-decoration: none;
}

a.no-underline:hover {
	text-decoration: underline;
}

#soilweb-control a {
	width: auto;
	padding: 0 5px;
}

ul.bullet-list {
	list-style: disc;
	margin-left: 20px;
}

ul.note li {
	margin: 0.5em 0;
}

img.logo {
	height: 20px;
	float: left;
	margin: 0 1em;
}

.sub-text {font-size: 0.9em;}
.hidden {display: none;}
.bold {font-weight: bold;}
.center {text-align: center;}
.note {font-size: 0.9em;}