html, body {
  margin:0px;
  padding:0px;
}


/* ********************************************************************
* WidgetTetra
*
******************************************************************** */
body {
  margin:0px auto 0px auto;
  padding:0px;
  background:transparent url(img/chrome_10x15.png) no-repeat scroll top left;
  width:248px;
  height:255px;
  overflow:hidden;
  position:relative;
}

body canvas {
  margin:0px 0px 0px 20px;
}
body canvas + canvas {
  position:absolute;
  bottom:130px;
  right:14px;
  margin:0px;
}

body label {
  position:absolute;
  font:bold 8pt Arial,sans-serif;
  color:#ffffff;
  text-align:left;
  right:14px;
}
body label input[type=text] {
  display:block;
  font:normal 8pt "MS Sans Serif",sans-serif;
  border:1px inset #888888;
  background-color:#000000;
  color:#dddddd;
  width:53px;
  padding:0px 2px;
  text-align:right;
}
body label#levelBox {
  bottom:110px;
  width:59px;
}
body label#levelBox input {
  float:right;
  width:17px;
}
body label#linesBox {
  bottom:75px;
  width:59px;
}
body label#scoreBox {
  bottom:40px;
  width:59px;
}
body label#focusBox {
  bottom:18px;
}

body a#aboutLink {
  position:absolute;
  bottom:14px;
  left:20px;
  font:bold 70% Arial,sans-serif;
  color:#ffffff;
  text-decoration:none;
}

body div#about {
  position:absolute;
  top:0px;
  left:0px;
  width:248px;
  height:255px;
  display:none;
  background-color:#ffffff;
  opacity:0.9;
  font:normal 70% Arial,sans-serif;
  padding:2px 5px;
  overflow:auto;
}
body div#about h1 {
  font-size:140%;
  margin:0px 0px 4px 30px;
}
body div#about p {
  margin:3px 0px;
}
body div#about h2 {
  font-size:120%;
  margin:6px 20px 3px 0px;
  border-bottom:1px solid #888888;
}
body div#about dl {
  margin:4px 0px;
}
body div#about dl dt {
  font-weight:bold;
}

body img#rewardImage {
  opacity:0.0;
  position:absolute;
  top:50px;
  left:38px;
  display:none;
}