body {
  font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

p {
	letter-spacing: 1px !important;
}

/* indexes */

#pastmap-map-toolbox {
	z-index:1;
}

#pastmap-map-footer-top,
#pastmap-map-footer {
	z-index:2;
}

#pastmap-map-footer-top-overlay {
	z-index:3;
}

#pastmap-map-footer-top-inner,
#pastmap-map-sidebar {
	z-index:4;
}

.pastmap-map-sidebar-box .pastmap-map-form-label {
	z-index:5;
}

.pastmap-map-sidebar-tab {
	z-index:6;
}

#pastmap-map-full-popup {
	z-index:7;
}

#pastmap-map-full-popup-close {
	z-index:8;
}

#pastmap-map-protective-screen {
	z-index:9;
}

#pastmap-map-message {
  z-index:10;
}

/* toolbox */

#pastmap-map-toolbox {
	position:absolute;
	top:20px;
	right:20px;
	font-size:0.7em;
}

#pastmap-map-toolbox-inner {
	padding:5px;
}

#pastmap-map-toolbox-inner img {
	cursor:pointer;
}

.pastmap-map-toolbox-text {
	display:block;
	padding:0 0 10px 0;
}

.pastmap-map-toolbox-icons {
	display:block;
}

.pastmap-map-toolbox-icon {
	margin-right:5px;
	display:inline-block;
	cursor:pointer;
	height:16px;
	width:16px;
}

.pastmap-map-toolbox-box {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #e2e3e4;
}

.pastmap-map-toolbox-box .pastmap-map-toolbox-icon {
	display:block;
	margin-bottom:10px;
	width:auto;
	padding-left:24px;
	padding-top:2px;
}

#pastmap-map-user-message {
  position:absolute;
	top:20px;
	left:380px;
  right:160px;
  padding:10px;
  background-color:#fff;
  max-height:200px;
  overflow-y:auto;
}

#pastmap-map-user-message-title {
  color:red;
  font-weight:bold;
}

#pastmap-map-user-message-body {
  color:red;
}

#pastmap-map-zoom-in {
	background: url('images/05 ZOOM IN.png') left/16px 16px no-repeat;
}

#pastmap-map-zoom-out {
	background: url('images/06 ZOOM OUT.png') left/16px 16px no-repeat;
}

#pastmap-map-pan {
	background: url('images/07 PAN.png') left/16px 16px no-repeat;
}

#pastmap-map-rotate {
	background: url('images/19 UP ARROW.png') left/16px 16px no-repeat;
}

#pastmap-map-geolocate {
	background: url('images/09 PINPOINT.png') left/16px 16px no-repeat;
}

#pastmap-map-draw-single-button {
	background: url('images/01 SELECT.png') left/16px 16px no-repeat;
}

#pastmap-map-draw-circle-button {
	background: url('images/02 CIRCLE SELECT.png') left/16px 16px no-repeat;
}

#pastmap-map-draw-polygon-button {
	background: url('images/04 FREE SELECT.png') left/16px 16px no-repeat;
}

#pastmap-map-draw-clear-button {
	background: url('images/13 DESELECT.png') left/16px 16px no-repeat;
}

#pastmap-map-draw-refresh-button {
	background: url('images/refresh.png') left/16px 16px no-repeat;
}

#pastmap-map-draw-refresh-button.pastmap-map-blink-on {
	background: url('images/refresh_hl.png') left/16px 16px no-repeat;
}


/* misc */

#pastmap-map-message {
  position:absolute;
  top:10px;
  color:red;
  background-color:#fff;
  padding:10px;
  margin:10px;
}

#pastmap-map-footer-links {
	position:absolute;
	bottom:23px;
	right:320px;
}

#pastmap-map-footer-links a {
	padding-right:10px;
}

#pastmap-map-hes-logo {
	position:absolute;
	bottom:15px;
	right:260px;
	height:30px;
	width:220px;
	background: url('images/hes_horizontal_mono.png') left/220px 30px no-repeat;
}

#pastmap-map-smr-logo {
	position:absolute;
	bottom:10px;
	right:50px;
	height:34px;
	width:140px;
	background: url('images/HER GRAY AND TEXT.png') left/140px 34px no-repeat;
}

.pastmap-map-icon {
	height:16px;
	width:16px;
}

