*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

body{
    font-family:Arial;
    padding:0;
    margin:0;
}

#statsBox{
    position:absolute;
    margin-left:35px;
    margin-top:35px;
    z-index:2;
    padding:15px;
}

#squareOutputContainer{
    position:absolute;
    left:1%;
    width:40%;
    overflow:hidden;
    font-size:0;
}

#squareColumn1, #squareColumn2{
    width:50%;
    display:inline-block;
    font-size:12pt;
}

.squareName {
    display:inline-block;
    width:190px;
}

.squareOutput {
    display:inline-block;
    width:50px;
    margin-left:0;
    text-align:center;
    z-index:-1;
}

#canvasFreq, #canvasInc {
    border-left:1px solid black;
    border-bottom:1px solid black;
    background:#FFF;
}

.indent {
    display:inline-block;
    width:190px;
    padding-left:23px;
}

#textLabel {
    position:absolute;
    left:300px;
    top:630px;
    font-size:10pt;
    display:none; /*********TEMP********/
}

#propertyTable {
    font-size:10pt;
}

#canvasInc{
    position:absolute;
    top:15px;
    left:43%;
}

#canvasFreq {
    position:absolute;
    left:43%;
    margin-bottom:20px;
}

#board {
    width:500px;
    font-size:0;
    position:absolute;
    top:15px;
    left:1%;
}

.space{
    display:inline-block;
    border:1px solid black;
    position:relative;
}

.spaceEmpty{
    border:none;
}

.colour{
    width:100%;
    height:25%;
    position:absolute;
}

.colourSide{
    height:100%;
    width:25%;
    position:absolute;
}

.colourBottom{border-bottom:2px solid black}
.colourTop{border-top:2px solid black;bottom:0}
.colourLeft{border-left:2px solid black;right:0}
.colourRight{border-right:2px solid black}

.brown{background-color:rgb(115,58,42)}
.lightblue{background-color:rgb(158,213,216)}
.pink{background-color:rgb(183,31,113)}
.orange{background-color:rgb(230,120,34)}
.red{background-color:rgb(208,11,32)}
.yellow{background-color:rgb(255,241,13)}
.green{background-color:rgb(22,154,70)}
.darkblue{background-color:rgb(0,83,148)}
#goButton {
    border:1px solid black;
    text-align:center;
    width:100px;
    padding:5px;
    cursor:pointer;
}