html{
background-color:#000042;
	background:-webkit-linear-gradient(left,transparent,#030022),-webkit-linear-gradient(top,#030022,#223575,#030022);
	background:-moz-linear-gradient(left,transparent,#030022),-moz-linear-gradient(top,#030022,#223575,#030022);
	background:-o-linear-gradient(left,transparent,#030022),-o-linear-gradient(top,#030022,#223575,#030022);
	background:-ms-linear-gradient(left,transparent,#030022),-ms-linear-gradient(top,#030022,#223575,#030022);
	background:linear-gradient(left,transparent,#030022),linear-gradient(top,#030022,#223575,#030022);
	color:white;
	font-family: 'Lucida Grande', Helvetica, Arial, Verdana;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
	min-height:100%;
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.clear{
clear:both;
}

.leaflet-control-scalefilter {
float: left;
}
#rangecontain {
width: 300px;
float:right;
margin: 6px 12px 0 12px;
}
#rangefilter{
height:9px;
}
.thunimg{
width:25px;
height:25px;
background:url(../images/tstormsmall.png) no-repeat;
float:left;
}
.leaflet-control-colour-picker {
float: left;
}
#colourpickgroup {
position: relative;
z-index: 100;
height: 100px;
width: 100px;
float: right;
margin-left: 3px;
}
#picker-wrapper {
                  width: 80%;
                  height: 100%;
                  position: relative;
                }
                #slide-wrapper {
                  width: 20%;
                  height: 100%;
                  position: relative;
                }
                #picker-indicator {
                  width: 3px;
                  height: 3px;
                  position: absolute;
                  border: 1px solid white;
                }
                #slide-indicator {
                  width: 100%;
                  height: 10px;
                  position: absolute;
                  border: 1px solid black;
                }
                #picker,#slide{
	                height:100px;
                }
                #efficn{
cursor:help;
}
#foot{
font-size: 10pt;
}
.question{
	color: rgb(238, 170, 34);
}
.answer{
	background: rgba(50, 50, 50,0.6);
	width: 80%;
	border-radius:20px;
	padding: 10px;
	margin-top:5px;
	margin-bottom:5px;
}
.loading{
	cursor:progress;
}
a{
color:white;
}
body{
	margin:0px;
	background:url(../images/lightning1.png) top right no-repeat,url(../images/lightning2.png) top left no-repeat;
}
.flright{
	float:right;
}
.flleft{
	float:left;
}
/* hfbfbfhfhf */
.columns{
	font-size: 9pt;
}
.uparr{
	color:#aa0000;
}
.downarr{
	color:#00931e;
}
.rot180up{
			-webkit-animation: rotate180up 5s;
-moz-animation: rotate180up 5s;
-ms-animation: rotate180up 5s;
-o-animation: rotate180up 5s;
animation: rotate180up 5s;
}
.rot180down{
			-webkit-animation: rotate180down 5s;
-moz-animation: rotate180down 5s;
-ms-animation: rotate180down 5s;
-o-animation: rotate180down 5s;
animation: rotate180down 5s;
}
.rot90up{
			-webkit-animation: rotate90up 5s;
-moz-animation: rotate90up 5s;
-ms-animation: rotate90up 5s;
-o-animation: rotate90up 5s;
animation: rotate90up 5s;
}
.rot90down{
			-webkit-animation: rotate90down 5s;
-moz-animation: rotate90down 5s;
-ms-animation: rotate90down 5s;
-o-animation: rotate90down 5s;
animation: rotate90down 5s;
}
/* hbfhfvgfh */
#counters {
width: 285px;
float: right;
}
.arr{
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
	display: inline-block;
}
#stormlistings{
	clear:both;
	height:80%;
	overflow-y: scroll;
	font-size:8pt;
}

