a:link {
	color: #4f81bd;
}
a:visited {
	color: #4f81bd;
}
a:hover {
	color: #17365d;
}
a:active {
	color: #4f81bd;
} 
input:focus, button:focus, textarea:focus, span:focus {
  outline: none !important;
}
.map {
	height: 100%;
	width: 100%;
	position: fixed;
}
body {		
	padding: 0;
	margin: 0; 
	overflow:hidden;
	font-family:Arial;
}
.jqmWindow {
    display: none;    
    position: fixed;
    top: 17%;
    left: 50%;  
    margin-left: -300px;
    width: 600px; 
    background-color: #e5f0ff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}
.jqmWindow input[type="checkbox"] {
    display:none;
}
.jqmWindow input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
.jqmWindow input[type="checkbox"]:checked + label span {
    background:url(check_radio_sheet.png) -19px top no-repeat !important;
}
.jqmOverlay { background-color: #000 !important; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


div.olControlMousePosition {
	cursor:pointer;
    bottom: 0em;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: 1.2em !important;
	font-weight: bolder;
	text-shadow: -1px 0 #c9c9c9, 0 1px #c9c9c9, 1px 0 #c9c9c9, 0 -1px #c9c9c9;
}
#coordinates {
	cursor:pointer;
	position: absolute;
    bottom: 0px;
    right: 3px;
	z-index: 10000;
    display: block;   
    font-family: Arial;
    font-size: 1.2em !important;
	font-weight: bolder;
	text-shadow: -1px 0 #c9c9c9, 0 1px #c9c9c9, 1px 0 #c9c9c9, 0 -1px #c9c9c9;
}

.addMeasurementButton {
	visibility: hidden;
	cursor: pointer;
	position: absolute;
	z-index: 2002;
    top: 45px;
    right: 275px;
	width: 24px;	
	height: 22px;
}
.ui-slider-handle {
	width: auto !important;
	font-weight: 600 !important;
}
#viirs2016_tran_slider span{
	color: rgba(128,128,128,1);
}
#viirs2015_tran_slider span{
	color: rgba(128,128,128,1);
}
#viirs2014_tran_slider span{
	color: rgba(128,128,128,1);
}
#viirs2013_tran_slider span{
	color: rgba(128,128,128,1);
}
#dmsp2010_tran_slider span{
	color: rgba(128,128,128,1);
}
#sqm_tran_slider span{
	color: rgba(128,128,128,1);
}

