body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#visualRoot {
    width:1920px;
    height:1080px;
    position:absolute;
    top:0px;
    border: 1px solid black;
    background-color: #808080;
    _background-image: url('../images/background.png');
    background-size: cover;
    background-repeat: no-repeat;    
}


a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}
a:visited {
    color: white;
}

.camera-pane {
    position:absolute;
    bottom: 0px;
    border: 1px solid white;
    background-color: #000000;
    width: 550px;        
    color:white;
    transform: scale(0.5);
    transform-origin: bottom left;;
    

}

.minimized {
    transition: height 0.5s ease;
    height:160px;
    overflow:hidden;
}

.minimized:hover {
    height: auto;
    overflow:visible;
}

.hidden {
    display:none ;
}

.slider {
    width:450px;
}

#minimizeToggle {
    position: absolute;
    right: 10px;
    top: 10px;
}

body {
    
}

.presets {
    position:absolute;
    right:0px;
    bottom:10px;
    padding: 4px;
    text-align: center;
    width:400px;
    background-color: darkblue;
    color:white;
}