html, body {
    width: 100%; 
    height: 100vh; 
    margin: 0; 
    overflow:visible;}

h1, h2, h3 {color: green;}

#banner {
    display: flex;
    align-items: center;
}
#banner img {
    height: 65px;
    padding-right: 20px;
}
#banner h1 {
    margin: 0;
    font-size: 175%;
}

#borderContainer {width: 100%; height: 100%;}

#dijit_layout_ContentPane_0 {padding: 0.5em 2em 0.5em 2em;}
#dijit_layout_ContentPane_1 {padding: 0 2em 2em 2em;}
#dijit_layout_ContentPane_2 {padding: 0 2em 2em 2em;}
#dijit_layout_ContentPane_3 {padding: 0 2em 2em 2em;}
#dijit_layout_ContentPane_4 {padding: 0 2em 2em 2em;}
#dijit_layout_ContentPane_5 {padding: 0 2em 2em 2em;}
#dijit_layout_ContentPane_6 {padding: 0 2em 0 2em;}

#grid {
    height: 35em;
    margin-bottom: 0.5em;
}
#tree-map {
    clear: both;
    border: solid gray thin;
    width: 100%;
    height: 100%;
}

.field-objectid {width: 6em;}
.field-address {width: 18em;}
.field-dbh {width: 7em;}
.field-cname {width: 12em;}
.field-sname {width: 12em;}
.field-family {width: 8em;}
.field-code {width: 5em;}
.field-health {width: 5em;}
.field-strip {width: 5em;}
.field-wires {width: 5em;}
.field-planted {width: 6em;}
.field-removed {width: 6em;}
.field-latitude {width: 7em;}
.field-longitude {width: 8em;}
.field-rating {width: 6em;}
.field-note {width: 15em;}
.field-lastmoddt {width: 8.5em;}

.dgrid-no-data, .dgrid-loading {color: #aaa; font-size: 2em; padding: 3em;}

/* -- OL4 popup additions-------------------- */

.popup-content {
 font-family: sans-serif;
 font-size: 85%;
 white-space: nowrap;
}
.popup-content td {
    border-collapse: collapse;
    border-style: none;
}
.popup-content .key {
    font-weight: bold;
    padding-right: 2px;
}
.ol-mouse-position {
    background-color: white;
}
.ol-popup {
 position: absolute;
 background-color: white;
 padding: 10px;
 border-radius: 6px;
 border: 1px solid #cccccc;
 bottom: 12px;
 left: -50px;
}
.ol-popup:after, .ol-popup:before {
 top: 100%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}
.ol-popup:after {
 border-top-color: white;
 border-width: 10px;
 left: 48px;
 margin-left: -10px;
}
.ol-popup:before {
 border-top-color: #cccccc;
 border-width: 11px;
 left: 48px;
 margin-left: -11px;
}
.ol-popup-closer {
 text-decoration: none;
 color: green;
 position: absolute;
 top: 2px;
 right: 8px;
}
.ol-popup-closer:after {
 content: "✖";
}

/* -------------------------------------------- */

#list-options {
    border-collapse: collapse;
}

#list-options td {
    border: none;
    padding: 2px 4px 2px 4px;
}

#help-us-form {
    border: none;
    padding: 2px 4px 2px 4px;
}
#help-us-form fieldset {
    padding: 1em;
    border: solid thin gray;
}
#help-us-form label {
    font-weight: bold;
    width: 9em;
    float: left;
    margin: 0.5em 0 0.5em 0;
    padding-right: 1em;
    clear: both;
}
#help-us-form br {
    clear: both;
}
#help-us-form .dijitButton {
    padding: 1em 0 0 2em;
}
#help-us-response {
    color: green;
    vertical-align: -0.5em;
    padding-left: 1em;
}

#notice-listing {
    margin: 10px 20px 10px 0;
    border-collapse: collapse;
    border: solid thin #9f9f9f
}

#notice-listing th, td {
    border: solid thin #9f9f9f;
    padding: 0.2em 2ex 0.2em 2ex;
}

#notice-listing .odd td {
    background-color: #EFFFF4;
}

#notice-listing .address {
    white-space: nowrap;
}

#notice-listing th {
    font-weight: bold;
}


.recommended-trees
 {
    min-width: 60em;
    margin: 1em 0em 1em 2em;
    border-collapse: collapse;
    border: thin solid grey;
}

.recommended-trees caption {
    text-align: center;
    padding: 1em 0em 1em 0em;
    font-size: large;
    color: green;
}

.recommended-trees td {
    padding: 0.2em 0.5em 0.2em 0.5em;
    border: none;
}

.recommended-trees th {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-weight: bold;
}

.recommended-trees .section-head {
    border-top: thin solid lightgrey;
    border-bottom: thin solid lightgrey;
    padding: 0.3em 0em 0.3em 1.0em;
    background-color: rgb(235,255,235);
}

.recommended-trees .cname {
    width: 15em;
    padding-left: 2em;
}

.recommended-trees .sname {
    width: 25em;
    padding-left: 2em;
}

#rating-page {
   max-width: 75em;
}

#rating-sheet {
    max-width: 60em;
    border: 1px solid grey;
    margin: 2em;
    padding: 1em;
}

.rating-sheet-block {
    border: 1px solid grey;
    padding: 1em;
}

.rating-sheet-block li {
    list-style-type: circle;
}

.rating-sheet-block td {
    border: none;
}

#rating-sheet-title {
  font-weight: bold;
  font-size: 125%;
  text-align: center;
}

.rating-sheet-block .attr-label1 {
	padding: 1em 1em 0.5em 0;
}
.rating-sheet-block .attr-label2 {
	padding: 1em 1em 0.5em 2em;
}
.rating-sheet-block .attr-value {
	width: 20em;
	border-bottom: 1px solid grey;
	padding: 1em 0 0.5em 0;
}

.full-line {
    max-width: 65em;
    border-bottom: 1px solid grey;
}

#rating-sheet-summary {
    margin-top: 1em;
    max-width: 65em;
}

#rating-sheet-summary td{
    border: none;
}

#toc {
    float: right;
    border: 1px solid grey;
    background-color: rgb(249, 249, 249);
    padding: 7px;
}

#toc td {
    border: none;
}

#toc ul {
    list-style-type: none;
}

#toc ul.level-1 {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

#toc ul.level-2 {
    padding-left: 20px;
}

#toc-title {
    text-align: center;
    font-weight: bold;
}