/************************************************************************/
/*                                                                      */
/* Copyright 2007 by Stan Reckard     (www.artbylogic.com)              */
/*                                                                      */
/* This file and its contents are copyrighted by Stan Reckard, all      */
/* rights reserved. No content, programming code or images may be sold, */
/* published or distributed without express permission from the author. */
/* Do not remove copyright notices.  By violating these terms you may   */
/* be held liable for any resulting loss or damage.                     */
/*                                                                      */
/* No support, guarantee or warranty is offered or implied. By using    */
/* any of this code you assume full risk and responsibility for that    */
/* use.  Written permission must be obtained before any use.            */
/*                                                                      */
/************************************************************************/

a#prevPuzzle:link, a#nextPuzzle:link { text-decoration:none; color:black;}  /* unvisited link */
a#prevPuzzle:visited, a#nextPuzzle:visited { text-decoration:none; color:black;}  /* visited link */
a#prevPuzzle:hover, a#nextPuzzle:hover { font-weight:bold;}  /* mouse over link */
a#prevPuzzle:active, a#nextPuzzle:active { color:red;}  /*  selected link */

a#prevRating:link, a#prevRating:link { text-decoration:none; color:black;}  /* unvisited link */
a#prevRating:visited, a#prevRating:visited { text-decoration:none; color:black;}  /* visited link */
a#prevRating:hover, a#prevRating:hover { font-weight:bold;}  /* mouse over link */
a#prevRating:active, a#prevRating:active { color:red;}  /*  selected link */

a#nextRating:link, a#nextRating:link { text-decoration:none; color:black;}  /* unvisited link */
a#nextRating:visited, a#nextRating:visited { text-decoration:none; color:black;}  /* visited link */
a#nextRating:hover, a#nextRating:hover { font-weight:bold;}  /* mouse over link */
a#nextRating:active, a#nextRating:active { color:red;}  /*  selected link */


div#leftSide, #archiveDate, div#progress, div#outTable, div#instructions,
td#rating, td#artbylogic, td#sudokuTitle, #footerInfo  {
   background-color:#DCDCDC;
   background-color:#F8E48B;
}

div#leftSide, div#outTable {
   border:3px solid gray;
}

/* Try DEB6B6 in my ColorScheme */
/* Easiest[1] */
body#Easiest1 div#leftSide, body#Easiest1 #archiveDate, body#Easiest1 div#progress,
body#Easiest1 div#outTable, body#Easiest1 div#instructions,
body#Easiest1 td#rating, body#Easiest1 td#artbylogic, body#Easiest1 td#sudokuTitle, 
body#Easiest1 #footerInfo  {
   background-color:#deb6b6;
}
body#Easiest1 div#leftSide, body#Easiest1 div#outTable {
   border:3px solid #ae8686;
}
body#Easiest1 table input {
	border: 1px solid #deb6b6;
	background-color:#f4e7e7;
}

/* Easy[1] */
body#Easy1 div#leftSide, body#Easy1 #archiveDate, body#Easy1 div#progress,
body#Easy1 div#outTable, body#Easy1 div#instructions,
body#Easy1 td#rating, body#Easy1 td#artbylogic, body#Easy1 td#sudokuTitle, 
body#Easy1 #footerInfo  {
   background-color:#dec6b6;
}
body#Easy1 div#leftSide, body#Easy1 div#outTable {
   border:3px solid #ae9686;
}
body#Easy1 table input {
	border: 1px solid #dec6b6;
	background-color:#f4ece7;
}

/* Easy[2] */
body#Easy2 div#leftSide, body#Easy2 #archiveDate, body#Easy2 div#progress,
body#Easy2 div#outTable, body#Easy2 div#instructions,
body#Easy2 td#rating, body#Easy2 td#artbylogic, body#Easy2 td#sudokuTitle, 
body#Easy2 #footerInfo  {
   background-color:#ded6b6;
}
body#Easy2 div#leftSide, body#Easy2 div#outTable {
   border:3px solid #aea686;
}
body#Easy2 table input {
	border: 1px solid #aea686;
	background-color: #f4f2e7;
}