#pastmap-map-search-icon {
	background: url('images/14 SEARCH.png') left/16px 16px no-repeat;
}

#pastmap-map-help-icon {
	background: url('images/10 HELP.png') left/16px 16px no-repeat;
}

#pastmap-map-data-layers-icon,
#pastmap-map-base-layers-icon {
	background: url('images/15 LAYERS.png') left/16px 16px no-repeat;
}

#pastmap-map-sidebar-back {
	background: url('images/18 LEFT ARROW.png') left/16px 16px no-repeat;
}

#pastmap-map-container {
	position:absolute;
	top:0;
	bottom:60px;
	left:0;
	right:0;
}

#pastmap-map-protective-screen {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
}

#pastmap-map-footer-top {
	position:absolute;
	bottom:60px;
	left:0;
	right:0;
	height:20px;
}

#pastmap-map-footer-top-inner,
#pastmap-map-footer-top-overlay {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:20px;
}

#pastmap-map-footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:60px;
	font-size:0.8em;
}

#pastmap-map-sidebar {
	font-size:0.9em;
	position:absolute;
	top:0;
	bottom:0;
	-webkit-transition: left 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: left 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: left 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: left 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

#pastmap-map-sidebar-logo-container {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:74px;
}

#pastmap-map-sidebar-logo {
	padding:16px 60px;
}

#pastmap-map-sidebar-open {
	left:0;
	background: #fff url('images/24 LEFT.png') center/16px 16px no-repeat;
}

#pastmap-map-sidebar-close {
	background: #fff url('images/25 RIGHT.png') 40% 50%/16px 16px no-repeat;
}

#pastmap-map-sidebar-inner {
	position:relative;
	height: 100%;
	margin:0;
	padding:74px 0 0 0;
	overflow-y:auto;
	overflow-x:hidden;
}

#pastmap-map-masthead-logo {
	height:45px;
	width:200px;
	cursor: pointer;
	background: url('images/PASTMAP LOGO BROWN.png') left/200px 45px no-repeat;
}

#pastmap-map-base-layers {
	margin-bottom:20px;
}

#pastmap-map-sidebar-content-container {
	position:relative;
	overflow:hidden;
}

#pastmap-map-sidebar-content-container #pastmap-map-sidebar-back {
	cursor:pointer;
}

#pastmap-map-sidebar-content-container .pastmap-map-sidebar-content {
	padding:20px 60px;
}

#pastmap-map-legend { }
.pastmap-map-legend-icon { display: inline-block; }
.pastmap-map-legend-label { display: inline-block; margin-left: 2em;}


#pastmap-map-full-popup {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:80px;
	background-color:#fff;
}

#pastmap-map-full-popup-loading {
	position:absolute;
	top:20px;
	left:20px;
}

#pastmap-map-full-popup-close {
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer;
	height:30px;
	width:30px;
	background: url('images/CLOSE GREY.png') left/30px 30px no-repeat;
}

#pastmap-map-full-header {
	position:relative;
	overflow:hidden;
	height:100px;
	width:100%;
	display: block;
}

#pastmap-map-full-logo {
	position:absolute;
	bottom:20px;
	left:0;
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	height:45px;
	width:200px;
	cursor: pointer;
	background: url('images/PASTMAP LOGO BROWN.png') left/200px 45px no-repeat;
}

#pastmap-map-full-icons {
	position:absolute;
	bottom:20px;
	right:0;
}

#pastmap-map-footer-left {
	position:absolute;
	bottom:22px;
	left:0;
}

#pastmap-map-footer-left .pastmap-map-inline {
	padding-left:10px;
}

#pastmap-map-report-table {
	margin-bottom:80px;
	font-size:0.9em;
}

#pastmap-map-copyright {
	position:absolute;
	left:0;
	font-size:0.8em;
	bottom:2px;
	padding-left:10px;
}

#pastmap-map-tile-loading-message {
	position:absolute;
	right:0;
	font-size:0.8em;
	bottom:2px;
	padding-right:10px;
}

.pastmap-map-inline {
	display:inline-block;
}

#pastmap-map-scale .ol-scale-line .ol-scale-line-inner {
	text-align:center;
}

.pastmap-map-sidebar-box {
	padding:20px 20px 0 20px;
	position:relative;
	overflow:hidden;
}

.pastmap-map-sidebar-box-inner {
	margin-bottom:20px;
}

