html, body {
        height: 100%;
		width: 100%;
        margin: 0px;
        padding: 0px;
		overflow: hidden;
      }
      #map {
        height: 100%;
        width: 100%;
      }
	  
      #biblio {
        height: 0%;
        width: 100%;
		overflow: auto;
		padding:3px;
      }
	#biblio p {
		text-indent:-20px;
		padding-left:20px;
		margin-top:0px;
		margin-bottom:0px;
		}		
	  
      #mapAndTimeline {
		height: 100%;
        width: 100%;
      }	  

      #timelineContainer {
		width:50%;
        left: 25%;
        position: absolute;
        top: 93%;
/*		
        font-family: 'Roboto','sans-serif';
		margin: auto;
        border: 1px solid #999;
*/
        z-index: 999;
        background-color: #fff;
        background-color: rgba(255,255,255,0.0);
        padding: 5px;
        text-align: center;
        line-height: 30px;
        padding-left: 10px;
      }
	  #gridsize {
		  width:15%;
		  float:left;
	  }
	  #between1 {
		  width:2%;
		  float:left;
	  }
	  
      #timeline {
		  width:60%;
		  float: left;
	  }
	  #between2 {
		  width:3%;
		  float:left;
	  }
	  #between3 {
		  width:2%;
		  float:left;
	  }
	  #between4 {
		  width:2%;
		  float:left;
	  }
	  #intervaldiv {
		  width:2%;
		  float:left;
		  margin-top: -1%;
	  }
	  #inputInterval {
		  width:30px;
	  }
	  #steppob {
		  width:4%;
		  float:left;
		  margin-top: -1%;
	  }
	  #steppof {
		  width:3%;
		  float:left;
		  margin-top: -1%;
	  }
	  #play {
		  width:5%;
		  float:left;
		  margin-top: -1%;
	  }


	  #flyout {
		  float:right;
		  position:relative;
		  margin-top: -1%;
/*		  
		  top:-100%;
*/		  
	  }
	  
.noUi-tooltip {
	display: block;
	line-height:1em;
	position: absolute;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
	background: rgba(255,255,255,0.7);
	color: #000;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}
	  
.noUi-handle {
	border: 1px solid #B7B7B7;
	border-radius: 3px;
	background: #DDD;
	cursor: default;
	box-shadow: inset 0 0 1px #DDD,
				inset 0 1px 7px #C9C9C9,
				0 3px 6px -3px #999;
}
.noUi-active {
	box-shadow: inset 0 0 1px #DDD,
				inset 0 1px 7px #BBB,
				0 3px 6px -3px #999;
}	  
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #D7D6D5;
	left: 14px;
	top: 6px;
}