#map-canvas 
{
	width  : 100%;
	height : 100%;
	cursor : move!important;
	cursor : url(../../img/cursors/cursor.png), auto!important;
}

#map-container
{
	position: absolute;
	bottom  : 0px;
	top     : 38px;
	width   : 100%;
}

.leaflet-container .leaflet-control-attribution
{
	top: 0px!important;
	left: 0px!important;
}

.wicon
{
	position : absolute;
	left     : 130px;
	top      : 10px;
}

.temp
{
	font-size : 12;
	position  : absolute;
	left      : 160px;
	top       : 45px;
}

.radial a
{
	width          : 27px!important;
	height         : 27px!important;
	display        : inline-block!important;
	vertical-align : middle;
}


.changelog
{
	position : absolute;
	top      : 80px;
	left     : 45px;
}

.changelog .status:hover
{
	background : #bac1e2;
	color      : #0c0c0c;
}
.changelog .status
{
	position: relative;
	z-index: 2;
	
	color      : #262c3a;
	padding    : 5px;
	box-shadow : 0px -9px 28px 0px rgba(0, 0, 0, 0.5);
	cursor     : pointer;

	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;

	background: rgb(186,193,226);
	background: -moz-linear-gradient(top, rgba(186,193,226,1) 32%, rgba(124,127,150,1) 100%);
	background: -webkit-linear-gradient(top, rgba(186,193,226,1) 32%,rgba(124,127,150,1) 100%);
	background: linear-gradient(to bottom, rgba(186,193,226,1) 32%,rgba(124,127,150,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bac1e2', endColorstr='#7c7f96',GradientType=0 );
}
.changelog.listing .status
{
	background    : #bac1e2;

		background: rgb(186,193,226);
		background: -moz-linear-gradient(top, rgba(186,193,226,1) 32%, rgba(124,127,150,1) 100%);
		background: -webkit-linear-gradient(top, rgba(186,193,226,1) 32%,rgba(124,127,150,1) 100%);
		background: linear-gradient(to bottom, rgba(186,193,226,1) 32%,rgba(124,127,150,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bac1e2', endColorstr='#7c7f96',GradientType=0 );
	color         : #0c0c0c;

	border-radius : 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px!important;
	border-top-right-radius: 5px!important;
}

.changelog .list
{
	display    : none;
	opacity    : 0;
	width      : 560px;	
	height     : 200px;
	overflow   : hidden;
	
	padding    : 5px;
	margin-top : -2px;
	color      : #262c3a;
	background : #fff;
	font-size : 14px;

	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

}
.changelog .list .hint
{

}

.changelog .list table
{
	width     : 100%;
}

.changelog .list table td,
.changelog .list table th
{
	text-align: left;
}

.changelog .list table td:nth-child(1) { width: 80px; }
.changelog .list table td:nth-child(2) { width: 85px; }
.changelog .list table td:nth-child(3) { width: 20px; }


/* skin tab selectable */
/*.leaflet-control-layers-expanded .leaflet-control-layers-list*/
.leaflet-control-layers,
.leaflet-control-layers-expanded.leaflet-control-layers-minimap,
.leaflet-control
{
	position: relative;
	z-index: 3000!important;
}


.leaflet-clickable
{
	/*cursor: crosshair!important;*/
	cursor: url(../../img/cursors/target.png) 25 20, auto!important;
}

.leaflet-container a.leaflet-popup-close-button
{
	padding : 1% 4px 0 0!important;
	font    : 12px/14px Tahoma, Verdana, sans-serif!important;
}

.leaflet-popup-tip
{
	width   : 4px!important;
	height  : 17px!important;
	padding : 1px!important;
	margin  : -15px auto 0px 50%!important;
}

.leaflet-top { top: 35px; }
.leaflet-control-zoomslider-body { display: none; }
.leaflet-control-zoomslider-wrap
{
	padding       : 0px !important;
	border-bottom : none!important;
}



.leaflet-control-container > .leaflet-top{ top: 0!important; }
.leaflet-control-container > .leaflet-bottom{ bottom: 0!important ;}
.leaflet-control-container > .leaflet-right{ right: 0!important ;}
.leaflet-control-container > .leaflet-left{left: 0!important ;}



/* Animates marker movements */
.leaflet-marker-pane > *,
.leaflet-shadow-pane > *
{
/*	-webkit-transition : transform 1.0s linear;
	-moz-transition    : transform 1.0s linear;
	-o-transition      : transform 1.0s linear;
	-ms-transition     : transform 1.0s linear;
	transition         : transform 1.0s linear;*/
}


.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow
{
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg
{
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster { background-clip: padding-box; }
.marker-cluster span { line-height: 30px; }
.marker-cluster div
{
	width           : 30px;
	height          : 30px;
	margin-left     : 5px;
	margin-top      : 5px;
	
	text-align      : center;
	font            : 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.prunecluster
{
	font-size  : 12px;
	transition : all 0.3s linear;
}
.leaflet-marker-icon.prunecluster-anim,
.leaflet-marker-shadow.prunecluster-anim,
.leaflet-markercluster-icon.prunecluster-anim
{ transition: all 0.3s linear; }

.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-icon,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-shadow,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-markercluster-icon
{ transition: transform 0.25s cubic-bezier(0,0,0.25,1); }

.prunecluster div
{
	width         : 30px;
	height        : 30px;
	text-align    : center;
	margin-left   : 5px;
	margin-top    : 5px;
	border-radius : 50%;
}
.prunecluster div span { line-height: 30px; }
.prunecluster-small div span { line-height: 28px; }
.prunecluster-small div
{
	width  : 28px;
	height : 28px;
}
.prunecluster-large div span { line-height: 34px; }
.prunecluster-large div
{
	width  : 34px;
	height : 34px;
}




/*.leaflet-pane .leaflet-marker-pane .tooltip { position : fixed;}
.leaflet-pane .leaflet-marker-pane .tooltip:hover
{
	display  : block;
	position : fixed;
	overflow : hidden;
}*/


/*
	    ____  __    ___    ____  ___________
	   / __ )/ /   /   |  / __ \/ ____/ ___/
	  / __  / /   / /| | / / / / __/  \__ \ 
	 / /_/ / /___/ ___ |/ /_/ / /___ ___/ / 
	/_____/_____/_/  |_/_____/_____//____/  
	                                        
*/


.rotor-ahead,
.rotor
{
	display  : block;
	position : absolute;
	top      : -8%;
	left     : 0;
	margin   : 0% auto;
	width    : 100%;
	height   : 100%;
}

.rotor-ahead { margin-top: 51%; }

.blade
{
	display : block;
	margin  : 0% auto;
	width   : 70%!important;
	height  : 70%!important;
	-webkit-animation:fan 80s linear infinite; 
	-moz-animation:   fan 80s linear infinite;
	-ms-animation:    fan 80s linear infinite; 
	-o-animation:     fan 80s linear infinite; 
	animation:        fan 80s linear infinite;
}

@keyframes fan {
	0%   {transform: rotate(0deg) }
	100% {transform: rotate(36000deg)}
}
@-moz-keyframes fan {
	0%   {-moz-transform: rotate(0deg)}
	100% {-moz-transform: rotate(36000deg)}
}
@-webkit-keyframes fan {
	0%   {-webkit-transform: rotate(0deg)}
	100% {-webkit-transform: rotate(36000deg)}
}
@-o-keyframes fan {
	0%   {-o-transform: rotate(0deg)}
	100% {-o-transform: rotate(36000deg)}
}
@-ms-keyframes fan {
	0%   {-ms-transform: rotate(0deg)}
	100% {-ms-transform: rotate(36000deg)}
}


/*
	  _________    ____  _______________________   ________
	 /_  __/   |  / __ \/ ____/ ____/_  __/  _/ | / / ____/
	  / / / /| | / /_/ / / __/ __/   / /  / //  |/ / / __  
	 / / / ___ |/ _, _/ /_/ / /___  / / _/ // /|  / /_/ /  
	/_/ /_/  |_/_/ |_|\____/_____/ /_/ /___/_/ |_/\____/   
	                                                       
*/
.square
{
	position   : absolute;
	width      : 2px;
	height     : 2px;
	background : yellow;
}

.dot
{
	position      : absolute;
	z-index       : 1000000!important;
	height        : 0;
	width         : 0;
	border-radius : 5000px;
}
.dot:before,
.dot:after
{
	content       : " ";
	position      : absolute;
	height        : 0px;
	width         : 0px;
	top           : 50%;
	left          : 50%;

	border-radius : inherit;
	transform     : translate(-50%, -50%);
	animation     : pulseInner 2s infinite ease-out;
}
.dot:after
{
	height     : 7px;
	width      : 7px;
	animation  : pulseOuter 2s infinite ease-out;
}

/*
	To manage keyframe from javascript
	http://stackoverflow.com/questions/5105530/programmatically-changing-webkit-transformation-values-in-animation-rules
*/

@keyframes pulseInner
{
	0%
	{
		height  : 0;
		width   : 0;
		opacity : 1;
	}

	20%
	{
		opacity : 0.25;
	}


	95%
	{
		height  : 75px;
		width   : 75px;
	}

	100%
	{
		opacity : 0;
	}
}
@keyframes pulseOuter
{
	0%
	{
		height  : 7px;
		width   : 7px;
		opacity : 1;
	}

	20%
	{
		opacity : 0.25;
	}

	100%
	{
		height  : 125px;
		width   : 125px;
		opacity : 0;
	}
}


[class^='t_'] canvas
{
	position: absolute;
	z-index: 5;
}

.cross
{
	height                     : 1px;
	position                   : absolute;
	left                       : 50%;
	top                        : 50%;
	
	-webkit-transform-style    : preserve-3d;
	-moz-transform-style       : preserve-3d;
	transform-style            : preserve-3d;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility   : hidden;
	backface-visibility        : hidden;
	
/*	-webkit-font-smoothing     : antialiased;
	-moz-font-smoothing        : antialiased;
	font-smoothing             : antialiased;*/


}

.cross > [id^='a_']
{
	display                : none;
	position               : absolute;
	background-color       : white;
	top                    : 21px;
	left                   : -25px;
	z-index                : 9999999;
	word-break             : keep-all;
	white-space            : nowrap;
	font-weight            : bold;
	padding                : 5px;

}

.cross .lat
{
	display     : inline-block;
	position    : absolute;
	left        : -5000px;
	width       : 10000px;
	height      : 1px;
}

.cross .lat > span
{
	position    : relative;
	top         : 8px;
	left        : 5070px;
	white-space : pre-wrap;
	word-break  : break-word;
	word-wrap   : normal;
	font-family : "clock";
	font-size   : 15px;
	color       : lime;
}

.cross .lng
{
	display    : inline-block;
	position   : absolute;
	top        : -5000px;
	height     : 10000px;
	width      : 1px;
}

.cross .track
{
	display       : inline-block;
	width         : 100px;
	position      : absolute;
	z-index       : -21;
	left          : -50px;
	top           : -50px;
	border-radius : 50%;
	height        : 100px;
}

.cross .dir
{
	position          : absolute;
	width             : 60px;
	height            : 60px;
	top               : 0px;
	left              : 0px;
	
	font-size         : 10px;
	text-indent       : -9999em;

	border-radius     : 50%;
	-webkit-transform : translateZ(0);
	-ms-transform     : translateZ(0);
	transform         : translateZ(0);
}

/*
	    ____  ___    ____  ___    ____ 
	   / __ \/   |  / __ \/   |  / __ \
	  / /_/ / /| | / / / / /| | / /_/ /
	 / _, _/ ___ |/ /_/ / ___ |/ _, _/ 
	/_/ |_/_/  |_/_____/_/  |_/_/ |_|  
	                                   
*/

[class*='name_'] > div
{
	text-transform : uppercase;
	text-align     : center;
}


[title^='r_'] canvas
{
	position: absolute;
	top: -9px;
}

[title^='r_'] canvas ~ .label
{
	display           : block;
	left              : 50%;
	top               : 50%;
	position          : absolute;
	-webkit-transform : translateY(-50%) translateX(-50%);
	-moz-transform    : translateY(-50%) translateX(-50%);
	-ms-transform     : translateY(-50%) translateX(-50%);
	transform         : translateY(-50%) translateX(-50%);
}

/*<!--[if lte IE 8]>
[title^='r_']
{
	position : relative!important;
	overflow : hidden!important;
}

[title^='r_'] canvas ~ .label
{
	position : absolute;
	top      : -9999px;
	bottom   : -9999px;
	left     : -9999px;
	right    : -9999px;
	margin   : auto;
}
<![endif]-->*/

[title^='r_'] .label > span
{
	display   : inline-block;
	position  : relative;
	padding   : 0px 5px;
	min-width : 10px;
	min-height: 1px;
    /* font-family: "imagine"; */
    /* font-weight: bold; */
}