/**
 *	GRID
 */

pre {
	background-color:#E9E9EC;
	border-radius:20px;
	border:1px #8F8F9D solid;
	padding:20px;
	width:300px;
	float:right;
	margin:0px 0px 20px 0px;
}

body {
	font-family:sans-serif;
	max-width:900px;
	/*border:thin red solid;*/
	padding:10px;
	margin:auto;
}
header {
	margin:0px 0px 20px 0px;
	padding:20px 20px;
}
header h1, header h2 {
	margin:0px;
	padding:0px;
	height:30px;
}
header h1 {
	float:left;
}
header h2 {
	float:right;
}

label {
	display:block;
	clear:both;
	margin-bottom:20px;
}
label input {
	float:right;
}
fieldset {
	width:400px;
	padding:20px 20px 0px 20px;
	border-radius:20px;
	margin:0px 0px 20px 0px;
}
legend {
	/*font-weight:bold;
	font-style:italic;
	background-color:#E9E9EC;*/
	border-radius:7px;
	border:1px #8F8F9D solid;
	padding:7px;
}
input[type="submit"] {
	width:100px;
	margin:0px 20px 20px 0px;;
}
select:not(fieldset *), input[type="submit"]:not(fieldset *) {
	width: 400px;
	margin:0px 20px 20px 20px;
}
textarea#pnotes {
	border-radius:20px;
	height:150px;
	padding:20px;
	width: 400px;
	margin:0px 20px 20px 0px;
	border:1px #8F8F9D solid;
}

#gridwrapper, #puzzlewrapper {
	background-color:#E9E9EC;
	border-radius:20px;
	border:1px #8F8F9D solid;
	padding:20px;
	margin:0px 0px 20px 0px;
}
table#grid {
	border-collapse: collapse;
	margin:0px auto;
	border-radius:20px;
}
table#grid td.black {
	background-color:#000000;
}
table#grid td.white {
	background-color:#ffffff;
}
table#grid td {
	background-clip: padding-box;
	border:1px black solid;
	width:27px;
	height:27px;
	padding:0px;
	overflow:hidden;
	color:#006600;
	font-family:fantasy;
	text-align:center;
	vertical-align: bottom;
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic;
	position:relative;
}
table#grid td span.number {
	font-weight:bold;
	font-size:75%;
	text-align:left;
	position:absolute;
	top:0px;
	left:0px;
	font-style:normal;
	color:black;
	font-family:sans-serif;
}

/**
 *	CLUES
 */

/*
#clues table {
	border-collapse: collapse;
}
#clues th, #clues td {
	padding:2px;
}
#clues #across tbody tr.candy0, #clues #down tbody tr.candy1 {
	background-color:#EEEEEE;
}
#clues #across tbody tr.candy1 input, #clues #across tbody tr.candy1 textarea, #clues #down tbody tr.candy0 input, #clues #down tbody tr.candy0 textarea {
	background-color:#EEEEEE;
}
#clues tbody textarea, #clues tbody input {
	border:none;
}
#clues tbody textarea {
	height:2.5em;
	width:30em;
}
td.cellright, th.cellright {
	text-align:right;
}
input.solution {
	text-transform:uppercase;
}
*/
#clues fieldset {
	width:350px;
	position:relative;
}
.cluecount {
	position:absolute;
	top:-7px;
	right:12px;
}
#clues #across {
	float:left;
	margin-right:20px;
}
#clues #down {
	float:left;
}
input.solution, textarea.clue {
	width:350px;
	border:none;
	padding:2px;
	/*background-color:#E9E9EC;*/
	background-color:#ffffff;
}
input.solution {
	text-transform:uppercase;
}
textarea.clue {
	margin:5px 0px 20px 0px;
}
.solutionstaging {
	display:none;
}