body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

img {
	border: 0;
}

.site_wrapper {
	width: 760px;
	margin: auto;
}

.site_box {
}

.xnav_box { 
	text-align: center;
        background-color: #DDDDEE;
        border: 1px solid black;
	padding: 0.3em;
	margin: 0.3em;
}

.learn_more_box {
	background-color: #FFFFDD;
	border: 1px solid #FFCC99;
	padding: 0.3em;
        margin: 0.3em;
}

.error_box {
        background-color: #ffDDDD;
        border: 1px solid #ff9999;
        padding: 0.3em;
        margin: 0.3em;
}

.params_box {
	background-color: #dceff6; ddf6ff;
	border: 1px solid #006699;
	padding: 0.3em;
	margin: 0.3em;
}

.winner {
	background-color: #CCFFCC;
}

.loser {
	background-color: #FFCCCC;
}

.tie {
	background-color: #FFFFCC;
}

.highlight {
        background-color:#FFFF00;
}

.selected
{
	color:#fe8e21;
	font-weight: bold;
	font-style: italic;
}

form {
	padding: 0;
	margin: 0;
}

table.stats {
}

table.scores, table.login { 
	background-color: #FFFFFF; 
	border: 2px #006699 solid; 
	width: 95%;
}

table.leaderboard {
        background-color: #FFFFFF;
        border: 2px #006699 solid; 
	width: 400px;
}

.scores td, .leaderboard.td {
	padding: 1px;
}

.scores th, .login th, .leaderboard th {
	color: #ffcf4d; font-size: 0.7em; font-weight : bold;
	background-color: #006699;
	background-image: url(images/cellpic3.gif);
	padding: 1px;
}

td.cat {
	background-image: url(images/cellpic1.gif);
	background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
	font-style: italic;
	padding-left: 0.5em;
	font-weight: bold;
}

td.rowpic {
	background-color: #FFFFFF;
	background-image: url(images/cellpic2.jpg);
	background-repeat: repeat-y;
}

.row1	{ background-color: #EFEFEF; }
.row2	{ background-color: #DEE3E7; }
.row3	{ background-color: #D1D7DC; }

.maintitle,h1 {
	font-weight: bold; font-size: 2em; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%; color : #000000;
	margin: 0.4em 0;
}

h2 {
	font-weight: bold; font-size: 1.5em; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%; color : #000000;
	margin: 0.4em 0;
}

.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall,.scores a, .leaderboard a { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover,.scores a:hover{ color: #DD6900; text-decoration: underline; }

a:hover{ color: #fe8e21; text-decoration: underline; }

.disabled {
	font-style: italic;
	color: #777777;
}

.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }
div.mainmenu {
	margin: 0.4em;
}

td.number {
	text-align: right;
}

td.grade, td.difficulty_display_name, td.comment, td.timestamp {
	text-align: center;
}