div#page {

	font-size: 11pt;

  margin: 0px;

  padding: 10px;

  position: relative;

  clear: both;

  color: #333;

  background: #fff;

}



/* for the comments below the replayer */



table.input-form {

	width: 480px;

	margin: 0 0 15px 0;

}



div.comment {

	width: 470px;

	margin: 0 0 15px 0;

	padding: 4px;

	border: 1px solid #ccc;

}



div.comment h3 {

	margin: 0;

	padding-bottom: 0;

}



div.comment p.byline,

table.input-form td.byline {

	font-size: 9pt;

	font-weight: bold;

	margin-top: 0;

	padding-top: 0;

	color: #999;

	background-color: #fff;

}



table.input-form td.byline {

	text-align: right;

	padding: 4px;

	border: 1px solid #999;

	color: #000;

	background-color: #ccc;

}



div.comment p.byline span.username,

table.input-form td.byline span.username {

	font-style: italic;

	color: #063;

	background-color: #fff;

}



div.comment p.byline span.date,

table.input-form td.byline span.date {

	font-style: italic;

	color: #036;

	background-color: #fff;

}



div.comment p.byline span.time,

table.input-form td.byline span.time {

	font-style: italic;

	color: #603;

	background-color: #fff;

}



table.input-form td.byline span.username,

table.input-form td.byline span.date,

table.input-form td.byline span.time {

	background-color: #ccc;

}



/* end comments */



.metaInfo {

	border: 1px solid #000;

	margin: 5px 0px;

	padding: 10px 10px 10px 10px;

}



.blankDiv {

	width: 1px;

	height: 600px;

	position: relative;

}



.gameTable { 

 	float: left;

	border: 1px solid #000;

	width:750px;

	height:600px;

	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:50px; height:70px; z-index:2;}

.tableChip {z-index:3;position: absolute;}

.tableButton {z-index:2;}

.tableCard img {width:50px; height:70px;}



.board1 {position:absolute; top:220px; left:235px; }

.board2 {position:absolute; top:220px; left:290px; }

.board3 {position:absolute; top:220px; left:345px; }

.board4 {position:absolute; top:220px; left:400px; }

.board5 {position:absolute; top:220px; left:455px; }



.button1 {position:absolute; top:130px; left:490px; }

.button2 {position:absolute; top:180px; left:590px; }

.button3 {position:absolute; top:300px; left:610px; }

.button4 {position:absolute; top:370px; left:560px; }

.button5 {position:absolute; top:390px; left:410px; }

.button6 {position:absolute; top:390px; left:235px; }

.button7 {position:absolute; top:340px; left:130px; }

.button8 {position:absolute; top:240px; left:110px; }

.button9 {position:absolute; top:140px; left:180px; }

.button10 {position:absolute; top:130px; left:320px; }



.p1chip {position:absolute; top:155px; left:445px; text-align:right; vertical-align:bottom;}

.p2chip {position:absolute; top:180px; left:540px; text-align:right; vertical-align:bottom;}

.p3chip {position:absolute; top:255px; left:580px; text-align:right; vertical-align:bottom;}

.p4chip {position:absolute; top:330px; left:540px; text-align:right; vertical-align:bottom;}

.p5chip {position:absolute; top:340px; left:445px; text-align:right; vertical-align:bottom;}

.p6chip {position:absolute; top:340px; left:285px; text-align:left;  vertical-align:bottom;}

.p7chip {position:absolute; top:330px; left:175px; text-align:left;  vertical-align:bottom;}

.p8chip {position:absolute; top:255px; left:155px; text-align:left;  vertical-align:bottom;}

.p9chip {position:absolute; top:180px; left:175px; text-align:left;  vertical-align:bottom;}

.p10chip {position:absolute; top:155px; left:285px; text-align:left; vertical-align:bottom;}



.potChip {position:absolute; top:300px; left:365px; text-align:left; vertical-align:bottom;}