/*#login {
z-index: 99;
position: fixed;
top: 3%;
height:5%;
width:8%;
clear: right;
right: 3%;
text-shadow: 0px 0px 5px white;
font-size:14pt;
font-weight: bold;
}
#login a{
text-decoration: none;
}*/
.logininput{
width: 20%;
margin:1%;
border-radius:4px;	
}
.center{
	margin-left: auto;
	margin-right:auto;
}
/*be ejerrhrjhr */
#mainlogo {
z-index: 200;
position: relative;
clear: right;
font-weight: normal;
text-shadow: black 0 3px 3px;
font-size: 20pt;
top: 0;
margin:0;
}
#lightmap{
	width:100%;
}
.stormclass{
	width:40%;
}
.trend{
	width:40%;
}
#stormlist{
height:100%;
width:60%;
text-align: center;
float: left;
}
@media screen and (max-width: 600px) {
#mainlogo {
font-size:10pt;
}
#infomen,#lnchcnct,#leftcontrol{
display:none!important;
}
.counter{
font-size:10pt!important;
}
#attr{
font-size: 4pt!important;
}
#rightcontrol {
width:100%!important;
}
.noUiSlider {
width:150px!important;
}
#rangecontain {
width:200px!important;
}
}
#lightinfo{
background:#030022;
	background:-webkit-radial-gradient(bottom center, 100% 100%,rgb(3,0,34) 0%,rgba(9, 9, 45,0.7) 94%,rgba(255,255,255,0.4) 95%,transparent 100%);
	background: -moz-radial-gradient(bottom center,#030022,#09092D);
	background: -ms-radial-gradient(bottom center,#030022,#09092D);
	background: -o-radial-gradient(bottom center,#030022,#09092D);
	background: radial-gradient(bottom center,#030022,#09092D);
	position:fixed;
	bottom:0;
	height:13%;
	width:100%;
	z-index: 98;
	padding-top:2%;
}
#main{
background: #4A4A4A;
background: -webkit-gradient( linear, left top, left bottom, from(rgb(42, 42, 42,0.75)), to(rgb(74, 74, 74,0.75)));
background: -webkit-linear-gradient(top,rgba(42, 42, 42, 0.75), rgba(74, 74, 74, 0.75));
background: -moz-linear-gradient(center top , rgb(42, 42, 42,0.75), rgb(74, 74, 74,0.75));
background: -o-linear-gradient(top,rgb(42, 42, 42,0.75), rgb(74, 74, 74,0.75));
background: -ms-linear-gradient(top,rgb(42, 42, 42,0.75), rgb(74, 74, 74,0.75));
background: linear-gradient(top,rgb(42, 42, 42,0.75), rgb(74, 74, 74,0.75));
border-radius: 30px;
-ms-box-shadow: 0 0 20px rgba(18, 122, 177, 0.5);
-o-box-shadow: 0 0 20px rgba(18, 122, 177, 0.5);
-moz-box-shadow: 0 0 20px rgba(18, 122, 177, 0.5);
-webkit-box-shadow: 0 0 20px rgba(18, 122, 177, 0.5);
box-shadow: 0 0 20px rgba(18, 122, 177, 0.5);
width: 900px;
padding:4px;
margin-top: 20px;
min-height: 80%;
}
#innermain{
text-shadow: #8A8A8A 2px 3px 3px;
font-size: 12pt;
width: 850px;
border-radius: 8px;
border-color: #CCC;
-webkit-box-shadow: inset 0 0 25px rgba(136, 136, 136, 0.7);
-moz-box-shadow: inset 0 0 25px rgba(136, 136, 136, 0.7);
-o-box-shadow: inset 0 0 25px rgba(136, 136, 136, 0.7);
-ms-box-shadow: inset 0 0 25px rgba(136, 136, 136, 0.7);
box-shadow: inset 0 0 25px rgba(136, 136, 136, 0.7);
background: -webkit-radial-gradient(top left,400px 400px, rgba(0, 0, 0, 0.6), transparent),-webkit-radial-gradient(top right,400px 400px, rgba(0, 0, 0, 0.6), transparent),-webkit-radial-gradient(bottom left,400px 400px, rgba(0, 0, 0, 0.6), transparent),-webkit-radial-gradient(bottom right,400px 400px, rgba(0, 0, 0, 0.6), transparent);
background: -moz-radial-gradient(left top, rgba(0, 0, 0, 0.6) 0px, transparent 400px),-moz-radial-gradient(right top, rgba(0, 0, 0, 0.6) 0px, transparent 400px),-moz-radial-gradient(left bottom, rgba(0, 0, 0, 0.6) 0px, transparent 400px),-moz-radial-gradient(right bottom, rgba(0, 0, 0, 0.6) 0px, transparent 400px);
background: -ms-radial-gradient(left top, rgba(0, 0, 0, 0.6) 0px, transparent 400px),-ms-radial-gradient(right top, rgba(0, 0, 0, 0.6) 0px, transparent 400px),-ms-radial-gradient(left bottom, rgba(0, 0, 0, 0.6) 0px, transparent 400px),-ms-radial-gradient(right bottom, rgba(0, 0, 0, 0.6) 0px, transparent 400px);
background: -o-radial-gradient(left top, rgba(0, 0, 0, 0.6) 0px, transparent 400px),-o-radial-gradient(right top, rgba(0, 0, 0, 0.6) 0px, transparent 500px),-o-radial-gradient(left bottom, rgba(0, 0, 0, 0.6) 0px, transparent 400px),-o-radial-gradient(right bottom, rgba(0, 0, 0, 0.6) 0px, transparent 400px);
background: radial-gradient(left top, rgba(0, 0, 0, 0.6) 0px, transparent 400px),radial-gradient(left top, rgba(0, 0, 0, 0.6) 0px, transparent 400px),radial-gradient(left bottom, rgba(0, 0, 0, 0.6) 0px, transparent 400px),radial-gradient(right bottom, rgba(0, 0, 0, 0.6) 0px, transparent 400px);
min-height: 80%;
margin-bottom: 10px;
margin-top:10px;
}

.tag{
	font-size: 8pt;
}
#attr {
float: right;
font-size: 8pt;
clear: right;
bottom: 0;
position: fixed;
right: 0;
}
.counter {
width: 100%;
height: 75%;
padding-top:5%;
font-size:20pt;
font-weight:bold;
text-shadow: 0px 0px 4px black;
}
/*jdnfbfnbfjfj */
h3{
	margin:0;
}
#counters {
width: 45%;
float: right;
}
#rightcounter{
	float:right;
}
#leftcounter{
	float:left;
}
#leftcontrol{
	float:left;
	width:50%;
}
#rightcontrol{
	float:right;
	width:50%;
}
.covernumb{
	margin-top:30px;
}
#map{
	width:100%;
	height:100%;
	position: fixed;
	top:0px;
	left:0px;
}
#overlay{
	width:100%;
	height:100%;
	position: fixed;
	top:0px;
	left:0px;
	z-index: 100;
}
button.cssbttn {
color: #E9E9E9;
border: solid 1px #555;
background: #6E6E6E;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
}
button.cssbttn:hover {
background: #616161;
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4B4B4B));
background: -moz-linear-gradient(top, #757575, #4B4B4B);
}
button.cssbttn:active {
color: #AFAFAF;
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
background: -moz-linear-gradient(top, #575757, #888);
}
#avgamp {
position: relative;
float: right;
width: 40%;
}
.leaflet-label {
	background: rgb(235, 235, 235);
	background: rgba(235, 235, 235, 0.81);
	background-clip: padding-box;
	border-color: #777;
	border-color: rgba(0,0,0,0.25);
	border-radius: 4px;
	border-style: solid;
	border-width: 4px;
	color: #111;
	display: block;
	font: 12px/20px;
	padding: 1px 6px;
	position: absolute;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	white-space: nowrap;
	z-index: 6;
}
#innermain > ul {
list-style-position: inside;
}