#socialButtons {
	width: 260px;
    height: auto;
    position: relative;
    top: 0px;
    left: 00px;
}
#rightMenuButtonCont {
	cursor: pointer;
	position: absolute;
	z-index:15002;
    top: -3px;
    right: -3px;
	width: 28px;	
	height: 28px;
	padding: 3px;
	border-radius: 4px;
	background: rgba(255,255,255,0.4);
}
#rightMenuButton {
	float:left;
	background-image: url(/img/RightMenu.png);
	width: 22px;
	height: 22px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
}
#rightMenuButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#moreButton:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.toolBar {
	cursor: pointer;
	position: absolute;
	z-index: 2001;
    top: 48px !important;
    left: 8px !important;
	width: 72px;	
	height: auto;
	padding: 2px !important;
	/* background: rgba(0, 60, 136, 0.5);	*/
}
#extendedToolbar {
	position: absolute;
	top: 48px;
    left: 90px;
	z-index: 2001;
	width: 120px;	
	height: 72px;
	padding: 2px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
	display: none;
}
.dragHandle {
	width: 10px;
	height: 68px;
	display: inline-block;
	cursor: move;
}
#geolocateButton {
	float:left;
	background-image: url(/img/geolocate_off2.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
}
#addMarkerButton {
	float:left;
	background-image: url(/img/addMarkerButton_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#radiancePSFButton {
	float:left;
	background-image: url(/img/radiancePSF_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#rulerButton {
	float:left;
	background-image: url(/img/ruler_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
}
#pointInfoButton {
	float:left;
	background-image: url(/img/point_info_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#areaInfoButton {
	float:left;
	background-image: url(/img/area_info_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#areaInfoButton2 {
	float:left;
	background-image: url(/img/area_info2_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#areaInfoButton3 {
	float:left;
	background-image: url(/img/area_info3_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#addSQMButton {
	float:left;
	background-image: url(/img/addSQM_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#addSQCButton {
	float:left;
	background-image: url(/img/addSQC_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#statisticsButton {
	float:left;
	background-image: url(/img/statistics.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#printButton {
	float:left;
	background-image: url(/img/print.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
}
#extendedToolbarButton {
	float:left;
	background-image: url(/img/tools_off.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
}
#helpButton {
	float:left;
	background-image: url(/img/helpButton.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: pointer;
}
#blankButton {
	float:left;
	background-image: url(/img/blank.png);
	margin:1px;
	width: 32px;
	height: 32px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-repeat: no-repeat;
    background-size: contain;
	cursor: default !important;
}
.areaExportButton {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	font-family: Arial;
	color: #ffffff;
	font-size: 10px;
	background: #003c88;
	padding: 2px 5px 2px 5px;
	border: solid #d4d4d4 1px;
	text-decoration: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor:pointer;
}
.areaExportButton:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);

}

#geolocateButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#addMarkerButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#rulerButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#pointInfoButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#areaInfoButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#areaInfoButton2:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#areaExportButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#areaExportButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#addSQMButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#addSQCButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#areaInfoButton3:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#radiancePSFButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#statisticsButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#printButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#helpButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}
#extendedToolbarButton:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */	
}

#searchBox {
	background-color: rgba(255,255,255,0.8);
	-o-transition:background 0.5s ease-in;
	-ms-transition:background 0.5s ease-in;
	-moz-transition:background 0.5s ease-in;
	-webkit-transition:background 0.5s ease-in;
	transition:background 0.5s ease-in;
	width:100%;
	height:2em;
	border-radius:4px;
	border: 1px solid #c5c5c5;
}
#searchBox:hover{
	background-color: rgba(255,255,255,1.0);
	-o-transition:background 0.5s ease-in;
	-ms-transition:background 0.5s ease-in;
	-moz-transition:background 0.5s ease-in;
	-webkit-transition:background 0.5s ease-in;
	transition:background 0.5s ease-in;
}
.ol-zoom-in {
	float:left !important;
	margin-right: 2px !important;
}
.ol-zoom-out {
	float:left !important;
}
.olControlPanZoomBar {
	display:none;
}
.ol-control button {
  cursor: pointer;
  display: block;
  margin: 1px;
  padding: 0;
  color: white;
  font-size: 1.14em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 32px !important;
  width: 32px !important;
  line-height: .4em;
  background-color: rgba(0,60,136,0.5);
  border: none;
  border-radius: 2px;
}
div.olControlZoom, div.olControlTextButtonPanel {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
}
div.olControlZoom a {
    font-size: 22px;
    line-height: 30px;
    height: 32px;
    width:32px;
    padding: 0;
}
div.olControlZoom a, div.olControlTextButtonPanel .olButton {
    display: block;
    margin: 1px;
    color: white;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}
div.olControlZoom a:hover, div.olControlTextButtonPanel .olButton:hover {
    background: #130085; /* fallback for IE */
    background: rgba(0, 60, 136, 0.7);
    filter: alpha(opacity=100);
}
#pointPopup {
	height:20px;
	color: #FF0000;
	font-size: 17px;
	font-family: Arial;
	font-weight: bold;
	text-shadow: 0px 0px 5px #ff0, 0px 0px 5px #ff0, 0px 0px 5px #ff0, 0px 0px 10px #ff0;
}
#areaPopup {
	height:auto;
	width:auto;
	color: #000000;
	font-size: 0.8em;
	font-family: Arial;
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em 0.1em 0.3em 0.1em;
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.3em 0.4em 0.2em 0.4em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  opacity: 0.7;
  cursor:pointer;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em
}

.resp-sharing-button span {
  padding-left: 0.4em
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
  opacity:1;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
  opacity:1;
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
  opacity:1;
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
  opacity:1;
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
  
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
  opacity:1;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
  opacity:1;
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
  opacity:1;
}


.resp-sharing-button--reddit {
  background-color: #5f99cf;
  border-color: #5f99cf;
}

.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
  background-color: #3a80c1;
  border-color: #3a80c1;
  opacity:1;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
  opacity:1;
}

