@font-face {
  font-family: 'icons';
  src:
    url('fonts/icons.woff2?vqurbj') format('woff2'),
    url('fonts/icons.ttf?vqurbj') format('truetype'),
    url('fonts/icons.woff?vqurbj') format('woff'),
    url('fonts/icons.svg?vqurbj#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  overflow: hidden;
  font: 14px "Times New Roman", Times, serif;
  letter-spacing: normal;
  background: #3A2C1F;
}
h1, h2, h3, h4 {
  letter-spacing: normal;
  font-weight: bold;
}
a, a:hover{
  color: #76A3A3;
}

input, select, button {
  font: 1em "Times New Roman", Times, serif;
}
textarea:focus, input:focus{
  outline: none;
}

/* HEADER */

#header{
  right: auto;
  width: 480px;
  color: #F3F2E5;
  text-align: right; font-size: 100%;
  padding:0; margin:0;
  padding-top:10px;
  background-color: transparent;
}

h2, h1 { color: #76A3A3; font-size:100%; };

#header *, #header a * {
  margin:0; padding:0; outline:0; border:0;
  font-size:100%;
}

#header h1, #header h2 { padding:0; margin:0;}

#header h2 a {
  color: #F3F2E5;
  font-variant: small-caps;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  padding: 0; margin:0;
}

#header h1 a {
  color: #F3F2E5;
  font-size: 31px;
  font-style: italic;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  padding: 0; margin:0;
}

#header_content { height: 80px; background: #251807 url(http://start.georeferencer.com/rumsey/img/sprite.png) no-repeat scroll left center; background-position: 0 -148px; border-bottom: 1px solid #766554; }

#libraries{
  display: none;
}

#content_title {
  color: #F3F2E5;
  font-variant: small-caps;
  font-weight: bold;
  background: #8b7159;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(25%, #9b8472), color-stop(100%, #8c7159));
  background-image: -webkit-linear-gradient(#9b8472 25%, #8c7159 100%);
  background-image: -moz-linear-gradient(#9b8472 25%, #8c7159 100%);
  background-image: -o-linear-gradient(#9b8472 25%, #8c7159 100%);
  background-image: linear-gradient(#9b8472 25%,#8c7159 100%);	padding: 6px 10px 0px 10px;
  height: 30px;
  font-size: 19px;
  border-radius: 6px;
}

#content {
  top: 91px;
  bottom: 10px;
  left: 10px;
  right: 350px;
  background: #251807;
  border-radius: 6px;
  min-height: 1px;
  color: #AAA;
}

#map{
  top: 82px;
  left: 10px;
  right: 10px;
  bottom: 165px;
}

#mapheader{
  padding-top: 6px;
}

#overview_map {
  bottom: 145px;
  right: 10px;
}

.mapcontrol {
  top:140px;
  left: 10px;
  font-family: 'icons';
  font-size: 22px;
  padding: 5px 0 0 0;
  height: 28px;
}

#map_minus {
  top:177px;
}
#map_select {
  top: 214px;
  font-size: 17px;
  padding: 7px 0 0 0;
  height: 24px;
}

.mapbounds_fill{
  opacity: 0.3 !important;
}

.item-bbox-overlay{
  border: 3px solid #D49657;
}