/* Medium[1] */
body#Medium1 div#leftSide, body#Medium1 #archiveDate, body#Medium1 div#progress,
body#Medium1 div#outTable, body#Medium1 div#instructions,
body#Medium1 td#rating, body#Medium1 td#artbylogic, body#Medium1 td#sudokuTitle, 
body#Medium1 #footerInfo  {
   background-color:#d6deb6;
}
body#Medium1 div#leftSide, body#Medium1 div#outTable {
   border:3px solid #a6ae86;
}
body#Medium1 table input {
	border: 1px solid #d6deb6;
	background-color:#f2f4e7;
}


/* Medium[2] */
body#Medium2 div#leftSide, body#Medium2 #archiveDate, body#Medium2 div#progress,
body#Medium2 div#outTable, body#Medium2 div#instructions,
body#Medium2 td#rating, body#Medium2 td#artbylogic, body#Medium2 td#sudokuTitle, 
body#Medium2 #footerInfo  {
   background-color:#c6deb6;
}
body#Medium2 div#leftSide, body#Medium2 div#outTable {
   border:3px solid #96ae86;
}
body#Medium2 table input {
	border: 1px solid #c6deb6;
	background-color:#ecf4e7;
}


/* Hard[1] */
body#Hard1 div#leftSide, body#Hard1 #archiveDate, body#Hard1 div#progress,
body#Hard1 div#outTable, body#Hard1 div#instructions,
body#Hard1 td#rating, body#Hard1 td#artbylogic, body#Hard1 td#sudokuTitle, 
body#Hard1 #footerInfo  {
   background-color:#b6deb6;
}
body#Hard1 div#leftSide, body#Hard1 div#outTable {
   border:3px solid #86ae86;
}
body#Hard1 table input {
	border: 1px solid #b6deb6;
	background-color:#e7f4e7;
}


/* Hard[2] */
body#Hard2 div#leftSide, body#Hard2 #archiveDate, body#Hard2 div#progress,
body#Hard2 div#outTable, body#Hard2 div#instructions,
body#Hard2 td#rating, body#Hard2 td#artbylogic, body#Hard2 td#sudokuTitle, 
body#Hard2 #footerInfo  {
   /* background-color:#b67450; */
   background-color: #b6dec6;
}
body#Hard2 div#leftSide, body#Hard2 div#outTable {
   border:3px solid #86ae96;
}
body#Hard2 table input {
	border: 1px solid #b6dec6;
	background-color:#E7F4EC;
}

/* Hard[3] */
body#Hard3 div#leftSide, body#Hard3 #archiveDate, body#Hard3 div#progress,
body#Hard3 div#outTable, body#Hard3 div#instructions,
body#Hard3 td#rating, body#Hard3 td#artbylogic, body#Hard3 td#sudokuTitle, 
body#Hard3 #footerInfo  {
   /* background-color:#b67450; */
   background-color: #b6ded6;
}
body#Hard3 div#leftSide, body#Hard3 div#outTable {
   border:3px solid #86aea6;
}
body#Hard3 table input {
	border: 1px solid #b6ded6;
	background-color:#E7F4F2;
}

/* Hard[4] */
body#Hard4 div#leftSide, body#Hard4 #archiveDate, body#Hard4 div#progress,
body#Hard4 div#outTable, body#Hard4 div#instructions,
body#Hard4 td#rating, body#Hard4 td#artbylogic, body#Hard4 td#sudokuTitle, 
body#Hard4 #footerInfo  {
   /* background-color:#b67450; */
   background-color: #b6d6de;
}
body#Hard4 div#leftSide, body#Hard4 div#outTable {
   border:3px solid #86a6ae;
}
body#Hard4 table input {
	border: 1px solid #b6d6de;
	background-color:#E7F2F4;
}

