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


/* ********************************************************************
* Roshambo Rumble!
*
******************************************************************** */

body {
  margin:0px auto;
  padding:7px 10px;
  background:transparent url(img/chrome.png) no-repeat scroll top left;
  color:#f6f6ff;
  font-family:sans-serif;
  font-size:11px;
  width:250px;
  height:140px;
  position:relative;
}

body a {
  color:#8888ff;
  text-decoration:none;
}
body a:hover {
  text-decoration:underline;
}

body h1 {
  margin:0px 0px 3px 0px;
  font-size:14px;
  font-style:italic;
  height:19px;
}

body div#controls {
  position:absolute;
  top:7px;
  right:8px;
  cursor:pointer;
  text-align:right;
  white-space:nowrap;
}
body div#controls span {
  display:block;
  float:right;
  width:15px;
  height:15px;
  margin-left:2px;
}
body span#close {
  background:transparent url(img/close.png) no-repeat scroll left top;
}
body span#showAbout {
  background:transparent url(img/config.png) no-repeat scroll left top;
}
body span#showStats {
  background:transparent url(img/score.png) no-repeat scroll left top;
}
body span#close:hover,
body span#showAbout:hover,
body span#showStats:hover {
  background-position:left -15px;
}

body h2 {
  margin:0px 0px 2px 0px;
  font-size:12px;
  text-align:left;
}

body span#players {
  position:absolute;
  top:29px;
  right:10px;
  white-space:nowrap;
}

body fieldset {
  margin:6px 0px 0px 0px;
  margin:0px;
  border:0px none;
  padding:0px;
  min-height:58px;
}
body fieldset legend {
  font-size:12px;
  font-weight:bold;
}
body fieldset label {
  display:block;
  clear:right;
}
body fieldset label input {
  float:right;
  margin:1px 0px;
}
body fieldset input {
  font-size:inherit;
}


body div#play fieldset {
  text-align:center;
}
body fieldset img {
  border:2px outset #222222;
  cursor:pointer;
  margin:0px 7px;
}
body fieldset img:hover {
  border:2px outset #888822;
}
body fieldset img:active {
  border:2px inset #222222;
}


body div.result {
  position:absolute;
  bottom:10px;
  right:10px;
  width:240px;
  margin:2px 0px 0px 0px;
  padding:0px 3px;
  overflow:hidden;
  border:1px inset #222222;
  background-color:#111111;
}
body div#result1 {
  height:1.4em;
}
body div#result2 {
  height:2.8em;
}

body div#loading {
  position:absolute;
  top:3px;
  left:5px;
  width:260px;
  height:143px;
  opacity:0.8;
  background-color:#222222;
  text-align:center;
  font-size:20px;
  font-weight:bold;
  line-height:143px;
}
body div#loading img {
  vertical-align:middle;
}

body div#about {
  position:absolute;
  top:26px;
  left:7px;
  padding:2px;
  width:252px;
  height:114px;
  overflow:auto;
  opacity:0.95;
  background-color:#222222;
}
body div#about p {
  margin-top:0px;
}

body div#stats {
  position:absolute;
  top:26px;
  left:7px;
  padding:2px;
  width:252px;
  height:114px;
  overflow:hidden;
  opacity:0.95;
  background-color:#222222;
}
body div#stats dl {
  margin:10px;
}
body div#stats dl dt {
  clear:left;
  float:left;
  width:30%;
  height:2em;
}
body div#stats dl dd {
  float:left;
  font-weight:bold;
  height:2em;
}
body div#stats table {
  clear:both;
  margin:5px auto;
  width:210px;
  background-color:#666666;
}
body div#stats table tr th {
  background-color:#444444;
}
body div#stats table tr th,
body div#stats table tr td {
  width:25%;
  text-align:center;
}