#calc               { background-image:url(calc.png); background-repeat:no-repeat; box-shadow:6px 6px 12px #000; height:540px; margin:auto; overflow:hidden; position:relative; width:801px;    margin-top: 20px;    margin-bottom: 20px;}


@media only screen and (max-width:420px) {
	#calc{
		zoom:0.42;
		-moz-transform: scale(0.42);
	}
}


.smcard             { background-image:url(deck-small.png); background-repeat:no-repeat; cursor:pointer; font-size:1px; height: 70px; overflow:hidden; position:absolute; width:50px; }
.smcard2            { background-image:url(deck-small.png); background-repeat:no-repeat; display:inline-block; font-size:1px; height:70px; overflow:hidden; width:50px; }
.lgcard             { background-image:url(deck-large.png); background-repeat:no-repeat; cursor:pointer; font-size:1px; height:140px; overflow:hidden; position:absolute; top:350px; width:100px; }

.row0               { top:  13px; }
.row1               { top:  85px; }
.row2               { top: 157px; }
.row3               { top: 229px; }

.col00              { left: 63px; }
.col01              { left:115px; }
.col02              { left:167px; }
.col03              { left:219px; }
.col04              { left:271px; }
.col05              { left:323px; }
.col06              { left:375px; }
.col07              { left:427px; }
.col08              { left:479px; }
.col09              { left:531px; }
.col10              { left:583px; }
.col11              { left:635px; }
.col12              { left:687px; }
.col13              { left:739px; }

.sm00               { background-position:0     0px; }
.sm01               { background-position:0   -70px; }
.sm02               { background-position:0  -140px; }
.sm03               { background-position:0  -210px; }
.sm04               { background-position:0  -280px; }
.sm05               { background-position:0  -350px; }
.sm06               { background-position:0  -420px; }
.sm07               { background-position:0  -490px; }
.sm08               { background-position:0  -560px; }
.sm09               { background-position:0  -630px; }
.sm10               { background-position:0  -700px; }
.sm11               { background-position:0  -770px; }
.sm12               { background-position:0  -840px; }
.sm13               { background-position:0  -910px; }
.sm14               { background-position:0  -980px; }
.sm15               { background-position:0 -1050px; }
.sm16               { background-position:0 -1120px; }
.sm17               { background-position:0 -1190px; }
.sm18               { background-position:0 -1260px; }
.sm19               { background-position:0 -1330px; }
.sm20               { background-position:0 -1400px; }
.sm21               { background-position:0 -1470px; }
.sm22               { background-position:0 -1540px; }
.sm23               { background-position:0 -1610px; }
.sm24               { background-position:0 -1680px; }
.sm25               { background-position:0 -1750px; }
.sm26               { background-position:0 -1820px; }
.sm27               { background-position:0 -1890px; }
.sm28               { background-position:0 -1960px; }
.sm29               { background-position:0 -2030px; }
.sm30               { background-position:0 -2100px; }
.sm31               { background-position:0 -2170px; }
.sm32               { background-position:0 -2240px; }
.sm33               { background-position:0 -2310px; }
.sm34               { background-position:0 -2380px; }
.sm35               { background-position:0 -2450px; }
.sm36               { background-position:0 -2520px; }
.sm37               { background-position:0 -2590px; }
.sm38               { background-position:0 -2660px; }
.sm39               { background-position:0 -2730px; }
.sm40               { background-position:0 -2800px; }
.sm41               { background-position:0 -2870px; }
.sm42               { background-position:0 -2940px; }
.sm43               { background-position:0 -3010px; }
.sm44               { background-position:0 -3080px; }
.sm45               { background-position:0 -3150px; }
.sm46               { background-position:0 -3220px; }
.sm47               { background-position:0 -3290px; }
.sm48               { background-position:0 -3360px; }
.sm49               { background-position:0 -3430px; }
.sm50               { background-position:0 -3500px; }
.sm51               { background-position:0 -3570px; }
.sm52               { background-position:0 -3640px; }
.smback             { background-position:0 -3990px; }

