/* $Id: index.css,v 0.1 2011/12/16 23:12:29 pwh Rel $ */
/* Style sheet for Expert Soduku. */


h1, h2 {

	font-family: sans-serif;
}


h1 {

	font-size: 150%;
}


h2 {

	font-size: 120%;
}


h3 {

	text-align: left;
}


th {

	text-align: center;
	font-weight: bold;
	color: #508040;
}


.hidden {

	visibility: hidden;
}


table.calendar {

	font-size: 9px;
}


tr.calendar {

	vertical-align: top;
	text-align: right;
	color: #B5D5AA;
}


tr.calendar td.done {

	color: orange;
}


tr.calendar td.done:hover, tr.calendar td.undone:hover {

	background-image: url("images/headerBG.png");
	background-attachment: fixed;
	cursor: pointer;
}


tr.calendar td.undone {

	color: black;
}


.ul {

	text-decoration: underline;
}


body {

	position: relative;
	margin: 0;
	background-color: #E6F0E1;
	text-align: center;
	border-top: 1px solid #E6F0E1;
}


div.headerBox {

	position: fixed;
	top: 0;
	width: 680px;
	z-index: 10;
	border-top: 1px solid #E6F0E1;
}


div.header {

	position: relative;
	background-image: url("images/headerBG.png");
	background-attachment: fixed;
	text-align: left;
	font-family: sans-serif;
	font-size: 14px;
	color: #B5D5AA;
	border-top: 1px solid #508040;
	border-bottom: 1px solid #508040;
}


div.hdrShadow {

	position: absolute;
	left: 4px;
	bottom: -5px;
	width: 680px;
	height: 4px;
	background-image: url("images/shadow.png");
}


div.rhShadow {

	position: absolute;
	right: -4px;
	top: 3px;
	bottom: -1px;
	width: 4px;
	background-image: url("images/shadow.png");
}

.item {

	padding: 0 8px 1px 8px;
	cursor: pointer;
}


div.item {

	position: relative;
	display: inline;
	margin: 0 1px 1px 0;
	background-color: #508040;
}


td.item {

	color: #508040;
	background-color: #E6F0E1;
	border-right: 1px solid #508040;
	border-bottom: 1px solid #508040;
}


div.item:hover {

	color: yellow;
}


.dropDownMenu {

	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	display: none;
	margin: 0;
}


.ddmItems {

	position: relative;
	margin: 1px 0 0 0;
	border: 1px solid #508040;
}


div.item:hover .dropDownMenu {

	display: block;
	z-index: 1;
}


.selectedItem {

	padding: 0 4px 1px 8px;
	cursor: default;
	font-weight: bold;
}


div.selectedItem {

	position: relative;
	display: inline;
	margin: 0 1px 1px 0;
	background-color: #508040;
}


td.selectedItem {

	padding: 0 4px 1px 8px;
	background-color: #E6F0E1;
	color: #508040;
	border-right: 1px solid #508040;
	border-bottom: 1px solid #508040;
}


td.item:hover {

	background-color: #E8FF80;
}


td.unavailable {

	padding: 0 8px 1px 8px;
	border-right: 1px solid #508040;
	border-bottom: 1px solid #508040;
	color: #B5D5AA;
	background-color: #E6F0E1;
	cursor: default;
}


div.date {

	position: relative;
	display: inline;
	margin: 0;
	padding: 0 8px 1px 8px;
	background-color: #508040;
	float: right;
	font-weight: bold;
}


.centered {

	text-align: center;
}


div.frame {

	position: relative;
	margin: 0 auto;
	width: 680px;
	background-image: url("images/HerringBoneBG.png");
	background-attachment: fixed;
}


div.title {

	position: relative;
	background-image: url("images/Title.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: right;
}


div.puzzle {

	position: relative;
	margin: 0 auto;
	width: 648px;
}


div.help {

	margin: 0 16px 16px 16px;
	border: 2px solid black;
	background-image: url("images/inverseBG.png");
	background-attachment: fixed;
}


div.margins {

	margin: 8px;
	text-align: left;
	font-family: sans-serif;
	font-size: 13px;
}


div.indent {

	margin-left: 24px;
}


span.errMsg {

	font-size: 12px;
	font-family: sans-serif;
	color: red;
}


div.errMsg {

	text-align: center;
	padding: 5px 0 0 0;
}


fieldset {

	border: solid 1px #508040;
        padding: 8px;
}


legend {

	color: #508040;
	font-family: serif;
	font-size: 16px;
}


div.controls {

	position: relative;
	text-align: left;
	width: 211px;
	margin: 0 0 0 16px;
	font-size: 14px;
	font-family: sans-serif;
}


.link {

	color: blue;
	text-decoration: underline;
	cursor: pointer;
}


.chkptTxt {

	font-size: 12px;
	font-family: sans-serif;
}


div.copyright {

	position: relative;
	margin: 0 auto;
	width: 648px;
	z-index: 0;
	font-family: sans-serif;
	font-size: 12px;
}


div.welcomePlayer {

	text-align: right;
	font-family: sans-serif;
	font-size: 12px;
	margin: 0 18px 0 0;
}


span.welcomePlayer {

	color: #B5D5AA;
	background-color: #508040;
}


.rShadow {

	position: absolute;
	top: 4px;
	right: -5px;
	bottom: -1px;
	width: 4px;
	background-image: url("images/shadow.png");
}


.bShadow {

	position: absolute;
	left: 3px;
	right: -5px;
	bottom: -5px;
	height: 4px;
	background-image: url("images/shadow.png");
}