/* CSS Document */

.info_block {
	display: block;
	float: left;
	position: relative;
	height: 157px;
	width: 100%;
	min-width: 170px;
	max-width: 91.6666666667%;
	margin: 6px 4.16666666667%;
	background-color: #3e3e3e;
	z-index: 0;
}
.info_block.tall {
	height: 324px;
}
.info_block.tall textarea, .info_block.short textarea {
	width: calc(100% - 16px);
	height: calc(100% - 31px);
	padding: 4px 8px 0 8px;
	margin: 0;
	background-color: #3e3e3e;
	color: #FFFFFF;
}
.info_block.tall textarea.reverse, .info_block.short textarea.reverse {
	background-color: #FFFFFF;
	color: #000000;
}
.info_block.short textarea.reverse {
	border-top: 1pt solid black;
	padding-top: 3px;
}
.info_block#load_location .row > span > span.label {
}
.info_block#load_location .row > span > span.value {
	width: calc( 100% - 55px );
}
.info_block#load_location .row > span > span.value > input[type="text"] {
	width: 100%;
	text-align: left;
}
.io_container {
	margin:6px;
}
.info_block h4 {
	color:#000;
	background-color:#f5bf38;
	font-size:0.9375em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:4px;
	white-space: nowrap;
}
.info_block h4 > span {
	display:none;
}
.info_block input[type=button] {
	margin-right:4%;
}
.info_block input[type=button][name=load_input_btn] {
}
.info_block .row > span > span.label {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}
span#status_code > span.label {
	width: calc(100% - 50px); /* room for icon */
}
span#status_code > span.value {
	overflow-y: auto;
}
#search_results > select {
	max-width: 200px;
	font-size: 1.25em;
}
#results_box > select {
	max-width: 220px;
	font-size: 1em;
}
.info_block select {
	background-color: #d49f1f;
    border-radius: 5px;
    border-width: 1px;
    border-color: #FFF;
    height: 16px;
	width: 125px;
    border-style: outset;
    cursor: pointer;
    padding: 0 20px 0 4px;
	background-image:url(../../images/down-arrow-black.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:16px 6px;
}
.info_block select[name="results"] {
	width: calc(100% - 34px);
}
.info_block select:hover {
	color:#FFF;
    background-color:#8C6412;
	background-image:url(../../images/down-arrow-white.png);
}
.info_block label {
	cursor:pointer;
}
.info_block input[type="checkbox"] {
    display:inline-block;
    width:22px;
    height:16px;
    background:url(../../images/checkbox-green.png) left top no-repeat;
	background-size: cover;
    background-position: 2px 0px;
	margin:2px -3px -3px 0;
	cursor:pointer;
}
.info_block input[type="checkbox"]:checked {
    background-position: -18px 0px;
}
.info_block .row {
	display:block;
	float:left;
	position:relative;
	width:100%;
	max-height:21px;
	height:21px;
	line-height:1.5;
	border-bottom:1px #838383 solid;
}
.info_block .row.noborder {
	border:none;
}
.info_block .row#error_msg, .info_block .row.error_msg {
	display:none;
	color:OrangeRed;
	padding:0 6px;
}
.info_block#sel_loc div.row:nth-child(3) {
	max-height: 63px;
	height: 63px;
	overflow-y:auto;
}
.info_block .row:last-child {
	border-bottom:none;
}
.info_block .row:nth-of-type(1) {
	z-index:100;
}
.info_block .row:nth-of-type(2) {
	z-index:99;
}
.info_block .row:nth-of-type(3) {
	z-index:98;
}
.info_block .row:nth-of-type(4) {
	z-index:97;
}
.info_block .row:nth-of-type(5) {
	z-index:96;
}
.info_block .row:nth-of-type(6) {
	z-index:95;
}
.info_block .row:nth-of-type(7) {
	z-index:94;
}
.info_block .row > span {
	display:block;
	float:left;
	width:100%;
	font-size:0.875em;
	font-weight:600;
}
.info_block .row > span.buttons > a.imgbtn, .info_block .row > span.buttons > div.imgbtn {
	margin: 4px 4px 0 0;
}

