div.TreeView {
text-align: left;
padding: 5px 10px;
margin-left: 10px;
}

div.TreeView ul {
list-style: none;
padding: 0;
margin: 0;
border: solid thin black;
}

div.TreeView ul > li {
margin: 3px 0px;
}

div.TreeView ul > li > div {
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #f5f5f5;
color: #000000;
text-decoration: underline;
}

div.TreeView ul > li > div.selected {
background-color: #3A5FCD;
color: #f5f5f5;
}

div.TreeView ul > li > div.branch:after {
color: red;
content: '+';
}

div.TreeView ul > li > div[aria-expanded="true"]:after {
color: blue;
content: '-';
}

#pg-tree div.viewport {
height: 402px;
overflow: hidden;
}

#pg-tree #container {
background-color: #d3d3d3;
float: left;
height: 400px;
width: 30%;
overflow: auto;
border: solid thin black;
}

#map {
background-color: #d3d3d3;
float: right;
height: 400px;
width: 65%;
border: solid thin black;
}