/* special for chess mobile */



span.newtitle {
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px 40px 7px 40px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;	
}



table.skinnytable
{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}

table.skinnytable tr {
	background-color: #FFFFFF;
}

table.skinnytable tr.alt {
	background-color: #F8F8F8;
}

table.skinnytable tr.mine {
	background-color: #FFFF99;
}

/* In Cell function, "th" style uses this CSS, but cannot be tweaked */

table.skinnytable th {
	background-color: #BFDFFF;
	color: #333333;
	font-weight: bold;
	text-align: center;
}

/* In Cell function, use "th ..." style to tweak font, etc. */

table.skinnytable td.th {
	background-color: #BFDFFF;
	color: #333333;
	font-weight: bold;
	text-align: center;
}

table.skinnytable td {
	border: 1px solid #EEEEEE;
	border-collapse: collapse;
}

table.skinnytable td.padl {
	border: 1px solid #EEEEEE;
	border-collapse: collapse;
	padding-left: 3px;
}

table.skinnytable td.bar2 {
	padding: 1px;
	margin: 0px;
	background-color: #AAAAAA;
	height: 0px;
}





span.res {
	font-size: 30px;
	font-weight: bold;
}

td.heading {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: bold;
	text-align: center;
}

td.instruct {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

td.std {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
}

td.error {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #FFCECE;
	text-align: center;
	font-weight: bold;
}

p.std {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
}

p.login {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}


body.maxwidth { 
	width: 100%; 
	max-width: 375px;
	background-color: #EEEEEE; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

body.w320 { 
	width: 320px; 
	background-color: #EEEEEE; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

body.wide { 
	width: 968px; 
	background-color: #FFFFFF; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}



table {
	border: 0px;
	padding: 0px;
	margin: 0px;
}





table.chess {
	width: 100%
}


td.ctheader a:link {
	text-decoration: none;
	color: #000000;
} 
td.ctheader a:visited {
	text-decoration: none;
	color: #000000;   
} 
td.ctheader a:hover {
	text-decoration: none;
	color: #000000;
} 
td.ctheader a:active {
	text-decoration: none;
	color: #000000;
} 


td.sqblack {
	background-color: #000000;
	color: #FFFFFF;
}

td.sqblack a:link {
	text-decoration: none;
	color: #FFFFFF;
} 
td.sqblack a:visited {
	text-decoration: none;
	color: #FFFFFF;   
} 
td.sqblack a:hover {
	text-decoration: none;
	color: #FFFFFF;
} 
td.sqblack a:active {
	text-decoration: none;
	color: #FFFFFF;
}



td.sqwhite {
	background-color: #FFFFFF;
	color: #000000;
}

td.sqwhite a:link {
	text-decoration: none;
	color: #000000;
} 
td.sqwhite a:visited {
	text-decoration: none;
	color: #000000;   
} 
td.sqwhite a:hover {
	text-decoration: none;
	color: #000000;
} 
td.sqwhite a:active {
	text-decoration: none;
	color: #000000;
} 



td.sqalert {
	background-color: #FF0000;
	color: #FFFFFF;
}

td.sqalert a:link {
	text-decoration: none;
	color: #FFFFFF;
} 
td.sqalert a:visited {
	text-decoration: none;
	color: #FFFFFF;   
} 
td.sqalert a:hover {
	text-decoration: none;
	color: #FFFFFF;
} 
td.sqalert a:active {
	text-decoration: none;
	color: #FFFFFF;
} 



td.sqbrown {
	background-color: #8C5242;
	color: #FFFFCE;
}

td.sqbrown a:link {
	text-decoration: none;
	color: #FFFFCE;
} 
td.sqbrown a:visited {
	text-decoration: none;
	color: #FFFFCE;   
} 
td.sqbrown a:hover {
	text-decoration: none;
	color: #FFFFCE;
} 
td.sqbrown a:active {
	text-decoration: none;
	color: #FFFFCE;
}




td.sqcream {
	background-color: #FFFFCE;
	color: #8C5242;
}

td.sqcream a:link {
	text-decoration: none;
	color: #8C5242;
} 
td.sqcream a:visited {
	text-decoration: none;
	color: #8C5242;   
} 
td.sqcream a:hover {
	text-decoration: none;
	color: #8C5242;
} 
td.sqcream a:active {
	text-decoration: none;
	color: #8C5242;
} 


td.sqgray {
	background-color: #CCCCCC;
	color: #FFFFFF;
}

td.sqgray a:link {
	text-decoration: none;
	color: #FFFFFF;
} 
td.sqgray a:visited {
	text-decoration: none;
	color: #FFFFFF;   
} 
td.sqgray a:hover {
	text-decoration: none;
	color: #FFFFFF;
} 
td.sqgray a:active {
	text-decoration: none;
	color: #FFFFFF;
} 


div.home-parenthetical { padding: 4px; font-size: 12px; line-height: 14px; }