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


/* ********************************************************************
* Video Poker
*
******************************************************************** */

body {
  height:450px;
  width:320px;
  margin:0px;
  font:normal 11px Arial,sans-serif;
  color:#ffffff;
  background:transparent url(img/chrome.png) no-repeat scroll left top;
  position:relative;
}

body a {
  color:#ffd700;
  text-decoration:none;
}
body a:hover {
  color:#ffff00;
  text-decoration:underline;
}

body img#sound {
  position:absolute;
  top:46px;
  left:12px;
  clip:rect(16px 16px 32px 0px);
  cursor:pointer;
}
body img#sound.mute {
  top:62px;
  clip:rect(0px 16px 16px 0px);
}
body img#train {
  position:absolute;
  top:30px;
  left:32px;
  clip:rect(32px 16px 48px 0px);
  cursor:pointer;
}
body img#train.on {
  top:62px;
  clip:rect(0px 16px 16px 0px);
}
body img#train.warn {
  top:46px;
  clip:rect(16px 16px 32px 0px);
}

body img#close {
  position:absolute;
  top:63px;
  right:12px;
  cursor:pointer;
}
body img#config {
  position:absolute;
  top:63px;
  right:32px;
  cursor:pointer;
}

body > div#pokertable {
  padding:10px;
  position:absolute;
  bottom:0px;
  left:0px;
}
body > div#pokertable > img:first-child {
  display:block;
  margin:4px auto;
}

body > div#pokertable table#payout {
  width:296px;
  margin:0px auto;
  line-height:13px;
}
body > div#pokertable table#payout col.highlight {
  background:transparent url(img/white.20percent.png) repeat scroll left top;
}
body > div#pokertable table#payout tbody tr.highlight {
  color:#000000;
  background-color:#ffd700;
}
body > div#pokertable table#payout tbody tr th {
  text-align:left;
  padding:0px 2px;
}
body > div#pokertable table#payout tbody tr td {
  text-align:right;
  border-right:1px inset #ffd700;
  border-left:1px inset #ffd700;
  padding:0px 2px;
  width:28px;
}
body > div#pokertable table#payout tbody tr:first-child td {
  border-top:1px inset #ffd700;
}
body > div#pokertable table#payout tbody tr:last-child td {
  border-bottom:1px inset #ffd700;
}
body > div#pokertable table#payout tbody tr td.highlight {
  color:#ffffff;
  background-color:#663300;
}

body > div#pokertable ul {
  position:relative;
  margin:0px;
  padding:0px;
  height:84px;
  width:300px;
  list-style-type:none;
}
body > div#pokertable ul li {
  width:43px;
  height:64px;
  margin:0px;
  padding:0px;
  position:absolute;
  top:9px;
  text-align:center;
  border:1px solid transparent;
}
body > div#pokertable ul li.highlight {
  border:1px solid #ffd700;
}
body > div#pokertable ul li.fade {
  opacity:0.6;
}
body > div#pokertable ul.train li.train::after {
  content:url(img/icon.coin.png);
  position:absolute;
  top:-5px;
  right:-4px;
  overflow:hidden;
}
body > div#pokertable ul li:first-child { left:27px; }
body > div#pokertable ul li:first-child + li { left:77px; }
body > div#pokertable ul li:first-child + li + li { left:127px; }
body > div#pokertable ul li:first-child + li + li + li { left:177px; }
body > div#pokertable ul li:first-child + li + li + li + li { left:227px; }
body > div#pokertable ul li img:first-child {
  vertical-align:top;
  height:64px;
  -apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px);
}
body > div#pokertable ul li img:first-child + img {
  position:absolute;
  top:24px;
  left:4px;
  width:35px;
  height:14px;
  display:none;
}
body > div#pokertable ul li.held img:first-child + img {
  display:block;
}

body > div#pokertable table#display {
  width:300px;
  table-layout:fixed;
  line-height:14px;
}
body > div#pokertable table#display tr td {
  border:1px inset #888888;
  color:#ffffff;
  text-align:right;
  background-color:#000000;
}
body > div#pokertable table#display tr th[rowspan="2"] {
  width:49px;
}
body > div#pokertable table#display tr th#creditx.highlight {
  color:#ffd700;
  cursor:pointer;
}
body > div#pokertable table#display tr td#wager {
  width:25px;
}
body > div#pokertable table#display tr th {
  padding:0px 0px;
  white-space:nowrap;
}
body > div#pokertable table#display tr th#paidx {
  cursor:pointer;
}
body > div#pokertable table#display tr th button {
  font-size:inherit;
  line-height:1.1em;
  vertical-align:middle;
  margin:0px !important;
  text-align:center;
  width:45px;
  height:29px;
  padding:2px 0px;
  background:transparent url(img/button.on.png) no-repeat scroll center center;
  border:0px none;
  -apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px);
}
body > div#pokertable table#display tr th button#deal {
  line-height:2.2em;
}
body > div#pokertable table#display tr th button:disabled {
  color:#000000;
  background:transparent url(img/button.off.png) no-repeat scroll center center;
}

body > div#pokertable img#gameover {
  position:absolute;
  bottom:74px;
  left:54px;
  display:none;
}

body > div#configtable {
  position:absolute;
  top:55px;
  left:5px;
  width:290px;
  height:370px;
  padding:10px;
  background:transparent url(img/config.bkg.png) no-repeat scroll left top;
  display:none;
}
body > div#configtable > ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
body > div#configtable > ul > li {
  display:none;
}
body > div#configtable > ul > li:first-child {
  display:block;
}
body > div#configtable > ul > li h2 {
  font-size:16px;
  margin:0px;
}
body > div#configtable > ul > li select#game {
  margin:0px auto;
  border:2px inset #888888;
  background-color:#0D6C00;
  color:#ffffff;
}
body > div#configtable > ul > li > ul {
  margin:0px;
  padding:5px 0px 5px 1.5em;
}

body > div#configtable ol {
  position:absolute;
  bottom:5px;
  left:5px;
  width:300px;
  height:18px;
  margin:0px;
  padding:0px;
  list-style-type:none;
  line-height:18px;
  -apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px);
}
body > div#configtable ol li {
  display:inline-block;
  width:32%;
  height:18px;
  white-space:nowrap;
  font:bold 12px Arial,sans-serif;
  text-align:center;
  cursor:pointer;
  color:#ffee00;
}
body > div#configtable ol li.highlight {
  color:#ffffff;
  cursor:default;
}