body
{
    background-color:papayawhip;
}

button
{
    margin:30px 10px;
    font-size: x-large;
    border-radius:5px;
    box-shadow:3px 3px gray;
    float:left;
    width:200px;
}

td
{
    width:40px;
    border:solid 1px black;
    font-size: 30px;
    background-color: bisque;
    text-align: center;
}

tr
{
    margin-left: 20px;
    margin-right:20px;
    border: 3px ridge silver
}


.usa
{
    background-color:rgba(0,0,255,0.5);
}

.british
{
    background-color:rgba(255,0,0,0.5);
}

.panel
{
    border: ridge 2px silver;
    border-radius: 5px;
    box-shadow: 3px 3px gray;
    overflow:auto;
    width:calc(50% - 15px);
    margin: 5px;
}

.rowTitle
{
    font-weight: bold;
    background-color: white
}

.unit
{
    
    box-shadow: 3px 3px gray;  
    margin:4px 4px 3px 5px;
    z-index:3;
    background-size: contain;
    border:1px black solid;
    width:50px;
    height:50px;
}

.holding
{
    float:left;
}

.deployed
{
    position: absolute;
    opacity:0.75;
}

.flipped
{
    border:4px lightgray solid;
    width:45px;
    height:44px;
    margin:3px 3px 1px 4px ;
}

.notflipped
{
    border:1px black solid;
    width:50px;
    height:50px;
}

.dragged
{
    position: absolute;
    opacity:0.4;
    border:4px lightgray solid;
    width:45px;
    height:44px;
    margin:3px 3px 1px 4px ;
}

.die
{
    width:40px;
    height:40px;
    border:1px black solid;
    box-shadow: 3px 3px gray;
    float:left;
    margin:4px;
    z-index: 3;
    background-size: cover;
    background-image: url(dice/6.png);
}

#buttons
{
    height:80px;
    top:0px;
    left:300px;
    position:absolute;
}

#help
{
    padding:10px;
    height:80px;
    width:70px;
    background-color: lightgray;
    top:0px;
    left:300px;
    position:fixed;
    z-index: 4;
    border:2px ridge gray;
    border-radius:5px;
}

#timings
{
    height:50px;
    top:10px;
    left:750px;
    position:absolute;
    width:1400px;
    z-index: 2;
}

#control
{
    height:220px;
    width:100%;
    z-index: 3;
    position:fixed;
    top:0px;
    left:0px;
    background-color: papayawhip;
}

#logo
{
    width: 300px;
    height:80px;
    padding:20px;
}

#content
{
    z-index:1;
    position:relative;
    top:210px;
    width:100%;
    min-width: 2825px;
    height:520px;
    transform-origin: 0px 0px;
}

#UKHolding
{
  /*background-color: pink;*/
  float:left;
  height:60px;
  border:none;
  box-shadow: none;
}

#USHolding
{
/* background-color: lightblue;*/
 float:right;
 height:60px;
 border:none;
 box-shadow: none;
}

#top
{
    width:100%;
    height:80px;
}

#holdings
{
    width:100%;
    height:75px;
}
#dice
{
    width:100%;
    height:60px;
    top:225px;
}

#UKdice
{
    background-color: pink;
    float:left;
    height:50px;
    margin-top: 0px;
}

#USdice
{
    background-color: lightblue;
    float:right;
    height:50px;
    margin-top: 0px;
}

#rules,#operation
{
    font-size:x-large;
    margin:10px;
    cursor: pointer;
}