html, body
{
	height: 90%;
}

body
{
	margin: 10px;
	font-size: 8pt;
	font-family: Verdana;
	color: #333333;
	background-image: url(images/bg.gif);
}

input
{
	font-size: 8pt;
}

.page
{
    width: 752px;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    border: 1px solid black;
    background-color: White;
    min-height: 90%;
}

a						{font-weight: bold; color: #0055aa; text-decoration: none;}
a:hover					{text-decoration: underline;}
a.TabLink				{color: White;}
a.MenuItemLink			{font-weight: normal; color: #ffffff;}
a.MenuItemLinkActive	{font-weight: normal; color: #ffff80;}

.TabFront, .TabBack
{
    float:left;
}

.TabFront .TabLeft
{
    float: left;
    background-image: url(images/TabFrontLeft.gif);
	width:8px;
	height:18px;
}

.TabFront .TabCenter
{
    float: left;
    background-image: url(images/TabFrontCenter.gif);
    height:16px;
    padding-top:2px;
}

.TabFront .TabRight
{
    float: left;
    background-image: url(images/TabFrontRight.gif);
	width:8px;
	height:18px;
	margin-right:5px;
}

.TabBack .TabLeft
{
    float: left;
    background-image: url(images/TabBackLeft.gif);
	width:8px;
	height:18px;
}

.TabBack .TabCenter
{
    float: left;
    background-image: url(images/TabBackCenter.gif);
    height:16px;
    padding-top:2px;
}

.TabBack .TabRight
{
    float: left;
    background-image: url(images/TabBackRight.gif);
	width:8px;
	height:18px;
	margin-right:5px;
}

.MenuBar
{
    float: left;
	color: White;
	background-image: url(images/MenuBar.gif);
	padding-left: 6px;
	padding-top: 1px;
	width: 746px;
	height: 15px;
	margin-bottom: 7px;
}

/* Sudoku */

table.Sudoku
{
    width: 342px;
    border:solid 2px #555555;
    border-collapse: collapse;
}

table.Sudoku > tbody > tr > td
{
	width: 36px;
	height: 36px;
	text-align: center;
	color: #555555;
	font-size: 14pt;
	border: solid 1px #999999;
	background-color: #F8F8F8;
	cursor: default;
}

table.Sudoku > tbody > tr > td.VerticalLine
{
    width: 2px;
    min-width: 2px;
    max-width: 2px;
    height: 100%;
    background-color: #444444;
}

table.Sudoku > tbody > tr > td.HorizontalLine
{
    width: 100%;
    height: 2px;
    min-height: 2px;
    max-height: 2px;
	background-color: #444444;
}

table.Sudoku > tbody > tr > td.SudokuCellRed {background-color: #ffd9d9;}
table.Sudoku > tbody > tr > td.SudokuCellGreen {background-color: #c3e5c3;}
table.Sudoku > tbody > tr > td.SudokuCellBlue {background-color: #c3d1e5;}

table.SudokuSubset td
{
	width: 12px;
	height: 12px;
	text-align: center;
	font-size: 7pt;
	font-weight: normal;
	border: 0px solid Black;
}

/* Editable Sudoku */

table.EditSudoku
{
    width: 344px;
	border: solid 3px Black;
	border-collapse: collapse;
}

table.EditSudoku > tbody > tr > td
{
	width: 36px;
	height: 36px;
	text-align: center;
	color: #000000;
	font-size: 16pt;
	border: solid 1px #808080;
	background-color: #e6ecf2;
	cursor: pointer;
}

table.EditSudoku > tbody > tr > td.VerticalLine
{
    width: 2px;
    min-width: 2px;
    max-width: 2px;
    height: 100%;
	background-color: Black;
}

table.EditSudoku > tbody > tr > td.HorizontalLine
{
    width: 100%;
    height: 2px;
    min-height: 2px;
    max-height: 2px;
	background-color: Black;
}

table.EditSudoku > tbody > tr > td.Solved
{
	width: 36px;
	height: 36px;
	text-align: center;
	color: #dd00dd;
	font-size: 16pt;
	border: solid 1px #808080;
	background-color: #e6ecf2;
	cursor: pointer;
}

table.EditSudoku > tbody > tr > td.SudokuCellSelected
{
	color: #ffffff;
	background-color: #a1b5d4;
}

/* SudokuHighlighter */

a.SudokuHighlighter	
{
	font-weight: normal;
	text-decoration: underline;
	color: #226666;
	cursor: default;
}

td.SudokuHighlightAffect { background-color: #a1b5d4 !important; }
td.SudokuHighlightRed { background-color: #ffb2b2 !important; }
td.SudokuHighlightGreen { background-color: #a1e5a1 !important; }
td.SudokuHighlightBlue { background-color: #c3d0e3 !important; }
td.SudokuHighlightDarkRed { background-color: #ffb2b2 !important; }
td.SudokuHighlightDarkGreen { background-color: #a1e5a1 !important; }
td.SudokuHighlightDarkBlue { background-color: #94aed4 !important; }

ul
{
	margin: 0px 0px 0px 30px;
}

table.SudokuArchive
{
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    border-collapse: collapse;
}

table.SudokuArchive td, th
{
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    border-collapse: collapse;
    text-align: center;
    width: 85px;
}

.SolverMessage
{
	color: Red;
	font-weight: bold;
}