/* All possible board widths.  I had hoped this would center but it doesn't on all browsers after the initial display. */
.gameboardw1 { width: 640px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw2 { width: 768px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw3 { width: 896px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw4 { width: 1024px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw5 { width: 1152px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw6 { width: 1280px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw7 { width: 1408px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw8 { width: 1536px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw9 { width: 1664px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw10 { width: 1792px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw11 { width: 1920px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw12 { width: 2048px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.gameboardw13 { width: 2176px; position:relative; margin:0 auto; text-align:left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/* All possible row column offsets */
.rowc1 { position:relative; left: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc2 { position:relative; left: 128px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc3 { position:relative; left: 256px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc4 { position:relative; left: 384px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc5 { position:relative; left: 512px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc6 { position:relative; left: 640px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc7 { position:relative; left: 768px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc8 { position:relative; left: 896px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc9 { position:relative; left: 1024px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc10 { position:relative; left: 1152px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc11 { position:relative; left: 1280px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc12 { position:relative; left: 1408px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.rowc13 { position:relative; left: 1536px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  
/* Positioning of arrows within a row */
.larrow { position:absolute; left:19px; top:19px; z-index:1; }
.rarrow { position:absolute; left:559px; top:19px; z-index:1; }

/* Positioning of token columns within a row */
.c1 { position:absolute; left:96px; top:19px; z-index:1; }
.c2 { position:absolute; left:224px; top:19px; z-index:1; }
.c3 { position:absolute; left:352px; top:19px; z-index:1; }
.c4 { position:absolute; left:480px; top:19px; z-index:1; }