.info_block .row > span#latlng_span, .info_block .row > span#loc_span {
	width:100%;
}
.info_block .row > span#latlng_span input, .info_block .row > span#loc_span input {
	display:block;
	float:left;
	height:18px;
	color:#FFF;
	background-color:transparent;
	padding:0 0 0 4px;
	margin: 0;
	border:none;
}
.info_block .row > span#loc_span input[name="address"] {
	position:absolute;
	z-index: 0;
}
.info_block .row > span#latlng_span input {
	width: calc( 50% - 3px - 32px );
}
.info_block .row > span#loc_span input {
	width: calc( 100% - 64px );
}
.info_block .row > span#latlng_span input:first-child {
	text-align: right;
}
.info_block .row > span#latlng_span span {
	display: inline-block;
	float: left;
	width:6px;
}
.info_block .row > span > span.full {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width: calc( 100% - 16px );
	text-align:left;
	padding: 0 0 1px 8px;
	color: #f5bf38;
	text-shadow: 1px 1px #000000;
}
.info_block .row > span > span.full select {
	max-width: calc(50% - 10px);
	float: left;
}
.info_block .row > span > span.full select:first-child {
	margin-right:10px;
}
.info_block .row > span > span.label {
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-transform:uppercase;
	text-align:left;
	padding:2px 0 1px 8px;
	z-index: 0;
}
.info_block .row > span#status_code > span.label {
	z-index: 2;
	width: 25px;
}
.info_block .row > span > span#load_rep {
	display:block;
	padding:2px 0 1px 8px;
}
.info_block .row > span#load_control, .info_block .row > span#controls_row {
	max-height: 63px;
	height: 63px;
	margin: 4px 0 0 0;
	overflow-y:auto;
	padding-left: 6px;
	width: calc(100% - 6px);
}
.info_block .row > span#load_control > div {
	float: right; /* float controls */
	margin: 2px 6px 0 0;
}
.info_block .row > span#address {
	padding: 0 6px;
	width: calc(100% - 12px);
	line-height: 1.250;
	padding-top: 5px;
}
.info_block input[type=button] {
	display:block;
	float:left;
	background-color:#d49f1f;
	border-radius:5px;
	border-width:1px;
	border-color:#FFF;
	line-height:0.7;
	height:16px;
	width: 60px;
	text-shadow: 1px 1px #f5bf38;
	border-style:outset;
	cursor:pointer;
}
.info_block.inverted#sharing_block_top h4 {
    color: #f5bf38;
    background-color: #000;	
}
.info_block #sharing_block {
	padding:8px;
}
.info_block #sharing_block div {
	display:inline-block;
}
.info_block #sharing_block_top {
	overflow-y:auto;
}
.info_block input[type=button]:hover {
	color:#FFF;
    background-color:#8C6412;
}
.info_block .row > span > span.value {
	display:block;
	position: absolute;
	top:0;
	right:0;
	text-align:right;
	min-height:17px; /* holds row height */
	max-height: 18px;
	padding: 2px 8px 1px 6px;
	background-color: #3e3e3e;
	z-index: 1;
}
.info_block .row > span#reset_map_span > span.value {
	padding-top:0;
}
.info_block .row > span > span.value > div#twitter_button {
	margin:-2px 0 -1px 4px;
}
.info_block .row > span > span.value > div#gplus_button {
	margin:-4px 0 -3px 4px; /* while button is too big */
}
.info_block .row > span > span.value > div#gplus_button > #plusone {
	width:80px;
}
.info_block .row > span > span.value > div#gplus_button > #plusone > iframe {
	width:80px;
}
.info_block .row > span > span.value input[type=text]{
	display:block;
	float:right;
	/*width:75%;*/
	height:18px;
	color:#FFF;
	background-color:transparent;
	padding:0 0 0 4px;
	margin: 0;
	border:none;
}
.info_block .row > span > span.value input[type=text].blue {
	color:#38d9f9;
	background-color:#3e3e3e;
}
#h1ctitle {
	position: absolute;
	font-size: 2em;
	color: #000;
	left: 55px;
	z-index: 12600;
	text-shadow: 2px 2px 2px white;
}
.txpnd {
	display: none;
	float:left;
	position: relative;
	margin: -18px 0 0 0px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 1px #000000 solid;
	z-index: 0;
	pointer-events: all;
	color: #000;
}
.txpnd img {
	width: 50%;
	margin: 25% 0 0 25%;
}
.txpnd.plus {
	font-size: 1.5em;
	line-height: 0.75;
	text-align: center;
}
.txpnd.plus::after {
	content:'+';
}
.txpnd.minus {
	font-size: 2.5em;
	line-height: 0.25;
	text-align: center;
}
.txpnd.minus::after {
	content:'-';
}