.leaflet-label:before {
	border-right: 6px solid black;
	border-right-color: inherit;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	content: "";
	position: absolute;
	top: 5px;
	left: -10px;
}
.leaflet-container {
font: 12px/1.5 'Lucida Grande',Helvetica,Arial,Verdana;
}

/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 15%;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 16%;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: black;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}
/* general toolbar styles */
.leaflet-control-layers-overlays{
text-align:left;
}
.leaflet-bar, .ctrl-shadow {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(../images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(../images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: white;
        background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* div icon */

	.oldstrike{
	font-size:6pt!important;	
	}
	.midstrike{
	font-size:8pt!important;	
	}
	.lighticon0{
	color:#242424;
	}
	.lighticon1{
	color: #4e4e4e;
	}
	.lighticon2{
	color: #6a6a6a;
	
	}
	.lighticon3{
	color: #767094;
	
	}
	.lighticon4{
	color: #2b36af;
	
	}
	.lighticon5{
	color: #5e2cb3;
	
	}
	.lighticon6{
	color: #c61ad6;
	
	}
	.lighticon7{
	color: #cd00b9;
	
	}
	.lighticon8{
	color: #f1056a;
	
	}
	.lighticon9{
	color: #e20f33;
	
	}
	.lighticon10{
	color: #ff8100;
	
	}
	.lighticon11{
	color: #ffea00;
	
	}
	.lighticon12{
	color: #fff8ba;
	
	}
	.lighticon13{
	color: #fdffec;
	
	}
	.lighticon14{
		color:#fffffa;
			-webkit-animation: newstrikered 2s infinite;
			-moz-animation: newstrikered 2s infinite;
			-ms-animation: newstrikered 2s infinite;
			-o-animation: newstrikered 2s infinite;
			animation: newstrikered 2s infinite;
	}
.strike{
	font-size:10pt;
	text-shadow: -1px 0 rgba(255,255,255,0.4), 0 1px rgba(255,255,255,0.4), 1px 0 rgba(255,255,255,0.4), 0 -1px rgba(255,255,255,0.4);
}
#key {
position: fixed;
bottom: 18%;
right: 0;
margin:1% 0% 1% 1%;
}
#stationinfo{
position: fixed;
min-width: 300px;
min-height: 100px;
font-size: 10pt;
right: 0;
bottom: 30%;
margin-right: 10px;
}
.prtclmns{
width:30%;
}
#stationinfo>h3 {
font-size: 12pt;
}
.leaflet-control-layers-expanded, .leaflet-control-layers, #stationinfo,#key{
background:black;
background: rgba(0, 0, 0, 0.75);
box-shadow: 0 0 7px #999;
border-radius:5px;
z-index:99;
}
#iconlegend{
	font-size: 8pt;
}
.extrasmltxt{
	font-size: 6pt;
	text-shadow:none;
}
.leaflet-control-draw, .leaflet-control-colour, .leaflet-control-search, .leaflet-control-rangescale {
background-color: white;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 5px;
margin-top: 2px;
}
.leaflet-control-draw a, .leaflet-control-colour a, .leaflet-control-search a, .leaflet-control-rangescale a {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
width: 16px;
height: 14px;
}
.leaflet-control-colour-picker, .leaflet-control-scalefilter {
float:left;
}
.leaflet-control-scalefilter {
background-image: url(../images/scale.png);
}
.leaflet-control-colour-picker {
background-image: url(../images/draw-colour.png);
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip, .jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer, .message {
background: black;
background: rgba(0,0,0,0.75);
box-shadow: 0 0 10px rgba(136,136,136,0.85),inset 0 0 10px rgba(255,0,0,0.85);
-moz-box-shadow: 0 0 10px rgba(136,136,136,0.85),inset 0 0 10px rgba(255,0,0,0.85);
-webkit-box-shadow: 0 0 10px rgba(136,136,136,0.85),inset 0 0 10px rgba(255,0,0,0.85);
}
@-webkit-keyframes rotate180up {
 0% {-webkit-transform: rotate(180deg);color: red;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:green;}
}
@-moz-keyframes rotate180up {
  0% {-webkit-transform: rotate(180deg);color: red;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:green;}
}
@-ms-keyframes rotate180up {
  0% {-webkit-transform: rotate(180deg);color: red;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:green;}
}
@-o-keyframes rotate180up {
  0% {-webkit-transform: rotate(180deg);color: red;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:green;}
}
@keyframes rotate180up {
  0% {-webkit-transform: rotate(180deg);color: red;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:green;}
}

@-webkit-keyframes rotate180down {
 0% {-webkit-transform: rotate(180deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:red;}
}
@-moz-keyframes rotate180down {
  0% {-webkit-transform: rotate(180deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:red;}
}
@-ms-keyframes rotate180down {
  0% {-webkit-transform: rotate(180deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:red;}
}
@-o-keyframes rotate180down {
  0% {-webkit-transform: rotate(180deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:red;}
}
@keyframes rotate180down {
  0% {-webkit-transform: rotate(180deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:red;}
}

@-webkit-keyframes rotate90up {
 0% {-webkit-transform: rotate(90deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:white;}
}
@-moz-keyframes rotate90up {
  0% {-webkit-transform: rotate(90deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:white;}
}
@-ms-keyframes rotate90up {
  0% {-webkit-transform: rotate(90deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:white;}
}
@-o-keyframes rotate90up {
  0% {-webkit-transform: rotate(90deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:white;}
}
@keyframes rotate90up {
  0% {-webkit-transform: rotate(90deg);color: green;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:white;}
}

@-webkit-keyframes rotate90down {
 0% {-webkit-transform: rotate(90deg);color: red;}  50% {color: orange;} 100% {-webkit-transform: rotate(0deg); color:white;}
}
@-moz-keyframes rotate90down {
  0% {-moz-transform: rotate(90deg);color: red;}  50% {color: orange;} 100% {-moz-transform: rotate(0deg); color:white;}
}
@-ms-keyframes rotate90down {
  0% {-ms-transform: rotate(90deg);color: red;}  50% {color: orange;} 100% {-ms-transform: rotate(0deg); color:white;}
}
@-o-keyframes rotate90down {
  0% {-o-transform: rotate(90deg);color: red;}  50% {color: orange;} 100% {-o-transform: rotate(0deg); color:white;}
}
@keyframes rotate90down {
  0% {transform: rotate(90deg);color: red;}  50% {color: orange;} 100% {transform: rotate(0deg); color:white;}
}


@-webkit-keyframes newstrikered {
  0% { color: inherit;}
  50% {color:red; }
  100% { color: inherit;}
}
@-moz-keyframes newstrikered {
     0% { color: inherit;}
  50% {color:red;}
  100% { color: inherit;}
}
@-ms-keyframes newstrikered {
     0% { color: inherit;}
  50% {color:red;}
  100% { color: inherit;}
}
@-o-keyframes newstrikered {
     0% { color: inherit;}
  50% {color:red;}
  100% { color: inherit;}
}
@keyframes newstrikered {
     0% { color: inherit;}
  50% {color:red;}
  100% { color: inherit;}
}
.logoutinactive{
	-webkit-animation: logoutanim 1.5s;
	-moz-animation: logoutanim 1.5s;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.fadtoblk{
	-webkit-animation: fadetoblack 1.5s;
	-moz-animation: fadetoblack 1.5s;
	background: black;
}
.fadtotrans{
	-webkit-animation: fadetoblackrev 1.5s;
	-moz-animation: fadetoblackrev 1.5s;
	background: transparent;
}
.activearea{
	-webkit-animation: logoutanimrev 1.5s;
	-moz-animation: logoutanimrev 1.5s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
@-webkit-keyframes fadetoblack {
  0% { background:transparent; }
  100%   {background:black; }
}
@-moz-keyframes fadetoblack {
  0% { background:transparent; }
  100%   {background:black; }
}
@-webkit-keyframes fadetoblackrev {
  0% { background:black; }
  100%   {background:transparent; }
}
@-moz-keyframes fadetoblackrev {
  0% { background:black; }
  100%   {background:transparent; }
}

@-webkit-keyframes logoutanim {
  0% { -webkit-filter: grayscale(0); }
  100%   { -webkit-filter: grayscale(1); }
}
@-moz-keyframes logoutanim {
  0% { filter: grayscale(0%); }
  100%   { filter: grayscale(100%); }
}
@-webkit-keyframes logoutanimrev {
  0% { -webkit-filter: grayscale(1); }
  100%   { -webkit-filter: grayscale(0); }
}
@-moz-keyframes logoutanimrev {
  0% { filter: grayscale(100%); }
  100%   { filter: grayscale(0%); }
}
.message {
position: fixed;
top: 35%;
right: 42%;
z-index: 1000;
padding: 2%;
border-radius: 10px;
}
#discbuttons{
width:50%;
margin-left:auto;
margin-right:auto;
}
.selbutton {
width: 40%;
height: 20%;
background: grey;
border-radius: 5px;
}
.selbutton:hover{
cursor:pointer;
}
.blitzupdategood{
	-webkit-animation: updateanimgood 1.5s;
}
@-webkit-keyframes updateanimgood {
  0% { -webkit-filter: grayscale(0); }
  100%   { -webkit-filter: grayscale(1); }
}
div.jGrowl {
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}
/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				13%;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
	margin: 				10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}
			.border,
			.rain{
				height: 210px;
				width: 320px;
			}
			/* Layout with mask */
			.rain {
padding: 10px 12px 12px 10px;
-moz-box-shadow: 10px 10px 10px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset;
-webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 1) inset, -9px -9px 8px rgba(0, 0, 0, 1) inset;
box-shadow: 8px 8px 8px rgba(0, 0, 0, 1) inset, -9px -9px 8px rgba(0, 0, 0, 1) inset;
position: fixed;
top: 50%;
left: 50%;
margin-top: -85px;
margin-left:-160px;
}
			/* Artifical "border" to clear border to bypass mask */
			.border{
				padding: 1px;
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
				border-radius: 5px;
			}

			.border,
			.rain,
			.border.start,
			.rain.start{
				background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
				background-position: 0 0, 0 0, 0 0, 0 0;
				/* Blue-ish Green Fallback for Mozilla */
				background-image: -moz-linear-gradient(left, #09BA5E 0%, #00C7CE 15%, #3472CF 26%, #00C7CE 48%, #0CCF91 91%, #09BA5E 100%);
				/* Add "Highlight" Texture to the Animation */
				background-image: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(0,0,0,.3)), color-stop(23%,rgba(0,0,0,.1)), color-stop(40%,rgba(255,231,87,.1)), color-stop(61%,rgba(255,231,87,.2)), color-stop(70%,rgba(255,231,87,.1)), color-stop(80%,rgba(0,0,0,.1)), color-stop(100%,rgba(0,0,0,.25)));
				/* Starting Color */
				background-color: #39f;
				/* Just do something for IE-suck */
			}
			
			/* Non-keyframe fallback animation */
			.border.end,
			.rain.end{
				-moz-transition-property: background-position;  
				-moz-transition-duration: 30s;
				-moz-transition-timing-function: linear;
				-webkit-transition-property: background-position;  
				-webkit-transition-duration: 30s;  
				-webkit-transition-timing-function: linear;
				-o-transition-property: background-position;  
				-o-transition-duration: 30s;  
				-o-transition-timing-function: linear;
				transition-property: background-position;  
				transition-duration: 30s;  
				transition-timing-function: linear;
				background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0;	
			}
			
			/* Keyfram-licious animation */
			@-webkit-keyframes colors {
			    0% {background-color: #39f;}
			    15% {background-color: #F246C9;}
			    30% {background-color: #4453F2;}
			    45% {background-color: #44F262;}
			    60% {background-color: #F257D4;}
			    75% {background-color: #EDF255;}
			    90% {background-color: #F20006;}
			    100% {background-color: #39f;}
		    }
		    .border,.rain{
			    -webkit-animation-direction: normal;
			    -webkit-animation-duration: 20s;
			    -webkit-animation-iteration-count: infinite;
			    -webkit-animation-name: colors;
			    -webkit-animation-timing-function: ease;
		    }
		    
		    /* In-Active State Style */
			.border.unfocus{
				background: #333 !important;	
				 -moz-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
				 -webkit-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
				 box-shadow: 0px 0px 15px rgba(255,255,255,.2);
				 -webkit-animation-name: none;
			}
			.rain.unfocus{
				background: #000 !important;	
				-webkit-animation-name: none;
			}
			
			/* Regular Form Styles */
			.glowform{
				background: #212121;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			    border-radius: 5px;
				height: 100%;
				width: 100%;
				background: -moz-radial-gradient(50% 46% 90deg,circle closest-corner, #242424, #090909);
				background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#242424), to(#090909));
			}
		
			.glowinput{
				display: block;
				margin: 5px 10px 10px 15px;
				width: 85%;
				background: #111;
				-moz-box-shadow: 0px 0px 4px #000 inset;
				-webkit-box-shadow: 0px 0px 4px #000 inset;
				box-shadow: 0px 0px 4px #000 inset;
								outline: 1px solid #333;
				border: 1px solid #000;
				padding: 5px;
				color: #444;
				font-size: 16px;
			}
			.glowinput:focus{
				outline: 1px solid #555;
				color: #FFF;
			}
			.glowsub{
				color: #999;
border: 1px solid black;
font-weight: lighter;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #45484D;
background: -moz-linear-gradient(top, #222 0%, #111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#111));
-moz-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset;
-webkit-box-shadow: 0px 1px 1px black, 0px 1px 0px rgba(255, 255, 255, .3) inset;
box-shadow: 0px 1px 1px black,0px 1px 0px rgba(255, 255, 255, .3) inset;
text-shadow: 0 1px 1px black;
outline: none;
margin-left: auto;
margin-right: auto;
			}
			#glowsub:hover {
background: -moz-linear-gradient(top, #333 0%, #222 100%);
background: -webkit-linear-gradient(top, #333, #222);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#222));
}
			#glowsub:active {
background: -moz-linear-gradient(top, #111 0%, #333 50%,#111 100%);
background: -webkit-linear-gradient(top, #111, #333,#111);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111), color-stop(50%,#333),color-stop(100%,#111));
}
#capctcha {
margin-top: 30px;
}

#menu {
    position:relative;
    height:32px;
    z-index: 250;
}
#menu .menu { position:absolute; }
#menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu a {
    display:block;
    padding-left:13px;
}
#menu a span {
    display:block;
    padding:6px 14px 10px 2px;
    white-space:nowrap;
}
#menu li {
    float:left;
    background:url(../images/pix.gif);
}
#menu li li { float:none; }
#menu div {
    display:none;
    position:absolute;
    background:url(../images/pix.gif);
    margin-top:-5px;
    width:200px;
}
#menu div ul { position:relative; }
#menu div div {
    margin:-50px 0 0 -6px;
    left:100%;
}
#menu li:hover>div { display:block; }

/** ie7 */
*:first-child+html #menu div div { display:block; top:-9999px; }
*:first-child+html #menu li:hover>div { top:auto; }

#menu div.columns { width:200px; }
#menu div.columns ul {
    float:left;
    width:200px;
    position:static;
}
#menu div.columns a { white-space:normal; }
#menu div.two { width:400px; }
#menu div.two ul.one div { margin-left:-206px; }
#menu div.two ul.two div { margin-left:-6px; }
#menu div.three { width:600px; }
#menu div.three ul.one div { margin-left:-406px; }
#menu div.three ul.two div { margin-left:-206px; }
#menu div.three ul.three div { margin-left:-6px; }
#menu div.four { width:800px; }
#menu div.four ul.one div { margin-left:-606px; }
#menu div.four ul.two div { margin-left:-406px; }
#menu div.four ul.three div { margin-left:-206px; }
#menu div.four ul.four div { margin-left:-6px; }
#menu div.five { width:1000px; }
#menu div.five ul.one div { margin-left:-806px; }
#menu div.five ul.two div { margin-left:-606px; }
#menu div.five ul.three div { margin-left:-406px; }
#menu div.five ul.four div { margin-left:-206px; }
#menu div.five ul.five div { margin-left:-6px; }

#menu a, #menu a span {
    font-size:16px;
    line-height:24px;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:normal;
}
#menu a {
    text-shadow:#222 -1px -1px 0;
    background:url(../images/item.png) no-repeat left -274px;
}
#menu a span { background:url(../images/item.png) no-repeat right -4px; }
#menu li.current>a { background-position:left -319px; }
#menu li.current>a span { background-position:right -94px; }
#menu a.parent span {
    background-position:right -49px;
    padding-right:40px;
}
#menu li.current>a.parent span { background-position:right -139px; }
#menu>ul>li:hover>a, #menu a:hover { background-position:left -364px; }
#menu>ul>li:hover>a span, #menu a:hover span { background-position:right -184px; }
#menu>ul>li:hover>a.parent span, #menu a.parent:hover span {
    background-position:right -229px;
}

#menu div a {
    margin-left:4px;
    padding:4px 0 0 0;
    width:192px;
    background:url(../images/subitem.png) no-repeat 0 top;
}
#menu div a span {
    text-transform:none;
    font-size:14px;
    background:url(../images/subitem.png) no-repeat -384px bottom;
    padding-top:3px;
    padding-left:11px;
    white-space:normal;
}
#menu div a:hover,
#menu div ul>li:hover>a.parent, #menu div ul li a.parent:hover {
    background-color:rgb(54,54,54);
    background-position:-192px top;
}
#menu div a:hover span { background-position:-768px bottom; }
#menu div a.parent span { background-position:-576px bottom; }
#menu div ul>li:hover>a.parent span, #menu div ul li a.parent:hover span { background-position:-960px bottom; }

#menu div {
    background:url(../images/columns.png) no-repeat -200px top;
    padding-top:14px;
}
#menu div ul {
    width:200px;
    background:url(../images/columns.png) no-repeat 0 bottom;
    padding-bottom:17px;
}

#menu div.columns {
    padding-top:0;
    margin-top:9px;
}
#menu div div.columns { margin-top:-36px; }
#menu div.columns>ul {
    padding-top:14px;
    margin-top:-14px;
}
#menu div.two { background-position:-1000px bottom; }
#menu div.three { background-position:-1400px bottom; }
#menu div.four { background-position:-2000px bottom; }
#menu div.five { background-position:-2800px bottom; }
#menu div.columns ul.two,
#menu div.columns ul.three, 
#menu div.columns ul.four,
#menu div.columns ul.five { background-position:-550px top; }
#menu div.columns ul.one { background-position:-400px top; }
#menu div.two ul.two,
#menu div.three ul.three,
#menu div.four ul.four,
#menu div.five ul.five { background-position:-800px top; }

#menu div.columns>ul>li>a {
    margin-left:0;
    width:200px;
}
#menu div.columns>ul.one>li>a {
    margin-left:4px;
    width:196px;
}
#menu div.two>ul.two>li>a,
#menu div.three>ul.three>li>a,
#menu div.four>ul.four>li>a,
#menu div.five>ul.five>li>a {
    width:196px;
}

