body {margin:0pt;}
body,td,.plain {font-family:arial,sans-serif; color:#222222; font-size:9pt;}
table,td {padding:0pt 2pt 0pt 2pt;}

a:link,a:active,a:visited {color:#3333FF; text-decoration:none;}
a:hover {text-decoration:underline;}

p {line-height:14px; font-size:12px; font-family: verdana, arial, sans-serif; color:#7777DD;}
br {font-size:10pt; font-family:times,"times new roman",serif; color:#7777DD;}
h1,h3 {font-family:times,"times new roman",serif; color:#676767;}
hr {height:2px;}
button {font-size:10pt;}

span.link {color:#0000ff; text-decoration:underline;}
span.link:hover {text-decoration:underline;}

.link {color:#0000ff; text-decoration:underline;}
.link:hover {text-decoration:underline;}

.s0 {border: solid 0 #fff; text-align:center; margin: 0pt; width:44pt; background-color:transparent;}
.s0 {font-size:12pt; font-family:times,"times new roman",serif; color:#aaaaaa;}

.d0 {border: solid 0 #fff; text-align:center; margin: 0pt; width:44pt; background-color:transparent;}
.d0 {font-size:18pt; font-family:"lucida handwriting","comic sans ms",cursive; color:#7777DD;}

.c0 {width:24pt; height:25pt; vertical-align:middle; text-align:center; font-size:18pt; font-family:times,serif;}
.c0 {border: 1px dashed #DDDDEE;}

.tt {border-collapse:separate; border: #666699 solid 3px; background-color:#FFFFFF; padding:0px 0px 0px 0px}

.drawL {
	width:24pt; height:25pt; vertical-align:middle; text-align:center; font-size:18pt; font-family:times,serif;
	border-left: 2px solid #000000;
	border-bottom: 1px dashed #ddddee;
	border-top: 1px dashed #ddddee;
	border-right: 1px dashed #ddddee;
}

.drawB {
	width:24pt; height:25pt; vertical-align:middle; text-align:center; font-size:18pt; font-family:times,serif;
	border-bottom: 2px solid #000000;
	border-left: 1px dashed #ddddee;
	border-top: 1px dashed #ddddee;
	border-right: 1px dashed #ddddee;
}

.drawLB {
	width:24pt; height:25pt; vertical-align:middle; text-align:center; font-size:18pt; font-family:times,serif;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-top: 1px dashed #ddddee;
	border-right: 1px dashed #ddddee;
}

.guessR{
	border: solid 0 #fff; text-align:center; margin: 0pt; width:24pt;
	font-size:18pt; font-family:"lucida handwriting","comic sans ms",cursive; color:#7777DD;
	background-color: #66ffcc;
}

.guessW{
	border: solid 0 #fff; text-align:center; margin: 0pt; width:24pt;
	font-size:18pt; font-family:"lucida handwriting","comic sans ms",cursive; color:#7777DD;
	background-color: #ffaaaa;
}

.hint{
	border: solid 0 #fff; text-align:center; margin: 0pt; width:24pt;
	font-size:18pt; font-family:"lucida handwriting","comic sans ms",cursive; color:#7777DD;
	background-color: #66ccff;
}

.df{
	border: solid 0 #fff; text-align:center; margin: 0pt;
	font-size:10pt; font-family:times,"times new roman",serif; color:#aaaaaa;
	background-color: transparent;
}





.roll {
display:block;
height:40px; /* use the images' dimensions */
width:350px;
background-image:url('../images/on.png');
}
.roll:hover {
background-image:url('../images/off.png');
}