body {margin:0px;}
table.checkerboard1, table.checkerboard2 {width:420px;height:420px;border-collapse:collapse;}

table.checkerboard1 td, table.checkerboard2 td {text-align:center;}
table.checkerboard2 td {text-align:center;}

table.checkerboard1 td.std, table.checkerboard2 td.std  {text-align:center;}
table.checkerboard1 td.over, table.checkerboard2 td.over {text-align:center;}

table.checkerboard1 tr.firstRow td, table.checkerboard2 tr.firstRow td  {border-top:1px solid black;}
table.checkerboard1 td.firstCol, table.checkerboard2 td.firstCol  {border-left:1px solid black;}
table.checkerboard1 tr.lastRow td, table.checkerboard2 tr.lastRow td  {border-bottom:1px solid black;}	
table.checkerboard1 td.lastCol,table.checkerboard2 td.lastCol {border-right:1px solid black;}	

table.checkerboard1 div.GB_EleContainer {width:84px;height:84px;border:1px solid white;background-repeat:no-repeat;padding:0px;}
table.checkerboard1 div.GB_EleContainerAktiv {width:84px;height:84px;border:1px solid #ffec00;background-repeat:no-repeat;}
table.checkerboard1 div.GB_EleContainerAktivSet {width:84px;height:84px;border:1px solid #ff0000;background-repeat:no-repeat;}

table.checkerboard2 div.GB_EleContainer {width:70px;height:70px;border:1px solid white;background-repeat:no-repeat;padding:0px;}
table.checkerboard2 div.GB_EleContainerAktiv {width:70px;height:70px;border:1px solid #ffec00;background-repeat:no-repeat;}
table.checkerboard2 div.GB_EleContainerAktivSet {width:70px;height:70px;border:1px solid #ff0000;background-repeat:no-repeat;}


a.button	{ background-color:#000000;display:block;  text-decoration:none; width:140px; height:32px;overflow:hidden;vertical-align:middle;
				color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:28px; font-weight:bold; text-align:center; 
				background-image:url(imgs/elements/button_idle.jpg);background-repeat:no-repeat;
}

a.button:hover	{ background-color:#000000;display:block; text-decoration:none;overflow:hidden; height:32px;vertical-align:middle;
				color:#ffec00;font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:28px; font-weight:bold; text-align:center; 
				background-image:url(imgs/elements/button_over.jpg);background-repeat:no-repeat;
}

a.button span { padding:2px 0px 0px 0px;display:block;}
a.button:hover span{  padding:3px 0px 0px 1px;margin-left:1px;display:block;}


h1.jsGame	{font-family:Arial, Helvetica, sans-serif;font-size:36px;font-weight:bold;padding:5px 0px 24px 0px;margin:0px;}
h2.jsGame	{font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;padding:5px 0px 18px 0px;margin:0px;}
h3.jsGame	{font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;padding:5px 0px 12px 0px;margin:0px;}

.contentBox,.contentBoxBig {border:2px solid #111111;border-right:4px solid #111111;border-bottom:4px solid #111111; 
 background-color:#E2E2E2;overflow:auto;font-family:Arial, Helvetica, sans-serif; font-Size:13px;padding:0px;margin:0px;
 background-image:url(imgs/elements/bg_grey_small.jpg);background-repeat:repeat-x; }

.contentBoxBig { background-image:url(imgs/elements/bg_grey_big.jpg);}

.screen {
	display:none;
	z-index:3;
	position:absolute;
	top:0px;
	left:0px;
	width:759px;
	height:500px;
	border:1px solid #ffffff; border-left:0px;
	overflow:hidden;
}

.screenVis {
	margin:0px; padding:0px;
	display:block;
	z-index:10;
	position:absolute;
	top:0px;
	left:0px;
	width:759px;
	height:500px;
	border:1px solid #ffffff; border-left:0px;
	overflow:hidden;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-Size:14px;
	font-weight:normal;
}

#lyrStartMenu {position:absolute;width:140px; height:125px;top:402px;left:536px;padding:0px 0px 0px 0px;}
#startGameLabel	{position:absolute;top:115px;left:50px;width:420px; height:180px;padding:0px;z-index:10000;overflow:hidden;font-family:Arial, Helvetica, sans-serif;font-size:58px;font-weight:700;color:white; }
#startGameLabel	div {background-color:black;display:block;position:absolute;height:41px;max-width:400px;}
#startGameLabel	div span {line-height:40px;}

#startGameLabel	div.t1 {padding:16px 20px 2px 10px;left:8px;z-index:103;}
#startGameLabel	div.t2 {padding:24px 20px 3px 20px; margin:0px 0 0 0px;top:36px;left:0px;z-index:102;}
#startGameLabel	div.t3 {padding:20px 25px 12px 10px; margin:0px 0 0 8px;top:86px;left:0px;z-index:101;}

#lyrSettingsMenu {position:absolute;width:140px; height:125px;top:402px;left:536px;padding:0px 0px 0px 0px;}

#scrGameLevel	{position:absolute; top:40px;left:75px;}
#lyrGameLevelMenu	{position:absolute; width:140px; height:125px;top:402px;left:536px;}
#lblStartingLevel { }

#lyrStatusbar	{position:absolute; top:7px;left:75px;width:432px;height:35px;background-image:url(imgs/elements/bg_headerbar.jpg);background-repeat:no-repeat}
#cntLevel 		{position:absolute; top:7px;left:10px;width:140px;height:20px;overflow:visible;}
#lblLevel 		{font-family:Arial, Helvetica, sans-serif;font-Size:18px;font-weight:bold;color:white; }

#cntMoves		{position:absolute; top:7px;left:140px;width:130px;height:20px;overflow:visible;}
#lblMoves 		{font-family:Arial, Helvetica, sans-serif;font-Size:18px;font-weight:bold ;color:white;}

#cntGATime		{position:absolute; top:7px;left:280px;width:160px;height:20px;overflow:visible;}
#lblGATime 		{font-family:Arial, Helvetica, sans-serif;font-Size:18px;font-weight:bold;color:white; }

#imgPreview	{position:absolute; top:40px;left:536px;width:140px;height:140px;border:1px solid black; }

#copyRight	{position:absolute; top:478px;left:75px;width:240px;height:20px; font-family:Arial, Helvetica, sans-serif;font-Size:10px;font-weight:bold;color:white }


#scrBase {
	z-index:5;
	background-image:url(imgs/elements/bg_start.jpg);
	background-repeat:no-repeat;
}

#scrInitial	{

	background-repeat:no-repeat;	
	background-color:transparent;
}

#scrSettings	{

	background-repeat:no-repeat;
	background-color:transparent;
	z-index:15;
}

#scrGameLevelStart	{
	background-image:url(imgs/elements/bg_std.jpg);
	background-color:transparent;
	background-repeat:no-repeat;
	z-index:15;
}

#scrGameLevelPlay	{
	background-image:url(imgs/elements/bg_std.jpg);
	background-repeat:no-repeat;
}


#scrGameLevelPause	{

	z-index:15;
}
			
#scrGameLevelSucceed	{
	background-color:transparent;

	z-index:15;
}
		
#scrGameOver	{
	background-color:transparent;
	z-index:15;
}

#scrGameOverSucceed	{
	background-color:transparent;
	z-index:15;
}
	
#scrHowToPlay	{
	background-color:transparent;
	background-repeat:no-repeat;
	z-index:15;
}
		

#gameholder{position:relative;height:500px;}