.lg00               { background-position:0     0px; }
.lg01               { background-position:0  -140px; }
.lg02               { background-position:0  -280px; }
.lg03               { background-position:0  -420px; }
.lg04               { background-position:0  -560px; }
.lg05               { background-position:0  -700px; }
.lg06               { background-position:0  -840px; }
.lg07               { background-position:0  -980px; }
.lg08               { background-position:0 -1120px; }
.lg09               { background-position:0 -1260px; }
.lg10               { background-position:0 -1400px; }
.lg11               { background-position:0 -1540px; }
.lg12               { background-position:0 -1680px; }
.lg13               { background-position:0 -1820px; }
.lg14               { background-position:0 -1960px; }
.lg15               { background-position:0 -2100px; }
.lg16               { background-position:0 -2240px; }
.lg17               { background-position:0 -2380px; }
.lg18               { background-position:0 -2520px; }
.lg19               { background-position:0 -2660px; }
.lg20               { background-position:0 -2800px; }
.lg21               { background-position:0 -2940px; }
.lg22               { background-position:0 -3080px; }
.lg23               { background-position:0 -3220px; }
.lg24               { background-position:0 -3360px; }
.lg25               { background-position:0 -3500px; }
.lg26               { background-position:0 -3640px; }
.lg27               { background-position:0 -3780px; }
.lg28               { background-position:0 -3920px; }
.lg29               { background-position:0 -4060px; }
.lg30               { background-position:0 -4200px; }
.lg31               { background-position:0 -4340px; }
.lg32               { background-position:0 -4480px; }
.lg33               { background-position:0 -4620px; }
.lg34               { background-position:0 -4760px; }
.lg35               { background-position:0 -4900px; }
.lg36               { background-position:0 -5040px; }
.lg37               { background-position:0 -5180px; }
.lg38               { background-position:0 -5320px; }
.lg39               { background-position:0 -5460px; }
.lg40               { background-position:0 -5600px; }
.lg41               { background-position:0 -5740px; }
.lg42               { background-position:0 -5880px; }
.lg43               { background-position:0 -6020px; }
.lg44               { background-position:0 -6160px; }
.lg45               { background-position:0 -6300px; }
.lg46               { background-position:0 -6440px; }
.lg47               { background-position:0 -6580px; }
.lg48               { background-position:0 -6720px; }
.lg49               { background-position:0 -6860px; }
.lg50               { background-position:0 -7000px; }
.lg51               { background-position:0 -7140px; }
.lg52               { background-position:0 -7280px; }
.lgback             { background-position:0 -7980px; cursor:default !important; }

#hand0              { left: 44px; }
#hand1              { left:146px; }
#hand2              { left:248px; }
#hand3              { left:350px; }
#hand4              { left:452px; }
#hand5              { left:554px; }
#hand6              { left:656px; }

#busy               { background-color:#ff0; border:solid 1px #000; border-radius:12px; box-shadow:2px 2px 4px #000; color:#000; display:none; font-family:sans-serif; font-size:11pt; font-weight:bold; left:265px; padding:3px 8px; position:absolute; text-align:center; top:309px; width:250px; }

#btn_random         { background-color:#9cf; border:solid 1px #000; border-radius:12px; box-shadow:2px 2px 4px #000; color:#000; cursor:pointer; font-family:sans-serif; font-size:11pt; font-weight:bold; left:265px; padding:4px 8px; position:absolute; text-align:center; top:307px; width:125px; }
#btn_random:hover   { background-color:#ff0; }
#btn_random:active  { background-color:#ccf; }

#btn_clear          { background-color:#9cf; border:solid 1px #000; border-radius:12px; box-shadow:2px 2px 4px #000; color:#000; cursor:pointer; font-family:sans-serif; font-size:11pt; font-weight:bold; left:400px; padding:4px 8px; position:absolute; text-align:center; top:307px; width:125px; }
#btn_clear:hover    { background-color:#ff0; }
#btn_clear:active   { background-color:#ccf; }

#output table       { border:solid 2px #000; border-collapse:collapse; box-shadow:6px 6px 12px #000; margin:auto; }
#output th          { border:solid 2px #000; font-weight:bold; padding:4px 8px; text-align:center; }
#output td          { border:solid 2px #000; font-weight:bold; padding:8px 18px; text-align:center; white-space:nowrap; }

#output th.l1       { background-color:#369; color:#fff; }
#output th.l2       { background-color:#69c; color:#fff; }

#output .row0       { background-color:#ddd; }
#output .row1       { background-color:#eee; }
#output .pos        { background-color:#6f9; }
#output .neg        { background-color:#f99; }
#output .zer        { background-color:#ff9; }