body, html{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	}
.slippymap{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width: inherit;
	height: inherit;
	outline:1px solid gray;
	}
#mainContent {height :100%; width:100%;}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
	}
	
	/* Loading animation container */
	.loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	}
	
	/* Spinning circle (inner circle) */
	.loading .maskedCircle {
	width: 20px;
	height: 20px;
	border-radius: 12px;
	border: 3px solid white;
	}
	
	/* Spinning circle mask */
	.loading .mask {
	width: 12px;
	height: 12px;
	overflow: hidden;
	}
	
	/* Spinner */
	.loading .spinner {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 26px;
	height: 26px;
	-moz-animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
	-ms-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
	}
	
#map4123{
  height:100%;
  min-height:512px;
  overflow: auto;
}
.varnam4 {
  z-index: 3;
  position:relative;
  top: -85%;
  left: 10px;
  width: 256px;
}
.slippyMap4{
  height:100%;
  position:relative;
  top: 0px;
  left: 0px;
  z-index:1;
  /* width: 512px;
  
  min-height:100%;
  
 min-height:256px;
 min-width:256px;
 max-height:512px;
 max-width:768px;*/
 outline:1px solid gray;
  border:2px solid gray;
}
#maps4{ display:none; height:inherit;width:inherit;}
.slippymapContainer{
	  position:absolute;
	  top:0px;
	  left:0px;
	  z-index:1;
	  width: 100%;
	  height: 100%;
	  outline:1px solid gray;
}

#mapTable td {
  vertical-align: top;
  height:50%;
  max-height:50%;
  min-height:50%;
}
#mapTable tr{
  height:50%;
  max-height:50%;
  min-height:50%;
}

.muutuja{
  	 top:15%;
	 left:80%;
	font-size:1em;
	height:20%;
	width:20%;
	position:absolute;
	z-index:100;
	background-color:transparent;
	opacity:0.5;
	float:left;
	}
.muutuja:hover{
	opacity:0.9;
/*	transform:scale(1.8);
	transition-duration: 1s;
	left:60%;
	width:40%;
	height:40%;
	
	background-color:transparent-white;
	s-index:101;
	float:left;
	align:right;
	*/
}

.muutuja_hover{
/*	transform:scale(1.8);
	transition-duration: 1s;
	left:60%;
	width:40%;
	height:40%;
	*/
}
.muutujavalik{
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.muutujavalik option {
    white-space: nowrap;
    width: 100%
}
.muutujavalik:hover{
/*	width:400px;*/
}
	
.domeen{	width:100%;}	
.varnam{	width:100%;max-width:220px;}
#stats_cb {display:none;}
#upright{
  width:100%;
  white-space:nowrap;
}
.ui-dialog { background-color:rgba(10,10,10,0.2); background:rgba(10,10,10,0.2);}
.ui-dialog:hover { background-color:rgba(10,10,10,0.8); background:rgba(220,220,220,0.8);}
.ui-dialog-titlebar { background:rgba(220,220,220,0.4);}
.ui-dialog-content-e  { background-color:transparent;}
.popupButton  { background-color:rgba(10,10,10,0.3);background:rgba(10,10,10,0.3);}
.popupButton:hover  { background-color:rgb(220,220,220);background:rgb(220,220,220);}
.popupMenu  { background-color:rgba(10,10,10,0.3);background:rgba(10,10,10,0.3);}
.popupMenu:hover  { background-color:rgb(220,220,220);background:rgb(220,220,220);}

header, footer{
	position:fixed;
	left:0;
	right:0;
	width:100%;
	margin: 0;
	padding: 0.21em;
	z-index:2;
	background:#EED;
	}
h1 {
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	}
header{
	border-bottom:2px solid #531;
	top:0;
	}
footer{
	border-top:2px solid #531;
	bottom:0;
	}
