html, body {
  height:100%;
  width:100%;
  margin:0;
  padding:0;
}
#caption {
  font-family:arial;
  font-size:18px;
  font-weight:bold;
  color:#6688FF;
}
#explanation {
  font-family:arial;
  margin:10px 0px;
}
#btn2 {
  margin:10px 0px;
}
#main {
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  background-color:#EEE;
}
#main td {
  padding:0;
  vertical-align:middle;
}
#board {
  border-collapse:collapse;
  background-color:#FFFFFF;
}
#board tr {
  height:20px;
}
#board td {
  width:20px;
  border:1px solid #CADBD6;
  vertical-align:middle;
  text-align:center;
  background-repeat:no-repeat;
  background-size:20px 20px;
}
.hov td:hover {
  background-color:#DDF;
}
.hov td.ring:hover {
  background-color:#FFF;
}
.hov td.kryss:hover {
  background-color:#FFF;
}
.ringVit {
  background-image:url('img/ring_vit.png');
}
.kryssVit {
  background-image:url('img/kryss_vit.png');
}
.ring {
  background-image:url('img/ring_färg.png');
}
.kryss {
  background-image:url('img/kryss_färg.png');
}
#envelope {
  margin:0 auto;
}
#envelope td {
  text-align:left;
}
#topInfo {
  Xborder:1px solid red;
  font-family:arial;
  font-size:12px;
  width:100%;
}
#topInfo td {
  Xborder:1px solid red;
  padding:0;
  vertical-align:top;
}
#message {
  margin:10px 0px 5px 0px;
  height:30px;
  font-family:arial;
}
#boardTemplate {
  display:none;
}
#boardContainer {
  border:1px solid #AABBFF;
}
#opponentUrl {
  width:279px;
  font-size:9px;
}
#btnRequestGame {
  font-size:9px;
  margin-bottom:4px;
}