/* Hard[5] */
body#Hard5 div#leftSide, body#Hard5 #archiveDate, body#Hard5 div#progress,
body#Hard5 div#outTable, body#Hard5 div#instructions,
body#Hard5 td#rating, body#Hard5 td#artbylogic, body#Hard5 td#sudokuTitle, 
body#Hard5 #footerInfo  {
   /* background-color:#b67450; */
   background-color: #b6c6de
}
body#Hard5 div#leftSide, body#Hard5 div#outTable {
   border:3px solid #8696ae;
}
body#Hard5 table input {
	border: 1px solid #b6c6de;
	background-color:#E7ECF4;
}


/* VeryHard[3] */
body#VeryHard3 div#leftSide, body#VeryHard3 #archiveDate, body#VeryHard3 div#progress,
body#VeryHard3 div#outTable, body#VeryHard3 div#instructions,
body#VeryHard3 td#rating, body#VeryHard3 td#artbylogic, body#VeryHard3 td#sudokuTitle, 
body#VeryHard3 #footerInfo  {
   /* background-color:#b67450; */
   background-color: #b6b6de;
}
body#VeryHard3 div#leftSide, body#VeryHard3 div#outTable {
   border:3px solid #8686ae;
}
body#VeryHard3 table input {
	border: 1px solid #b6b6de;
	background-color:#E7E7F4;
}


/* VeryHard[4] */
body#VeryHard4 div#leftSide, body#VeryHard4 #archiveDate, body#VeryHard4 div#progress,
body#VeryHard4 div#outTable, body#VeryHard4 div#instructions,
body#VeryHard4 td#rating, body#VeryHard4 td#artbylogic, body#VeryHard4 td#sudokuTitle, 
body#VeryHard4 #footerInfo  {
   /* background-color:#b67450; */
   background-color: #c6b6de;
}
body#VeryHard4 div#leftSide, body#VeryHard4 div#outTable {
   border:3px solid #9686ae;
}
body#VeryHard4 table input {
	border: 1px solid #c6b6de;
	background-color:#ECE7F4;
}


/* Grueling[1] */
body#Grueling1 div#leftSide, body#Grueling1 #archiveDate, body#Grueling1 div#progress,
body#Grueling1 div#outTable, body#Grueling1 div#instructions,
body#Grueling1 td#rating, body#Grueling1 td#artbylogic, body#Grueling1 td#sudokuTitle, 
body#Grueling1 #footerInfo  {
   background-color:#d6b6de;
}
body#Grueling1 div#leftSide, body#Grueling1 div#outTable {
   border:3px solid #a686ae;
}
body#Grueling1 table input {
	border: 1px solid #d6b6de;
	background-color:#F2E7F4;
}


/* Grueling[2] */
body#Grueling2 div#leftSide, body#Grueling2 #archiveDate, body#Grueling2 div#progress,
body#Grueling2 div#outTable, body#Grueling2 div#instructions,
body#Grueling2 td#rating, body#Grueling2 td#artbylogic, body#Grueling2 td#sudokuTitle, 
body#Grueling2 #footerInfo  {
   background-color:#deb6d6;
}
body#Grueling2 div#leftSide, body#Grueling2 div#outTable {
   border:3px solid #ae86a6;
}
body#Grueling2 table input {
	border: 1px solid #deb6d6;
	background-color:#F4E7F2;
}


/* 93bcff 88acff 88cc77 d4b650 d4b677 e4c687 */
/* div#mainContent { background-color: #DCDCDC;  } */

body { background-color: #88cc77 }

/* table { border-collapse:collapse; } */

div#leftSide {
   width:125px;
   height:350px;
   margin:0; 
   padding:0;
   float:left;
   position:relative;
   top:70px;
}

