html, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

legend {
	font-weight: bold;
}

a {
	color: navy;
}

a:visited {
	color: navy;
}

a:active {
	color: blue;
}

.error, .warn, .info {
	font-weight: bold;
	font-size: large;
	padding: 2em;
	text-align: center;
	vertical-align: middle;
}

.error {
	color: maroon;
}

.info {
	color: black;
}

#map, #sidebar {
	margin-top: 2ex;
}

#map {
	height: 400px;
	width: 60%;
	margin-left: 2ex;
	border: 2px solid black;
	background-color: #eeeeee;
	background-image: url(data:image/gif;base64,R0lGODlhEAAQAMQAAP%2F%2F%2F%2B7u7t3d3bu7u6qqqpmZmYiIiHd3d2ZmZlVVVURERDMzMyIiIhEREQARAAAAAP%2F%2F%2FwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2BQQFBwAQACwAAAAAEAAQAAAFdyAkQgGJJOWoQgIjBM8jkKsoPEzgyMGsCjPDw7ADpkQBxRDmSCRetpRA6Rj4kFBkgLC4IlUGhbNQIwXOYYWCXDufzYPDMaoKGBoKb886OjAKdgZAAgQkfCwzAgsDBAUCgl8jAQkHEAVkAoA1AgczlyIDczUDA2UhACH5BAUHABAALAAAAAAPABAAAAVjICSO0IGIATkqIiMKDaGKC8Q49jPMYsE0hQdrlABCGgvT45FKiRKQhWA0mPKGPAgBcTjsspBCAoH4gl%2BFmXNEUEBVAYHToJAVZK%2FXWoQQDAgBZioHaX8igigFKYYQVlkCjiMhACH5BAUHABAALAAAAAAQAA8AAAVgICSOUGGQqIiIChMESyo6CdQGdRqUENESI8FAdFgAFwqDISYwPB4CVSMnEhSej%2BFogNhtHyfRQFmIol5owmEta%2FfcKITB6y4choMBmk7yGgSAEAJ8JAVDgQFmKUCCZnwhACH5BAUHABAALAAAAAAQABAAAAViICSOYkGe4hFAiSImAwotB%2Bsi6Co2QxvjAYHIgBAqDoWCK2Bq6A40iA4yYMggNZKwGFgVCAQZotFwwJIF4QnxaC9IsZNgLtAJDKbraJCGzPVSIgEDXVNXA0JdgH6ChoCKKCEAIfkEBQcAEAAsAAAAABAADgAABUkgJI7QcZComIjPw6bs2kINLB5uW9Bo0gyQx8LkKgVHiccKVdyRlqjFSAApOKOtR810StVeU9RAmLqOxi0qRG3LptikAVQEh4UAACH5BAUHABAALAAAAAAQABAAAAVxICSO0DCQKBQQonGIh5AGB2sYkMHIqYAIN0EDRxoQZIaC6bAoMRSiwMAwCIwCggRkwRMJWKSAomBVCc5lUiGRUBjO6FSBwWggwijBooDCdiFfIlBRAlYBZQ0PWRANaSkED1oQYHgjDA8nM3kPfCmejiEAIfkEBQcAEAAsAAAAABAAEAAABWAgJI6QIJCoOIhFwabsSbiFAotGMEMKgZoB3cBUQIgURpFgmEI0EqjACYXwiYJBGAGBgGIDWsVicbiNEgSsGbKCIMCwA4IBCRgXt8bDACkvYQF6U1OADg8mDlaACQtwJCEAIfkEBQcAEAAsAAABABAADwAABV4gJEKCOAwiMa4Q2qIDwq4wiriBmItCCREHUsIwCgh2q8MiyEKODK7ZbHCoqqSjWGKI1d2kRp%2BRAWGyHg%2BDQUEmKliGx4HBKECIMwG61AgssAQPKA19EAxRKz4QCVIhACH5BAUHABAALAAAAAAQABAAAAVjICSOUBCQqHhCgiAOKyqcLVvEZOC2geGiK5NpQBAZCilgAYFMogo%2FJ0lgqEpHgoO2%2BGIMUL6p4vFojhQNg8rxWLgYBQJCASkwEKLC17hYFJtRIwwBfRAJDk4ObwsidEkrWkkhACH5BAUHABAALAAAAQAQAA8AAAVcICSOUGAGAqmKpjis6vmuqSrUxQyPhDEEtpUOgmgYETCCcrB4OBWwQsGHEhQatVFhB%2FmNAojFVsQgBhgKpSHRTRxEhGwhoRg0CCXYAkKHHPZCZRAKUERZMAYGMCEAIfkEBQcAEAAsAAABABAADwAABV0gJI4kFJToGAilwKLCST6PUcrB8A70844CXenwILRkIoYyBRk4BQlHo3FIOQmvAEGBMpYSop%2FIgPBCFpCqIuEsIESHgkgoJxwQAjSzwb1DClwwgQhgAVVMIgVyKCEAIfkECQcAEAAsAAAAABAAEAAABWQgJI5kSQ6NYK7Dw6xr8hCw%2BELC85hCIAq3Am0U6JUKjkHJNzIsFAqDqShQHRhY6bKqgvgGCZOSFDhAUiWCYQwJSxGHKqGAE%2F5EqIHBjOgyRQELCBB7EAQHfySDhGYQdDWGQyUhADs%3D);
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}

#map #scriptsloading {
	color: #aaaaaa;
}

#scriptsloading #thankyou {
	margin-top: 1ex;
}

#map .error {
	padding: 2em;
	padding-bottom: 4em;
	background-image: none;
	background-color: #eeeeee;
}

#sidebar {
	float: right;
	width: 35%;
	border: none;
	margin-left: 0ex;
	margin-right: 2ex;
	padding: 0.5ex;
	border: 2px solid #bbbbbb;
	background-color: #fafafa;
}

#sidebar * {
	float: none;
}

#sidebar ul {
	padding:0;
	margin: 0;
}

#sidebar li {
	list-style-type: none;
}

#sidebar .horiz li {
	float: left;
	font-size: 70%;
	padding-right: 1ex;
}

#sidebar fieldset {
	clear: both;
}

#sidebar #fs_snippets legend a {
	margin-left: 1ex;
	font-size: smaller;
}

#KPE_GLog {
	opacity: 0.8;
}

#KPE_GLog0 {
	display: none !important;
}

.closed {
	height: 1ex;
	border: 2px #fafafa solid;
	border-top: black 1px solid;
	margin-top: 1px;
	padding-top: 0;
	padding-bottom: 0;
	
}
.closed * {
	display: none;
}

.closed legend, .closed legend * {
	display: inline !important;
}

.mapinfo li {
	font-size: 70%;
	position: relative;
}
.mapinfo li span {
	position: absolute;
	left: 8ex;
	text-align: right;
}

#gameplan  {
	opacity: 0.3 !important;
}