.ui-header {
	width: 100%;
	margin: 0 auto !important;
	background-image: url('header.png');
	background-size: 100% 100%;
}

.ui-page {
	width: 100%;
	margin: 0 auto !important;
	position: relative !important;
}

@media screen and (min-width: 51em) {
	.ui-page {
		width: 47.5em !important;
		margin: 0 auto !important;
		position: relative !important;
		border-right: 0.4em #666 outset !important;
		border-left: 0.4em #666 outset !important;
	}
	.ui-header {
		width: 47.5em !important;
		margin: 0 auto !important;
	}
}

.adminHeaderBar {
	width: 100%;
	margin: 0 auto !important;
	color: white;
	background-color: black;
	background-image: url('header.png');
	background-size: 100% 100%;
	height: 3em;
	z-index:0;
}

.adminHeaderTitle {
	text-align: center;
	position: relative;
	top: 0.5em;
}

.homeAnchor {
	position: absolute;
	left: 2em;
	z-index:1;
}

.homeAnchor a:link {color:white;text-decoration:none;}
.homeAnchor a:visited {color:white;text-decoration:none;}
.homeAnchor a:hover {color:white;text-decoration:underline;}
.homeAnchor a:active {color:white;text-decoration:underline;}

.infoblurb a:link {color:black;;text-decoration:none;}
.infoblurb a:visited {color:black;text-decoration:none;}
.infoblurb a:hover {color:black;text-decoration:underline;}
.infoblurb a:active {color:black;text-decoration:underline;}


.grad {
	/*background: rgb(247,247,247); /* Old browsers */
	/*background: -moz-linear-gradient(-45deg,  rgba(247,247,247,1) 1%, rgba(193,193,193,1) 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(100%,rgba(193,193,193,1))); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(-45deg,  rgba(247,247,247,1) 1%,rgba(193,193,193,1) 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(-45deg,  rgba(247,247,247,1) 1%,rgba(193,193,193,1) 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(-45deg,  rgba(247,247,247,1) 1%,rgba(193,193,193,1) 100%); /* IE10+ */
	/*background: linear-gradient(135deg,  rgba(247,247,247,1) 1%,rgba(193,193,193,1) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 fallback on vertical gradient */
	background-image: url('images/cogs-bg.png')
}

.itemBox {
	float: left;
	display: block;
	text-align: center;
	position: relative;
	margin: .5em .5em;
	padding: 0;
	width: 95%;
	/*-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;	*/

	border: 0.1em solid #ccc;
	color: #222;
	text-shadow: 0 0.07em 0 #fff;
}

.contentBox {
	display: block;
	text-align: center;
	position: relative;
	margin: .5em 0;
	padding: 0;
	
	/*-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;	*/

	/*border: 0.1em solid #ccc;*/
	/*font-weight: bold;*/
	color: #222;
	text-shadow: 0 0.07em 0 #fff;

	/*background: #fcfff4; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #fcfff4 0%,#e9e9ce 100%); /* W3C */
}

.contentBox div {
	font-weight: normal;
}

.floatBoxHalf {
	float: left;
	width: 49%;
	height: 10em;
	border: 1px solid #ccc;
	padding: 0;
	margin: .5em 0.24%;
}

.errorBox {
	display: block;
	text-align: center;
	position: relative;
	margin: .5em 0;
	padding: 0;
	
	/*-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;	*/

	border: 0.07em solid #cccccc;
	font-weight: bold;
	color: #222;
	text-shadow: 0 0.07em 0 #fff;

}

html, .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button, 
.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a, .ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a,
.ui-btn-down-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a, .ui-btn-up-e, 
.ui-btn-hover-e, .ui-btn-down-e, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c, .ui-body-d, 
.ui-body-d input, .ui-body-d select, .ui-body-d textarea, .ui-body-d button  {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4 { font-weight: normal; }
.ui-header .ui-title, .ui-footer .ui-title { font-size: 18px; font-weight: 100; }

.spacer {
	height: 1.0em;
    min-height: 1.0em;
}

.field {
	padding-left: 0.4em;
	padding-right: 0.4em;
}

label.textField {
	width: 6.25em;
    float: left;
}

label.msgField {
	width: 20em;
    float: left;
}

label.checkField {
	width: 6.25em;
}

input[type="text"] {
    border: 0.07em solid black;
    font-size: 1em;
    padding: 0.14em;
    width: 20.0em;
}

input.small {
    width: 10em;
}

#fields {
	width: 28em;
	float: left;
}

.ui-disabled {
    background-color: White;
    border-color: Gray;
    color: Black;
}

.logos {
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo {
	height: 25vw;
	width: auto;
	max-width: 6em;
	max-height: 6em;
	margin: 1em;
}

.floatRight {
	margin-right: 3em;
	height: 100%;
	
}

.detailsImage {
	float: left;
	width: 100%;
}

.detailsIcon {
	float: left;
	width: 3em;
	height: 3em;
	padding-left: 1em;
}

.iconHolder {
	text-align: center;
}

.detailsIconCentre {
	width: 3em;
	height: 3em;
}

.detailsIconLabel {
	font-size: 1.25em;
	position: relative;
	top: 0.5em;
	left: 1em;
}

.detailsFlagP {
	clear: left;
	padding-top: 0em;
	padding-bottom: 1em;
	margin-top: 0.0em;
	margin-bottom: 1.5em;
}

@media screen and (max-width: 20em) {
	/*.detailsImage {
		width: 8em;
	}*/
	.detailsIcon {
		width: 1.2em;
		height: 1.2em;
		padding-left: 0.2em;
	}
	.detailsIconCentre {
		width: 1.2em;
		height: 1.2em;
	}

	.detailsIconLabel {
		font-size: 1em;
		top: 0.1em;
		left: 0.2em;
	}
	.detailsFlagP {
		padding-top: 0.2em;
		padding-bottom: 0.2em;
	}
		
}

@media screen and (max-width: 30em) {
	/*.detailsImage {
		width: 13em;
	}*/
	.detailsIcon {
		width: 2em;
		height: 2em;
		padding-left: 0.5em;
	}
	.detailsIconCentre {
		width: 2em;
		height: 2em;
	}
	.detailsIconLabel {
		font-size: 1.15em;
		top: 0.3em;
		left: 0.5em;
	}
	.detailsFlagP {
		padding-top: 0.3em;
		padding-bottom: 0.3em;
	}
}


.iconBox {
	float: right;
	padding: 0.2em;
	height: 2.5em;
}

.imageBox {
	float: left;
	padding: 0.14em;
	border: 0.14em solid black;
	height: 4em;
	width: 6em;
}

.centreImage {
	display: block;
    margin: auto;
}

.checkBoxField {
	width: 9em;
	float: left;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

.centreBox128 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4em;
    margin-left: -4em;
    width: 8em;
    height: 8em;
    visibility: hidden;
}

.map {
	position: relative;
	top: 5;
	left: 5;
	height: 100%;
	width: 100%;
	border:#bbb 1px solid;
}

.foo {
	font-size: 2.0em;
}

.detailsTitle {
	font-size: 2.0em;
}

.detailsAddress {
	font-size: 1.5em;
}

.detailsDistance {
	font-size: 1.2em;
	color: #6AF;
}

.detailsPhone {
	font-size: 1.2em;
}

.detailsDescription {
	font-size: 1.0em;
}