.lgnd_cntrl {
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 0;
	pointer-events: all;
	color: #000;
	box-shadow: none;
	position: absolute;
	right: 0;
	top: 0;
	font-family: none;
	text-align: center;
	line-height: 0.35em;
	overflow: hidden;
	border-top-right-radius: 5px;
	background-color: #FFF;
}
/*.lgnd_cntrl img {
	width: 50%;
	margin: 25% 0 0 25%;
}*/
.lgnd_cntrl.open {
	width: 40px;
	height: 24px;
	border-bottom-right-radius: 5px;
}
.lgnd_cntrl.open::before {
	content:url("../../images/pix.gif");
	display:block;
	float: right;
	width: 24px;
	height: 12px;
	margin: 6px 8px 0 0;
	-webkit-mask-box-image: var(--menu-arrow-up-data);
	mask-image: var(--menu-arrow-up-data);
	mask-size:contain;
	background-color:black;
}

.lgnd_cntrl.open:hover, .lgnd_cntrl.close:hover {
	filter: invert(100%);
}
.lgnd_cntrl.close {
	width: 40px;
	height: 30px;
}

.lgnd_cntrl.close::before {
	content:url("../../images/pix.gif");
	display:block;
	float: right;
	width: 24px;
	height: 12px;
	margin: 9px 8px 0 0;
	-webkit-mask-box-image: var(--menu-arrow-down-data);
	mask-image: var(--menu-arrow-down-data);
	mask-size:contain;
	background-color:black;
}

.info_cntrl {
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 0;
	pointer-events: all;
	color: #000;
	box-shadow: none;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	border-top-right-radius: 5px;
	background-color: #FFF;
}
/*.info_cntrl.open {
	width: 40px;
	height: 24px;
	border-bottom-right-radius: 5px;
}
.info_cntrl.open::before {
	content:url("../../images/pix.gif");
	display:block;
	float: right;
	width: 24px;
	height: 12px;
	margin: 6px 8px 0 0;
	-webkit-mask-box-image: var(--menu-arrow-up-data);
	mask-image: var(--menu-arrow-up-data);
	mask-size:contain;
	background-color:black;
}*/

.info_cntrl.open:hover, .info_cntrl.close:hover {
	filter: invert(100%);
}
.info_cntrl.close {
	width: 27px;
	height: 27px;
}

.info_cntrl.close::before {
	content:url("../../images/pix.gif");
	display:block;
	float: right;
	width: 18px;
	height: 18px;
	margin: 5px 5px 0 0;
	-webkit-mask-box-image: var(--close-x-data);
	mask-image: var(--close-x-data);
	mask-size:contain;
	background-color:black;
}



.info_block .row > span#address > span.value {
	max-height:60px;
	overflow-y:auto;
}
.row.error_msg#error_text {
	max-height: 87px;
	height: 87px;
	border: none;
	overflow-y: auto;
	margin-left: 4px;
}

/* dynamic coordinates */
.info_block .row > span#dyn_lat_HMS > span.value, .info_block .row > span#dyn_lon_HMS > span.value, .info_block .row > span#dyn_ap_lat_HMS > span.value, .info_block .row > span#dyn_ap_lon_HMS > span.value {
	font-family: roboto, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#fbeb7f;
}
.info_block .row > span#dyn_lat_DMD > span.value, .info_block .row > span#dyn_lon_DMD > span.value, .info_block .row > span#dyn_ap_lat_DMD > span.value, .info_block .row > span#dyn_ap_lon_DMD > span.value {
	font-family: roboto, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#bafd7e;
}
.info_block .row > span#dyn_lat > span.value, .info_block .row > span#dyn_lon > span.value, .info_block .row > span#dyn_ap_lat > span.value, .info_block .row > span#dyn_ap_lon > span.value {
	font-family: roboto, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#38d9f9;
}

/* static coordinates */
.info_block .row > span#lat_HMS > span.value, .info_block .row > span#lon_HMS > span.value, .info_block .row > span > span#lat_HMS_in.value, .info_block .row > span > span#lon_HMS_in.value, .info_block .row > span > span#lat_HMS_ant.value, .info_block .row > span > span#lon_HMS_ant.value {
	color:#fee7a2;
}
.info_block .row > span#lat_DMD > span.value, .info_block .row > span#lon_DMD > span.value, .info_block .row > span > span#lat_DMD_in.value, .info_block .row > span > span#lon_DMD_in.value, .info_block .row > span > span#lat_DMD_ant.value, .info_block .row > span > span#lon_DMD_ant.value {
	color:#c7c725;
}
.info_block .row > span#lat_dec > span.value, .info_block .row > span#lon_dec > span.value, .info_block .row > span > span#lat_dec_in.value, .info_block .row > span > span#lon_dec_in.value, .info_block .row > span > span#lat_dec_ant.value, .info_block .row > span > span#lon_dec_ant.value {
	color:#68a9f5;
}