.pastmap-map-sidebar-box-title {
	margin-bottom:40px;
}

.pastmap-map-sidebar-content-textbox {
	margin-bottom:20px;
}

.pastmap-map-sidebar-content-textbox p {
	margin:0;
	padding:0 0 5px 0;
}

.pastmap-map-sidebar-tab {
	position:absolute;
	height:36px;
	width:36px;
	top:45%;
}

#pastmap-map-sidebar.open {
	left:0px !important;
}

.pastmap-map-info-icon {
	cursor:pointer;
	padding-bottom:2px;
}

h3 .pastmap-map-info-icon {
	margin-left:10px;
	vertical-align:top;
}

.pastmap-map-layer-spinner {
	height:12px;
	width:12px;
	margin:0 auto;
	background: url('images/loader-sm-alt.gif') left no-repeat;
}

.pastmap-map-row {
	position:relative;
}

.pastmap-map-col {
	display:inline-block;
}

.pastmap-map-col-search-full {
	width: 100%;
}

.pastmap-map-col-search-left {
	width: 30%;
}

.pastmap-map-col-search-right {
	width: 68%;
}

#pastmap-map-form {
	margin-bottom:10px;
	margin-left:40px;
}

.pastmap-map-form-label {
	position:absolute;
	top:2px;
}

.pastmap-map-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	margin-bottom:10px;
	width: 100%;
}

