html, body, #all {margin:0;padding:0;font-family:tahoma;}


body {background-color:#DDD;background-image:url(../img/body_bg.jpg);}

p {font-size:11pt;text-align:justify;}

#all {max-width:1200px;margin:0 auto;background-color:#FFF;padding:5px 15px;margin:0 auto;max-width:1200px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);border-radius:7px;
	margin-top:10px;}
#kalah {margin:10px 0px;width:100%;border-collapse: separate;border-spacing: 9px;
		padding:11px;border:1px solid #AAA;background-image:url(../img/kalah_bg.jpg);
		 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);	}
.lunka {border:1px solid RGBA(0,0,0,0.4);width:15%;height:100px;border-radius:7px;cursor:pointer;padding:5px; text-align:center;
 box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
}
#kalah tr td#l_space {border:0;background:transparent; box-shadow: none;vertical-align:middle;text-align:center;}
#kalah tr td#l_space, #kalah tr td#l_6, #kalah tr td#l_13 {cursor:default;}
.fishka {background-image:url(../img/fishka.png);width:16px;height:16px;display: inline-block;}
.legend {margin:5px;font-size:22px;color:#000;display: block;font-weight:bold;}

#footer {min-height:90px;border-top:1px #AAA dashed;text-align:center;}
#footer p {text-align:center;}

#header {border-bottom:1px #AAA dashed;}
#players {text-align:center;font-size:14pt;margin:2px 0 8px 0;}
.picon {vertical-align:bottom;}
#p1, #p2 {border:1px solid #CCC; border-radius:7px;padding:3px;white-space: nowrap;}
#limg {vertical-align:middle;margin:1px 3px;}

.hl1 {background-color: rgba(0, 0, 0, 0.2);} 
.hl2 {background-color: rgba(0, 70, 50, 0.1);} 

#l_13, #l_12, #l_11, #l_10, #l_9, #l_8, #l_7 {border:1px solid RGBA(50,80,50,0.6); box-shadow: inset 0px 0px 8px rgba(100,100,100,0.9);}


@media screen and (max-width: 1240px)
{
	#all {border-radius:0;margin-top:0;box-shadow:none;margin:0;}
	body {background-color:#FFF;background-image:none;}
}

@media screen and (max-width: 800px)
{
	#all {padding:3px 7px;border-radius:0;margin-top:0;}
	#kalah {border-spacing:5px;padding:5px;}
	.fishka {background-image:url(../img/fishkas.png);width:12px;height:12px;}	
	#kalah tr td {height:75px;cursor:pointer;padding:2px;border-radius:5px;line-height:14px;}
	.legend {margin:3px;font-size:16px;}
}

@media screen and (max-width: 620px)
{
	#all {padding:3px;}
	#footer {border-radius:0;}
	#kalah {border-spacing:2px;padding:2px;margin:0;border:0;background-color:transparent;}
	#kalah tr td {height:60px;cursor:pointer;padding:2px;border-radius:3px;}
	.fishka {display:none;font-size:20px;}
	#lilogo {display:none;}
	#p1, #p2 {display:block;}
}