html { height: 100% }
img { border: 0 }
body { height: 100%; }
body, a, p, h1, h2 {
	margin: 0px;
	padding: 0px;
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 11px;
}
a:visited, a:hover, a:active { color: #00e; }
h1 {
	display: block;
	background-color: #fafafa;
	border: solid 1px #eee;
	padding: 2px 0;
	text-align: center;
	font-size: 13px;
	margin: 5px 0;
	height: 17px;
}
#map_canvas { height: 100%; }
#map_canvas p { width: 100%; text-align: center; padding-top: 200px; font-size: 32px; letter-spacing: 2px; }
#map_canvas a { line-height: 2em; }

#list {
	width: 250px;
	float: right;
	height: 100%;
	overflow-x: auto;
	overflow-y: scroll;
}
#list ul li {
	cursor: pointer;
	background-color: #fffff7;
	border: solid 1px #fef5b2;
	margin: 2px 0;
	padding: 5px 3px;
	display: none;
}
#list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#list ul li.no_position {
	color: #aeaeae;
	cursor: auto;
}
#destination {
	margin: 0 auto;
	height: 20px;
	font-size: 13px;
	border: 0;
	outline: 0;
	width: 170px;
}
#destinationBtn {
	height: 25px;
	border: 0;
	margin: 0;
	padding: 0 7px;
	float: right;
	outline: 0;
	font-size: 13px;
}
#destinationWrap {
	border: solid 1px #AEAEAE;
	padding: 0;
	height: 25px;
}
#searchWrap input:not([type=radio]), #searchWrap select {
	border: solid 1px #AEAEAE;
	height: 25px;
	font-size: 13px;
	outline: 0;
	width: 100%;
	margin: 0 auto 0.25rem;
	box-sizing: border-box;
}
#searchWrap button {
	border: solid 1px #AEAEAE;
	margin: 0 auto;
	font-size: 13px;
	outline: 0;
	padding: 5px 15px;
	display: block;
}
#searchContainer {
	padding: 0 5px;
}
#controls {
	padding: 5px;
}
#directionsContainer {
	padding: 0 5px;
}
#directionsContainer ul {
	margin-bottom: 10px;
}
#directionsContainer ul li a {
	float:right;
	margin-left: 16px;
}
#destinationTitle {
	display: none;
}
#m_go, #m_clear {
	display: none;
}
.b {
	font-weight: bold;
}
fieldset {
	width: 400px;
	background-color: #fffff7;
	border: solid 1px #fef5b2;
	font-size: 15px;
	margin: 0 auto 0.5rem;
}
form#login label {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
}

form#login input[type='text'], form#login input[type='password'] {
	margin: 0 auto;
	height: 20px;
	font-size: 13px;
	width: 170px;
	margin-bottom: 10px;
}
form#login input[type='submit'] {
	height: 25px;
	border: 0;
	margin: 0;
	padding: 0 7px;
	outline: 0;
	font-size: 13px;
}
#footer {
	width: 400px;
	text-align: right;
	margin: 0 auto;
}
#warning {
	float: right;
	width: 200px;
}
ul.sales {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}
hr {
	border: solid 1px #AEAEAE;
	margin: 1em 0;
	width: 90%;
}

.ui-state-error {
	margin: 1em auto;
	padding: 1em;
	background-color: hsl(0, 100%, 98%);
	border: solid 1px hsl(0, 97%, 85%);
	width: 400px;
}

#map_canvas.is-loading {
	opacity: 0.75;
}

#map_canvas.is-loading:after {
	content: "Uppdaterar...";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	text-align: center;
	font-size: 32px;
	padding: 1em;
	transform: translate(-50%, -50%);
	border: solid 3px #ccc;
}

#list.is-loading {
	opacity: 0.5;
	pointer-events: none;
	cursor: wait;
	position: relative;
}

#list.is-loading:after {
	content: "Laddar...";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	text-align: center;
	padding: 1rem;
	font-size: 1.5rem;
	transform: translate(-50%, -50%);
	color: dodgerblue;
	white-space: pre;
}