html,body,p,a,h1,h2,h3,table,tr,th,td,form,select,input,textarea,ul,ol,li {
  font-family      : Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  font-size        : 12px;
  color            : #000000;
  margin           : 0;
  border           : 0;
  padding          : 0;
  }
body {
  background-color : #ffffff;
  text-align       :center;
  width            :100%;
  height           :100%;
  }
div {
  position         : absolute;
  visibility       : visible;
  display          : block;
  }
div.container {
  margin           : auto;
  position         : relative;
  width            : 590px;
  height           : 100%;
  text-align       : left;
  background-color : #ffffff;
  }
div.top {
  top              : -500px;
  left             : -500px;
  width            : 490px;
  height           : 490px;
  }
div.head {
  top              : 0;
  left             : 10px;
  width            : 570px;
  height           : 50px;
  padding-top      : 15px;
  background-color : #ffffff;
  border-bottom    : solid 1px #0000bb;
  font-size        : 36px;
  color            : #0000bb;
  }
div.score {
  top              : 90px;
  left             : 0;
  width            : 380px;
  height           : 500px;
  background-color : #ffffff;
  padding          : 6px 10px 0 10px;
  }
div.dice {
  top              : 80px;
  left             : 400px;
  width            : 180px;
  height           : 100px;
  background-color : #ffffff;
  }
div.poss {
  top              : 220px;
  left             : 400px;
  width            : 180px;
  height           : 250px;
  background-color : #ffffff;
  }
div.points {
  top              : 506px;
  left             : 400px;
  width            : 180px;
  height           : 100px;
  background-color : #ffffff;
  }
div.rules {
  visibility       : hidden;
  top              : 100px;
  left             : 100px;
  width            : 400px;
  height           : auto;
  padding          : 10px;
  border           : solid 2px #0000bb;
  background-color : #ffffff;
  }
div.versions {
  visibility       : hidden;
  top              : 100px;
  left             : 100px;
  width            : 400px;
  height           : auto;
  padding          : 10px;
  border           : solid 2px #0000bb;
  background-color : #ffffff;
  }
h1 {
  font-size        : 18px;
  font-weight      : bold;
  margin           : 10px 0 33px 0;
  color            : #0000bb;
  }
h2 {
  font-weight      : bold;
  border-bottom    : solid 1px #0000bb;
  color            : #0000bb;
  margin           : 0 0 10px 0;
  }
p {
  line-height      : 16px;
  margin           : 0 0 10px 0;
  }
table {
  border-collapse : collapse;
  }
th, td {
  vertical-align   : top;
  text-align       : left;
  border           : solid 1px #555555;
  padding          : 1px 5px 1px 5px;
  }
th {
  font-weight      : bold;
  }
th.item {
  text-align       : center;
  }
th.title {
  font-weight      : bold;
  width            : 100px;
  }
td.title {
  font-weight      : bold;
  width            : 100px;
  }
td.item {
  width            : 30px;
  text-align       : right;
  }
td.sum {
  width            : 30px;
  text-align       : right;
  font-weight      : bold;
  background-color : #dddddd;
  }
td.dice {
  padding          : 0 5px 0 0;
  border           : none;
  width            : 30px;
  height           : 40px;
  vertical-align   : middle;
  text-align       : center;
  font-weight      : bold;
  font-size        : 20px;
  }
img {
  margin           : 0;
  border           : 0;
  padding          : 0;
  }
a {
  color            : #0000bb;
  text-decoration  : underline;
  }
a:link,a:active,a:visited {
  text-decoration  : underline;
  }
a:hover {
  text-decoration  : none;
  }
.link {
  color            : #0000bb;
  cursor           : pointer;
  text-decoration  : underline;
  }