#menu.active a {
    z-index:780;
    position:relative;
}
#menu.active li { z-index:778; }
#menu.active div div { z-index:781; }
#menu.active div a { position:static; }

#menu.active li.back {
    background:url(../images/item.png) no-repeat left -319px;
    height:40px;
    position:absolute;
    padding:0;
    margin:0;
}
#menu.active li.back .left {
    display:block;
    padding:0;
    width:auto;
    background:url(../images/item.png) no-repeat right -94px;
    height:40px;
    margin:0 5px 0 8px;
    position:relative;
    left:5px;
    
}
#menu.active li.current-back, #menu.active li.current-parent-back { background-position:left -364px; }
#menu.active li.current-back .left { background-position:right -184px; }
#menu.active li.current-parent-back .left { background-position:right -229px; }

#menu.active .spanbox {
    position:absolute;
    display:none;
    background:url(../images/pix.gif);
    margin-top:-5px;
    width:200px;
}
#menu.active div {
    margin-top:0;
    display:block;
    position:relative;
}
#menu.active div .spanbox {
    margin:0 0 0 -6px;
    left:100%;
}
#menu.active .spanbox .spanbox { margin-top:-50px; }
#menu.active .spanbox .spanbox div { margin:-2px 0 0 0; }

/** ie7 */
*:first-child+html #menu.active div div { top:auto; }
*:first-child+html .menu-images-preloading { visibility:hidden; }

