/* General */
table.collapse {cellspacing: 0; cellpadding: 0; border: 0;
                border-collapse: collapse; }

td, p { margin: 0px; }

.denier {   width: 23px; height: 21px;
            background-image: url(denier.png);
            font-size: 16; font-weight: bold; color: white;
            padding-top: 2px;
  display: -moz-inline-box;
  display: inline-table;
  display: inline-block;
            vertical-align: middle;
            }

.denierinner {
            width: 23px; height: 21px;
            text-align: center; vertical-align: center;
            margin-left: auto; margin-right: auto;
            font-size: 16px;
  /*display: -moz-inline-box;
  display: inline-table;
  display: inline-block;*/
            }
.vpshield { width: 24px; height: 22px;
            background-image: url(shield.png);
            text-align: center; vertical-align: center;
            margin-left: auto; margin-right: auto;
            font-size: 16px; font-weight: bold; color: yellow;
            padding-top: 2px;
  /*display: -moz-inline-box;
  display: inline-table;
  display: inline-block;*/
            vertical-align: middle;
            }
.fourcubes {
            width: 23px; height: 21px;
            min-width: 23px; min-height: 21px;
            background-image: url(fourcubes.png);
            text-align: center; vertical-align: center;
            margin-left: auto; margin-right: auto;
            font-size: 16px; font-weight: bold; color: yellow;
            padding-top: 2px;
  /*display: -moz-inline-box;
  display: inline-table;
  display: inline-block;*/
            vertical-align: middle;
            }
.arrow    { vertical-align: middle;
            }

.compact { display: compact; }
.centered { margin-left: auto; margin-right: auto;
            text-align: center; }
.vcentered { vertical-align: middle; }

img       { vertical-align: middle; }

/* worker image: 15 x 27 */
.workerspace  { width: 15px; height: 27px;
                text-align: center; vertical-align: center;
                margin-left: auto; margin-right: auto;
                border: 1px solid #cccccc;
                margin-bottom: 1px;
              }
.stone .workerspace { border-color: #888888; }

/* house image: 19 x 21 */
.housespace   { width: 21px; height: 25px;  /* w+2, h+4 from image */
                border: 1px solid #cccccc; }
/* marker image: 32 x 23 */
.markerspace  { width: 34px; height: 27px;
                border: 1px solid #cccccc;}

/* Player headings */
td.playerdata { width: 100px;
                border-left: 1px solid #cccccc;
                border-right: 1px solid #cccccc; }
td.playerdatatop { border-top: 1px solid #cccccc; }
td.playerdatabottom { border-bottom: 1px solid #cccccc; }
p.headinglabel{ text-align: center; font-weight: bold; font-color: #888888; }
.playerred    { color: red; font-weight: bold; }
.playergreen  { color: green; font-weight: bold; }
.playerblue   { color: blue; font-weight: bold; }
.playerblack  { color: black; font-weight: bold; }
.playeryellow { color: #aaaa00; font-weight: bold; }
p.playerheader{ text-align: center; }
.playername   { font-size: 16px; text-align: center; font-weight: bold; }
.vptotal      { font-size: medium; /* float: right; */}
.cubes        { text-align: center; }
p.playerworkers{ height: 27px; text-align: center; }

/* Game status */
.gameheader   { margin-left: auto; margin-right: auto;
                text-align: center; }
.gamestatus   { margin-left: auto; margin-right: auto;
                text-align: center; }
.action       { text-decoration: underline; }

/* Castle */
p.castlelabel { text-align: center;
                font-size: large;
                color: #666666; }
/* p.castlelabel:before { content: "Castle"; } */
td.batches {    border: 2px solid gray; margin: 5px; }

/* Favour tracks */

.favourtable {  border: 2px solid #888888; }
td.favourphase { text-align: center; }
td.favourlabelcell { text-align: center;
                font-size: small;
                border-top: 1px solid black;
                border-left: 1px solid black;
                border-right: 1px solid black;
                border-bottom: 1px solid #cccccc;
                background-color: #aaffaa;}
td.favourmarkercell { text-align: center;
                border-top: none;
                border-left: 1px solid black;
                border-right: 1px solid black;
                border-bottom: 1px solid black;
                height: 27px;}
p.favourmarkers { }
p.vpfavour { font-size: medium; }
.favourphase { border: 2px solid #00aa00; }

/* Buildings */

td.building {   /*width: 80px;*/
                border-left: 1px solid gray;
                border-right: 1px solid gray;
                padding: 0px;
                text-align: center;}
.neutral    {   background-color: #ff99cc; }
.wooden     {   background-color: #cc9977; }
.stone      {   background-color: #cccccc; }
.residence  {   background-color: #aaffaa; }
.prestige   {   background-color: #bbd3ff; }
.fixed      {   background-color: #ffddbb; }
.empty      {   background-color: #eeeeee; }

.buildingtop    { border-top: 1px solid gray;
                  height: 20px; }
.buildingcontent{ height: 30px; }
.buildingbottom { border-bottom: 1px solid gray;
                  vertical-align: top;
                  height: 20px; }

.buildingname { font-size: medium; }
.buildingtext { font-size: smaller; }
.whitecylinders { }