body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "lucida grande", Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

form {
	margin: 0;
	padding: 0;
	z-index: 50;
}

input,
select,
textarea {
	font-size: 10px;
}

a:link,
a:visited,
a:active,
a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #00F;
}

a:visited {
	color: #36F;
}

a:hover {
	color: #F00;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
}

dl {
	font-family: helvetica, verdana, sans-serif;
	font-size: 11px;
}

dt {
	font-weight: bold;
	letter-spacing: .2em;
	word-spacing: .2em;
	font-size: 10px;
}

p, ul {
	text-align: left;
}

h1,
h2 {
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	padding: 5px;
	margin: 0px 0px 15px 0px;
}

h2 {
	font-size: 12px;
}

.siteicon {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 4px;
	border: 2px solid #333;
	background-color: #fff;
}

.heading {
	width: 100%;
	text-align: center;
	letter-spacing: .3em;
	word-spacing: .3em;
	font-weight: bold;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
	font-size: 14px;
	margin: 0;
	padding: 10px 0px;
}

.subheading {
	width: 100%;
	font-size: 12px;
	text-align: center;
	letter-spacing: .3em;
	word-spacing: .3em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0px;
	border-bottom: solid 2px #000;
}

.footer {
	text-align: center;
	width: 100%;
	font-size: 10px;
	margin: 0;
	padding: 0;
/* 	border-top: solid 2px #000; */
	bottom: 0;
	width: 100%;
}

.footer a:link,
.footer a:visited,
.footer a:active,
.footer a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #666666;
}

.footer a:active {
	color: #00f;
	border-bottom: 1px dotted #00f;
}

.footer a:hover {
	color: #f00;
	border-bottom: 1px dotted #f00;
}

.pagecontent {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 850px;
	padding: 10px 2px;
	z-index: 1;
}

.pagecontent .leftcolumn,
.pagecontent .centercolumn,
.pagecontent .rightcolumn,
.pagecontent .widerightcolumn {
	text-align: center;
	vertical-align: top;
}

.pagecontent .centercolumn {
	width: 100%;
}

.pagecontent .rightcolumn {
	width: 250px
}

.pagecontent .widerightcolumn {
	width: 100%;
}

span.info {
	font-size: 9px;
	font-style: italic;
}

.contenttext {
	margin: 0px 5px 5px 0px;
	padding: 5px;
	display: block;
	font-weight: normal;
	font-size: 11px;
}

.contenttext p {
	padding: 2px 5px;
}

.boardbox,
.boardbox_sm {
	font-size: 11px;
	border: 1px solid #030;
	text-align: center;
	padding: 0px;
	margin: 0px 5px 5px 0px;
}

.boardbox .title,
.boardbox .status,
.boardbox .player,
.boardbox .lastmove,
.boardbox .warning,
.boardbox .note,
.boardbox_sm .title,
.boardbox_sm .status,
.boardbox_sm .player,
.boardbox_sm .lastmove,
.boardbox_sm .warning,
.boardbox_sm .note {
	text-align: center;
	padding: 2px;
	margin: 0;
}

.boardbox .player,
.boardbox_sm .player {
	font-size: 10px;
}

.boardbox .title a:link,
.boardbox .title a:visited,
.boardbox .title a:active,
.boardbox .title a:hover,
.boardbox_sm .title a:link,
.boardbox_sm .title a:visited,
.boardbox_sm .title a:active,
.boardbox_sm .title a:hover {
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	color: #30f;
}

.boardbox .title a:active,
.boardbox_sm .title a:active {
	color: #00f;
}

.boardbox .title a:hover,
.boardbox_sm .title a:hover {
	color: #f00;
}

.board {
	font-size: 11px;
	padding: 1px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
}

.board table {
	font-size: 11px;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	vertical-align: middle;
}

.board table tbody tr.rank td {
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 20px;
	height: 20px;
	border: none;
}

.board table tbody tr.rank .axiscell {
	width: 25px;
	padding: 0px;
	text-align: center;
}

table.list {
	width: 100%;
	text-align: left;
}

table.list thead tr td {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .3em;
	word-spacing: .3em;
	padding: 3px 5px;
	text-align: center;
}

table.list tbody tr td {
	font-size: 11px;
	padding: 3px;
}

table.list tbody tr td.warning {
	font-size: 11px;
	padding: 3px;
}

table.list tbody tr.even td {
}

table.list tbody tr td.highlight {
	background-color: #3f3;
}

table.list tbody tr.note td {
	font-size: 11px;
	padding: 3px 5px;
	text-align: center;
	font-style: italic;
}

table.list tbody tr.selected td {
	font-weight: bold;
}

table.list tbody tr.title td {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .3em;
	word-spacing: .3em;
	padding: 3px;
	text-align: center;
}

table.list tbody tr td.key,
table.list tbody tr td.colheading {
	letter-spacing: .05em;
	word-spacing: .05em;
	text-align: right;
}

table.list tbody tr td.colheading {
	text-align: center;
}

table.list tfoot tr td {
	font-size: 9px;
	padding: 3px;
	text-align: center;
}

table.list tbody tr.title td a:link,
table.list tbody tr.title td a:visited,
table.list tbody tr.title td a:active,
table.list tbody tr.title td a:hover {
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	color: #30f;
}

table.list tbody tr.title td a:active {
	color: #00f;
}

table.list tbody tr.title td a:hover {
	color: #f00;
}

.infobox {
	margin: 0px 5px 5px 0px;
	padding: 0px;
	display: block;
	font-weight: normal;
	font-size: 11px;
}