/* Geocoder */
#geocoderdiv {
  float:right;
  top: 5px;;
  height: 16px;
}
#geocodersubmit, .btn {
  font-family: 'Times New Roman', Times, serif !important;
  font-size: 15px !important;
  background: #c1773e !important;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c1773e), color-stop(100%, #a35331)) !important;
  background-image: -webkit-linear-gradient(left, #c1773e,#a35331) !important;
  background-image: -moz-linear-gradient(left, #c1773e,#a35331) !important;
  background-image: -o-linear-gradient(left, #c1773e,#a35331) !important;
  background-image: linear-gradient(left, #c1773e,#a35331) !important;
  border: 1px solid #7d654f !important;
  color: #f3f2e5;
  border-radius: 3px;
  height:25px;
  padding-right:10px;
  padding-left:10px;
  display: inline-block;
  right: 0;
  margin: 0;
}
#geocodersubmit:hover, .btn:hover{
  cursor: pointer;
  background: #c27046;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d49657), color-stop(100%, #c27046)) !important;
  background-image: -webkit-linear-gradient(left, #d49657,#c27046) !important;
  background-image: -moz-linear-gradient(left, #d49657,#c27046) !important;
  background-image: -o-linear-gradient(left, #d49657,#c27046) !important;
  background-image: linear-gradient(left, #d49657,#c27046) !important;
}
#placesearch {
  width:250px;
  padding:4px 8px;
  border: 0px;
  height:16px;
  background-color: #EEEAE3;
  margin-right: 8px;
  font-size: 16px;
}

.btn, .btn:hover{
  text-decoration: none;
  line-height: 25px;
  color: #fff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #444;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #444;
  opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #444;
  opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #444;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #444;
}

/* Timeline */
#timeline{
  outline: none;
  height: 15px;
  width: 70%;
}
#timeline div.thumb{
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid #D49657;
  border-radius: 3px;
  top: -2px;
  left: 16px;
  background: #B45A34 50% 50% repeat-x;
  font-weight: bold;
  color: #1d5987;
  outline: none;
}

#timeline .goog-twothumbslider-value-thumb span,
#timeline .goog-twothumbslider-extent-thumb span{
  border: 1px solid #7D654F;
  background: #EEEAE3 50% bottom repeat-x;
  color: #222;
  border-radius: 3px;
  bottom: 45px;
  padding: 2px;
}

#timeline .goog-twothumbslider-value-thumb span::after,
#timeline .goog-twothumbslider-extent-thumb span::after{
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #EEEAE3;
  position: absolute;
  top: 20px;
  left: 20px;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {
  border-left: 7px dashed transparent;
  border-right: 7px dashed transparent;
  border-top-width: 8px;
  bottom: -8px;
  right: auto;
  left: 50%;
  margin-left: -7px;
  border: 1px solid #7D654F;
}
#timeline .goog-twothumbslider-rangehighlight{
  background: #8C7463;
  height: 6px;
}

#timeline .goog-twothumbslider-range {
  height: 6px;
  border-radius: 3px;
}

.hidden{
  visibility: hidden;
}

#textsearch{
  line-height: 24px;
}

#textsearch label{
  padding-left: 5px;
}

#fulltext{
  padding: 1px 8px;
  font-size: 16px;
  width: 200px !important;
}

/* result list */
#results {
  top: 141px;
  bottom: 40px;
  width: 340px;
  background-color: #544535 !important;
  background-image: linear-gradient(#544535 0%,#3a2c1f 400px);
  padding-top: 2px;
}

#results_header{
  position: absolute;
  top: 91px;
  right: 0;
  width: 340px;
  z-index: 105;
  background-color: #544535 !important;
}

#results_header h2{
  font-size: 24px;
  margin: 5px 0 0 10px;
  padding: 10px 0 8px 0;
  border-bottom: 1px solid #392B1E;
  font-weight: normal;
}


.item{
  background: transparent;
  border: none;
  color: #C3B9AD;
  border: 2px solid transparent;
  padding: 5px;
  min-height: 70px;
  cursor: pointer;
}

.item:hover, .item.active {
  background-color: transparent;
  border: 2px solid #A84E2E;
}

.item img{
  float:left;
  width:60px;height:60px;
  margin-right:10px;
}

.item h3{
  color: #76A3A3;
  padding: 0;
  margin: 0;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item_wrapper {
  padding-left: 10px;
  width: 215px;
  float: right;
}

.item_wrapper span{
  font-size: 13px;
}

#footer{
  position: absolute;
  left: auto;
  width: 340px;
  font-size: 10px;
  background: transparent;
  color: #C3B9AD;
}


#detail {
  position:absolute;
  left: 20px;
  right: 360px;
  bottom: 15px;
  height: 120px;
  background: #251807;
  padding: 20px 20px 20px 0;
  display: none;
  z-index: 15;
  color: #C3B9AD;
}

#detail.visible {
  display:block;
}

#detail  .detail-image {
  float:left;
  margin-right:20px;
  position:relative;
  cursor:pointer;
}
#detail  .detail-image img {
  width:130px;
  height:130px;
}
#detail  h1 {
  margin-top: 0;
  padding-right: 50px;
  font-size: 24px;
}
#detail  .detail-close {
  position: absolute;
  top: 8px;
  right: 10px;
  text-decoration: none;
  font-size: 20px;
}
#detail  .detail-action{
  position: absolute;
  right: 10px;
  bottom: 10px;
}