.resp-sharing-button--google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
  opacity:1;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
  opacity:1;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
  opacity:1;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
  opacity:1;
}
.pulse_holder
 {
	display: block;
}   
.pulse_holder .pulse_marker
  {
	width: 16px;
	height: 16px;
	background: #4692dd;
	border-radius: 28px;
}
.pulse_holder .pulse_rays
 {
	margin: 0 auto;
	border-radius: 100px;
	position: absolute;
	right: 6px;
	top: -26px;
	z-index: 10;
	background-color: transparent;
	opacity: 0.1;
	width: 64px;
	height: 64px;
	border: 2px solid rgba(70, 146, 221, 1);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	-webkit-animation: pulse 2s linear infinite;
	-moz-animation: pulse 2s linear infinite;
	-ms-animation: pulse 2s linear infinite;
	border-image: initial;
}
.tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	font-family: Arial;
	font-weight: bolder;
	font-size: 1.0em;
	opacity: 0.7;
	white-space: nowrap;
}
.tooltip-measure {
	opacity: 1;
	font-weight: bold;
}
.tooltip-static {
	background-color: #7f9dc5;
	color: white;
	font-family: Arial;
	font-size: 1.0em;
	font-weight: bolder;
	opacity: 1.0;
	border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}
.tooltip-static:before {
	border-top-color: #7f9dc5;
}
.ol-popupDrag {
	cursor: move;
	position: absolute;
	background-color: white;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
}
.ol-popupSQC {
	cursor: default;
	position: absolute;
	background-color: white;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
}
.ol-popup {
	cursor: default;
	position: absolute;
	background-color: white;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
}
.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-mobile {
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 120%;
    padding: 0 4px;
    color: #7f9dc5;
    text-decoration: none;
    cursor: pointer;
    z-index: 2;
}
.ol-popup-closer-mobile:hover {
    color: rgba(79, 121, 176, 1);
}
.ol-popup-closer-mobile:after {
    content: "\2716";
}
.ol-popup-closer {
    position: absolute;
    top: 2px;
    right: 1px;
    font-size: 120%;
    padding: 0 4px;
    color: #7f9dc5;
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
}
.ol-popup-closer:hover {
    color: rgba(79, 121, 176, 1);
}
.ol-popup-closer:after {
    content: "\2716";
}
.ol-popup-closer-jqm {
    position: absolute;
    top: 2px;
    right: 1px;
    font-size: 120%;
    padding: 0 4px;
    color: #7f9dc5;
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
}
.ol-popup-closer-jqm:hover {
    color: rgba(79, 121, 176, 1);
}
.ol-popup-closer-jqm:after {
    content: "\2716";
}
.ol-popup-content {
	min-width: 17em;
	max-height: 35em;
	/*overflow-y: hidden;*/
	overflow-x: hidden;
}
.ol-scale-line {
	bottom: 1.1em;	
}
.ui-tooltip {
	padding: 0.3em !important;
}
.ui-tooltip-content {	
	font-size: 0.7em;
}
.pulsatingDot {
  fill: transparent;
  stroke: fadeOut(#4692dd, 30);
}
#pulsatingDot {
  fill: transparent;
  stroke: fadeOut(#4692dd, 30);
}
.tableContainer {
	display: table;
	font-family:Arial;
	margin: 5px 0px;
}
.tableRow  {
	display: table-row;
}
.tableCell {
	display: table-cell;
	padding: 3px 7px;
    border: 1px solid #F4F4F4;
	min-width: 6em;
	position: relative;
    top: 1px;
}
.tableCellValues {
	display: table-cell;
	padding: 3px 7px;
    border: 1px solid #F4F4F4;
	min-width: 6.1em;
	width: 100%;
	position: relative;
    top: 1px;
}
.tableCell2 {
	display: table-cell;
	padding: 5px 7px;
    border: 1px solid #F4F4F4;
	min-width: 6em;
	position: relative;
    top: 1px;
}
.tableCellValues2 {
	display: table-cell;
	padding: 5px 7px;
    border: 1px solid #F4F4F4;
	min-width: 6.1em;
	width: 100%;
	position: relative;
    top: 1px;
}
.newLayer {
    animation: blinker 2s ease infinite;
    position: absolute;
    left: -13px;
    font-size: 70%;
    -ms-transform: rotate(-21deg);
    -webkit-transform: rotate(-21deg);
    transform: rotate(-21deg);
}
@keyframes blinker {  
  50% { opacity: 0; }
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
} 
.adslot_1 { display:block;  }
/*@media (min-height: 750px) { .adslot_1 { display: none; } }*/
.adslot_2 { display:inline-block;  }
@media (min-width: 300px) { .adslot_2 { width:360px;height:100px } }
@media (min-width: 900px) { .adslot_2 { width:900px;height:100px } }
.ol-attribution {
	max-width: calc(100% - 15px) !important;
    z-index: 1 !important;
	bottom: 3em;
}
.ol-scale-line {
    z-index: 1 !important;
}

#_vdo_ads_player_ai_1103 {
	bottom: 22px !important;
}
#featureSelect_ms {
	height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
