/*

Copyright (C) 2005 Brian DeBoer  All rights reserved.

*/
body {
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;
}

table, input, select {
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;
}

td {
	border: 1px solid black;
	font-size: 120%;
	width: 33px;
	height: 43px;
}
    
#userWelcome {
    float: left;
}

#userMenu {
}

#userMenu li {
    float: right;
    list-style-type: none;
    padding-left: 20px;
}

#menuDropdowns { clear: both; position: relative; margin-bottom: 10px;}

#menuDropdowns fieldset {
    position: absolute;
    color: black;
    background-color: white;
    width: 100%;
    height: 150px;
    padding: 0;
    margin: auto;
}

#game { clear: both; }

#loginInfo {
	width: 300px;
	height: 100px;
	top: 100px;
	left: 50px;;
	border: 1px solid blue;
	background-color: #fcfcfc;
	color: black;
	position: absolute;
}

#gameArea {
	width: 90%;
	height: 80%;
	border: 1px solid #efefef;
	min-width: 300px;
	min-height: 300px;
	float: left;
}

#puzzle {
	width: 96%;
	height: 96%;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

#selectableNumbers {
	float: left;
	border: 1px solid #efefef;
}

#selectableNumbers div {
	float: left;
	clear: left;
	margin: 5px;
	padding: 3px;
}

#selectableNumbers div:hover {
	border: 1px solid blue;
	color: blue;
}

.selectedNumber {
	border: 1px solid blue;
	color: blue;
	font-weight: bold;
	background-color: #eeeefa;
}

.unselectedNumber { 
	border: 1px solid green;
	color: green;
}

#loading {
	position: absolute;
	left: 200px;
	top: 200px;
	width: 200px;
	height: 50px;
	border: 1px solid blue;	
	background-color: white;
}

#loading div {
	margin: auto;
}

.block {
	/*width: 32%;
	height: 32%;
	*/
	float: left;
}

.Hdivider {
	width: 1px;
	/* height: 33%; */
	background-color: red;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

.Vdivider {
	height: 1px;
	width: 98%;
	background-color: red;
	clear: left;
}

.block table {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 5px;
	empty-cells: show;
}

.set {
	color: black;
}

.wrong {
	color: red;
}

.right {
	color: blue;
}

.scratch {
	font-size: 75%;
	opacity: 0.3;
}

.auto {
	font-size: 75%;
	color: green;
}

.anti {
	font-size: 75%;
	color: green;
	opacity: 0.3;
	text-decoration: line-through;
}

.selectedCell {
	background-color: #cacaaa;
}

.hidden {
	display: none;
}

.faded {
    opacity: .25;
}