html, body, #map {
	height: 100%;
	overflow: hidden;
}

body, form {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}

body {
	font-family: sans-serif;
}

h1 {
	font-weight: bold;
	font-size: 115%;
	text-align: center;
	margin: 0;
	clear: both;
}

#map { 
	margin-right: 14.3em;
}

#userinfo {
	float: right;
	font-size: 90%;
	font-style: italic;
	margin-right: 0.1em;
}

#panel {
	position: absolute;
	top: 0;
	right: 0;
	width: 14em;
	padding: 0.1em;
	height: 100%;
	overflow: auto;
	background-color: white;
}

#panel img {
	margin-right: 3px;
}

#panel p {
	margin: 0;
	padding-top: 0.5ex;
}

#panel .buttons {
	padding-top: 0.75ex;
}

#panel .panelpart {
	margin-left: 5px;
	padding-left: 7px;
	display: none;
	border-left: 1px dotted black;
}

#panel .tab_label {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}

#panel .active_tab_label {
	font-weight: bold;
}

#panel .tab_block {
	display: none;
}

#panel .hidden {
	display: none;
}

#panel .small {
	font-size: 90%;
}

#panel .click {
	text-decoration: underline;
	cursor: pointer;
}

#panel .coord .click {
	text-decoration: none;
}

#panel .expand {
	font-style: italic;
}

#panel input[type="text"], #panel input[type="password"], #panel textarea, #panel select {
	font-family: sans-serif;
	font-size: 100%;
	color: black;
	background-color: white;
	border: 1px solid darkgray;
}

#panel input[type="text"]:not([size]), #panel input[type="password"], #panel textarea, #panel select {
	box-sizing: content-box;
	width: 11em;
}

#panel input[type="text"], #panel input[type="password"], #panel textarea {
	padding: 0.1ex 0.2em;
}

#panel select {
	padding: 0.1ex 0.4em 0.1ex 0em;
}

#panel button {
	font-size: 110%;
	padding: 0.2ex 0.4em;
	color: black;
	background-color: #DCDCDC;
	border: 1px solid darkgray;
}

#panel button + button {
	margin-left: 0.5em;
}

#panel .subtitle {
	text-align: center;
	margin-bottom: 0.5ex;
}

#panel .square {
	width: 2ex;
	height: 2ex;
	border: 1px solid black;
}

#panel .note {
	font-style: italic;
	font-size: 90%;
	margin-right: 0.1em;
}

#panel .note + .note {
	padding-top: 0;
}

#panel .peerinfo {
	float: left;
	font-size: 90%;
	margin-left: 0;
}

#panel .linkinfo {
	float: right;
	font-size: 90%;
	margin-left: 0.5em;
	white-space: nowrap;
}

#panel input.error {
	background-color: #FF8080;
}

#nodeinfo .text {
	margin: 0;
	margin-left: 0.4em;
	font-style: italic;
	font-size: 90%;
}

#linkinfo select {
	width: 10em;
}

#linkinfo td {
	margin: 0;
	padding: 0;
	padding-left: 0.2em;
}

#linkinfo .clear {
	clear: both;
}

#linkinfo .backbone {
	font-weight: bold;
}

#linkinfo .planned {
	color: gray;
}

#linkinfo .added {
	background-color: yellow;
	text-decoration: underline;
}

#linkinfo .deleted {
	text-decoration: line-through;
}

#linkinfo .linkedit {
	margin-left: 7px;
	padding-left: 10px;
	border-left: 1px dotted black;
}

#linkinfo .nominal {
	color: DarkRed;
}

#linkinfo .real {
	color: DarkBlue;
}

#linkinfo .czfree {
	color: DarkGreen;
}

.label_node {
	position: absolute;
	white-space: nowrap;
	background-color: black;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	font-family: arial, sans-serif;
	font-size: 11px;
}

.label_address {
	position: absolute;
	white-space: nowrap;
	color: yellow;
	font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px black;
}

.clear {
	clear: both;
}