body {
	background-color: #3A7495;
}
div.inputrow {
	width: 420px;
	padding-bottom: 5px;
}
label {
	text-align: right;
	line-height: 30px;
	width: 150px;
	height: 30px;
	margin-right: 10px;
	display: inline-block;
	color: white;
}
input[type=text] {
	font-size: 100%;
	padding: 3px;
	width: 260px;
}
select {
	font-size: 100%;
	padding: 3px;
	width: 260px;
}
input[type=password] {
	font-size: 100%;
	padding: 3px;
	width: 260px;
}
input[type=submit] {
	font-size: 100%;
	padding: 5px 15px;
    background: #fff;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
img#balloon {
	margin-top: 0px;
	margin-bottom: 30px;
	display: block;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
div.error {
	line-height: 30px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #E8A993;
	font-size: 100%;
}
div.welcome {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	max-width: 560px;
	font-size: 100%;
	color: white;
	text-align: justify;
}
div.login {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 480px;
}

div.message {
	line-height: 30px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 480px;
	font-size: 80%;
	color: white;
}
div.announce {
	line-height: 30px;
	margin-left: 160px;
	font-style: italic;
	font-size: 80%;
	color: #f88;
}
#map {
	opacity: 0.2;
	-webkit-filter: blur(2px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	display: block;
	margin-left: auto;
	margin-right: auto;
	top: 80px;
	width: 1000px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;
}

@media only screen and (max-width: 600px) {
  div.welcome { width: 80%;
	text-align: left;}
	label { display: block; text-align: center; width: 100%; }
	div.login { width: 80%; }
	div.message { width: 100%; }
	div.inputrow { text-align: center; width: 100%; }
	img#balloon { width: 80%; }
}