/** Table Image -----------------------------------------------------*/
.tableImage {
    background-image:url(images/blk-wood-table-final.jpg);   
    background-repeat:no-repeat;   
    background-position:0 0;  
	width:605px;
	height:300px;      
    display:block;    
    overflow:hidden;
}
/** -----------------------------------------------------------------*/


/** Table Card Images -----------------------------------------------*/
.tableCard {
    background-image:url(images/cards30x50-gray-border.png);   
    background-repeat:no-repeat;   
    background-position:0 0;  
	width:30px;
	height:49px;      
    display:block;    
    overflow:hidden;
    /** Has border, but hidden -- the selected table card stroke. */
    border-style:hidden;
	border-color:yellow;    
}
.tableCardBack {
    background-image:url(images/cardBackSmall.png);   
    background-repeat:no-repeat;   
    background-position:0 0;   
    display:block;   
	width:30px;
	height:49px;  
    overflow:hidden;
    /** Has border, but hidden*/
    border-style:hidden;
	border-color:red;    
}
.clubTwoTableCard { background-position:0px 0px; }
.clubThreeTableCard { background-position:-30px 0px; }
.clubFourTableCard { background-position:-60px 0px; }
.clubFiveTableCard { background-position:-90px 0px; }
.clubSixTableCard { background-position:-120px 0px; }
.clubSevenTableCard { background-position:-150px 0px; }
.clubEightTableCard { background-position:-180px 0px; }
.clubNineTableCard { background-position:-210px 0px; }
.clubTenTableCard { background-position:-240px 0px; }
.clubJackTableCard { background-position:-270px 0px; }
.clubQueenTableCard { background-position:-300px 0px; }
.clubKingTableCard { background-position:-330px 0px; }
.clubAceTableCard { background-position:-360px 0px; }

.diamondTwoTableCard { 	background-position:0px -49px; }
.diamondThreeTableCard { background-position:-30px -49px; }
.diamondFourTableCard { background-position:-60px -49px; }
.diamondFiveTableCard { background-position:-90px -49px; }
.diamondSixTableCard { background-position:-120px -49px; }
.diamondSevenTableCard { background-position:-150px -49px; }
.diamondEightTableCard { background-position:-180px -49px; }
.diamondNineTableCard { background-position:-210px -49px; }
.diamondTenTableCard { background-position:-240px -49px; }
.diamondJackTableCard { background-position:-270px -49px; }
.diamondQueenTableCard { background-position:-300px -49px; }
.diamondKingTableCard { background-position:-330px -49px; }
.diamondAceTableCard { background-position:-360px -49px; }

.heartTwoTableCard { 	background-position:0px -98px; }
.heartThreeTableCard { background-position:-30px -98px; }
.heartFourTableCard { background-position:-60px -98px; }
.heartFiveTableCard { background-position:-90px -98px; }
.heartSixTableCard { background-position:-120px -98px; }
.heartSevenTableCard { background-position:-150px -98px; }
.heartEightTableCard { background-position:-180px -98px; }
.heartNineTableCard { background-position:-210px -98px; }
.heartTenTableCard { background-position:-240px -98px; }
.heartJackTableCard { background-position:-270px -98px; }
.heartQueenTableCard { background-position:-300px -98px; }
.heartKingTableCard { background-position:-330px -98px; }
.heartAceTableCard { background-position:-360px -98px; }

.spadeTwoTableCard { background-position:0px -147px; }
.spadeThreeTableCard { background-position:-30px -147px; }
.spadeFourTableCard { background-position:-60px -147px; }
.spadeFiveTableCard { background-position:-90px -147px; }
.spadeSixTableCard { background-position:-120px -147px; }
.spadeSevenTableCard { background-position:-150px -147px; }
.spadeEightTableCard { background-position:-180px -147px; }
.spadeNineTableCard { background-position:-210px -147px; }
.spadeTenTableCard { background-position:-240px -147px; }
.spadeJackTableCard { background-position:-270px -147px; }
.spadeQueenTableCard { background-position:-300px -147px; }
.spadeKingTableCard { background-position:-330px -147px; }
.spadeAceTableCard { background-position:-360px -147px; }
/** -------------------------------------------------------------*/


