/* GIS Popup */
div.InfoQuake { border-radius: 0.5em; padding: 0; font-size: 14px; border: 1px solid black; background: #ffffff; text-align: left;}
div.InfoQuake h1 { font-weight: bold; font-size: 1em; margin: 0; padding: 0.2em; background-color: navy; border-radius: 0.5em 0.5em 0 0; color: white; white-space: nowrap; text-align: center;}
div.InfoQuake dl { margin: 0.2em;}
div.InfoQuake dl dt { font-weight: bold; }
div.InfoQuake dl dd { font-style: italic; margin-left: 0.5em; }
div.InfoQuake button{ width: 70%; margin: 0.5em 15%; }
 
span.dataNotDownloaded { color: red; font-weight: bold;}
span.dataDownloading { color: orange; font-weight: bold;}
span.dataDownloaded { color: green; font-weight: bold;}

div#Legenda {
	max-width: 12em;
	background-color: white;
	position: absolute;
	top: 120px;
	right: 2px;
	text-align: left;
	padding: 0;
	border: 1px solid black;
	border-radius: 0.5em;
	font-size: 10px;
}

div#ListOfProducts{
	background-color: white;
	position: absolute;
	top: 5px;
	right: 2px;
	text-align: left;
	padding: 0 0 1em 0;
	border: 1px solid black;
	border-radius: 0.5em;
	font-size: 9px;

}

div#ListOfProducts h3{
	font-size: 1.4em;
	padding: 0.2em 0;
	border-top: 1px dashed navy;
	border-bottom: 1px dashed navy;
	text-align: center;
}

div#ListOfProducts select{
	margin: 0 1em;
}

div#ListOfProducts select optgroup{
	font-size: 1.3em;
}

h3.ProductHeader {
	text-align: center;
	border-top: 1px dashed navy;
	border-bottom: 1px dashed navy;
}

ul.ListOfProducts {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.ListOfProducts li{ 
	list-style: none;
	font-size: 1.3em;
}

button#QuakeOtherActions {
	margin: 1em 15%;
	width: 70%;
}

div#DataNotFound {
	width: 40%;
	background-color: white;
	position: absolute;
	top: 50%;
	left: 30%;
	text-align: center;
	padding: 0;
	border: 3px solid red;
	border-radius: 0.5em;
	font-size: 14px;
	color: red;
	font-weight: bold;
	padding: 2em;
}

.map:-moz-full-screen {
height: 100%;
}
.map:-webkit-full-screen {
height: 100%;
}
.map:-ms-fullscreen {
height: 100%;
}
.map:fullscreen {
height: 100%;
}
.ol-rotate {
top: 3em;
}

div#Legenda h1 { margin: 0; text-align: center; padding: 0.2em; background-color: #92ce92; border-radius: 0.2em 0.2em 0 0;} 
div#Legenda h2 { border-bottom: 1px dotted gray; border-top: 1px solid black; margin: 0; text-align: center; padding: 0.1em; }
div#Legenda ul { margin: 0.5em 0.4em; padding: 0px; } 
div#Legenda ul li { list-style: none; padding-bottom: 0.2em;} 
/*div#Legenda ul li img.Star0{ width: 11px; } */
div#Legenda ul li img.Star0{ width: 11px; } 
div#Legenda ul li img.Star1{ width: 13px; } 
div#Legenda ul li img.Star2{ width: 18px; } 
div#Legenda ul li img.Star3{ width: 23px; } 
div#Legenda ul li img.Star4{ width: 28px; } 
div#Legenda ul li img.Star5{ width: 30px; } 
div#Legenda ul li img.Star6{ width: 34px; } 

div#Legenda ul li img.Circle0{ width: 8px; margin-right: 0.4em; } 
div#Legenda ul li img.Circle1{ width: 11px; margin-right: 0.4em; } 
div#Legenda ul li img.Circle2{ width: 13px; margin-right: 0.4em; } 
div#Legenda ul li img.Circle3{ width: 18px; margin-right: 0.4em; } 

div#Legenda ul li span.ColorBlock { width: 1em; margin-right: 0.4em;}

div#Legenda table {margin: 0.5em 0.4em; } 
div#Legenda table tr td.Depth0{ background-color: #ffcb16; width: 1em; } 
div#Legenda table tr td.Depth1{ background-color: #ffff00; width: 1em; } 
div#Legenda table tr td.Depth2{ background-color: #27b700; width: 1em; } 
div#Legenda table tr td.Depth3{ background-color: #0059d2; width: 1em; } 
div#Legenda table tr td.Depth4{ background-color: #dd59d2; width: 1em; } 
div#Legenda table tr td.Depth5{ background-color: #ff0000; width: 1em; } 

div#Legenda table tr td.range1 { background: #A8A8A8a6;  width: 1em; }
div#Legenda table tr td.range2 { background: #5068AEa6;  width: 1em; }
div#Legenda table tr td.range3 { background: #0031BBa6;  width: 1em; }
div#Legenda table tr td.range4 { background: #0066D2a6;  width: 1em; }
div#Legenda table tr td.range5 { background: #009BE9a6;  width: 1em; }
div#Legenda table tr td.range6 { background: #00CA75a6;  width: 1em; }
div#Legenda table tr td.range7 { background: #01F901a6;  width: 1em; }
div#Legenda table tr td.range8 { background: #BEF701a6;  width: 1em; }
div#Legenda table tr td.range9 { background: #FDF401a6;  width: 1em; }
div#Legenda table tr td.range10 { background: #FDCF00a6;  width: 1em; }
div#Legenda table tr td.range11 { background: #FEA900a6;  width: 1em; }
div#Legenda table tr td.range12 { background: #FE7300a6;  width: 1em; }
div#Legenda table tr td.range13 { background: #FF0000a6;  width: 1em; }