.allpaan{
	/*float:right;
	 *	
	 */
	position:relative;
	float:left;
/* 	bottom:20px; */
	z-index:100;
/*	width:810px;
 	height:180px; */
	white-space:nowrap;
	opacity:0.3;
	background-color: transparent;
	padding: 0.5em;
	margin:3px;
/*         wrap:nowrap; */
}	
.allpaan:hover{
	opacity:0.8;
}
#allpaan {	background: transparent;}
.allpaan h3 {   margin: 0; position:absolute; bottom:0; }
#stats_div {   display:none; background-color:transparent;}
#chart_div {   display:none; background-color:transparent;}
#charts_div {  display:none; background-color:transparent;}
.scale {
  background-color: transparent;
}
#popupButtonsLeft { z-index:100;position: absolute; bottom: 0; left: 0; }
#popupButtonsRight { z-index:100;position: absolute; bottom: 0; right: 0; }
.scale:hover {
	opacity:1;
}
.scaleUpperRow{
	/* cellPadding:6;*/
	height:32px;
}
.scaleLowerRow {
	opacity:0.5;
  font-size: 10px;
}
.scaleLowerRow:hover{
  opacity:1;
/*  background-color:white;*/
}
.scaleSelector {
/*	visibility:collapse;*/
  min-width: 30px;
  max-width: 75px;
  font-size: 10px;
}
.scaleSelector:hover {
	visibility:visible;
}
.scaleColor{
  margin-left:0px;
  width:16px;
  margin-right:0px;
}
#scaleTableUnits {     white-space: nowrap; background-color:transparent;}
#unitsSelect { }
#upright  span * {
 float:right;
}

.develop { display:none;}
.translate {  display:none; }
#translateHelp {  display:none; }
.develop-show {   }
.translate-show {   }
.develop-hide {  display:none; }
.translate-hide {   display:none; }

.levelTypeSelector { max-width:30px;}
#levelDiv {
  border: 0; 
 /* height:195px;*/
  text-align:center;
}
#levelsDiv {
  position:relative;
  float:right;
  /*right:17px;
  top:50%;
  height:200px;*/
  border:1px solid #000;
  /*z-index:100;*/
}
#modalDialog {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align:center;
  z-index: 200;
 /* background-image:url(/icons/maskBG.png); */
  background-color: black;
  opacity:0.9;
}

#modalDialog div {
  width:500px;
  margin: 100px auto;
  background-color: #fff;
  border:1px solid #000;
  padding:15px;
  text-align:center;
}
#setupDialog{ width:60%; max-height:800px;overflow:auto; }
.selectable .ui-selecting { background: #FECA40; }
.selectable .ui-selected { background: #F39814; color: white; }
.selectable { list-style-type: none;  }
.selectable li { font-size: 1em; }
.selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.selectable li { margin: 3px; padding: 0.4em; font-size: 1em; height: 4px; }
.selectable { width: 300px; list-style: none; margin: 0; padding: 0; }
.selectable li { background: white; position:relative;margin: 1em 0; padding: 1em; border: 2px solid gray; list-style: none; padding-left: 52px; }
.selectable li .handle { background: #f8f8f8; position: absolute; left: 0; top: 0; bottom: 0; padding:18px; }
.ui-selecting { background: #eee; }
.ui-selecting .handle { background: #ddd; }
.ui-selected { background: #def; }
.ui-selected .handle { background: #cde; }

.ui-progressbar {
  position: relative;
  /*top:center;*/
  /*left:center;*/
  z-index:250;
}
.progress-label {
  position: absolute;
  left: 50%;
  top: 4px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}
#modalDialog [aria-describedby="colorDialog"] {
  background-color:transparent;
  
}
#colorDialog {
  background-color:transparent;
}

#colorDialog div{
  background-color:transparent;
}
#red, #green, #blue, #alphac {
  float: left;
  clear: left;
  width: 300px;
  margin: 15px;
}
#swatch {
  width: 120px;
  height: 100px;
  margin-top: 18px;
  margin-left: 350px;
  background-image: none;
}
#red .ui-slider-range { background: #ef2929; }
#red .ui-slider-handle { border-color: #ef2929; }
#green .ui-slider-range { background: #8ae234; }
#green .ui-slider-handle { border-color: #8ae234; }
#blue .ui-slider-range { background: #729fcf; }
#blue .ui-slider-handle { border-color: #729fcf; }

#logoutForm { display:none;}

/*#pointtool_params { display:none;}
#pathtool_params { display:none;}
*/
#subscribeButton{ display:none;}

#subscribeMeteovolo.it img { border:0;}

#loadingPopup {min-width:320px;}
.ui-tooltip{
  background-color:transparent;
  opacity:0.3;
}

.valitud {background-color:gray; color: blue;}
/* .ui-widget-overlay {background:blue; background-color:gray; opacity:0.5;
 * filter:Alpha(Opacity=30);}*/
.ui-widget-overlay {background:blue; background-color:gray; opacity:0.5;}