/* Quiz */
table.quiz
	{
	width:100% ;
	}
table.quiz tr td
	{
	border-top: 2px solid black ; padding-top:4px ; padding-bottom:4px ;
	}
	
/* Small board. */
.smboard
	{
	width:181px; height:140px;
	margin-top:7px; margin-bottom:7px;
	}
.smboard.forward
	{
	background-image:url('sm-bd-forw.png');
	}
.smboard.reverse
	{
	background-image:url('sm-bd-rev.png');
	}
.smboard tr td
	{
	height:61px ; width:13px ; text-align:center ;
	}
.smboard tr.top td
	{
	vertical-align:top; padding-top:9px ;
	}
.smboard tr.bottom td
	{
	vertical-align:bottom; padding-bottom:9px ;
	}
.smboard tr.top td.BAR
	{
	width:14px ; 
	vertical-align:bottom ;
	}
.smboard tr.bottom td.BAR
	{
	width:14px ; 
	vertical-align:top ;
	}
.smboard tr td.left
	{
	width:6px ;
	}
.smboard tr td.right
	{
	width:11px ;
	}	
.smboard tr td div.b1  { width:12px; height:14px; background:url(sm-palette.png)    0px 0px; }
.smboard tr td div.b2  { width:12px; height:25px; background:url(sm-palette.png)  -12px 0px; }
.smboard tr td div.b3  { width:12px; height:35px; background:url(sm-palette.png)  -24px 0px; }
.smboard tr td div.b4  { width:12px; height:46px; background:url(sm-palette.png)  -36px 0px; }
.smboard tr td div.b5  { width:12px; height:56px; background:url(sm-palette.png)  -48px 0px; }
.smboard tr td div.b6  { width:12px; height:62px; background:url(sm-palette.png)  -60px 0px; }
.smboard tr td div.b7  { width:12px; height:62px; background:url(sm-palette.png)  -72px 0px; }
.smboard tr td div.b8  { width:12px; height:62px; background:url(sm-palette.png)  -84px 0px; }
.smboard tr td div.b9  { width:12px; height:62px; background:url(sm-palette.png)  -96px 0px; }
.smboard tr td div.b10 { width:12px; height:62px; background:url(sm-palette.png) -108px 0px; }
.smboard tr td div.b11 { width:12px; height:62px; background:url(sm-palette.png) -120px 0px; }
.smboard tr td div.b12 { width:12px; height:62px; background:url(sm-palette.png) -132px 0px; }
.smboard tr td div.b13 { width:12px; height:62px; background:url(sm-palette.png) -144px 0px; }
.smboard tr td div.b14 { width:12px; height:62px; background:url(sm-palette.png) -156px 0px; }
.smboard tr td div.b15 { width:12px; height:62px; background:url(sm-palette.png) -168px 0px; }
.smboard tr td div.w1  { width:12px; height:14px; background:url(sm-palette.png)    0px -56px; }
.smboard tr td div.w2  { width:12px; height:25px; background:url(sm-palette.png)  -12px -56px; }
.smboard tr td div.w3  { width:12px; height:35px; background:url(sm-palette.png)  -24px -56px; }
.smboard tr td div.w4  { width:12px; height:46px; background:url(sm-palette.png)  -36px -56px; }
.smboard tr td div.w5  { width:12px; height:56px; background:url(sm-palette.png)  -48px -56px; }
.smboard tr td div.w6  { width:12px; height:62px; background:url(sm-palette.png)  -60px -56px; }
.smboard tr td div.w7  { width:12px; height:62px; background:url(sm-palette.png)  -72px -56px; }
.smboard tr td div.w8  { width:12px; height:62px; background:url(sm-palette.png)  -84px -56px; }
.smboard tr td div.w9  { width:12px; height:62px; background:url(sm-palette.png)  -96px -56px; }
.smboard tr td div.w10 { width:12px; height:62px; background:url(sm-palette.png) -108px -56px; }
.smboard tr td div.w11 { width:12px; height:62px; background:url(sm-palette.png) -120px -56px; }
.smboard tr td div.w12 { width:12px; height:62px; background:url(sm-palette.png) -132px -56px; }
.smboard tr td div.w13 { width:12px; height:62px; background:url(sm-palette.png) -144px -56px; }
.smboard tr td div.w14 { width:12px; height:62px; background:url(sm-palette.png) -156px -56px; }
.smboard tr td div.w15 { width:12px; height:62px; background:url(sm-palette.png) -168px -56px; }


/* The board. */
.board
	{
	width:272px; height:210px;
	margin-top:5px; margin-bottom:5px;
	}
.forward
	{
	background-image:url('bd2-forw.png');
	}
.reverse
	{
	background-image:url('bd2-rev.png');
	}
.board tr td
	{
	height:90px ; width:19px ; text-align:center ;
	}
.board tr.top td
	{
	vertical-align:top; padding-top:15px ;
	}
.board tr.bottom td
	{
	vertical-align:bottom; padding-bottom:15px ;
	}
.board tr.top td.BAR
	{
	vertical-align:bottom ;
	}
.board tr.bottom td.BAR
	{
	vertical-align:top ;
	}
