body, html { 
    margin:0; 
    padding:0; 
    width:100%; 
    height:100%; 
    overflow:hidden; 
    font-family:Segoe WP;
    font-weight:200;
    background:#000;
}
.fullscreenPage {
    position:absolute;
    top:0; 
    left:0; 
    right:0; 
    bottom:0;
    color:#FFF;
}
button, select, input {
    font-family:inherit; 
}
.toolbarPanel {
    position:absolute;
    height:30px;
    top:3px;
}
.toolbarPanel.left { 
    left:3px;
}
.toolbarPanel.right { 
    right:3px;
}
.toolbarSelect {     
    background:rgba(0, 0, 0, 0.6);
    color:#FFF;
    border:outset 1px rgba(240, 240, 240, 0.5);
    font-family:Segoe WP;
}
.toolbarSelect > option { 
    background:transparent;
}
.panControl, .zoomControl {
    background-image: radial-gradient(center center, circle contain, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.16) 100%);
    border-radius:48px;
    position:absolute;
    bottom:3px;
    width:96px; 
    height:96px;
 }
.panControl {
    right:3px;
}
            
.zoomControl {
    left:3px;
}
            
.toolbarButton {
    position:absolute;
    line-height:1.2em;
    height:30px;
    width:30px;
    text-align:center;
    color:#FFF;
    font-weight:normal;
    background:rgba(0, 0, 0, 0.66);
    border:outset 1px rgba(240, 240, 240, 0.66);
}

.toolbarButton[disabled] {
    opacity:0.5;
}
            
.toolbarButton.on         { color:#000; background:rgba(155, 255, 155, 0.66); border:inset 1px rgba(240, 240, 240, 0.66); }

.toolbarButton.up         { top:3px; left:33px; border-radius:7px 7px 0 0; }
.toolbarButton.left       { top:33px; left:3px; border-radius:7px 0 0 7px; }
.toolbarButton.center     { top:33px; left:33px;  }
.toolbarButton.right      { top:33px; right:3px; border-radius:0 7px 7px 0; }
.toolbarButton.down       { bottom:3px; left:33px; border-radius:0 0 7px 7px; }

.toolbarButton.in         { top:3px; left:33px; border-radius:7px 7px 0 0; }
.toolbarButton.open       { top:33px; left:3px; border-radius:7px 0 0 7px; }
.toolbarButton.track      { bottom:33px; left:33px; }
.toolbarButton.clear      { top:33px; right:3px; border-radius:0 7px 7px 0; }
.toolbarButton.out        { bottom:3px; left:33px; border-radius:0 0 7px 7px; }

/*.toolbarButton.gpx        { bottom:6px; left:40%; margin-left:15px; }*/
            
.popup { 
    position:absolute;
    width:280px;
    margin-left:-150px;
    margin-top:-50px;
    top:50%;
    left:50%;
    background:rgba(255, 255, 255, 0.7);
    padding:10px;
}
.popup select {  
    font-size:.75em;
    width:100%;
}
.popup h3 {
    margin:0 0 10px 0;
    padding:3px;
    background:rgba(255, 255, 255, 0.7);
    font-size:.9em;
    font-weight:bold;
}
.popupButtonPanel { 
    text-align:right;
    padding-top:10px;
}
.popupButtonPanel button { 
    font-size:.7em;
}