/***********************************************/
/* esa.css			    */
/***********************************************/

/***********************************************/
/* HTML tag styles			     */
/***********************************************/

body{
	font-family: Arial,sans-serif;
	color: #333333;
}

a, a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
	cursor: pointer;
}

/***********************************************/
/* Class Styles				*/
/***********************************************/

.no_border {
	border-width: 0;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.table_top {
	width: 100%;
	padding: 5px;
	border: 2px solid #000066;
	border-collapse: collapse;
}
.cell_bold_white {
	padding: 5px;
	border: 1px solid #000066;
	text-align: left;
	font-weight: bold;
	background-color: white;
}
.cell_bold_grey {
	padding: 5px;
	border: 1px solid #000066;
	text-align: left;
	font-weight: bold;
	background-color: #E8E8E8;
}
.cell_grey {
	padding: 5px;
	border: 1px solid #000066;
	background-color: #E8E8E8;
}
.cell_bold_tan {
	padding: 5px;
	border: 1px solid #000066;
	text-align: left;
	font-weight: bold;
	background-color: #FFE1C4;
}
.cell_bold_LightGreen {
	padding: 5px;
	border: 1px solid #000066;
	text-align: left;
	font-weight: bold;
	background-color: LightGreen;
}
.cell_bold_MediumAquamarine {
	padding: 5px;
	border: 1px solid #000066;
	text-align: left;
	font-weight: bold;
	background-color: MediumAquamarine;
}
.cell_normal_tan {
	border: 1px solid #000066;
	background-color: #FFE1C4;
	padding-left: 10px;
	font-weight: normal;
}
.cell_normal_tan_sel {
	border: 1px solid #000066;
	background-color: #FFCB99;
	padding-left: 10px;
	font-weight: normal;
}
.cell_bold_blue {
	border: 1px solid #000066;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	background-color: #C4E1FF;
}
.cell_normal_blue {
	border: 1px solid #000066;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	background-color: #C4E1FF;
}
.cell_normal_blue_sel {
	border: 1px solid #000066;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	background-color: #A1CFFF;
}
.cell_header_white {
	padding: 8px;
	border: 1px solid #000066;
	background-color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.cell_header_grey {
	padding: 8px;
	border: 1px solid #000066;
	background-color: #E8E8E8;
	font-weight: bold;
	color: MidnightBlue;
	text-align: center;
}
.progressString {
	margin-top: 10px;
	margin-bottom: 10px;
}
.map_proj_sel {
	padding: 8px;
	border: 0px solid #000066;
	background-color: #FFCCCC;
	font-weight: bold;
	text-align: center;
	font-size: medium;
}
.map_proj {
	padding: 8px;
	border: 0px solid #000066;
	background-color: #FFF2F2;
	font-weight: bold;
	text-align: center;
	font-size: medium;
}
.legend_txt {
	text-align: center;
	font-size: small;
	color: black;
	font-weight: normal;
}
.tooltip {
	font-weight: bold;	
	font-size: smaller;
	background-color: rgba(255,255,255,.5);
}
.click_div {
	position: relative;
	display: inline;
	background: aquamarine;
	padding-top: 0.3em;
	border: 1px solid black;
}
#opacity {
	position: absolute;
	left: 4.5em;
	top: -0.1em;
	background: #d3d3d3;
	visibility: hidden;
	border: 1px solid black;
	padding: 2px;
	width: 298px;
	z-index: +1
}
#slider {
	position: absolute;
	top: 0.3em;
	left: 5.7em;
	width: 200px
}
#slider-handle {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	margin-left: -1.5em;
	text-align: center;
	line-height: 1.6em;
}
#opacity-bing {
	position: absolute;
	left: 4.3em;
	top: -0.1em;
	background: #d3d3d3;
	visibility: hidden;
	border: 1px solid black;
	padding: 2px;
	width: 425px;
	z-index: +1
}
#slider-bing {
	position: absolute;
	top: 0.3em;
	left: 15.2em;
	width: 200px
}
#slider-handle-bing {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	margin-left: -1.5em;
	text-align: center;
	line-height: 1.6em;
}
#slider-layer {
	top: 0.3em;
	left: 80px;
	width: 400px;
	background: lightgray;
	border: 1px solid black;
	margin-top: 5px;
	margin-bottom: 10px;
}
#slider-handle-layer {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	margin-left: -1.5em;
	margin-right: -1.5em;
	text-align: center;
	line-height: 1.6em;
}
#palette-chooser {
	position: absolute;
	left: 0em;
	top: 1.3em;
	background: #C3FDB8;
	visibility: hidden;
	overflow-y: scroll;
	border: 1px solid black;
	padding: 2px;
	width: 300px;
	height: 300px
}
/************************************************/
/* OpenLayers map relevant Styles		*/
/************************************************/