div#menu {
   z-index:2;
   /* left:8px; */
   float:left;
   position:absolute;
   /* width:110px; */
   width:100%;
   height:50px;
   margin-top: 10px;
   text-align:center;
   margin-left:auto;  margin-right:auto;
   /* border:solid 1px yellow; */
}
div#menu ul { list-style:none; margin:0;padding:0;  z-index:2;}

div#selectDifficulty {
   float:left;
   margin-top:10px;
   left:6px;
   top:80px;
   position:absolute;
   border:1px solid black; 
   border-style: inset;
   height:50px;
   /* width:105px; */
   z-index:100;
   padding:3px;
}

#archiveDate {
	border:1px solid black;
	border-style: inset;
	height:50px;
	margin-top:50px;
	position:absolute;
	top: 110px;
	left:6px;
	padding:3px;
	padding-right:10px;
}

#archiveLabel, #difficultyLabel {
	font-size: 10pt;
	/* font-family: arial, verdana, georgia, helvetica, sans-serif; */
}

#archivePuzzleDate { width:75px; }


div#progress {
  position:absolute;
  top:245px;
  /* left:10px; */
  text-align:center;
  width:100%;
}

div#bodyInstructions table {
	margin-left:20px;
}

div#bodyInstructions table  td {
	height:10px;
	padding:2px 5px;
}

div.cell {
	height:12px;
	padding:2px 5px;
}
div.cellHdr {
	font-weight:bold;
	text-decoration:underline;
}

/* on menu */
div#instructions {
  position:absolute;
  top:295px;
  /* left:10px; */
  text-align:center;
  width:100%;
}

div#instructions a:link, div#instructions a:visited { color:black; text-decoration:underline; }
div#instructions a:hover { color:black; font-weight:bold; }

div#showInstructions {
	/* width:700px; */
	width: 5px; /* keep from overlapping sudoku input fields.  Use javascript to change this when opened. */
	height:420px;
	background-color:#DCDCDC;
	visibility:hidden;
	position:absolute;
	top:80px;
	left:50px;
	z-index:1600;
	border:3px solid gray;
}
div#instructionsTitleBar {
	background-color:blue;
	height:30px;
	width:100%;
	top:0;
	left:0;
	text-align:center;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
span#hdrInstructions {
	color:white;
	font-size:16pt;
	font-family:verdana,arial,tahoma,sans-serif;
	top:13px;
	padding-top:10px;
}
div#bodyInstructions {
	padding:6px;
	background-color:#DCDCDC;	
	height:340px;
	overflow:auto;
}
div#bodyInstructions a:link, div#bodyInstructions a:visited { color:black; text-decoration:underline;}
div#bodyInstructions a:hover { color:black; font-weight:bold;}


/* X in the top upper right hand corner */
div#closeInstructions {
	font-size:16pt;
	position:absolute;
	top:1px;
	right:0px;
	border:1px solid white;
	background-color:red;
	z-index:1650;
	width:27px;
	height:24px;
	text-align:center;
	padding-top:3px;
}
div#closeInstructions a:link, div#closeInstructions a:visited { color:white; background-color:red }
div#closeInstructions a:hover { color:white; text-decoration:none; background-color:#FF1493; font-weight:bold;}
div#closeInstructions:link, div#closeInstructions:visited { color:white; background-color:red }
div#closeInstructions:hover { color:white; text-decoration:none; background-color:#FF1493; font-weight:bold;}

#closeInstructionsButton { position:absolute; right:25px; bottom:10px; width:75px;}

/* icon in top left corner */
div#iconInstructions {
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid white;
	background: url('/puzzles/images/blueGStar29x29.bmp') top left no-repeat;
	width:29px;
	height:29px;
	z-index:1670;
}


div#mainContent {
   border:1px solid black;
   width:780px;
   height:500px;
   margin:auto;
}

div#inForm {
   padding-left:40px;
   padding-right:40px;
   float:left;
   width:450px;
   margin:0;
   /* background-color:#DCDCDC; */
   margin:2px;

}