#menu.active div.two ul.one .spanbox { margin-left:-206px; }
#menu.active div.two ul.two .spanbox { margin-left:-6px; }
#menu.active div.three ul.one .spanbox { margin-left:-406px; }
#menu.active div.three ul.two .spanbox { margin-left:-206px; }
#menu.active div.three ul.three .spanbox { margin-left:-6px; }
#menu.active div.four ul.one .spanbox { margin-left:-606px; }
#menu.active div.four ul.two .spanbox { margin-left:-406px; }
#menu.active div.four ul.three .spanbox { margin-left:-206px; }
#menu.active div.four ul.four .spanbox { margin-left:-6px; }
#menu.active div.five ul.one .spanbox { margin-left:-806px; }
#menu.active div.five ul.two .spanbox { margin-left:-606px; }
#menu.active div.five ul.three .spanbox { margin-left:-406px; }
#menu.active div.five ul.four .spanbox { margin-left:-206px; }
#menu.active div.five ul.five .spanbox { margin-left:-6px; }
#menu.active div.columns ul .spanbox div { margin-left:0; }

.menu-images-preloading,
.menu-images-preloading div {
    top:0;
    left:0;
    width:4px;
    height:2px;
    opacity:0.1;
    overflow:hidden;
    position:absolute;
}
.menu-images-preloading { width:2px; }
.menu-images-preloading .columns-png { background:url(../images/columns.png) no-repeat; }
.menu-images-preloading .subitem-png { background:url(../images/subitem.png) no-repeat; }