.pastmap-map-form-control {
	display: table-cell;
	position: relative;
	float: left;
	width: 100%;
	height: 22px;
	padding:0 5px;
	margin-bottom: 0;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.pastmap-map-input-group-btn {
	display: table-cell;
	position: relative;
	font-size: 0;
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	border-radius: 0;
}

.pastmap-map-search-btn {
	background-color: #5C3700;
	border: 1px solid #5C3700;
	color: #fff;
	text-decoration: none;
	margin-bottom: 0;
	font-weight: normal;
	border-radius: 0;
	display: inline-block;
	font-size: 14px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	width: 20px;
	height: 22px;
	padding: 1px 6px;
	position: relative;
}

.pastmap-map-search-btn-glyphicon {
	position: relative;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	left: -4px;
	top: 0px;
}

.pastmap-map-img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.pastmap-map-placename-btn {
	background-color: #5C3700;
	border: 1px solid #5C3700;
	color: #fff;
	text-decoration: none;
	margin-bottom: 0;
	font-weight: normal;
	border-radius: 0;
	display: inline-block;
	font-size: 14px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	padding: 1px 6px;
	position: relative;
}

/* pastmap-map-sidebar-top */

.pastmap-map-sidebar-top {
	position: relative;
	overflow:hidden;
	height:60px;
	background-color:#fff;
}

.pastmap-map-sidebar-top span {
	position:absolute;
	top:20px;
	left:60px;
}

/* pastmap-map-sidebar-title */

.pastmap-map-sidebar-title {
	position: relative;
	overflow:hidden;
	
	background-color:#efefef;
}

.pastmap-map-sidebar-title .pastmap-map-sidebar-info-icon {
	position:absolute;
	top:20px;
	right:40px;
}

.pastmap-map-sidebar-title h3 {
	padding:20px 20px 10px 60px;
}

.pastmap-map-sidebar-title .pastmap-map-sidebar-title-icon {
	position:absolute;
	top:20px;
	left:20px;
	margin:0;
	padding:0;
}

.pastmap-map-sidebar-title .pastmap-map-sidebar-title-icon img {
	margin:0;
	padding:0;
	text-align:left;
}

/* pastmap-map-layer-selector */

.pastmap-map-layer-selector {
	position: relative;
    /*
	overflow:hidden;
	height:40px;
    */
}

.pastmap-map-layer-selector .pastmap-map-layer-info {
	position:absolute;
	top:0;
	right:0;
	background: url('images/info.png') left no-repeat;
	height:16px;
	width:16px;
	cursor:pointer;
	padding-bottom:2px;
}

.pastmap-map-layer-selector .pastmap-map-layer-label {
	/* position:absolute; */
	position: relative;
	top:0;
	left:40px;
}

.pastmap-map-layer-selector .pastmap-map-layer-message,
.pastmap-map-layer-selector .pastmap-map-layer-spinner {
	/* position:absolute; */
	position: relative;
	/* top:20px; */
	left:40px;
}

.pastmap-map-layer-selector .pastmap-map-layer-legend {
    position: relative;
    left: 40px;
    display: none;
}
.pastmap-map-layer-selector .pastmap-map-layer-checkbox-checked ~ .pastmap-map-layer-legend {
    /* JW: this works - just need to adapt to to display or don't */
    /*     and more importantly see how portable it is */
    display: block;
}

.pastmap-map-layer-legend ul {
    margin-top: 3px;
}

/* pastmap-map-baselayer-selector */

.pastmap-map-baselayer-selector {
	position: relative;
    overflow:hidden; 
	height:40px; 
}

.pastmap-map-baselayer-selector .pastmap-map-layer-info {
	position:absolute;
	top:0;
	right:0;
	background: url('images/info.png') left no-repeat;
	height:16px;
	width:16px;
	cursor:pointer;
	padding-bottom:2px;
}

.pastmap-map-baselayer-selector .pastmap-map-layer-label {
	position:absolute;
	top:0;
	left:40px;
}

.pastmap-map-baselayer-selector .pastmap-map-layer-message {
	position:absolute; 
	top:20px;
	left:40px;
}

/* pastmap-map-drawlayer-selector */

.pastmap-map-drawlayer-selector {
	position: relative;
	overflow:hidden;
	height:40px;
}

.pastmap-map-drawlayer-selector .pastmap-map-layer-info {
	position:absolute;
	top:0;
	right:0;
	background: url('images/info.png') left no-repeat;
	height:16px;
	width:16px;
	cursor:pointer;
	padding-bottom:2px;
}

.pastmap-map-drawlayer-selector .pastmap-map-layer-label {
	position:absolute;
	top:0;
	left:40px;
}

.pastmap-map-drawlayer-selector .pastmap-map-layer-message {
	position:absolute;
	top:20px;
	left:40px;
}

/* pastmap-map-layer-group */

.pastmap-map-layer-group {
	margin-bottom:20px;
}

.pastmap-map-layer-group .pastmap-map-layer-group-title {
	position: relative;
	overflow: hidden;
	height: 40px;
}

.pastmap-map-layer-group .pastmap-map-layer-group-title h4 {
	position:absolute;
	top:0;
	left:40px;
}

/* pastmap-map-sidebar-list */

.pastmap-map-sidebar-list {
	margin-bottom:20px;
}

.pastmap-map-sidebar-list ul li {
	position: relative;
	overflow: hidden;
	height: 40px;
}

.pastmap-map-sidebar-list ul li a {
	position:absolute;
	top:0;
	left:40px;
}

/* checkboxes */

.pastmap-map-layer-checkbox {
	margin-right:5px !important;
}

.pastmap-map-layer-checkbox {
	display:block;
	/* position:relative; */
	position: absolute;
	overflow:hidden;
	width: 14px;
	height: 14px;
	background: #fff;
	margin: 2px 0 0 1px;
	border:1px solid #ddd;
}

.pastmap-map-checkbox-canmore {
	border: 2px solid #003e51;
}
.pastmap-map-checkbox-canmore.pastmap-map-layer-checkbox-checked {
	background: rgba(0, 62, 81, 1);
}

.pastmap-map-checkbox-listedbuildings {
	border: 2px solid #a61f29;
}
.pastmap-map-checkbox-listedbuildings.pastmap-map-layer-checkbox-checked {
	background: rgba(166, 31, 41, 1);
}

.pastmap-map-checkbox-canmoremaritime {
	border: 2px solid #008ebb;
}
.pastmap-map-checkbox-canmoremaritime.pastmap-map-layer-checkbox-checked {
	background: rgba(0, 142, 187, 1);
}

.pastmap-map-checkbox-historicenvironmentrecord {
	border: 2px solid #c1c600;
}
.pastmap-map-checkbox-historicenvironmentrecord.pastmap-map-layer-checkbox-checked {
	background: rgba(193, 198, 0, 1);
}

.pastmap-map-checkbox-scheduledmonuments {
	border: 2px solid #aa5424;
}
.pastmap-map-checkbox-scheduledmonuments.pastmap-map-layer-checkbox-checked {
	background: rgba(170, 84, 36, 1);
}

.pastmap-map-checkbox-gardensdesignedlandscapes {
	border: 2px solid #71754f;
}
.pastmap-map-checkbox-gardensdesignedlandscapes.pastmap-map-layer-checkbox-checked {
	background: rgba(113, 117, 79, 1);
}

.pastmap-map-checkbox-conservationareas {
	border: 2px solid #42a299;
}
.pastmap-map-checkbox-conservationareas.pastmap-map-layer-checkbox-checked {
	background: rgba(66, 162, 153, 1);
}

.pastmap-map-checkbox-inventorybattlefields {
	border: 2px solid #562564;
}
.pastmap-map-checkbox-inventorybattlefields.pastmap-map-layer-checkbox-checked {
	background: rgba(86, 37, 100, 1);
}

.pastmap-map-checkbox-worldheritagesites {
	border: 2px solid #5b3f27;
}
.pastmap-map-checkbox-worldheritagesites.pastmap-map-layer-checkbox-checked {
	background: rgba(91, 63, 39, 1);
}

.pastmap-map-checkbox-marineprotectedareas {
	border: 2px solid #9185be;
}
.pastmap-map-checkbox-marineprotectedareas.pastmap-map-layer-checkbox-checked {
	background: rgba(145, 133, 190, 1);
}

.pastmap-map-checkbox-militaryremains {
	border: 2px solid #3CA88B;
}
.pastmap-map-checkbox-militaryremains.pastmap-map-layer-checkbox-checked {
	background:  #3CA88B;
}


/* radios */

.pastmap-map-baselayer-radio {
	display:block;
	position:relative;
	overflow:hidden;
	width: 14px;
	height: 14px;
	background: #fff;
	margin: 2px 0 0 1px;
	border: 2px solid #666;
	border-radius:100%;
}

.pastmap-map-baselayer-radio.pastmap-map-baselayer-radio-checked {
	background: rgba(102, 102, 102, 1);
}

.pastmap-map-drawlayer-radio {
	display:block;
	position:relative;
	overflow:hidden;
	width: 14px;
	height: 14px;
	background: #fff;
	margin: 2px 0 0 1px;
	border: 2px solid #666;
	border-radius:100%;
}

.pastmap-map-drawlayer-radio.pastmap-map-drawlayer-radio-checked {
	background: rgba(102, 102, 102, 1);
}

/* openLayers */

.ol-dragzoom {
  border: 1px solid #4E1E66;
  background-color: rgba(255,255,255,0.7);
}


/* Extra Small */
@media(max-width:767px) {
	
	#pastmap-map-sidebar {
		width:280px;
		left:-280px;
	}
	
	#pastmap-map-sidebar-logo-container {
		height:54px;
	}
	
	#pastmap-map-sidebar-inner {
		padding:54px 0 0 0;
	}
	
	#pastmap-map-mobile-logo {
		height: 21px;
		width: 140px;
		cursor: pointer;
		background: url('images/PASTMAP LOGO BROWN MOBILE.png') left/140px 21px no-repeat;
	}
	
	#pastmap-map-sidebar-close	{
		left:280px;
	}
  
  #pastmap-map-message {
    left:280px;
  }
	
	#pastmap-map-toolbox {
		display:none;
	}
	
	#pastmap-map-toolbox-xs {
		display:block;
		z-index:1;
		position:absolute;
		top:0;
		left:0;
		width:280px;
		font-size:0.7em;
	}
	
	#pastmap-map-toolbox-xs .pastmap-map-toolbox-icon {
		height:28px;
		width:28px;
		background-size: 28px 28px;
	}
	
	#pastmap-map-footer-top-inner,
	#pastmap-map-footer-top-overlay {
		height:50px;
	}
	
	#pastmap-map-copyright {
		padding-left:10px;
		top:2px;
	}
	
	#pastmap-map-tile-loading-message {
		display:none;
	}
	
	.pastmap-map-sidebar-top {
		display:none;
	}
	
	#pastmap-map-container {
		bottom:50px;
	}
	
	#pastmap-map-footer-left {
		display:none;
	}
	
	#pastmap-map-footer-links {
		display:none;
	}
	
	#pastmap-map-hes-logo {
		left:15px;
		bottom:15px;
		height:30px;
		width:55px;
		background: url('images/hes_small_mono.png') left/55px 30px no-repeat;
	}

	#pastmap-map-smr-logo {
		left:85px;
		bottom:10px;
		height:40px;
		width:40px;
		background: url('images/HER ONLY GREY.png') left/40px 40px no-repeat;
	}
	
	.pastmap-map-col-search-left {
		width: 37%;
	}

	.pastmap-map-col-search-right {
		width: 60%;
	}
	
	#pastmap-map-full-header {
		height:140px;
	}

	#pastmap-map-full-logo {
		display:none;
	}

	#pastmap-map-full-icons {
		bottom:20px;
		left:0;
	}
	
	#pastmap-map-full-icons .btn {
		margin-bottom:5px;
	}
  
  #pastmap-map-user-message {
    top:70px;
    left:20px;
    right:20px;
    max-height:100px;
  }
}
@media(max-width:340px) {
	
	.pastmap-map-sidebar-top {
		display:block;
	}
}
@media(min-width:340px) and (max-width:767px) {
	
	.pastmap-map-sidebar-top {
		display:none;
	}
}

