@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700);

.ol-attribution {
  max-width: calc(100%-3em);
}
#tags {
  display: none;
}


.navbar-inverse .navbar-inner {
  background: #1F6B75;
}
.navbar-inverse .brand {
  color: white;
  padding: 5px;
}
#palette {
  width: 745px ;
  margin-left: left ;
  margin-right: auto ;
  position: relative;
  #top:-35px;
}
#legend {
  margin-left: auto;
  margin-right: auto ;
  width : 70%;
  position: relative;
  bottom:15px;
  left:20px;
}
#palette0 {
  width: 745px ;
  height: 40px ;
  margin-left: auto;
  margin-right: auto ;
  width : 70%;
  position: relative;
  bottom:15px;
  z-index: 3
}

#controls {
  height: 40px ;
  margin-left: auto ;
  margin-right: auto ;
  top:-35px;
}
#start {
  position: relative;
  left:20px;
}
#left {
  position: relative;
  left:15px;
}
#right {
  position: relative;
  left:15px;
}
#stop {
  position: relative;
  left:15px;
}
#newslider {
  position: relative;
  left:20px;
  display:none;
}

#slider {
  position: relative;
  left:20px;
}
#isodate {
  font-family: monospace;
  position: relative;
  margin-left:35px;
  font-size:13px;
}
#newisodate                       {
  font-family: monospace;
  position: relative;
  top:8px;
}

#key {
    line-height:20px;
    text-align: right;
    float:left; width: 10%;
    padding:5px; 
}