.info_block.control .row > span > span.label {
	color:#f5bf38;
}
div#download_button {
	display:block;
	float: left;
	width:38px;
	height:26px;
	background-image:url(../../images/download-icon-dark-yellow.png), url(../../images/download-icon-white.png), url(../../images/download-icon-ababab.png);
	background-position:1px 1px, 0 0, 2px 2px;
	background-size:24px, 24px;
	background-repeat:no-repeat, no-repeat;
	cursor:pointer;
}
div#download_button:hover {
	background-image:url(../../images/download-icon-hover.png), url(../../images/download-icon-white.png), url(../../images/download-icon-ababab.png);
}
#instruction_block, .instruction_block {
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	width:auto;
	max-width:600px;
	max-height: 300px;
	overflow-x: auto;
	background-color:#FFF;
	color:#000;
	border: 1px #000 solid;
	padding:8px;
	z-index:1;
}
#instruction_block > div, .instruction_block > div {
	display:none;
}
/*#instruction_block > div[id$="_i"], .instruction_block > div[id$="_i"] {
	overflow-x: auto;
}*/
#instruction_block h4, .instruction_block h4 {
float: left;
color:#000;
font-size:1.25em;
margin-bottom:0.5em;
}
#instruction_block > h4, .instruction_block > h4 {
display:inline-block;
}
#instruction_block > h4:first-child::after {
content:': \00a0';
}
#instruction_block #close_box, .instruction_block #close_box {
display:block;
width:24px;
height:24px;
position:absolute;
z-index:100;
border-left:1px #000 solid;
border-bottom:1px #000 solid;
background-color: #FFFFFF;
top:0;
right:0;
cursor:pointer;
}
#instruction_block #close_box > img, .instruction_block #close_box > img {
position:absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
}
#instruction_block #close_box:hover > img, .instruction_block #close_box:hover > img {
top: 4px;
left: 4px;
}

#map_container {
display:block;
float:none;
position:relative;
width:100%;
overflow:auto;
margin: 0 auto;
z-index:0;
}
#map_canvas {
height: 600px;
margin-right: 0px;
position: relative;
overflow: hidden;
background-color:#FFF;
width:100%;
cursor: url(../../images/crosshairs-cursor.svg) 25 25, crosshair;
}
#map_canvas:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
#vert_resize {
display:block;
width:36px;
height:6px;
margin:0 auto 0 auto;
background:url(../../images/vertical-resize-bar.png) no-repeat top center;
background-size:36px 6px;
cursor:ns-resize;
}
div#display_panel {
display:block;
float:left;
width:100%;
background-color:#4f4f4f;
}

.info_block .row > span > span.value input[type=text]:hover {
color:#000;
background-color:#FFF;
}

.info_block .row > span > span.value input[type=text]::-webkit-input-placeholder {
color:#b3b3b3; text-overflow: ellipsis;
}

.info_block .row > span > span.value input[type=text]:-moz-placeholder { /* Firefox 18- */
	color:#b3b3b3; text-overflow: ellipsis;
}

.info_block .row > span > span.value input[type=text]::-moz-placeholder {  /* Firefox 19+ */
	color:#b3b3b3; text-overflow: ellipsis;
}

.info_block .row > span > span.value input[type=text]:-ms-input-placeholder {
	color:#b3b3b3; text-overflow: ellipsis;
}