.infobox p {
	padding: 2px 5px;
}

.infobox h3 {
	text-align: center;
	font-size: 11px;
	letter-spacing: .3em;
	font-weight: normal;
	word-spacing: .3em;
	padding: 3px;
	margin: 0;
}

.infobox h4 {
	font-size: 11px;
	text-align: center;
	letter-spacing: 0;
	word-spacing: 0;
	padding: 3px;
	margin: 0;
}

.infobox ul,
.infobox ul li,
.infobox ul li ul li {
	list-style: none;
	display: block;
	padding: 1px 5px;
	margin: 0px 0px 0px -3px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

.infobox ul li {
	font-size: 11px;
	width: 100%;
}

.infobox ul li.even {
	background-color: #def;
}

.infobox ul li ul li {
	padding: 1px 15px;
}

.infobox ul li ul li a {
	font-weight: normal;
}

.infobox .warning {
	padding: 3px 10px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .3em;
	word-spacing: .3em;
	text-align: center;
}

#sidemenu,
#helpmenu {
	width: 150px;
}

#sidemenu a,
#helpmenu a,
.infobox a.wide {
	display: block;
	padding: 1px 5px 1px 15px;
	margin: -1px -3px 0px -3px;
	background-color: transparent;
	text-decoration: none;
}

#sidemenu a:before,
#helpmenu a:before {
	content: "\00BB \0020";
	color: #f00;
}

#yourstats,
#yourcurrentlist,
#notice {
	width: 200px;
}

#loginbox {
	width: 230px;
}

#alluserstats {
	width: 550px;
}

#historylist,
#lastmove {
	width: 150px;
}

#challengemesage {
	width: 329px;
}

#gameprefs,
#gameoverbox {
	width: 120px;
	float: left;
}

#yourcurrentlist_short {
	width: 202px;
	float: left;
}

#allstars {
	width: 110px;
	float: left;
}

#capturedlist {
	width: 110px;
	float: left;
}

#capturedlist td {
	text-align: center;
}

#movebox {
	width: 227px;
}


#yourfinishedlist {
	width: 650px;
}

#historycontrols,
#moveinfo {
	width: 150px;
}

#historycontrols table,
#historycontrols table td {
	padding: 0px;
	margin: 0px;
	border: none;
	text-align: center;
	text-decoration: none;
}

#historycontrols table td.control {
	background: #333 url("/images/chess/controls/bg.jpg");
	color: #9a9;
}

#historycontrols a:link,
#historycontrols a:visited,
#historycontrols a:active,
#historycontrols a:hover,
#historycontrols a.controloff:link,
#historycontrols a.controloff:visited,
#historycontrols a.controloff:active,
#historycontrols a.controloff:hover {
	color: #9a9;
	text-decoration: none;
}

#historycontrols a.controlon:link,
#historycontrols a.controlon:visited,
#historycontrols a.controlon:active,
#historycontrols a.controlon:hover {
	color: #af9;
	text-decoration: none;
}

.chessicon, .fischerrandomicon, .grandchessicon {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-shadow: #999 2px 2px 2px;
	text-align: center;
}

.chessicon {
	color: #0a0;
}

.fischerrandomicon {
	color: #00d;
}

.grandchessicon {
	color: #c00;
}

.win, .loss, .draw {
	font-style: italic;
}

.win {
	color: #0a0;
}

.loss {
	color: #f00;
}

.draw {
	color: #000;
}

.ak {
	text-decoration: underline;
	font-weight: bold;
}

.subdue {
	color: #666;
}

.standout {
	color: #f00;
}

#topmenu,
#bottommenu {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
	height: 29px;
	font-size: 10px;
}

#bottommenu {
	margin: 0px;
}

ul.menu {
	list-style-type: none;
	margin: 0px auto 0px auto;
	padding: 0;
	display: block;
	border: none;
	z-index: 500;
	width: 325px;
}

ul.menu li {
	position: relative;
	padding: 2px 20px;
	width: 25px;
	margin: 0;
	text-align: center;
	display: block;
	float: left;
	cursor: default;
	border: none;
}

ul.menu li a {
	margin: 0;
	display: block;
	border: none;
}

ul.menu li ul {
	list-style-type: none;
	visibility: hidden;
	position: absolute;
	display: block;
	width: 122px;
	top: 100%;
	left: 0;
	padding: 0;
	margin: 0;
	float: none;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	font-size: 11px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 120px;
	/* stupid ie */
}
ul.menu li>ul { /* overide ie settings above in other browsers */
	top: auto;
	width: 120px;
}

ul.menu li li {
	display: block;
	border: none;
	float: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 120px;
	cursor: pointer;
}

ul.menu li li a {
	display: block;
	width: 120px;
	margin: 0;
	padding: 10px 10px 5px 10px;
	text-align: left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 100px;
	/* stupid ie */
}
html>body .menu li li a {
	width: 100px;
}

ul.menu li li a:link,
ul.menu li li a:visited,
ul.menu li li a:hover,
ul.menu li li a:active {
	text-decoration: none;
	font-weight: normal;
}

ul.menu li:hover, .menu li.over {
	background-color: #336;
}

ul.menu li:hover ul, .menu li.over ul {
	visibility: visible;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; }
* html ul.menu li a { height: 1%; }
* html ul.menu a { height: 1%; }
* html #topmenu { padding-left: 0; height: 1%; }
* html #bottommenu { padding-left: 0; height: 1%; }
/* End */