@charset "utf-8";

html,body {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	overflow: hidden;
	color: #000;
}
 
a {
	color: #0000FF;
	text-decoration: none;
}
 
a:hover {
	color: #000011;
	text-decoration: underline;
}
 
#map {
	position: absolute;
	bottom: 3em;
	top: 0.4em;
	left: 0.4em;
	right: 0.4em;
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #000;
	border: 1px solid #777;
}
.hide {
	display: none;
}

/* Set Marker */

#setMarkerBox {
	position: absolute;
	left: 0.4em;
	right: 0.4em;
	bottom: 4em;
	z-index: 1001;
	background-color: #FFF;
	border-top: 1px solid #777;
	border-bottom: 1px dashed #999;
	padding: 10px;
	font-size: 0.75em;
	line-height: 2em;
}

#chooseIcon {
	float: right;
}
#chooseIcon a img {
	border: none;
	padding: 2px;
}
#chooseIcon a.selectedIcon img {
	border: 1px dashed #777;
}
#status {
	float: left;
	text-align: left;
	padding: 2px;
	z-index: 1000;
	font-size: 1em;
}
#permalinkEditbox {
	width: 22em;
}
#iFrameEditbox {
	width: 22em;
}
#iFrameWidth, #iFrameHeight {
	width: 3em;
}

/* Menu */

#menu {
	position: absolute;
	left: 8px;
	bottom: 0.4em;
	z-index: 10000;
	font-size: 0.75em;
}
#menu a {
	padding-top: 4px;
}
#permalink {
	position: absolute;
	bottom: 2em;
	right: 8px;
	z-index: 1000;
	font-size: 0.75em;
}
#shortlink {
	position: absolute;
	bottom: 0.4em;
	right: 8px;
	z-index: 1000;
	font-size: 0.75em;
}
#help {
	position: absolute;
	z-index: 1000;
	width: 33%;
	left: 33%;
	top: 10%;
	background-color: #FFF;
	font-size: 0.75em;
	padding: 1em;
	border: 1px solid #999;
	line-height: 1.5em;
}
#centerMenu {
	position: absolute;
	width: 100%;
	bottom: 0.4em;
	left: 0;
	text-align: center;
	font-size: 0.75em;
}