img.location {
	float: left;
	margin: 5px 0 0 0;
	width: 48px;
	height: 48px;
}
input[type="button"].location {
	float: left;
	background-image: url(../../images/locate-icon-blue.png);
	background-size: 90%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 1px 1px, 0 0, 2px 2px;
	cursor: pointer;
}
input[type="button"][name="show_location"].location {
	background-image: url(../../images/locate-icon-dark-yellow.png), url(../../images/locate-icon-white.png), url(../../images/locate-icon-ababab.png);
}
input[type="button"].location:hover {
	background-image: url(../../images/locate-icon-hover.png), url(../../images/locate-icon-white.png), url(../../images/locate-icon-ababab.png);
}
div#show_location {
	margin: 13px 5px 0 0;
	width: 34px;
	height: 34px;
}
#search_box input[type="button"].location {
	margin: 13px 5px 0 0;
	width: 36px;
	height: 36px;
}
.info_block input[type="button"].location {
	width: 20px;
	height: 20px;
	float: right;
	border: none;
	margin: -1px 0 0 0;
}
.info_block input[type="button"].location:hover {
	background-color:transparent;
}
input[type="button"].location.loading {
	background-image: url(../../images/status/waiting.gif);
}
/* Hide scrollbar for Chrome, Safari and Opera */
#address_p::-webkit-scrollbar, #address_a::-webkit-scrollbar {
	display: none;
}
#address_p, #address_a {
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
#address_p {
	color:#bafd7e;
}
#address_a {
	color:#38d9f9;
}
.value#prm_geo_status, .value#ant_geo_status {
	color: #db6d6d;
}
@media screen and (min-width:320px) {
/*	img.location {
		margin: 5px 0 0 -20px;
		float: right;
	}*/
	.info_block, .io_container {
		max-width: 93.75%;
		margin: 2% 3.125%;
	}
	#search_box input[type="button"].location, div#show_location {
		float:right;
		margin: 11px 2px 0 0;
	}
}
@media screen and (min-width:350px) {
	img.location {
		margin: 5px 5px 0 0;
	}
}
@media screen and (min-width:375px) {
}
@media screen and (min-width:380px) {
	.info_block, .io_container {
		max-width: 46.0526315789%;
		margin: 2% 0 2% 2.63157894737%;
	}
}
@media screen and (min-width:400px) {
}
@media screen and (min-width:480px) {
	#map_container {
		float:none;
	}
	.info_block {
		width:46.875%;
		margin: 10px 2.08333333333%;
	}
	.info_block:nth-child(2n + 2) {
		margin-left:0;
	}
	.io_container {
		width:97.391304347826%;
		margin:1.304347826087%;
	}
}
@media screen and (min-width:540px) {
	img.location {
		margin: 10px 5px -5px 0;
	}
	#search_box input[type="button"].location {
		margin: 17px 9px 0 0;
	}
}
@media screen and (min-width:600px) {
	#map_canvas {
		width:auto;
		margin-right:170px;
	}
	div#display_panel {
		padding:4px 0;
	}
	.info_block {
		width: 31.1111111111%;
		margin: 5px 0 5px 1.66666666667%;;
	}
	.info_block:nth-child(2n + 2) {
		margin: 5px 0 5px 1.66666666667%;;
	}
	img.location {
		margin: 7px 5px -6px 0;
	}
	#search_box input[type="button"].location {
		margin: 13px 26px 0 0;
	}
}
@media screen and (min-width:640px) {
	.io_container {
		width:64.7311827957%;
		max-width:301.33px;
		margin:0.967741935484%;
	}
}
@media screen and (min-width:700px) {
}
@media screen and (min-width:736px) {
}
@media screen and (min-width:768px) {
}
@media screen and (min-width:800px) {
	.info_block {
		max-width:225px;
		width:23.4375%;
		margin: 5px 0 5px 1.25%;
	}
	.info_block:nth-child(2n + 2) {
		margin: 5px 0 5px 1.25%;
	}
}
@media screen and (min-width:950px) {
	.info_block {
		width:100%;
		margin: 5px 0 5px 10px;
	}
	.info_block:nth-child(2n + 2) {
		margin: 5px 0 5px 10px;
	}
}
@media screen and (min-width:960px) {
}
@media screen and (min-width:1070px) {
	img.location {
		margin: 4px 9px -6px 0;
	}
	#search_box input[type="button"].location {
		margin: -39px 15px 0 0;
	}
}
@media screen and (min-width:1260px) {
	#search_box input[type="button"].location {
		margin: 46px 5px 0 0;
	}
}

div.legend_hover {
	box-shadow: 0 0 6px 6px gray;
}

div#map_key > div:nth-child(3) > div.legend_hover {
	box-shadow: inset 1px 1px 10px rgba(255,255,255,0.75);
	mix-blend-mode: luminosity;
}
div#map_key > div:nth-child(3) > div:nth-child(1).legend_hover {
	box-shadow: none;
	mix-blend-mode: normal;
}

div.lgnd_cntrl.legend_hover {
	box-shadow: none;
}