div.replayerArea img {
  border: none;
}

div.replayerArea img:hover {
  border: none;
}

div.replayerArea {
	font-size: 9pt;
  margin: 0px;
  position: relative;
  clear: both;
  color: #333;
  background: #fff;
}

.blankDiv {
	width: 1px;
	height: 475px;
	position: relative;
}

div#errorDiv {
	color: red;
	width: 200px;
}

.gameTable {
 	float: left;
	border: 1px solid #000;
	width:486px;
	height:330px;
	position: relative;
	z-index:0;
	margin-bottom:10px;
	margin-top:10px;
}

/* this particular div itself doesn't display so just
 stick it in the top left so it doesn't take up space */
#Table {position:absolute;top:0;left:0;z-index:1;}

/* these table properties actually do something */
.tableCard {width:30px; height:42px; z-index:2;}
.tableChip {z-index:3;position: absolute; }
.tableButton {z-index:2;}
.tableCard img {width:30px; height:42px;}

.board1 {position:absolute; top:122px; left:190px; }
.board2 {position:absolute; top:122px; left:215px; }
.board3 {position:absolute; top:122px; left:240px; }
.board4 {position:absolute; top:122px; left:280px; }
.board5 {position:absolute; top:122px; left:320px; }

.button1 {position:absolute; top:10px; left:80px; }
.button2 {position:absolute; top:30px; left:5px; }
.button3 {position:absolute; top:32px; left:5px; }
.button4 {position:absolute; top:-44px; left:-5px; }
.button5 {position:absolute; top:-45px; left:55px; }
.button6 {position:absolute; top:-25px; left:76px; }
.button7 {position:absolute; top:-45px; left:55px; }
.button8 {position:absolute; top:32px; left:40px; }
.button9 {position:absolute; top:32px; left:30px; }
.button10 {position:absolute; top:10px; left:-22px; }

.p1chip {position:absolute; top:40px; left:0px; text-align:right; vertical-align:bottom;}
.p2chip {position:absolute; top:15px; left:-35px; text-align:right; vertical-align:bottom;}
.p3chip {position:absolute; top:-20px; left:-35px; text-align:right; vertical-align:bottom;}
.p4chip {position:absolute; top:-35px; left:-35px; text-align:right; vertical-align:bottom;}
.p5chip {position:absolute; top:-80px; left:0px; text-align:right; vertical-align:bottom;}
.p6chip {position:absolute; top:-80px; left:30px; text-align:left;  vertical-align:bottom;}
.p7chip {position:absolute; top:-35px; left:90px; text-align:left;  vertical-align:bottom;}
.p8chip {position:absolute; top:-20px; left:90px; text-align:left;  vertical-align:bottom;}
.p9chip {position:absolute; top:15px; left:90px; text-align:left;  vertical-align:bottom;}
.p10chip {position:absolute; top:40px; left:30px; text-align:left; vertical-align:bottom;}

