html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body .ui-page {
	background: white;
}

.error {
	color: red;
}

/********* Header *************/

#header {
	background-image: linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -o-linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -moz-linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -webkit-linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -ms-linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.05, rgb(85,86,170)),
	color-stop(0.53, rgb(0,0,109))
	);
}

#header .ui-btn {
	background-image: linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -o-linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -moz-linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -webkit-linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -ms-linear-gradient(top, rgb(85,86,170) 5%, rgb(0,0,109) 53%);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.05, rgb(85,86,170)),
	color-stop(0.53, rgb(0,0,109))
	);
}

/********* Body *************/

#map-page {
	width: 100%;
	height: 100%;
	position: fixed;
}

#map {
	width: 100%;
	height: 100%;
}

body .ui-loader {
	z-index: 1000;
}

#map-zoom-buttons {
	position: fixed;
	top: 10%;
	right: 1%;
	z-index: 10000;
	font-weight: bold;
	font-size: 1.0em;
}


#map-zoom-buttons .ui-btn-inner {
	padding-left: 15px;
	padding-right: 15px;
}



#booth-opacity-slider {
	position: fixed;
	top: 76%;
/*	left: 1%;*/
	z-index: 10000;
	font-weight: bold;
	font-size: 1.0em;
	width: 100%;
	padding-left:10%;
}

/*#booth-opacity-slider {*/
/*	float: right;*/
	/*    margin: 1em;*/
	/*width: 100%;
	padding-top: 0.25%;
	padding-bottom: 1%;*/
/*	display: none; */
/*	opacity: 0.5;*/
/*}*/


#booth-opacity-slider .ui-slider-input {

	display: none;
}

#booth-opacity-slider .ui-slider {

	margin-left: auto;
	margin-right: auto;
}

#opacity-slider-label {
	display: inline;
}


#booth-opacity-slider .ui-slider {

	width: 80%;
}
#booth-opacity-slider #opacity-slider-label {
	width: 100%;
	padding-left: 1em;
}


#booth_legend {
	display : none;
	position: absolute;
	top: 10%;
	left: 2%;
	z-index: 10000;
}

#booth_legend img {
	
    height : 70%;
    margin-top : 0.5em;
    margin-right: 5px;
}


.not-digitised-info {
	padding-left: 85px;
}
.not-digitised-message {
	float : left;
	padding-top: 25px;
}

.share {
	position: absolute;
	right:15px;
	top: 15px;
}

.share a {
	display: block;
}

.share img {
	width: 50px;
	height: 50px;
}


.notebook-preview {
	padding-top: 10px;
	padding-left: 6px;
	max-width: 86px !important;
	width: 86px;
	height: 62px;
}



/********* Photoswipe ********/

/*This will ensure the toolbars stay fixed in position*/
/*
.ps-caption{
opacity:0.8 !important;
display:block !important;
}

.ps-toolbar{
opacity:0.8 !important;
display:table !important;
}
*/




/********* Menu *************/



.locate-button .ui-icon {
	background: url("images/location3.png") 50% 50% no-repeat;
	background-size: 26px 27px;
	background-position-x: 50%;
	background-position-y: 38%;
}

/*
.scanned-text-link .ui-icon{
	background-image: url('images/notepad.png');
	background-repeat: no-repeat;
}

.scanned-text-link .ui-icon {
	background-position: -36px 50%;
}

.camera-button .ui-icon {
    background:  url("images/camera.png") 50% 50% no-repeat;
    background-size: 24px 22px;
}*/


/********* OpenLayers *************/

.olControlAttribution {
	display: none;
}

.olControlScaleLine {
	display: block;
	position: fixed;
	left: 3%;
	top: 12%;
	font-size: xx-small;
}
.olControlScaleLineBottom {
	border: solid 2px black;
	border-bottom: none;
	margin-top: -2px;
	text-align: center;
}
.olControlScaleLineTop {
	border: solid 2px black;
	border-top: none;
	text-align: center;
}

/**
 * Layer switcher
 */

#layer-selector {
	margin-top: 3em;
}

.olControlLayerSwitcher {
	position: absolute;
	top: 37px;
	/*    top: 25px;*/
	right: 0;
	width: 20em;
	font-family: sans-serif;
	font-weight: bold;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
	font-size: smaller;
	color: white;
	background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 75px;
	background-color: darkblue;
	width: 100%;
	height: 100%;
}

.olControlLayerSwitcher .layersDiv .baseLbl, .olControlLayerSwitcher .layersDiv .dataLbl {
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv, .olControlLayerSwitcher .layersDiv .dataLayersDiv {
	padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
	/*    top: 5px;*/
	top: 0px;
	right: 0;
	cursor: pointer;
}

.olBingAttribution {
	color: #DDD;
}
.olBingAttribution.road {
	color: #333;
}

div.olLayerGoogleCopyright,
div.olLayerGooglePoweredBy
{
  bottom: 58px !important;
  position: fixed !important;
  margin-bottom: 0px !important;
}

/*.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
	color: #EEE;
}
.olGoogleAttribution {
	color: #333;
}
span.olGoogleAttribution a {
	color: #77C;
}
span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
	color: #EEE;
}

div.olLayerGooglePoweredBy{
	display:none;
}*/


/*div.olLayerGoogleCopyright,
div.olLayerGooglePoweredBy
{
  display: none !important;
}*/