/* Put your CSS here */
html, body {
    margin: 20px;
}

.selected {
    font-weight: bold;
}

.toggle-icon.leaf{
    visibility: hidden;
}

.item-list{
    list-style-type: none;
}

.toggle-icon{
    font-size: large;
    font-weight: normal;
}

li { padding-left: 0.85em; }

a { text-decoration: none; }
table {display: inline;
    vertical-align: top; }
body { font-family:serif; }
.opt { font-family:sans-serif; }
span.subhead { font-size: larger; font-weight: bold; }
div#controls { border:medium dotted #666; width: 35em; padding-left:0.8em; }
button.mapBtn { color: #090; }
canvas { background-color:#fff; border:5px solid #666; }

img#HTML5 { width:38px; height:202px; } /* vertical */
img#HTML5 { width:197px; height:64px; } /* horizontal */


.full-list {
    font-size: large;
    font-weight: bold;
}

.full-list.is-full-list {
    font-size: small;
    font-weight: normal;
}

.instructions {
    display: none;
}

.instructions.should-show-instructions {
    display: block;
}