#detail-map {
  position:absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: #3A2C1F;
  display: none;
  z-index: 20;
  border-radius: 6px;
  z-index: 120;
  box-shadow: 0px 0px 26px 5px rgba(0,0,0,0.75);
}
#detail-map.visible {
  display:block;
}
#detail-map-content {
  width:100%;
  height:100%;
}

.map-dragzoom {border:2px solid #00f;}
.map-controls{-webkit-box-shadow:0px 0px 3px 0px rgba(132,135,136,0.3);-moz-box-shadow:0px 0px 3px 0px rgba(132,135,136,0.3);box-shadow:0px 0px 3px 0px rgba(132,135,136,0.3)}.map-controls.horizontal a{display:inline-block}.map-controls.top-left{position:absolute;top:25px;left:0}.map-controls.top-right{position:absolute;top:25px;right:0}.map-controls.left{position:absolute;top:50%;left:11px}.map-controls.right{position:absolute;top:50%;right:0}.map-controls.bottom-left{position:absolute;bottom:25px;left:0}.map-controls.bottom-right{position:absolute;bottom:25px;right:0}.map-controls .hidden,.map-controls.hidden{display:none}.map-controls .visible,.map-controls.visible{display:inline !important}.map-controls .tooltip{position:absolute;left:37px;margin-top:-37px;height:36px;width:300px;display:block;vertical-align:middle;line-height:36px;padding:0 10px;background-color:rgba(255,255,255,0.6);z-index:10}.map-controls a,.ol-control button{font-family:'icons';display:block;position:relative;color:#c0763d;background:#fff;text-decoration:none;width:36px;height:36px;font-size:21.6px;line-height:36px;text-align:center;font-weight:bold;margin:-1px 0;z-index:2;font-weight:bold;cursor:pointer;z-index:10;border:1px solid #aab1b8}.map-controls a.primary,.ol-control button.primary{color:#fff;background:#c0763d;border:1px solid #c0763d}.map-controls a.primary:hover,.map-controls a.primary:active,.map-controls a.primary:focus,.ol-control button.primary:hover,.ol-control button.primary:active,.ol-control button.primary:focus{color:#fff;background:#c0763d;border:1px solid #c0763d}.map-controls a:hover,.map-controls a:active,.map-controls a:focus,.ol-control button:hover,.ol-control button:active,.ol-control button:focus{color:#c0763d;background:#fff;border:1px solid #aab1b8}.map-controls a .disabled,.map-controls a.disabled,.ol-control button .disabled,.ol-control button.disabled{background-color:#e6e6e6}.map-controls a span:first-child,.ol-control button span:first-child{display:none}.map-controls a span:last-child,.ol-control button span:last-child{display:block}.map-controls a .enabled,.map-controls a.enabled,.ol-control button .enabled,.ol-control button.enabled{color:#c0763d;background:#fff;border:1px solid #c0763d;z-index:12}.map-controls a .enabled span:first-child,.map-controls a.enabled span:first-child,.ol-control button .enabled span:first-child,.ol-control button.enabled span:first-child{display:block}.map-controls a .enabled span:last-child,.map-controls a.enabled span:last-child,.ol-control button .enabled span:last-child,.ol-control button.enabled span:last-child{display:none}.ol-control,.ol-control:hover{background-color:transparent;border-radius:0;padding:0}.ol-scale-line{background:transparent}.ol-scale-line-inner{border:1px solid #fff;border-top:none;color:#fff}
.detail-map-close{
  right: 10px;
  top: -13px;
}

/* OPACITY SLIDER */
#opacity-slider {
  position:absolute;
  top: 100px;
  right: 15px;
  width: 120px;
  display: none;
  vertical-align: middle;
  border-bottom: 3px solid #392B1E;
  margin-right: 10px;
}

#opacity-slider.visible {
  display:inline-block;
}
#opacity-slider .goog-slider-thumb {
  position: absolute;
  background: #B45A34;
  top: -6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

/* Geocoder */
.ac-renderer{
  background: #544535 !important;
  border: none;
}
.ac-row{
  color: #C3B9AD;
}
.ac-row.ac-active{
  background: #251807;
}