.map {
	width: 100%;
	height:600px;
}
#progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	box-shadow: 0px 0px 2px 3px rgb(255,204,0);
	width: 0;
	transition: width 500ms;
}
#loading {
	position: absolute;
	top: 243px;
	left: 553px;
	height: 90px;
	width: 80px;
	background-color:rgba(255,255,255,0.5);
	padding: 3px;
	font-size: 0.7em;
}
.ol-popup {
	position: absolute;
	font-size:8pt;
	font-family:monospace;
	background-color: white;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	min-width: 180px;
}
.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: "✖";
}
/************************************************/
/* JQuery Divs Styles				*/
/************************************************/

.ui-widget {font-size:10pt;}
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

/************************************************/
/* Spinner from https://loading.io/		*/
/* https://loading.io/spinner/spin/-spinner-ball-circle-rotate-rosary-loader-ajax	*/
/************************************************/

@keyframes ldio-snenm3er3jk {
  0% {
    opacity: 1;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1,1);
  } 100% {
    opacity: 0;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1,1);
  }
}
.ldio-snenm3er3jk div > div {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000000;
  animation: ldio-snenm3er3jk 1s linear infinite;
}.ldio-snenm3er3jk div:nth-child(1) > div {
  left: 75px;
  top: 45px;
  animation-delay: -0.875s;
}
.ldio-snenm3er3jk > div:nth-child(1) {
  transform: rotate(0deg);
  transform-origin: 80px 50px;
}.ldio-snenm3er3jk div:nth-child(2) > div {
  left: 66px;
  top: 66px;
  animation-delay: -0.75s;
}
.ldio-snenm3er3jk > div:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 71px 71px;
}.ldio-snenm3er3jk div:nth-child(3) > div {
  left: 45px;
  top: 75px;
  animation-delay: -0.625s;
}
.ldio-snenm3er3jk > div:nth-child(3) {
  transform: rotate(90deg);
  transform-origin: 50px 80px;
}.ldio-snenm3er3jk div:nth-child(4) > div {
  left: 24px;
  top: 66px;
  animation-delay: -0.5s;
}
.ldio-snenm3er3jk > div:nth-child(4) {
  transform: rotate(135deg);
  transform-origin: 29px 71px;
}.ldio-snenm3er3jk div:nth-child(5) > div {
  left: 15px;
  top: 45px;
  animation-delay: -0.375s;
}
.ldio-snenm3er3jk > div:nth-child(5) {
  transform: rotate(180deg);
  transform-origin: 20px 50px;
}.ldio-snenm3er3jk div:nth-child(6) > div {
  left: 24px;
  top: 24px;
  animation-delay: -0.25s;
}
.ldio-snenm3er3jk > div:nth-child(6) {
  transform: rotate(225deg);
  transform-origin: 29px 29px;
}.ldio-snenm3er3jk div:nth-child(7) > div {
  left: 45px;
  top: 15px;
  animation-delay: -0.125s;
}
.ldio-snenm3er3jk > div:nth-child(7) {
  transform: rotate(270deg);
  transform-origin: 50px 20px;
}.ldio-snenm3er3jk div:nth-child(8) > div {
  left: 66px;
  top: 24px;
  animation-delay: 0s;
}
.ldio-snenm3er3jk > div:nth-child(8) {
  transform: rotate(315deg);
  transform-origin: 71px 29px;
}
.loadingio-spinner-spin-l79c21ijvtr {
  width: 80px;
  height: 80px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-snenm3er3jk {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.8);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-snenm3er3jk div { box-sizing: content-box; }
/* generated by https://loading.io/ */