html, body {
	margin: 0;		padding: 0;
}

#container {
	position: relative;
	clear: both;
	font-size: 0.95em;
	margin: 1em 0;
}

#map {
	position: relative;
	margin: 0; 
	width: 70%; 
	height: 600px;
	float: left;
	margin: 0 1% 0 0;
}

#panel-add, #panel-moveto, #panel-show {
	position: relative;
	width: 28%;
	float: left;
	margin: 0 0 1em;
}
	#panel-moveto a {
		font-size: 0.8em;
		line-height: 1em;
		padding: 0.2em 0;
	}
	#panel-add .h2 a img {
		margin: 0 1ex 0 0;		padding: 0;
		border: 0 none;
	}
	#panel-add #add-title {
		font-size: 0.7em;
		font-weight: normal;
	}

	
#control-moveto {
	position: relative;
	width: 100%;
	height: 25em;
	overflow: auto;
}


ul#show-list, ul#show-list li {
	list-style: none;
	margin: 0.5em 0;	padding: 0;
	clear: both;
}
	ul#show-list img {
		margin: 0 1ex 0 0;		padding: 0;
		border: 0 none;
	}
	ul#show-list a.current {
		color: #a33;
		text-decoration: underline;
	}



.zoom-buttons-title {
	color: #FEDF00;
	height: 1em;
	font: bold 1em/1em sans-serif;
	float: left;
	margin: 0 1ex 0 0;
	
}
.zoom-buttons {
	position: relative;
}
	.zoom-buttons a {
		font: 1em/1em sans-serif;
		color: #fff;
		text-decoration: none;
		cursor: pointer;
		height: 1em;
		margin: 0;		padding: 0 1ex;
		display: block;
		float: left;
	}
	.zoom-buttons a:hover {
		color: #fff;		background-color: #000;
	}
	.zoom-buttons a.current {
		font: 1em/1em sans-serif;
		color: #FEDF00;
		text-decoration: underline;
		cursor: pointer;
		height: 1em;
		margin: 0;		padding: 0 1ex;
		display: block;
		float: left;
	}


.h2 {
	font-weight: bold;
	font-size: 1.4em;
	color: #888;
}

.comix {
	position: relative;
	width: 280px;
	height: 200px;
	overflow: auto;
}

	.comix-title {
		font: bold 1em/1em "Times New Roman", "Times", sans-serif;
	}
	.comix-text {
		font: 1em/1em "Times New Roman", "Times", sans-serif;
	}
	.comix-html {
		font: 0.9em/1em "Times New Roman", "Times", sans-serif;
		margin: 0.5em 0;
	}
	.comix-author {
		font: italic 0.8em/1em "Times New Roman", "Times", sans-serif;
		text-align: right;
	}
	.comix-input-text {
		font: 0.9em/1em "Times New Roman", "Times", sans-serif;
		width: 90%;
	}
	.comix-input-submit {
		margin: 0 0 0 auto;
		font: 1em "Times New Roman", "Times", sans-serif;
	}
	.comix-textarea {
		width: 90%;
		height: 5em;
		font: 0.9em/1em "Times New Roman", "Times", sans-serif;
	}
	
	.comix-comments {
	}
		dl {
			margin: 0;	padding: 0;
		}
		dt {
			font: italic 0.8em/1em "Times New Roman", "Times", sans-serif;
			margin: 0;	padding: 0;
		}
		dd {
			font: 0.9em/1em "Times New Roman", "Times", sans-serif;
			margin: 0 0 0.5em 4ex;	padding: 0;
		}
	.comix-error {
		color: #c33;
		font: bold 0.9em/1em "Times New Roman", "Times", sans-serif;
	}
	.comix-message {
		color: #383;
		font: 0.9em/1em "Times New Roman", "Times", sans-serif;
	}

#editmodeControl {
	position: relative;
	background-color: #000;
	padding: 2em 2ex 0.5em;
	display: none;
}
