a:link {
	color: #4f81bd;
}
a:visited {
	color: #4f81bd;
}
a:hover {
	color: #17365d;
}
a:active {
	color: #4f81bd;
} 
.map {
	height: 100%;
	width: 100%;
	position: fixed;
}
body {		
	padding: 0;
	margin: 0; 
	overflow:hidden;
}
.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;
}

.legendButton {
	z-index: 2001;
	position: absolute;
	right:0px;
	top:187px;
	width:18px;
	height:18px;
	background-image: url(/img/layer-switcher-minimize.png);
}
.howToMeasureLPbutton {
	z-index: 2001;
	position: absolute;
	right:0px;
	top:467px;
	width:18px;
	height:18px;
	background-image: url(/img/layer-switcher-minimize.png);
}
.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: 38px;	
	height: auto;
	padding: 3px;
	border-radius: 4px;
	background: rgba(255,255,255,0.4);
}
#rightMenuButton {
	float:left;
	background-image: url(/img/RightMenu.png);
	width: 32px;
	height: 32px;
	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 {
	cursor: move;
	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;
}
#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;
}
#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;
}
#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 */	
}
#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;
}
#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;
}

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.3em 0.3em 0.3em;
}

.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;
}

.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--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 {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 120%;
    padding: 0 4px;
    color: #7f9dc5;
    text-decoration: none;
	cursor: pointer;
}
.ol-popup-closer:hover {
    color: rgba(79, 121, 176, 1);
}
.ol-popup-closer:after {
    content: "\2716";
}
.ol-popup-content {
	min-width: 17em;
	max-height: 30em;
	overflow-y: auto;
}
.ol-scale-line {
	bottom: 1.0em !important;
}
.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;
	width: 6em;
	position: relative;
    top: 1px;
}
.tableCellValues {
	display: table-cell;
	padding: 3px 7px;
    border: 1px solid #F4F4F4;
	min-width: 6.1em;
	position: relative;
    top: 2px;
}
.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; }
}