.potTotal {position:absolute; top:5px; left:50px; color: #fff;}

.betTotal {color: #fff;}



#bet1 {position:absolute; top:47px; left:-5px;}

#bet2 {position:absolute; top:47px; left:-10x;}

#bet3 {position:absolute; top:47px; left:-10px;}

#bet4 {position:absolute; top:47px; left:-10px;}

#bet5 {position:absolute; top:47px; left:-5px;}

#bet6 {position:absolute; top:47px; left:0px;}

#bet7 {position:absolute; top:47px; left:5px;}

#bet8 {position:absolute; top:47px; left:10px;}

#bet9 {position:absolute; top:47px; left:10px;}

#bet10 {position:absolute; top:47px; left:5px;}



img.Chip1 { position: absolute; margin: 30px 0 0 0; }

img.Chip2 { position: absolute; margin: 25px 0 0 0; }

img.Chip3 { position: absolute; margin: 20px 0 0 0; }

img.Chip4 { position: absolute; margin:  15px 0 0 0; }

img.Chip5 { position: absolute; margin:  10px 0 0 0; }

img.Chip6 { position: absolute; margin:  5px 0 0 0; }

img.Chip7 { position: absolute; margin:  0px 0 0 0; }



.Stack1 {

	position: absolute; top: 0px; left: 0px;

}



.Stack2 {

	position: absolute; top: -5px; left: -20px;

}



.Stack3 {

	position: absolute; top: -5px; left: 20px;

}



.playerImage {width:120px;height:38px;z-index:8;}

.playerCard {width:50px; height:70px; }

.playerCard img {width:50px; height:70px;}

.playerFont {font-family:Tahoma, Helvetica, sans-serif;font-size:11px;color:#ff0;z-index:9;width:120px;height:15px;text-align:center;}

.actionFont {font-family:Tahoma, Helvetica, sans-serif;font-size:18px;color:#ff0;z-index:9;width:120px;height:35px;text-align:center;margin: 4px 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



*/

.p1   {position:absolute; top:70px;  left:410px;  }

.p1c1 {position:absolute; top:25px;  left:435px;  z-index: 5}

.p1c2 {position:absolute; top:25px;  left:455px;  z-index: 6}

.p1c3 {position:absolute; top:25px;  left:415px;  z-index: 4}

.p1c4 {position:absolute; top:25px;  left:475px;  z-index: 7}

.p1n  {position:absolute; top:74px;  left:410px;  }

.p1v  {position:absolute; top:88px;  left:410px;  }



.p2   {position:absolute; top:130px; left:590px;  }

.p2c1 {position:absolute; top:85px;  left:615px;  z-index: 5}

.p2c2 {position:absolute; top:85px;  left:635px;  z-index: 6}

.p2c3 {position:absolute; top:85px;  left:595px;  z-index: 4}

.p2c4 {position:absolute; top:85px;  left:655px;  z-index: 7}

.p2n  {position:absolute; top:134px; left:590px;  }

.p2v  {position:absolute; top:148px; left:590px;  }



.p3   {position:absolute; top:270px; left:630px;  }

.p3c1 {position:absolute; top:225px; left:655px;  z-index: 5}

.p3c2 {position:absolute; top:225px; left:675px;  z-index: 6}

.p3c3 {position:absolute; top:225px; left:635px;  z-index: 4}

.p3c4 {position:absolute; top:225px; left:695px;  z-index: 7}

.p3n  {position:absolute; top:274px; left:630px;  }

.p3v  {position:absolute; top:288px; left:630px;  }



.p4   {position:absolute; top:410px; left:590px;  }

.p4c1 {position:absolute; top:365px; left:615px;  z-index: 5}

.p4c2 {position:absolute; top:365px; left:635px;  z-index: 6}

.p4c3 {position:absolute; top:365px; left:595px;  z-index: 4}

.p4c4 {position:absolute; top:365px; left:655px;  z-index: 7}

.p4n  {position:absolute; top:414px; left:590px;  }

.p4v  {position:absolute; top:428px; left:590px;  }



.p5   {position:absolute; top:450px; left:410px;  }

.p5c1 {position:absolute; top:405px; left:435px;  z-index: 5}

.p5c2 {position:absolute; top:405px; left:455px;  z-index: 6}

.p5c3 {position:absolute; top:405px; left:415px;  z-index: 4}

.p5c4 {position:absolute; top:405px; left:475px;  z-index: 7}

.p5n  {position:absolute; top:454px; left:410px;  }

.p5v  {position:absolute; top:468px; left:410px;  }



.p6   {position:absolute; top:450px; left:230px;  }

.p6c1 {position:absolute; top:405px; left:255px;  z-index: 5}

.p6c2 {position:absolute; top:405px; left:275px;  z-index: 6}

.p6c3 {position:absolute; top:405px; left:235px;  z-index: 4}

.p6c4 {position:absolute; top:405px; left:295px;  z-index: 7}

.p6n  {position:absolute; top:454px; left:230px;  }

.p6v  {position:absolute; top:468px; left:230px;  }



.p7   {position:absolute; top:410px; left:50px;   }

.p7c1 {position:absolute; top:365px; left:75px;   z-index: 5}

.p7c2 {position:absolute; top:365px; left:95px;  z-index: 6}

.p7c3 {position:absolute; top:365px; left:55px;  z-index: 4}

.p7c4 {position:absolute; top:365px; left:115px;  z-index: 7}

.p7n  {position:absolute; top:414px; left:50px;   }

.p7v  {position:absolute; top:428px; left:50px;   }



.p8   {position:absolute; top:270px; left:0px;    }

.p8c1 {position:absolute; top:225px; left:25px;   z-index: 5}

.p8c2 {position:absolute; top:225px; left:45px;   z-index: 6}

.p8c3 {position:absolute; top:225px; left:5px;  z-index: 4}

.p8c4 {position:absolute; top:225px; left:65px;  z-index: 7}

.p8n  {position:absolute; top:274px; left:0px;    }

.p8v  {position:absolute; top:288px; left:0px;    }



.p9   {position:absolute; top:130px; left:50px;   }

.p9c1 {position:absolute; top:85px;  left:75px;   z-index: 5}

.p9c2 {position:absolute; top:85px;  left:95px;  z-index: 6}

.p9c3 {position:absolute; top:85px;  left:55px;  z-index: 4}

.p9c4 {position:absolute; top:85px;  left:115px;  z-index: 7}

.p9n  {position:absolute; top:134px; left:50px;   }

.p9v  {position:absolute; top:148px; left:50px;   }



.p10  {position:absolute; top:70px;  left:230px;  }

.p10c1{position:absolute; top:25px;  left:255px;  z-index: 5}

.p10c2{position:absolute; top:25px;  left:275px;  z-index: 6}

.p10c3 {position:absolute;top:25px;  left:235px;  z-index: 4}

.p10c4 {position:absolute;top:25px;  left:295px;  z-index: 7}

.p10n {position:absolute; top:74px;  left:230px;  }

.p10v {position:absolute; top:88px;  left:230px;  }



/* Play controls */

.PlayControls {

  font-family: Tahoma, Helvetica, sans-serif;

  position: absolute;

  top: 5px;

  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#StepBackward,

.PlayControls input#StepForward {

  color: #fff;

  background-color: #003399;

  width: 30px;

  margin-left: 5px;

}



/* Speed selector */

.SpeedSelector {

  display: inline;

  font-family: Tahoma, Helvetica, sans-serif;

  position: absolute;

  top: 5px;

  margin-left: 100px;

  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;

}



.toggleCheck {

	z-index: 50;

	position: absolute;

	top: 570px;

	left: 435px;

}



.PlayerMessage {

  margin: 3px 0px 5px 0px;

  color: #fff;

  background: #000;

}



.SystemMessage {

  margin: 3px 0px 5px 0px;

  color: #fff;

  background: #000;

}



.Speaker1  { color: #ff0; background: #000; }

.Speaker2  { color: #f90; background: #000; }

.Speaker3  { color: #0f0; background: #000; }

.Speaker4  { color: #0ff; background: #000; }

.Speaker5  { color: #f0f; background: #000; }

.Speaker6  { color: #0f0; background: #000; }

.Speaker7  { color: #f0f; background: #000; }

.Speaker8  { color: #f0f; background: #000; }

.Speaker9  { color: #0ff; background: #000; }

.Speaker10 { color: #f0f; background: #000; }



.CriticMessage {

  margin: 3px 0px 7px 0px;

  padding: 3px;

  color: #ff0;

  background: #600;

  border: 1px dotted #ff0;

  z-index: 80;

}



#uploadForm {

	position: absolute;

	visibility: hidden;

	width: 525px;

	height: 215px;

	left: 20px;

	top: 150px;

	background-color: #ccc;

	border: 1px solid #000;

	padding: 10px;

	z-index: 3000;

}



#close {

	float: right;

}



#uploadWrapper {

	margin-bottom: 10px;

	font-size: 11px;

	width: 700px;

	text-align: center;

}



#linkback {

    text-align: right;

    width: 750px;

    font-family: Tahoma, Helvetica, sans-serif;

	font-size: 9px;

}



#linkback textarea#urlURLText,input#urlHTMLText{

    font-family: Tahoma, Helvetica, sans-serif;

	font-size: 9px;

	background-color: #ccc;

	width: 650px;

	margin-top: 10px;

    height: 12px;

}