body, html
{
	height: 100%;
}

body
{
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #697CAB;
}

/* Following is used for Firefox scrollbar issue with page alignment */
html
{
	min-height: 100%;
	margin-bottom: 1px;
}

.ProblemText
{
	font-size: 14px;
	text-align: center;
}

.ProblemSolution
{
	font-size: 14px;
}

.GameHeader
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	color: Black;
}

.ProblemNotation, .ProblemNotation1, .ProblemNotation2, .ProblemNotation3, .ProblemNotation4,
.ProblemNotation a, .ProblemNotation1 a, .ProblemNotation2 a, .ProblemNotation3 a, .ProblemNotation4 a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	text-decoration: none;
}

.ProblemNotation, .ProblemNotation a { color: Black; }
.ProblemNotation1, .ProblemNotation1 a { color: Blue; }
.ProblemNotation2, .ProblemNotation2 a { color: Red; }
.ProblemNotation3, .ProblemNotation3 a { color: Green; }
.ProblemNotation4, .ProblemNotation4 a { color: Maroon; }
.ProblemNotation4 .ProblemNotation1 a { color: Blue; }
.ProblemNotation4 .ProblemNotation1 .ProblemNotation2 a { color: Red; }
.ProblemNotation4 .ProblemNotation1 .ProblemNotation2 .ProblemNotation3 a { color: Green; }

.GameNotation a:link
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	text-decoration: none;
	color: Black;
}

.GameNotation a:visited
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	text-decoration: none;
	color: Black;
}

.GameNotation a:active
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	text-decoration: none;
	color: Black;
}

.GameNotation a:hover
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	text-decoration: none;
	color: Black;
}

.GamesGridNormal
{
	font-family: Verdana, Arial, Sans-Serif;
	background: White;
	cursor: pointer;
}

.GamesGridHighlight
{
	font-family: Verdana, Arial, Sans-Serif;
	background: #D1D1D1;
	color: Black;
	cursor: pointer;
}

.GamesGridClicked
{
	font-family: Verdana, Arial, Sans-Serif;
	background: #7086B8;
	color: Black;
	cursor: pointer;
}

table.BoardTable
{
	margin: 0px;
	border: 1px solid #777;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.BoardTable td
{
	padding: 0px;
}

table.ProblemTable
{
	margin: 0px;
	border: 1px solid #777;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.ProblemTable td
{
	padding: 0px;
}

.menubar, .menubar a:link, .menubar a:visited, .menubar a:active, .menubar a:hover
{
	font-size: 14px;
	color: White;
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #7086B8;
	text-decoration: none;
	vertical-align: middle;
	height: 20px;
}

.SearchPanel
{
	background-color: #ffffff;
	border: 1px solid #777;
	color: Black;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	padding: 0px;
	width: 300px;
}

.SearchPanelText
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8px;
}

.ProblemPanel
{
	background-color: #FFFFFF;
	border: 1px solid #777;
	color: Black;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 255px;
	height: 175px;
}

.ProblemSolutionPanel
{
	background-color: White;
	overflow: auto;
	border: 1px solid #777;
	color: Black;
	font-family: Verdana, Arial, Sans-Serif;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	width: 235px;
	height: 150px;
}

.SolutionShowHideLink a:link
{
	width: 105px;
	font-size: 14px;
	text-decoration: none;
	color: Blue;
}

.SolutionShowHideLink a:visited
{
	width: 105px;
	font-size: 14px;
	text-decoration: none;
	color: Blue;
}

.SolutionShowHideLink a:active
{
	width: 105px;
	font-size: 14px;
	text-decoration: none;
	color: Blue;
}

.SolutionShowHideLink a:hover
{
	width: 105px;
	font-size: 14px;
	text-decoration: none;
	color: Blue;
}

.buttons
{
	color: White;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #7086B8;
	border: 1px solid;
	border-top-color: #777;
	border-left-color: #777;
	border-right-color: #777;
	border-bottom-color: #777;
}

.buttons_disabled
{
	color: Black;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	background-color: White;
	border: 1px solid;
	border-top-color: #777;
	border-left-color: #777;
	border-right-color: #777;
	border-bottom-color: #777;
}

.HyperLink a:link
{
	text-decoration: none;
	color: Black;
}

.HyperLink a:visited
{
	text-decoration: none;
	color: Black;
}

.HyperLink a:active
{
	text-decoration: none;
	color: White;
}

.HyperLink a:hover
{
	text-decoration: none;
	color: Black;
}

.ErrorText
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: Red;
}

.InputBox
{
	border-right: #777 1px solid;
	border-top: #777 1px solid;
	border-left: #777 1px solid;
	border-bottom: #777 1px solid;
	font-size: 8pt;
	word-spacing: normal;
	text-transform: none;
	font-style: normal;
	font-family: Verdana, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: top;
	background-color: #ffffff;
}

.DataLabel
{
	font-size: 11px;
	word-spacing: normal;
	text-transform: none;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	letter-spacing: normal;
	text-decoration: none;
}

.DataLabelBold
{
	font-size: 11px;
	font-weight: bold;
	word-spacing: normal;
	text-transform: none;
	color: #3E4E4E;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	letter-spacing: normal;
	text-decoration: none;
}

.FooterLinks a:link
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	color: White;
}

.FooterLinks a:visited
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	color: White;
}

.FooterLinks a:active
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	color: White;
}

.FooterLinks a:hover
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	color: White;
}

.autocomplete_CompletionListElement
{
	margin: 0px;
	cursor: default;
	overflow-y: auto;
	overflow-x: hidden;
	/* following line sets max-height for IE - it is purposely 144 and 145 as if they were both 145 IE6 would crash */
	height: expression(this.scrollHeight > 144 ? "145px" : "auto"); 
	max-height: 145px;
	text-align: left;
	background-color: White;
	border: 1px solid #777;
	z-index: 10000;
}

a.BannerLinks {text-decoration:none; color: #999; }
a.BannerLinks:hover {text-decoration:underline; color: #999; }
.BannerLinks { font-size: 12px; }