div#outTable {
	margin-left:auto;  /* 20px */
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	
	padding-right:5px;
	padding-left:7px;
	padding-bottom:4px;
	padding-top:3px;

	width:426px; 
}



div#centerHorizontally {
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  position: fixed; 
  display: table;
  z-index:1;
}

div#techArea {
  position:absolute;
  top:490px;
}

.tblBlock { border:2px solid black }

#checkValid { width:60px; margin: 0px auto; font-size: 11pt; width:90px }
#cellHint { width:70px; font-size:11pt; width:90px}
#digitHint { width:70px; font-size:11pt; width:90px}
#reset { width:60px; font-size:11pt; width:90px}
#techDesc { width: 80px; font-size:11pt; width:90px}
#solve_entry { width: 80px; font-size:11pt; width:90px}
#printMe { width: 60px; font-size:11pt; width:90px}
#solveIt { width: 60px; font-size:11pt; width:90px}

#rating {
	text-align:center;
}
#artbylogic {
	text-align:center;
}

#sudokuTitle {
	text-align:center; font-weight:bold; font-family: arial, verdana, sans-serif; font-size:12pt;
}

table input { 
	width:35px; height:33px; font-size:16pt; 
	/* background-color:WhiteSmoke; */
	/* padding-left:9px; padding-top:2px; */ 
	/* margin-left:3px;	*/
}


.outTbl {
	font-family:verdana, arial, sans-serif;
	background: #ffffff;
	border-bottom: 1px solid #555555;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
}
.inTbl {
	font-family:verdana, arial, sans-serif;
	color: black;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	width:45px;
	height:45px;
	text-align:center;
	font-size: 16pt;
}

.inTbl input {
	font-size: 16pt;
	width:35px;
	height:33px;
margin:0; padding:0;
}

#mainTbl {
	/* margin-left:25%; */
	/* border:3px solid #DCDCDC; */
	margin:0; padding:0;
	width: 424px;
}


#solution, #unsolved, #hintsLoc, #techniques, #maxTechniques, #difficulty, #techNames, #maxNonPoss, #techIdxs {
	visibility:hidden;
}

/* For input fields, the true width is increased by the padding! */
#mainTbl input {	 /* *** */
	margin:0; padding:0;
	overflow:hidden;
	/* border:1px solid gray; */
	height: 28px;
	width:24px;
	margin-left:auto; margin-right:auto;
	padding-left:10px;
	padding-top: 2px;
	left:3px;
	position:relative;
}



/*   
	centerHorizontallyX 
		mainContent
			sudokuForm
				inForm
					outTable
						mainTbl
*/

/* body { background-color: black } */
/* body, div#centerHorizontallyX { background: url(/freeWallpaper/800x600/RJDQ-88.jpg)  #000 scroll no-repeat top left} */
#centerHorizontallyX { background: url(/freeWallpaper/800x600/RJDQ-88.jpg)  #000 scroll no-repeat -140px -40px}

/* #inForm   { background: url(/freeWallpaper/800x600/RJDQ-88.jpg)  #000 scroll no-repeat -200px -30px}  */


#mainContent, div#mainContent { 
/* background-color: transparent; */
/* border:2px solid gray; */
margin-top:10px;
}


div#inForm, #inForm {
	width:auto; /* or else outTable has a right margin */
	/* backgground-color:transparent; */
}


/* #mainContent, #centerHorizontallyX, #sudokuForm, .tblBlock { background: transparent; } */

/* html, div#centerHorizontallyX, div#mainContent */
/* #inForm, div#inForm */
#centerHorizontallyX  {
/* background: transparent; */
/* background: transparent !important; */
/* background-color: #FEFFE6; */
/* background-color: transparent; */
/* opacity: 0.8; */
/* filter:alpha(opacity=80);  */ /* IE's opacity*/ 

padding-bottom:40px; /* needed so that background image does not get cut off on the bottom */
}

div#mainContent, #mainContent{ border-width:0 !important; } 

html, body { background-color:#000}