/** Card Panel Cards --------------------------------------------*/
.panelCard {
    background-image:url(images/cards30x50-gray-border.png);   
    background-repeat:no-repeat;   
    background-position:0 0;  
	width:30px;
	height:49px;      
    display:block;    
    overflow:hidden;
}
.panelCardBack {
    background-image:url(images/cardBackSmall.png);   
    background-repeat:no-repeat;   
    background-position:0 0;   
    display:block;   
	width:30px;
	height:49px;  
    overflow:hidden;
}
.clubTwoPanelCard { background-position:0px 0px; }
.clubThreePanelCard { background-position:-30px 0px; }
.clubFourPanelCard { background-position:-60px 0px; }
.clubFivePanelCard { background-position:-90px 0px; }
.clubSixPanelCard { background-position:-120px 0px; }
.clubSevenPanelCard { background-position:-150px 0px; }
.clubEightPanelCard { background-position:-180px 0px; }
.clubNinePanelCard { background-position:-210px 0px; }
.clubTenPanelCard { background-position:-240px 0px; }
.clubJackPanelCard { background-position:-270px 0px; }
.clubQueenPanelCard { background-position:-300px 0px; }
.clubKingPanelCard { background-position:-330px 0px; }
.clubAcePanelCard { background-position:-360px 0px; }

.diamondTwoPanelCard { 	background-position:0px -49px; }
.diamondThreePanelCard { background-position:-30px -49px; }
.diamondFourPanelCard { background-position:-60px -49px; }
.diamondFivePanelCard { background-position:-90px -49px; }
.diamondSixPanelCard { background-position:-120px -49px; }
.diamondSevenPanelCard { background-position:-150px -49px; }
.diamondEightPanelCard { background-position:-180px -49px; }
.diamondNinePanelCard { background-position:-210px -49px; }
.diamondTenPanelCard { background-position:-240px -49px; }
.diamondJackPanelCard { background-position:-270px -49px; }
.diamondQueenPanelCard { background-position:-300px -49px; }
.diamondKingPanelCard { background-position:-330px -49px; }
.diamondAcePanelCard { background-position:-360px -49px; }

.heartTwoPanelCard { 	background-position:0px -98px; }
.heartThreePanelCard { background-position:-30px -98px; }
.heartFourPanelCard { background-position:-60px -98px; }
.heartFivePanelCard { background-position:-90px -98px; }
.heartSixPanelCard { background-position:-120px -98px; }
.heartSevenPanelCard { background-position:-150px -98px; }
.heartEightPanelCard { background-position:-180px -98px; }
.heartNinePanelCard { background-position:-210px -98px; }
.heartTenPanelCard { background-position:-240px -98px; }
.heartJackPanelCard { background-position:-270px -98px; }
.heartQueenPanelCard { background-position:-300px -98px; }
.heartKingPanelCard { background-position:-330px -98px; }
.heartAcePanelCard { background-position:-360px -98px; }

.spadeTwoPanelCard { background-position:0px -147px; }
.spadeThreePanelCard { background-position:-30px -147px; }
.spadeFourPanelCard { background-position:-60px -147px; }
.spadeFivePanelCard { background-position:-90px -147px; }
.spadeSixPanelCard { background-position:-120px -147px; }
.spadeSevenPanelCard { background-position:-150px -147px; }
.spadeEightPanelCard { background-position:-180px -147px; }
.spadeNinePanelCard { background-position:-210px -147px; }
.spadeTenPanelCard { background-position:-240px -147px; }
.spadeJackPanelCard { background-position:-270px -147px; }
.spadeQueenPanelCard { background-position:-300px -147px; }
.spadeKingPanelCard { background-position:-330px -147px; }
.spadeAcePanelCard { background-position:-360px -147px; }
/** ----------------------------------------------------------*/



/** Main Panels -- table and the card panel ---------------- */
.cardPanelContainer{
	position:relative; 
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding:0x;
	width:390px;
}
/** The container for the table.*/
.tableContainer{
	position:relative; 
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:605px;
}
/** -------------------------------------------------------- */

/** Table Card And Percentage Bubble Positions-------------- */
/** Community Cards*/
.cc1 { position:absolute; left:235px; top:125px; }	
.cc2 { position:absolute; left:270px; top:125px; }
.cc3 { position:absolute; left:305px; top:125px; }
.cc4 { position:absolute; left:340px; top:125px; }