.potChip {position:absolute; top:128px; left:150px; text-align:left; vertical-align:bottom;}
.potTotal {position:absolute; top:38px; left:-15px; color: #fff;}
.betTotal {color: #fff;}

#bet1 {position:absolute; top:38px; left:-25px;}
#bet2 {position:absolute; top:38px; left:-25x;}
#bet3 {position:absolute; top:38px; left:-25px;}
#bet4 {position:absolute; top:38px; left:-20px;}
#bet5 {position:absolute; top:38px; left:-5px;}
#bet6 {position:absolute; top:38px; left:-25px;}
#bet7 {position:absolute; top:38px; left:-14px;}
#bet8 {position:absolute; top:38px; left:-14px;}
#bet9 {position:absolute; top:38px; left:-25px;}
#bet10 {position:absolute; top:38px; left:-25px;}

img.Chip1 { position: absolute; margin: 24px 0 0 0; width: 18px; height: 16px;}
img.Chip2 { position: absolute; margin: 20px 0 0 0; width: 18px; height: 16px;}
img.Chip3 { position: absolute; margin: 16px 0 0 0; width: 18px; height: 16px;}
img.Chip4 { position: absolute; margin:  12px 0 0 0; width: 18px; height: 16px;}
img.Chip5 { position: absolute; margin:  8px 0 0 0; width: 18px; height: 16px;}
img.Chip6 { position: absolute; margin:  4px 0 0 0; width: 18px; height: 16px;}
img.Chip7 { position: absolute; margin:  0px 0 0 0; width: 18px; height: 16px;}

.Stack1 {
	position: absolute; top: 0px; left: 0px;
	z-index: 1;
}

.Stack2 {
	position: absolute; top: -5px; left: -10px;
	z-index: 0;
}

.Stack3 {
	position: absolute; top: -5px; left: 10px;
}

.playerImage {width:76px;height:32px;z-index:8;}
.playerCard {width:30px; height:42px; }
.playerCard img {width:30px; height:42px;}
.playerFont {font-family:Tahoma, Helvetica, sans-serif;font-size:9px;color:#ff0;z-index:9;width:76px;height:15px;text-align:center;}
.actionFont {font-family:Tahoma, Helvetica, sans-serif;font-size:15px;color:#ff0;z-index:9;width:76px;height:32px;text-align:center;margin: 8px 0px 0px 0px;}


.trans90 {opacity:.90;filter: alpha(opacity=80); -moz-opacity: 0.9;}
.trans80 {opacity:.80;filter: alpha(opacity=70); -moz-opacity: 0.8;}
.trans70 {opacity:.70;filter: alpha(opacity=60); -moz-opacity: 0.7;}
.trans60 {opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}
.trans50 {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
.trans40 {opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4;}
.trans30 {opacity:.30;filter: alpha(opacity=30); -moz-opacity: 0.3;}

/*
pX =   Player X
pXc1 = Player X, hole card #1
pXc2 = Player X, hole card #2
pXc3 = Player X, hole card #3
pXc4 = Player X, hole card #4
pXn =  Player X, name
pXv =  Player X, stack amount
pXa =  Player X, action text

*/

#Player1 {position:absolute; top:30px; left:260px; }
.p1   {position:absolute; }
.p1c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p1c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p1c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p1c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p1n  {position:relative;  }
.p1v  {position:relative;  }

#Player2 {position:absolute; top:50px; left:390px; }
.p2   {position:absolute; }
.p2c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p2c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p2c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p2c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p2n  {position:relative;  }
.p2v  {position:relative;  }

#Player3 {position:absolute; top:155px; left:410px; } 
.p3   {position:absolute; }
.p3c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p3c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p3c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p3c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p3n  {position:relative;  }
.p3v  {position:relative;  }

#Player4 {position:absolute; top:240px; left:390px; }
.p4   {position:absolute; }
.p4c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p4c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p4c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p4c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p4n  {position:relative;  }
.p4v  {position:relative;  }

#Player5 {position:absolute; top:265px; left:260px; }
.p5   {position:absolute; }
.p5c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p5c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p5c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p5c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p5n  {position:relative;  }
.p5v  {position:relative;  }

#Player6 {position:absolute; top:265px; left:150px; }
.p6   {position:absolute; }
.p6c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p6c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p6c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p6c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p6n  {position:relative;  }
.p6v  {position:relative;  }

#Player7 {position:absolute; top:240px; left:20px; }
.p7   {position:absolute; }
.p7c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p7c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p7c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p7c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p7n  {position:relative; }
.p7v  {position:relative; }

#Player8 {position:absolute; top:155px; left:0px; }
.p8   {position:absolute; }
.p8c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p8c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p8c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p8c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p8n  {position:relative;  }
.p8v  {position:relative;  }

#Player9 {position:absolute; top:50px; left:20px; }
.p9   {position:absolute; }
.p9c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p9c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p9c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p9c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p9n  {position:relative;  }
.p9v  {position:relative;  }

#Player10 {position:absolute; top:30px; left:150px; }
.p10   {position:absolute; }
.p10c1 {position:absolute; top: -25px; left: 15px; z-index: 5; }
.p10c2 {position:absolute; top: -25px; left: 30px; z-index: 6; }
.p10c3 {position:absolute; top: -25px; left: 0px; z-index: 4; }
.p10c4 {position:absolute; top: -25px; left: 45px; z-index: 7; }
.p10n  {position:relative;  }
.p10v  {position:relative;  }

.wrapperDiv {
	float: left;
	position: relative;
	height: 450px;
	width: 220px;
	margin-left: 10px;
}

.MainControlDiv {
	float: left;
	height: 125px;
	width: 220px;
	border: 1px solid #000;
  	margin-top: 10px;
}

/* Hand selector */
.HandSelector {
/*
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  float: left;
  position: absolute;
  z-index: 90;
  margin-top: 10px;
*/

  font-family: Tahoma, Helvetica, sans-serif;
  position: absolute;
  bottom: 30px;
  //right: 5px;
left: 5px;
  z-index: 90;
}

.HandSelector select {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #600;
  background-color: #fdd;
  width: 72px;
}

/* Play controls */
.PlayControls {
  font-family: Tahoma, Helvetica, sans-serif;
  position: absolute;
  bottom: 5px;
  left: 0px;
  clear: both;
  z-index: 90;
}

.PlayControls input {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
  background-color: #006;
}

.PlayControls input#PausePlay {
  display: none;
  width: 55px;
  margin-left: 5px;
  color: #fff;
  background-color: #600;
}

.PlayControls input#StartPlay {
  width: 55px;
  color: #fff;
  margin-left: 5px;
  background-color: #003399;
}

.PlayControls input#PlayPrevious,
.PlayControls input#PlayNext {
  color: #fff;
  background-color: #003399;
  width: 38px;
  margin-left: 5px;
}

.PlayControls input#StepBackward,
.PlayControls input#StepForward {
  color: #fff;
  background-color: #003399;
  width: 30px;
  margin-left: 5px;
}

/* Speed selector */
.SpeedSelector {
  font-family: Tahoma, Helvetica, sans-serif;
  position: absolute;
  bottom: 5px;
  //right: 5px;
right: 5px;
  z-index: 90;
}

.SpeedSelector input {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

.SpeedSelector input#PlaySlower {
  width: 85px;
  color: #fff;
  background-color: #003399;
  margin-left: 5px;
}

.SpeedSelector input#PlaySpeed {
  text-align: center;
  color: #030;
  background: #dfd;
  margin-left: 5px;
}

.SpeedSelector input#PlayFaster {
  width: 85px;
  color: #fff;
  background-color: #003399;
  margin-left: 5px;
}

.SpeedControls input.disabled {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
	color: #999;
	background-color: #ccc;
}
