#middle {
	position: relative; margin: 0; width: 100%
}

#middle > * {
	position: absolute;
}

#networkContainer {
	left: 0; right: 0; top: 0; bottom: 0;
}

#search {
	left: 20px; top: 20px;
}

#popup {
	display: none; top: 20px; right: 20px; border: solid 1px #999; border-radius: 5px; background: white; width: 400px;
}

#infoBox {
	overflow-y: scroll; padding: 10px
}

#infoBoxCancel {
	position: absolute; top: 5px; right: 20px; height:20px;width:20px;
}

#control {
	bottom: 20px; right: 20px;
}

#collapsed {
	width: 50px; opacity: 0.2; border-radius: 3px; padding: 3px; border: solid 1px #333;
} 

#collapsed:hover {
	opacity: 0.6;
}

.icon {
	cursor: pointer;margin-bottom: -8px; width: 25px;
	opacity: 0.6;
}

.icon:hover {
	opacity: 1.0;
}
.icon:active, input[type=submit]:active {
	transform: translate(1px,1px);
}

#full {
	display: none;border: solid 1px #999; padding: 10px 20px; background: white; border-radius: 3px;
}

#legend {
	padding: 10px; bottom: 0; left: 0; position: absolute;
}

#display {
	position: absolute; top: 120px; left:20px
}

#settings {
	width: 500px; text-align: left;display: none; background: white
}

#contextMenu {
	display: none; padding: 10px 0; background-color: white; border: solid 1px #999;
}

#contextMenu  p {
	padding: 5px 20px; cursor: pointer;
}

#contextMenu  p:hover {
	background-color: #eee;
}

#controlCancel {
	position: absolute;right: 10px;bottom: 10px;
}