#canvas-wrapper {
	opacity: 0.99;
	position: relative;
    width: 10px;
    height: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */ 
}

#canvas-wrapper:-webkit-full-screen,  #canvas-wrapper:-webkit-full-screen canvas{
    position: fixed;
    width: 100%;
    height:100%;
    top: 0;
    background: none;
}

#canvas-wrapper:-ms-fullscreen, #canvas-wrapper:-ms-fullscreen canvas {
    position: fixed;
    width: 100%;
    height:100%;
    top: 0;
    background: none;
}

#canvas-wrapper:fullscreen, #canvas-wrapper:fullscreen canvas {
    position:absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
}

.buttonNavText {
    font-family: Trebuchet MS,sans-serif;
    font-size: 25px;
    line-height: 25px;
    padding-left:2px;
}

.buttonHintText {
    font-family: Trebuchet MS,sans-serif;
    font-size: 25px;
    line-height: 25px;
    padding-left:10px;
    padding-top:2px;
}

.navClicked {
    color:#ffffff;
    background-color: #DC0031;
    border: 3px solid #DC0031;
}

.navNotClicked {
    color:#DC0031;
    background-color: #ffffff;
    border: 3px solid #DC0031;
}

#GS-TurnLeft.squareButton, #GS-TurnRight.squareButton {
    height: 30px;
    width: 30px;
}

.buttonViewIcon {
    height:30px;
    width:35px;
    margin-left: 10px;
}

.buttonViewText {
    font-family: Trebuchet MS,sans-serif;
    font-size: 13px;
    height:30px;
    line-height: 30px;
    padding-left: 10px;
}