/** Seats 7 and 2 are on ends */
.s7_card1 { position:absolute; left:0px; top:125px; }
.s7_card2 { position:absolute; left:35px; top:125px; }
.s2_card1 { position:absolute; left:540px; top:125px; }
.s2_card2 { position:absolute; left:575px; top:125px; }

.s7_bubblePosition { position:absolute; left:65px; top:125px; }
.s2_bubblePosition { position:absolute; left:460px; top:125px; }

/** Seats 0 and 9 are on top */
.s9_card1 { position:absolute; left:215px; top:0px; }
.s9_card2 { position:absolute; left:250px; top:0px; }
.s0_card1 { position:absolute; left:330px; top:0px; }
.s0_card2 { position:absolute; left:365px; top:0px; }

.s9_bubblePosition { position:absolute; left:215px; top:50px; }
.s0_bubblePosition { position:absolute; left:310px; top:50px; }

/** Seats 5 and 4 are on bottom, with same left as 0 and 9, just different top */
.s5_card1 { position:absolute; left:215px; top:255px; }
.s5_card2 { position:absolute; left:250px; top:255px; }
.s4_card1 { position:absolute; left:330px; top:255px; }
.s4_card2 { position:absolute; left:365px; top:255px; }

.s5_bubblePosition { position:absolute; left:215px; top:175px; }
.s4_bubblePosition { position:absolute; left:310px; top:175px; }

/** Seats 8 and 1 are on top */
.s8_card1 { position:absolute; left:30px; top:25px; }
.s8_card2 { position:absolute; left:65px; top:25px; }
.s1_card1 { position:absolute; left:505px; top:25px; }
.s1_card2 { position:absolute; left:540px; top:25px; }

.s8_bubblePosition { position:absolute; left:95px; top:25px; }
.s1_bubblePosition { position:absolute; left:420px; top:25px; }

/** Seats 6 and 3 are on bottom, with same left as 8 and 1, just different top */
.s6_card1 { position:absolute; left:30px; top:226px; }
.s6_card2 { position:absolute; left:65px; top:226px; }
.s3_card1 { position:absolute; left:505px; top:226px; }
.s3_card2 { position:absolute; left:540px; top:226px; }

.s6_bubblePosition { position:absolute; left:95px; top:226px; }
.s3_bubblePosition { position:absolute; left:415px; top:226px; }
/**----------------------------------------------------- */
	
	
/** Percentage bubbles -- win/lose/tie ----------------- */
.bubbleWinner{ border:2px solid blue; background-color:yellow;padding:2px}
.bubbleLoser{ border:2px solid black; background-color:white;padding:2px}

/** Font styles */
.winFontLoser{font-weight:bold; font-family:Arial,Helvetica,sans-serif;font-size:20px;}
.loseFontLoser{font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.tieFontLoser{font-family:Arial,Helvetica,sans-serif;font-size:12px;}

.winFontWinner{font-weight:bold; font-family:Arial,Helvetica,sans-serif;font-size:20px;}
.loseFontWinner{font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.tieFontWinner{font-family:Arial,Helvetica,sans-serif;font-size:12px;}
/**----------------------------------------------------- */


/** Buttons -------------------------------------------- */
.gwt-Button-submit{
	position:absolute; left:380px; top:115px; 
	color:#050;
	font:bold 84%'trebuchet ms',helvetica,sans-serif;
	background-color:#fed;
	width:60px;	
}
.gwt-Button-reset{
	position:absolute; left:380px; top:150px; 
	color:#050;
	font:bold 84%'trebuchet ms',helvetica,sans-serif;
	background-color:#fed;
	width:60px;
}
/**------------------------------------------------------ */

/** Loading Panel --------------------------------------- */
.loadingImage {
    background-image:url(images/loading.gif);   
    background-repeat:no-repeat;   
    background-position:0 0;   
    display:block;   
	width:16px;
	height:16px;  
    overflow:hidden;
}
.loadingPanel{
	border:1px solid gray; 
	background-color:white;	
	padding:4px;
	position:absolute; 
	top:125px;
	left:227px; 
	width:150px;
}
.loadingLabel{
	margin-left:20px;
	color:gray;
	font-family:Arial,Helvetica,sans-serif;font-size:1em;
}
/**------------------------------------------------------ */