/* ================================================================== */
/* Toolbars
/* ================================================================== */

.leaflet-draw-section {
	position: relative;
}

.leaflet-draw-toolbar {
	margin-top: 12px;
}

.leaflet-draw-toolbar-top {
	margin-top: 0;
}

.leaflet-draw-toolbar-notop a:first-child {
	border-top-right-radius: 0;
}

.leaflet-draw-toolbar-nobottom a:last-child {
	border-bottom-right-radius: 0;
}

.leaflet-draw-toolbar a {
	background-image: url('../images/spritesheet.png');
	background-repeat: no-repeat;
}

.leaflet-retina .leaflet-draw-toolbar a {
	background-image: url('../images/spritesheet-2x.png');
	background-size: 270px 30px;
}

.leaflet-draw a {
	display: block;
	text-align: center;
	text-decoration: none;
}

/* ================================================================== */
/* Toolbar actions menu
/* ================================================================== */

.leaflet-draw-actions {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */
	top: 0;
}

.leaflet-right .leaflet-draw-actions {
	right:26px;
	left:auto;
}

.leaflet-draw-actions li {
	display: inline-block;
}

.leaflet-draw-actions li:first-child a {
	border-left: none;
}

.leaflet-draw-actions li:last-child a {
	-webkit-border-radius: 0 4px 4px 0;
	        border-radius: 0 4px 4px 0;
}

