.yes
{
  background-color:Green;
  width:100%;
  border:1px solid white;
}
.no
{
  background-color:Red;
  width:100%;
  border:1px solid white;
}
.card
{
  height:96;
  width:71;
}
.die
{
  height:30;
  width:30;
}
.headerRow
{
  color:black;
  background-color:silver;
}
.header
{
  font-weight:bold;
  color:White;
  background-color:Black;
}
.dot
{
  background-color:black;
  position:absolute;
  font-size:0px;
}
.equilibrium
{
  background-color:maroon;
  position:absolute;
  height:1;
  width:100%;
  font-size:0px;
}
.molecule1
{
  background-color:blue;
  position:absolute;
  font-size:0px;
}
.molecule2
{
  background-color:red;
  position:absolute;
  font-size:0px;
}
.unit
{
  font-size:10px;
}
.unitBlack
{
  font-size:10px;
  background-color:Black;
}
.unitRed
{
  font-size:10px;
  background-color:Red;
}
.legend
{
  color:maroon;
  font-size:8;
  vertical-align:middle;
  text-align:center;
}
.chamber
{
}
.graphcell
{
  font-size:1px;
}
.graphlegend
{
  position:absolute;
  color:maroon;
  font-size:10;
}
.graph2
{
  margin:0px;
}
.graph
{
  background-color:white;
  background-repeat:repeat;
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
  text-align:left;
  overflow:hidden;
  border:none;
}
.graphFrame
{
  border:1px solid gray;
}
.cardstable
{
  background-color:white;
}
.itemstable
{
  background-color:black;
}
.cellwrapper
{
  border:1px solid black;
}
.titleMsgWait
{
  font-size:24px;
  font-weight:bold;
  color:Maroon;
}
.titleMsgReady
{
  font-size:24px;
  font-weight:bold;
  color:Green;
}
.itemsBody
{
  font-size:1px;
  border:1px solid gray;
  background-color:white;
  padding:10px;
}
.binaryactive
{
  font-family:Courier New;
  background-color:orange;
  color:Black;
  font-size:24px;
  font-weight:bold;
  margin-bottom:8px;
  border:2px solid black;
  text-align:center;
  vertical-align:middle;
  display:inline;
}
.binarymarked
{
  font-family:Courier New;
  background-color:gray;
  color:White;
  font-size:24px;
  font-weight:bold;
  border:2px solid black;
  text-align:center;
  vertical-align:middle;
  display:inline;
}
.binarycell
{
  font-family:Courier New;
  background-color:white;
  color:Black;
  font-size:24px;
  font-weight:bold;
  border:2px solid black;
  text-align:center;
  vertical-align:middle;
  display:inline;
}
.itemactive
{
  font-family:Courier New;
  background-color:orange;
  font-size:18px;
  font-weight:bold;
  margin:4px;
  border:4px solid orange;
  text-align:center;
  vertical-align:middle;
}
.itemmarked
{
  font-family:Courier New;
  color:White;
  font-size:18px;
  font-weight:bold;
  margin:4px;
  border:4px solid white;
  text-align:center;
  vertical-align:middle;
}
.itemscell
{
  font-family:Courier New;
  background-color:white;
  font-size:18px;
  font-weight:bold;
  margin:4px;
  border:4px solid white;
  text-align:center;
  vertical-align:middle;
}
.aksedCompartmentYes
{
  background-color:green;
  font-family:Courier New;
  border:1px solid black;
  font-size:16px;
  font-weight:bold;
  color:black;
}
.aksedCompartmentNo
{
  background-color:red;
  font-family:Courier New;
  border:1px solid black;
  font-size:16px;
  font-weight:bold;
  color:black;
}
.compartment
{
  font-family:Courier New;
  border:1px solid black;
  background-color:white;
  font-size:16px;
  font-weight:bold;
  color:black;
}
.compartmentCoin
{
  background-image:url("images/coin.gif");
  background-position:50% 50%;
  background-repeat:no-repeat;
  font-family:Courier New;
  border:1px solid black;
  background-color:white;
  font-size:16px;
  color:Maroon;
  font-weight:bold;
}
