#earth{
	width:50%;
	margin-left:50%;
	border-left: 2px solid #fff;
	box-sizing: border-box;
	position:relative
}
.left{
	width:50%;
	float:left;
	background:#000;
}
#year{
	border-bottom: 2px solid #fff;
	position:relative
}
#place{
	position:relative
}
.yearstatus_slider input{
	display:none
}
.yearstatus_slider .ui-slider-track{
	margin:0 15px;
}

.app__title{
	position:absolute;
	left:10px;
	top:10px;
	padding:10px;
	border-radius: 5px;
	background:rgba(255,255,255,1);	
}
.app__title h3{
	padding:0;
	margin:0;
	font-weight: 800;
}
.earth__control{
	position:absolute;
	right:10px;
	top:10px;
}
.app__legend{
	position:absolute;
	left:10px;
	bottom:10px;;
	padding:5px 10px;
	border-radius: 5px;
	background:rgba(255,255,255,0.8)
}
.earth__legend__line{
	vertical-align: middle;
	height:5px;
	width:30px;
	display:inline-block
}
.app__legend fieldset{
	margin-bottom: 0;
}
.app__legend .ui-btn{
	padding-top:5px;
	padding-bottom: 5px
}

.app__time{
	position:absolute;
	right:10px;
	top:10px;;
	padding:10px;
	border-radius: 5px;
	background:rgba(255,255,255,0.8);
	font-size:20px
}