body {
	background-color: #4879b0;
}

.login-tip {
	top:	9em;
	right:	2em;
}
	.login-tip .fa {
		right:	3em;
	}
.about-tip {
	top:	2em;
	left:	4em;
}
.menu-tip {
	top:	14em;
	left:	21em;
}
.map-tip {
	bottom:	5em;
	right:	8em;
}

#first-visit-overlay .button {
	padding:	0.75em 1.5em;
	margin:		0 auto;
	display: 	block;
	width:		15em;
	color:		#000;
}

.parentlink {
	display: 			block;
	position: 			fixed;
	top:				0;
	left:				0;
	right:				0;
	width:				27em;
	font-size:			1em;
	text-align: 		center;
	background-color: 	#ebd823;
	color:				#1f4979;
	margin:				0 auto;
	border-radius:		0 0 0.5em 0.5em;
	box-shadow: 		0px 1px 4px rgba(0,0,0,0.2);
}
	.admin-logged-in .parentlink {
		top:			3rem;
	}
	.parentlink a {
		display: 			block;
		padding:			0.5em 1.5em;
		text-decoration: 	none;
	}
		.parentlink a .fa {
			margin-left:	0.5em;
		}

#site-banner {
	background-color: #285587;
	color: 			#fff;
	background-image: url('http://theme.mappler.net/images/banner/gban-banner.gif');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
	#site-banner h1, #site-banner h2 {
		display: none;
	}
#site-information {
	background-color: rgba(255,255,255,0.6);
	line-height:1.3;
	font-size:10.5pt;
}
	#site-information h2 {
		display: 	none;
	}
	#site-information p {
		margin-bottom: 0.5em;
	}
	#site-information.info-open {
		height: 0;
	}
	.tab-frame.info-open {
		top:	41px;
	}
	#site-information section {
		float: left;
		width: 67%;
	}
	#site-information aside {
		float: right;
		color: #285587;
		padding:0 0 0 2em;
		width:	30%;
		text-align: center;
	}
		#site-information aside img {
			width: 70%;
			min-width: 200px;
			display: block;
			margin: 0 auto;
		}
#hide-information {
	position: absolute;
	left: 1em;
	background-color: #285587;
	color: 			#fff;
	font-size:		11pt;
}
.survey-toggled #survey-window {
	overflow-y: auto;
}
#data-add-guidebox {
	font-size: 0;
	height: 	90px;
	padding: 10px 13px;
	white-space: pre;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
	#data-add-guidebox::after {
		white-space: pre-wrap;
		content: "1. Click on map at a desired location or click on menu to search for an address \A 2. Fill out form as accurately as possible \A 3. Press SUBMIT when finished";
		font-size: 10pt;
		line-height: 1.4;
	}
.survey {
	position: static;
}
.submit {
	position: static;
}
#site-footer {
	left: auto; right: 2em;
}
.help-view {
	background-color: #dfe8f2;
	overflow-y: auto;
}
#site-navigation .inline-menu {
}
.inline-menu li{
	margin-top:	-1rem;
}
.login-link > a {
	display: 	inline-block;
	font-size: 0 !important;
	background-color: rgba(0,0,0,0.2) !important;
	padding:	0.5rem !important;
	height:		10rem;
	margin-top:	-1rem;
	width: 		8rem;
	text-align: center;
	vertical-align: bottom;
	border-radius: 0.5rem !important;
	margin-left:	0.5rem;
}
	.login-link > a::after {
		display: 	block;
		padding-top:	3rem;
		font-weight: 	bold;
		color:		#ebd823;
		font-size:	11pt;
		content: 	"Log in to report";
	}
		.login-link > a:hover::after {
			color:		#333;
		}
/*.logout-link > a {
	display: 	inline-block;
	font-size: 10pt !important;
	background-color: rgba(0,0,0,0.2) !important;
	padding:	3.7rem 0.5rem !important;
	height:		10rem;
	margin-top:	-1rem;
	width: 		8rem;
	text-align: center;
	vertical-align: bottom;
	border-radius: 0.5rem !important;
	margin-left:	0.5rem;
}*/