.board tr td.left
	{
	width:8px ;
	}
.board tr td.right
	{
	width:17px ;
	}	

/* Checkers. */
div.b1  { width:18px; height:20px; background:url(bd-palette.png)    0px 0px; }
div.b2  { width:18px; height:36px; background:url(bd-palette.png)  -18px 0px; }
div.b3  { width:18px; height:52px; background:url(bd-palette.png)  -36px 0px; }
div.b4  { width:18px; height:68px; background:url(bd-palette.png)  -54px 0px; }
div.b5  { width:18px; height:84px; background:url(bd-palette.png)  -72px 0px; }
div.b6  { width:18px; height:84px; background:url(bd-palette.png)  -90px 0px; }
div.b7  { width:18px; height:84px; background:url(bd-palette.png) -108px 0px; }
div.b8  { width:18px; height:84px; background:url(bd-palette.png) -126px 0px; }
div.b9  { width:18px; height:84px; background:url(bd-palette.png) -144px 0px; }
div.b10 { width:18px; height:84px; background:url(bd-palette.png) -162px 0px; }
div.b11 { width:18px; height:84px; background:url(bd-palette.png) -180px 0px; }
div.b12 { width:18px; height:84px; background:url(bd-palette.png) -198px 0px; }
div.b13 { width:18px; height:84px; background:url(bd-palette.png) -216px 0px; }
div.b14 { width:18px; height:84px; background:url(bd-palette.png) -234px 0px; }
div.b15 { width:18px; height:84px; background:url(bd-palette.png) -252px 0px; }
div.w1  { width:18px; height:20px; background:url(bd-palette.png)    0px -84px; }
div.w2  { width:18px; height:36px; background:url(bd-palette.png)  -18px -84px; }
div.w3  { width:18px; height:52px; background:url(bd-palette.png)  -36px -84px; }
div.w4  { width:18px; height:68px; background:url(bd-palette.png)  -54px -84px; }
div.w5  { width:18px; height:84px; background:url(bd-palette.png)  -72px -84px; }
div.w6  { width:18px; height:84px; background:url(bd-palette.png)  -90px -84px; }
div.w7  { width:18px; height:84px; background:url(bd-palette.png) -108px -84px; }
div.w8  { width:18px; height:84px; background:url(bd-palette.png) -126px -84px; }
div.w9  { width:18px; height:84px; background:url(bd-palette.png) -144px -84px; }
div.w10 { width:18px; height:84px; background:url(bd-palette.png) -162px -84px; }
div.w11 { width:18px; height:84px; background:url(bd-palette.png) -180px -84px; }
div.w12 { width:18px; height:84px; background:url(bd-palette.png) -198px -84px; }
div.w13 { width:18px; height:84px; background:url(bd-palette.png) -216px -84px; }
div.w14 { width:18px; height:84px; background:url(bd-palette.png) -234px -84px; }
div.w15 { width:18px; height:84px; background:url(bd-palette.png) -252px -84px; }


/* Table containing board, with cube on left and caption on right. */
table.problem
	{
	margin-left:0; margin-right:auto; 
	margin-top:6px ; margin-bottom:6px ;
	}
table.problem tr td
	{
	border: 0 none ;
	}
	
table.problem td.heading
	{
	width:120px ; vertical-align:top ; padding-top:18px ;
	font-family:arial,helvetica; font-size:14px; font-weight:bold;
	}
	
table.problem td.score
	{
	width:120px ; vertical-align:middle ; align:center;
	}
	
table.scorepad
	{
	margin-left:auto; margin-right:10px; 
	width:61px; height:41px; 
	font-family:arial,helvetica; font-size:16px; font-weight:bold; 
	text-align:center; color:white; line-height:80%;
	}

table.problem td.cube
	{
	width:30px ; text-align:right ; padding-right:2px; 
	}
table.problem td.cube.top
	{
	vertical-align:top ; padding-top:20px ;
	}
table.problem td.cube.middle
	{
	vertical-align:middle ; padding-top:5px ;
	}
table.problem td.cube.bottom
	{
	vertical-align:bottom ; padding-bottom:14px ;
	}
table.problem td.caption
	{
	width:150px ; padding-left:5px; 
	font-family:verdana; font-size:12px;
	}
div.cube1 { margin-left:auto; width:28px; height:28px; background:url(bd2-palette.png)   -0px -167px; } 
div.cube2 { margin-left:auto; width:28px; height:28px; background:url(bd2-palette.png)  -28px -167px; } 
div.cube4 { margin-left:auto; width:28px; height:28px; background:url(bd2-palette.png)  -56px -167px; } 
div.cube8 { margin-left:auto; width:28px; height:28px; background:url(bd2-palette.png)  -84px -167px; } 
div.cube16{ margin-left:auto; width:28px; height:28px; background:url(bd2-palette.png) -112px -167px; } 
div.cube32{ margin-left:auto; width:28px; height:28px; background:url(bd2-palette.png) -140px -167px; } 
div.cubeC { margin-left:auto; width:28px; height:28px; background:url(bd2-palette.png) -168px -167px; } 
div.cube  { margin-left:auto; width:28px; height:28px; background:url(bd2-palette.png) -196px -168px; }