.info {
	margin: 20px auto;
	max-width: 600px;
	text-align: center;
}

.board {
	max-width: 600px;
	margin: 30px auto;
	user-select: none;
}

#main {
	position: relative;
	background:url('img/board.gif') #bca67c;
	border: 1px solid #bca67c;
	font-size: 12px;
}

#board {
	position: absolute;
	border-collapse: collapse;
}
#board tr{
	height:45px;
}
#board tr.outside{
	height:20px;
}
#board td{
	width:36px;
	padding:0px;
	margin:0px;
}
#board td.outside{
	width:20px;
	background:none;
}
#infoTop {
	height: 36px;
}
#timeLeft, #tilesLeft, #level{
	font-weight:bolder;
}
.screen {
	position:absolute;
	margin:20px;
	display:none;
	border:3px solid #bca67c;
	background:#fff;
	color: #333;
	text-align:center;
	line-height:16px;
	font-size:12px;
}
.topscreen {
	text-align:right;
	margin:4px 6px;
}
.btn {
	cursor:pointer;
}
#pauseText {
	margin:80px;
	font-size:18px;
	font-weight:bolder;
}

/* Added to mirror styling from mahjong.css */
.body {
	max-width: 660px; /* keep consistent width with original Mahjong page */
	margin: 0 auto;
	padding: 0 10px;
}
.rules {
	margin: 2em auto 3em auto;
	max-width: 600px;
}
.rules p {
	margin-bottom: 1em;
}
.rules ul {
	margin: 0 0 1.2em 1.2em;
	padding: 0;
	list-style: disc;
}
.rules li { margin: .3em 0; }
h2 {
	line-height: 2em;
	font-size: 130%;
	font-weight: normal;
}