#overlaySelect_ms {
	height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.grecaptcha-badge{
	visibility: collapse;
	bottom: 220px !important;
	z-index: 2 !important;
}
#lp_form {
	font-family: Arial;
	font-size: 17px;
	color: #727272;
}
#lp_form input{
	border: 1px solid #A0A0A0;
}
.lp_form_padding_bottom {
	padding-bottom:10px;
}
#lp_input_form_name {
	height: 30px;
	width: 100%;
	max-width: 350px;
	padding: 0px 7px 0px 7px;
	font-size: 15px;
}
#lp_input_form_date {
	height: 30px;
	width: 150px;
	padding: 0px 7px 0px 7px;
	font-size: 15px;
}
#lp_input_form_sqm_value {
	height: 30px;
	width: 65px;
	padding: 0px 7px 0px 7px;
	font-size: 15px;
}
#lp_input_form_comment {
  resize: none;
  width: 100%;
  max-width: 350px;
  height:88px;
  padding: 7px 7px 7px 7px;
  font-size: 15px;
}
#lp_input_form_error {
    height: 30px;
    width: 160px;
    display: inline-block;
    margin: 0px 0px -11px 10px;
    font-size: 13px;
    overflow: hidden;
}
.lp_form_input {
	height: 30px;
	padding: 0px 7px 0px 7px;
	font-size: 15px;
	border: 1px solid #A0A0A0;
}
.ui-datepicker-trigger {
	margin: 0px 0px -10px 5px;
	cursor: pointer;
}
#vdo_banner_frame_lightpollutionmap-info-v2 {
	bottom: 18px !important;
}
.ct-series-a .ct-line {
    fill: none;
    stroke-width: 2px !important;
	stroke: #7f9dc5 !important;
}
.ct-series-a .ct-point {
    stroke-width: 6px !important;
	stroke: #7f9dc5 !important;
}
.ct-series-b .ct-line {
    fill: none;
    stroke-width: 0px !important;
	stroke: #7f9dc5 !important;
}
.ct-series-b .ct-point {
    stroke-width: 40px !important;
	stroke: #7f9dc5 !important;
	opacity:0;
}
.ct-label.ct-horizontal.ct-end {
	margin-left: -22px;
}
.ct-label {
	font-family: Arial !important;
	font-size: 0.6rem !important;
}
.ct-chart-line {
	overflow:visible !important;
}
#lp_viirs_radiance_info_more:after {
	content: 'toggle additional info';
    font-size: 12px;
    position: relative;
    top: -25px;
    left: calc(50% - 60px);
    background-color: #8b8b8b;
    color: white;
    padding: 0px 5px 0px 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	cursor: pointer;
}
#lp_form_area span:hover{
	opacity: 1 !important;
}
#lp_form_poly_stat_export:hover {
	background-color: #003C88 !important;
}