body {
    background-color: #313536;
    color: #b0bbbf;
    font-family: "Trebuchet MS", Arial;
}

button.disabled {
   opacity: 0.25;
}

#logo {
    text-align: center;
}

#board {
    margin: auto;
    border: 1px solid black;
    position: relative;
    z-index: 100;
}

#board td {
    width: 32px;
    height: 32px;
    cursor: pointer;
    border: 1px solid black;
}

#boardwrapper {
    width: 100%;
    text-align: center;
}

#controlwrapper {
    text-align: center;
}

#controls img {
    vertical-align: middle;
}

#copyright {
    font-size: 10px;
    text-align: center;
    margin-top: 20px;
    clear: both;
    /*left: 0px;*/
}

#laser-overlay {
    margin: 0px;
    padding: 0px;
    display: none;
    opacity: 0.75;
}

#laser-overlay .bumper {
    height: 26px !important;
}

#laser-overlay td {
    width: 38px;
    height: 38px;
    margin: 0px;
    padding: 0px;
}

#laser-overlay td img {
    margin: 0px;
    padding: 0px;
    border: none;
    display: block;
}

#overlaywrapper {
    position: absolute;
    z-index: 101;
}

#log {
    border: 1px solid black;
    background-color: #CCCCCC;
    color: #000000;
    font-size: 11px;
    font-family: "Courier New", "Trebuchet MS", Arial;
}

#movebtns {
    font-family: Arial, Helvetica;
}

#msg {
    border: 1px solid black;
    background-color: #CCCCCC;
}

.bumper {
    height: 10px !important;
    vertical-align: middle;
}

/* Square type classes */
.occupied {
    background-repeat: no-repeat;
    background-position: center center;
}

.selected {
    border: 1px double yellow !important;
}

.red-only { 
    background-color: #AA0000; 
}
 
.red-djed-0 { 
    background-image: url('../img/djed_red_trdl.png'); 
}
 
.red-djed-1 { 
    background-image: url('../img/djed_red_tldr.png'); 
}
 
.red-obelisk { 
    background-image: url('../img/obelisk_red.png'); 
}
 
.red-obelisk-stack { 
    background-image: url('../img/obelisk_red_double.png'); 
}

.red-pharaoh { 
    background-image: url('../img/pharaoh_red.png'); 
}
 
.red-pyramid-0 { 
    background-image: url('../img/pyramid_red_ur.png'); 
}
 
.red-pyramid-1 { 
    background-image: url('../img/pyramid_red_dr.png'); 
}
 
.red-pyramid-2 { 
    background-image: url('../img/pyramid_red_dl.png'); 
}
 
.red-pyramid-3 { 
    background-image: url('../img/pyramid_red_ul.png'); 
}
 
.silver-only { 
    background-color: #CCCCCC; 
}
 
.silver-djed-0 { 
    background-image: url('../img/djed_silver_trdl.png'); 
}
 
.silver-djed-1 { 
    background-image: url('../img/djed_silver_tldr.png'); 
}
 
.silver-obelisk { 
    background-image: url('../img/obelisk_silver.png'); 
}
 
.silver-obelisk-stack { 
    background-image: url('../img/obelisk_silver_double.png'); 
}
 
.silver-pharaoh { 
    background-image: url('../img/pharaoh_silver.png'); 
}
 
.silver-pyramid-0 { 
    background-image: url('../img/pyramid_silver_ur.png'); 
}
 
.silver-pyramid-1 { 
    background-image: url('../img/pyramid_silver_dr.png'); 
}
 
.silver-pyramid-2 { 
    background-image: url('../img/pyramid_silver_dl.png'); 
}
 
.silver-pyramid-3 { 
    background-image: url('../img/pyramid_silver_ul.png'); 
}