/* Small */
@media(min-width:768px) and (max-width:1091px) {
	
	#pastmap-map-sidebar {
		width:340px;
		left:-340px;
	}
	
	#pastmap-map-sidebar-close	{
		left:340px;
	}
  
  #pastmap-map-message {
    left:340px;
  }
	
	#pastmap-map-toolbox {
		display:block;
	}
	
	#pastmap-map-toolbox-xs {
		display:none;
	}
	
	#pastmap-map-copyright.sidebar-open,
	#pastmap-map-footer-left.sidebar-open	{
		left:0;
	}
	
	.pastmap-map-sidebar-top {
		display:none;
	}
	
	#pastmap-map-hes-logo {
		right:75px;
		bottom:15px;
		height:30px;
		width:55px;
		background: url('images/hes_small_mono.png') left/55px 30px no-repeat;
	}

	#pastmap-map-smr-logo {
		right:15px;
		bottom:10px;
		height:40px;
		width:40px;
		background: url('images/HER ONLY GREY.png') left/40px 40px no-repeat;
	}
}

/* Medium */
@media(min-width:1092px) and (max-width:1199px) {
	
	#pastmap-map-sidebar {
		width:340px;
		left:-340px;
	}
	
	#pastmap-map-sidebar-close	{
		left:340px;
	}
  
  #pastmap-map-message {
    left:340px;
  }
	
	#pastmap-map-toolbox {
		display:block;
	}
	
	#pastmap-map-toolbox-xs {
		display:none;
	}
	
	#pastmap-map-copyright.sidebar-open,
	#pastmap-map-footer-left.sidebar-open	{
		left:340px;
	}
	
	.pastmap-map-sidebar-top {
		display:none;
	}
	
	#pastmap-map-hes-logo {
		right:75px;
		bottom:15px;
		height:30px;
		width:55px;
		background: url('images/hes_small_mono.png') left/55px 30px no-repeat;
	}

	#pastmap-map-smr-logo {
		right:15px;
		bottom:10px;
		height:40px;
		width:40px;
		background: url('images/HER GRAY AND TEXT.png') left/40px 40px no-repeat;
	}
}

/* Large */
@media(min-width:1200px) {
	
	#pastmap-map-sidebar {
		width:340px;
		left:-340px;
	}
	#pastmap-map-sidebar-close {
		left:340px;
	}
  
  #pastmap-map-message {
    left:350px;
    right:130px;
  }
	
	#pastmap-map-toolbox {
		display:block;
	}
	
	#pastmap-map-toolbox-xs {
		display:none;
	}
	
	#pastmap-map-copyright.sidebar-open,
	#pastmap-map-footer-left.sidebar-open	{
		left:340px;
	}
	
	.pastmap-map-sidebar-top {
		display:none;
	}
}

.pastmap-map-spinner > div {
  width: 10px;
  height: 10px;
	margin-right:10px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.pastmap-map-spinner .pastmap-map-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.pastmap-map-spinner .pastmap-map-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.pastmap-map-blink-on {
  animation: blinker 2s linear infinite;
	color:#AA780A;
}

@keyframes blinker {  
  50% { opacity: 0.2; }
}

.pastmap-map-tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.pastmap-map-tooltip-measure,
.pastmap-map-tooltip-static {
  opacity: 1;
  font-weight: bold;
}
.pastmap-map-tooltip-measure:before,
.pastmap-map-tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}