body {font-family: Arial, Helvetica, sans-serif;}
	table.pp {border: 1px solid #000000;line-height: 1.5em;}
	table.pp td{ text-align:center;}

	.emailfriendoff{display:none}
	.emailfriendon{display:block; position:absolute; left:0; top: 1em; z-index:199; margin:0em; padding: 2em; width:100%; height:auto; background-color:#FFFF99; }
	.newgameoff{display:none}
	.newgameon{display:block; position:absolute; left:0; top: 1em; z-index:199; margin:0em; padding: 2em; width:100%; height:auto; background-color:#FFFF99; }
	#game{position:absolute; left:0; top: 2.5em}
	.readonly {background-color:#FFCC00; font-weight:bold ; text-align:center}
	.notice {background-color:#FFFF99; text-align:center}
	.problem {background-color:#FF6666; text-align:center} 
	.problem2 {background-color:#FF6666; text-align:center} 
	.rcc {background-color:#CCCCCC; text-align:center}
	.rccc {background-color:#FFFFFF; text-align:center}
	input {background-color:#FFCC00; text-align:center}
	.control{background-color:#99FF00}
	

	table.ff input{width: 4em; border: none; }
	.celltoponly {border-left-style: none;	border-top-width:medium; border-right-style: none; border-bottom-style: none;}
	.cellnone {border-left-style: none;	border-top-style: none; border-right-style: none; border-bottom-style: none;}
	.hr {border-color:#999999; border-left-style: none;}
	.hl {border-color:#999999; border-left-style: none;}
	.tl {border-color:#999999; border-top-width:medium; border-left-width:medium}
	.tc {border-color:#999999; border-top-width:medium}
	.tr {border-color:#999999; border-top-width:medium; border-right-width:medium}
	.cl {border-color:#999999; border-left-width:medium}
	.cc {border-color:#999999}
	.cr {border-color:#999999; border-right-width:medium}
	.bl {border-color:#999999; border-left-width:medium; border-bottom-width:medium}
	.bc {border-color:#999999; border-bottom-width:medium}
	.br {border-color:#999999; border-bottom-width:medium; border-right-width:medium}
	.msgcell {border: none;}
	#msg {font-family: Arial, Helvetica, sans-serif; font-size: .75em; color: #333333;}
	#link {font-family: Arial, Helvetica, sans-serif; font-size: .75em; color: #333333;}
	.gg {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #333333;}

	#nav{list-style: none;}
	#nav ul {padding: 0; margin:0; list-style: none; width:7em; z-index:99; position:relative; overflow:visible; z-index:99;}
	#nav li {margin:0; position: relative; float:left; width: 7em; background-color:#CCCCCC; border:solid 1px #cccccc; display:block; height:auto; z-index:99;}
	#nav ul li{ border-width:1px 1px 0 0;font:Arial, Helvetica, sans-serif}
	#nav ul ul li{ border-width:1px 1px 0 1px;}
	#nav ul ul li:last-child{border-bottom:1px solid rgb(255, 255, 255);}
	#nav a {text-decoration:none; display:block; padding: 0.1em; margin:0.2em 0 0.2em 0.1em; width:6.5em; height:1em; z-index:99;}
	#nav a:hover, #nav li:hover{background-color:#ff00ff;}
	#nav ul li:hover, #nav ul li a:hover{background-color:#3399FF;}
	#nav ul{display:none;}
	/*all see this */
	#nav ul ul{display:none; position:absolute; margin-top:-1.8em; margin-left:7em; }
	/* non-IE browsers see this */
	#nav ul li>ul, #nav ul ul li>ul{margin-top:-1.4em;}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{display:none;}
	#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{display:block; z-index:99;}
	li>ul {top: auto; left: auto;}