.leaflet-right .leaflet-draw-actions li:last-child a {
	-webkit-border-radius: 0;
	        border-radius: 0;
}

.leaflet-right .leaflet-draw-actions li:first-child a {
	-webkit-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
}

.leaflet-draw-actions a {
	background-color: #919187;
	border-left: 1px solid #AAA;
	color: #FFF;
	font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 28px;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	height: 28px;
}

.leaflet-draw-actions-bottom {
	margin-top: 0;
	white-space: nowrap;
}

.leaflet-draw-actions-top {
	margin-top: 1px;
	white-space: nowrap;
}

.leaflet-draw-actions-top a,
.leaflet-draw-actions-bottom a {
	height: 27px;
	line-height: 27px;
}

.leaflet-draw-actions a:hover {
	background-color: #A0A098;
}

.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
	height: 26px;
	line-height: 26px;
}

/* ================================================================== */
/* Draw toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-draw-polyline {
	background-position: -2px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
	background-position: -31px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
	background-position: -62px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-circle {
	background-position: -92px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-marker {
	background-position: -122px -2px;
}

/* ================================================================== */
/* Edit toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-edit-edit {
	background-position: -152px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove {
	background-position: -182px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
	background-position: -212px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
	background-position: -242px -2px;
}

/* ================================================================== */
/* Drawing styles
/* ================================================================== */