.logout-link > a {
	display: 	inline-block;
	font-size: 0 !important;
	background-color: rgb(251, 90, 26) !important;
	border: 1px solid #fb5a1a;
	padding:	0.5rem !important;
	height:		10rem;
	margin-top:	-1rem;
	width: 		8rem;
	text-align: center;
	vertical-align: bottom;
	border-radius: 0.5rem !important;
	margin-left:	0.5rem;
}
	.logout-link > a::after {
		display: 	block;
		padding-top:	3rem;
		text-decoration: none;
    	/*text-transform: uppercase;*/
		font-weight: 	bold;
		color:		#fff;
		font-size:	11pt;
		content: 	"Report Pollution";
	}
		.logout-link > a:hover::after {
			color:		#333;
		}

.mappler-link {
	text-align: 	center;
	vertical-align: bottom;
	display: 	inline-block;
	padding:	0 0.5rem !important;
	height:		10rem;
	width: 		9rem;
	font-size:	8pt !important;
}
	.mappler-link .sponsor {
		display: 	block;
	}
.mappler-link a {
	background-color: transparent !important;
}
	.sponsor::after {
		content: 'Powered by:';
		display: block;
		padding-top: 7.5rem;
		opacity: 	0.5;
		font-size:	7pt;
	}
	.mappler-link div.sponsor {
		background-image: url('http://theme.mappler.net/images/png/backthebay_logo_verticle_notag.png');
		background-repeat: no-repeat;
		background-size: 3.3rem;
		background-position: center 1rem;
		width:			9rem;
		height:			8.5rem;
	}
#tab-navigation {
	text-align: right;
}
#tab-navigation .tab:nth-of-type(3) {
	position: absolute;
	left: 20px;
}
#tab-navigation .tab:nth-of-type(4) {
	position: absolute;
	left: 186px;
}
.add-button {display:none !important;}
.add-button {
	font-size: 0;
	min-width: 150px;
}
	.add-button:after {
		content: "Report Pollution";
		font-weight: bold;
		font-size: 10pt;
		display: 	inline-block;
	}
	.add-button .fa {
		font-size: 11pt;
		vertical-align: baseline;
		color: 	#fff !important;
	}

.guest-logged-in .infowindow-edit-button {
	display: 	none;
}

.layer-menu li ul li label::before {
	content:	"—";
	font-size:	1.3em;
	color: 		blue;
	margin-right: 0.5em;
	font-weight: bold;
}


.image-section {
	display: table-footer-group;
}
	.image-section .required_field {
		display: none;
	}
.survey tbody:nth-of-type(9)::before {
	content:	"While optional to include, contact information is used by authorities for further clarification of reports. This information is kept confidential.";
	display: block;
	background-color: #FAF7CA;
	font-size: 10pt;
	line-height: 1.4;
	padding: 10px 13px;
}
.survey tbody:nth-of-type(11), .survey tbody:nth-of-type(9), .survey tbody:nth-of-type(10){
	background-color: #FAF7CA;
}

.survey tbody:last-of-type label {
	font-size: 0;
}
	.survey tbody:last-of-type label:first-of-type::after {
		content: "Video Title";
		font-size:	10pt;
		display: block;
	}
	.survey tbody:last-of-type label:last-of-type::after {
		content: "Video Link (YouTube, Vimeo, etc.)";
		font-size:	10pt;
		display: block;	}
#site-footer {
	display: 	none;
}
.help-view {
	background-color: #b7c7e1;
	overflow-y: 	hidden;
}
.help-view .tab-content, .help-view iframe {
	position: 	absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width:		100%;
}
	.help-view iframe {
		overflow-y: 	auto;
	}
	.help-view .tab-content p{
		margin-bottom: 1em;
	}
	.help-view .tab-content h3{
		margin-top: 1em;
	}
	.help-view .tab-content ul {
		list-style: disc;
	}
	.help-view .tab-content ul {
		padding: 0 20px;
		margin-bottom: 1em;
	}

#data-process-dialog-message {
	display:	none;
}
#data-process-dialog-message p {
	display: none;
}
#data-process-dialog-message::before {
	content:	"Thank you!";
	display: 	block;
	font-size:	1.3em;
	padding:	0.5em;
}
#data-process-dialog-message::after {
	content: "Your report has been successfully submitted and the appropriate authority was notified.";
	display: 	block;
}

.survey-end {
	display:	none;
}
.survey::after {
	content:	"End of report";
	display: 	block;
	font-size: 0.9em;
	text-align: center;
	padding: 1em;
}