/** Add css rules here for your application. */


body
{
	background-image:	url(images/papyrus.png);
	color			:	black;
	width			:  	100%;
	height			: 	100%;
	margin			: 	0px;
	padding			:	0px;
}
table
{
	border-collapse: collapse;
}
table td, table th
{
	margin			:	0px;
	padding			:	0px;
	border			:	0px;
}

div.mobiplaylink
{
	font-size		:	400%;
}

div.appletplaylink
{
	font-size		:	400%;
	display			:	none;
}

a:link		{	color:blue;	text-decoration:none;	}
a:visited 	{	color:blue;	text-decoration:none;	}
a:hover		{	color:blue;	text-decoration:none;	}
a:active	{	color:blue;	text-decoration:none;	}

div.splash
{
	margin			: 	5px;
	padding			:	5px;
	width			:	100%;
	display			:	none;
}
div.title
{
	font-size		:	200%;
	font-weight		:	bold;
}
div.titlecredit
{
	font-size		:	100%;
	font-weight		:	bold;
}
div.instructions
{
	margin			: 	5px;
	padding			:	0;
	font-size		:	200%;
}
div.board
{
	margin			: 	0px;
	padding			:	0px;
	vertical-align	:	middle;
	text-align		:	center;
	width			:	100%;
}
canvas.board
{
	opacity			:	1.0;
	margin			:	0px;
	padding			:	0px;
	border			:	0px;
	vertical-align	:	top;
	text-align		:	left;
	font-size		: 	300%;
	user-select		:	none;
	outline			:	none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
div.messagetext
{
	margin			:	0px;
	padding			:	0px;
}