body {
	background-color: #f8f8f8;
}
#form1 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	width: 100%;
	height: auto;
	margin: 0;
	overflow-y: auto;
}
#map-section {
	width: 100%;
}
.survey {
	margin-bottom: 50px;
}
.survey tbody:first-child tr:first-child {
	border: none;
}
.survey .submit {
	text-align: center;
	position: fixed;
	width: 100%;
	display: table;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	background-color: #fff;
	box-shadow: 0 -2px 8px rgba(0,0,0,0.15);
}
	.submit .button{
		display: 		table-cell;
		padding:		7px 12px;
		font:			inherit;
		font-size:		12pt;
		border:			0;
		width:			50%;
		border-radius: 	0;
		vertical-align: middle;
		cursor: 		pointer;
		transition:		0.3s ease;
	}
		.submit .button + .button {
			border-left:	1px solid rgba(0,0,0,0.1);
		}
		.submit .fa {
			font-size: 1.2em;
			vertical-align: text-bottom;
			margin-right: 0.5em;
		}
			.submit .dismiss .fa {
				color: #FF5500;
			}
			.submit .affirm .fa {
				color: #5ACC56;
			}
			.submit .dismiss:hover {
				background-color: #FF5500;
				color:	#fff;
			}
				.submit .dismiss:hover .fa, .submit .affirm:hover .fa {
					color: #fff;
				}
			.submit .affirm:hover {
				background-color: #5ACC56;
				color:	#fff;
			}

		
@media screen and (max-width: 520px){
	.map-navigation label {
		display: none;
	}
}
@media screen and (min-width: 600px){
	.map-navigation label {
		display: none;
	}
	#form1 {
		bottom: 0;
		overflow-y: hidden;
	}
	.survey {
		position: 	fixed;
		top: 0; left:0; bottom:50px;
		overflow-y: auto;
		border-right: 1px solid rgba(0,0,0,0.2);
		right: auto;
		width: 50%;
	}
		.survey .submit {
			position: fixed;
			width: 50%;
			left:0; right:auto; bottom:0;
			border-right: 1px solid rgba(0,0,0,0.2);
		}
	#fullscreen-toggle {
		display: 	none !important;
	}
	#map-section {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 50%;
		width: 50%;
		height: 100%;
	}
		#map-section td.map-cell #map-canvas {
			display: 	block;
			width: 		100%;
			height: 	100%;
		}
	#map-section tbody{
		border-left: 0 !important;
	}
		.map-cell {
			position: absolute !important;
			top: 35px;
			left: 0;
			right: 0;
			bottom: 0;
		}

}
@media screen and (min-width: 850px){
	.map-navigation label {
		display: inline-block;
	}
	.survey {
		right: 		auto;
		width:		40%;
	}
		.survey .submit {
			width: 40%;
		}
	#map-section {
		left:		40%;
		width: 		60%;
	}
}