body, html
{
	margin: 0;
	padding: 0;
	height: 100%;
}

#content
{
	padding: 10px;
}

#wrapper
{
	margin: auto;
	width: 890px;
	background-color: white;
	position: relative;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6, treated as min-height */
	min-height: 100%; /* real browsers */
}

a, a:link, a:visited, a:active
{
	color: #1B5687;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #1B5687;
	text-decoration: underline;
	font-weight: bold;
}

#content a:hover
{
	color: #1B5687;
	text-decoration: underline;
	font-weight: bold;
}

a.HyperLink, a.HyperLink:visited, a.HyperLink:hover
{
	text-decoration: none;
	font-weight: normal;
	color: black;
}

body
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	/*background-color: #697CAB;*/
	background-color: #4A9BED;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Following is used for Firefox scrollbar issue with page alignment */
html
{
	min-height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll; /* IE8 show scrollbar always to prevent page shift when it appears */
	overflow: -moz-scrollbars-vertical; /* FF show scrollbar always to prevent page shift when it appears */
}

.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, .ProblemNotation a, .ProblemNotation a:link, .ProblemNotation a:visited
{
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: black;
	text-align: left;
	font-weight: normal;
	line-height: 18px;
}

.ProblemNotation .ProblemNotation1 a, 
.ProblemNotation .ProblemNotation1 a:visited  { color: blue; text-decoration:none; font-weight: normal;}
.ProblemNotation .ProblemNotation2 a,
.ProblemNotation .ProblemNotation2 a:visited  { color: red; text-decoration:none; font-weight: normal;   }
.ProblemNotation .ProblemNotation3 a 
.ProblemNotation .ProblemNotation3 a:visited  { color: green; text-decoration:none; font-weight: normal; }
.ProblemNotation .ProblemNotation4 a 
.ProblemNotation .ProblemNotation4 a:visited  { color: maroon; text-decoration:none; font-weight: normal;}

.GameNotation
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	text-decoration: none;
	color: black;
	font-weight: normal;
	text-align: left;
	font-weight: normal;
	line-height: 18px;
}

.GameNotation a, .GameNotation a:hover, .GameNotation a:visited
{
	text-decoration: none;
	font-weight: normal;
	color: Black;
}

.GameNotation a:active
{
	font-weight: normal;
	color: white;
}	

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

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

.GamesGridClicked
{
	font-family: Tahoma, 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.PositionExplorerTable
{
	margin: 0px;
	border: 1px solid #777;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.PositionExplorerTable 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: Tahoma, Verdana, Arial, Sans-Serif;
	background-color: #7086B8;
	text-decoration: none;
	vertical-align: middle;
	height: 20px;
}

.SearchPanel
{
	background-color: #ffffff;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	padding: 0px;
	width: 300px;
}

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

.ProblemPanel
{
	background-color: #FFFFFF;
	border: 1px solid #777;
	color: black;
	font-family: Tahoma, 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: Tahoma, 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, .SolutionShowHideLink a:visited, .SolutionShowHideLink a:active
{
	width: 105px;
	font-size: 14px;
}

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

.buttons
{
	color: white;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #7086B8;
	border: 1px solid #777;
	height: 19px;
}

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

.buttonsAlternate
{
	color: white;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	background-color: red;
	border: 1px solid #777;
	height: 19px;
}

.buttonsAlternate_disabled
{
	color: #999;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #EEE;
	border: 1px solid;
	border-top-color: #777;
	border-left-color: #777;
	border-right-color: #777;
	border-bottom-color: #777;
	height: 19px;
}

.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: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: maroon;
}

.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: Tahoma, 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: Tahoma, 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: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	letter-spacing: normal;
	text-decoration: none;
}

.autocomplete_CompletionListElement
{
	margin: 0px;
	padding: 1px;
	cursor: default;
	overflow-y: auto;
	overflow-x: hidden;
	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;
}

.SetupPosition_normal
{
	border: 2px solid #D3D3D3;
}

.SetupPosition_selected
{
	border: 2px solid #000000;
}

a
{
	outline: none;
}

div.SetupPosition
{
	width: 88%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

.News
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	color: black;
}

.News a:hover
{
	color: #1B5687;
	text-decoration: underline;
	font-weight: bold;
}

.News table
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	padding: 0;
	color: black;
}

.News a:link, .News a:visited, .News a:active, .News a:hover
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
}

/* Crosstable styles */
.CT
{
	color: #1B5687;
	padding: 0;
	text-align: left;
	border: 0;
}

.CT td
{
	text-align: center;
	width: 40px;
	border-left: 1px solid #888;
	border-top: 1px solid #888;
}

.CT td.ELO
{
	padding: 0;
	border: 0;
	width: 50px;
}

.CT td.score
{
	padding: 0;
	text-align: right;
	border: 0;
}

.CT td.sep
{
	padding: 0;
	width: 20px;
	border: 0;
}

.CT td.rt
{
	width: 40px;
	border-right: 1px solid #888;
}

.CT td.bm
{
	width: 40px;
	border-bottom: 1px solid #888;
}

.CH
{
	padding: 0;
	text-align: left;
	height: 30px;
	border: 0;
}

.CH a:hover
{
	color: #1B5687;
	text-decoration: underline;
}

.CT a:hover
{
	color: #1B5687;
	text-decoration: underline;
	font-weight: bold;
}

.header
{
	height: 66px;
	line-height: 66px;
	text-align: center;
	background-color: #333C53;
}

.content
{
	background-color: white;
	padding-bottom: 30px;
}
.header a, .footer a, .footer span
{
	float: right;
}
.footer a, .footer span
{
	padding-right: 10px;
}
.header a img
{
	margin-top: 20px;
}
.header img.fl
{
	float: left;
}
.footer
{
	background-color: #333C53;
	width: 890px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.footer a, .footer a:visited, .footer a:hover, .footer a:active
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	color: white;
}

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

table.PuzzleTable td
{
	padding: 0px;
}

.PagedGridView .row:hover
{
	/*background-color: #697CAB;*/
	background-color: #4A9BED;
	color: white;
	cursor: pointer;
}

.Pager td
{
	padding-left: 4px;
	padding-right: 4px;
}

.FooterLike
{
	background-color: #333C53;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	color: white;
	float: left;
	margin-left: 5px;
	vertical-align: middle;
	width: 250px;
}

.PositionExplorerHeading
{
	color: black;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.PositionExplorerHeading a
{
	font-size: 12px;
}

.PositionExplorer
{
	font-size: 13px;
	color: Black;
}

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

.perc
{
	width: 45px;
	display: inline-block;
}

.WhiteWinsBar
{
	background-color: #e0dedf;
	display: inline-block;
}

.DrawsBar
{
	background-color: #777;
	display: inline-block;
}

.BlackWinsBar
{
	background-color: black;
	display: inline-block;
}

.HeaderLinks
{
	background-color: #333C53;
	width: 600px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: 290px;
	top: 30px;
}

.HeaderLinks a
{
	float: right;
	padding-right: 15px;
	position: relative;
}

.HeaderLinks a, .HeaderLinks a:visited, .HeaderLinks a:hover, .HeaderLinks a:active
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	color: white;
}

.HeaderLinks a .newtag
{
	display: block;
	background-color: Yellow;
	color: #333c53;
	padding: 2px;
	position: absolute;
	right: 8px;
	top: -5px;
	font-size: 10px;
	height: 11px;
	line-height: 11px;
}

.GeneralHeading
{
	font-weight: bold;
	font-size: 11px;
	border: 0;
}

#loadingDiv
{
	position: absolute;
	left: 550px;
	top: 250px;
}