.leaflet-mouse-marker {
	background-color: #fff;
	cursor: crosshair;
}

.leaflet-draw-tooltip {
	background: rgb(54, 54, 54);
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #fff;
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: -21px;
	padding: 4px 8px;
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	z-index: 6;
}

.leaflet-draw-tooltip:before {
	border-right: 6px solid black;
	border-right-color: rgba(0, 0, 0, 0.5);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	content: "";
	position: absolute;
	top: 7px;
	left: -7px;
}

.leaflet-error-draw-tooltip {
	background-color: #F2DEDE;
	border: 1px solid #E6B6BD;
	color: #B94A48;
}

.leaflet-error-draw-tooltip:before {
	border-right-color: #E6B6BD;
}

.leaflet-draw-tooltip-single {
	margin-top: -12px
}

.leaflet-draw-tooltip-subtext {
	color: #f8d5e4;
}

.leaflet-draw-guide-dash {
	font-size: 1%;
	opacity: 0.6;
	position: absolute;
	width: 5px;
	height: 5px;
}

/* ================================================================== */
/* Edit styles
/* ================================================================== */

.leaflet-edit-marker-selected {
	background: rgba(254, 87, 161, 0.1);
	border: 4px dashed rgba(254, 87, 161, 0.6);
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.leaflet-edit-move {
	cursor: move;
}

.leaflet-edit-resize {
	cursor: pointer;
}

/* ================================================================== */
/* Old IE styles
/* ================================================================== */

.leaflet-oldie .leaflet-draw-toolbar {
	border: 3px solid #999;
}

.leaflet-oldie .leaflet-draw-toolbar a {
	background-color: #eee;
}

.leaflet-oldie .leaflet-draw-toolbar a:hover {
	background-color: #fff;
}

.leaflet-oldie .leaflet-draw-actions {
	left: 32px;
	margin-top: 3px;
}

.leaflet-oldie .leaflet-draw-actions li {
	display: inline;
	zoom: 1;
}

.leaflet-oldie .leaflet-edit-marker-selected {
	border: 4px dashed #fe93c2;
}

.leaflet-oldie .leaflet-draw-actions a {
	background-color: #999;
}

.leaflet-oldie .leaflet-draw-actions a:hover {
	background-color: #a5a5a5;
}

.leaflet-oldie .leaflet-draw-actions-top a {
	margin-top: 1px;
}

.leaflet-oldie .leaflet-draw-actions-bottom a {
	height: 28px;
	line-height: 28px;
}

.leaflet-oldie .leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
	height: 27px;
	line-height: 27px;
}
.leaflet-control-search.leaflet-control{z-index:99}.leaflet-control-search a{float:left}.leaflet-control-search.exp{box-shadow:0 1px 7px #999}


.leaflet-control-search .search-input{display:block;float:right;font-size:.85em;background:#fff;border:1px solid #666;border-radius:.35em;height:19px;margin-left:4px;width:100px}
.leaflet-control-search .search-input.load{background:url(../images/loader.gif) no-repeat center right #fff}
.search-button{background:url(../images/search-lightning.png)}
.leaflet-control-search .search-tooltip {
position: absolute;
top: 100%;
left: 0;
float: left;
min-width: 150px;
box-shadow: 0 1px 7px #999;
border-radius: 7px;
background-color: white;
z-index: 1010;
border: 4px solid;
max-height: 8em;
overflow-y: auto;
overflow-x: hidden;
}
.leaflet-control-search .search-tip{font-size:.85em;line-height:1em;margin:.125em;padding:.35em;display:block;border-radius:.25em;text-decoration:none;width:200px;}
.search-alert{color:red;}
.search-tip:hover{
    background:rgba(0,0,0,0.25);
}



.noUiSlider{width:400px;border:1px solid #CCC;height:8px;background:#EEE}.noUi-midBar{height:100%;z-index:0;background:navy;background:-webkit-linear-gradient(left,navy,skyblue);background:-moz-linear-gradient(left,navy,skyblue);background:-ms-linear-gradient(left,navy,skyblue);background:-o-linear-gradient(left,navy,skyblue);background:linear-gradient(left,navy,skyblue)}.noUi-handle>div{position:absolute;width:16px;height:18px;top:-5px;left:-8px;z-index:5;background:black;background:rgba(0,0,0,0.75);cursor:-webkit-grab;cursor:-moz-grab;font-size:6pt;color:white;border-radius:3px}.noui-handle>div>span{margin-top:3px;display:block}Inherited from div.noUi-activeHandle .noUi-handle>div:hover,.noUi-handle>div.noUi-activeHandle{background:black;background:rgba(0,0,0,0.95)}.disabled>.noUi-midBar{background:#999}.disabled .noUi-handle>div{border-color:black;background:#6a6d70}