/*
 * Styles for the sudoku solving class output
 * By Gaby Vanhegan <gaby@vanhegan.net> 2005-09-11
 * © Copyright 2005 Gaby Vanhegan <gaby@vanhegan.net>
 */

/* Basic layout information */
body  { 
	font-family: Trebuchet ms, Verdana, sans-serif; 
	font-size: 11pt;
	margin: 0px;
	padding: 0px;
	}
	
h1, h2, h3, h4, h5, h6 { 
	font-family: Trebuchet ms, Arial, Tahoma, Verdana, sans-serif;
	margin: 6px 0px 0px 0px; 
	padding: 6px 0px 0px 0px;
	}

p     { margin: 6px 0px 12px 0px; }
h1    { font-size: 18pt; }
h2    { font-size: 14pt; font-weight: normal; }
h3    { font-size: 11pt; font-style: italic; font-weight: normal; }
p, li { font-size: 11pt; line-height: 120%; }
li    { margin: 6px; }
table { border: 0px; }
em    { font-weight: bold; font-style: normal; }
th    { text-align: left; }
td    {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
ul { margin: 0px; padding: 0px; padding-left: 8px; margin-left: 8px; }
fieldset { margin-bottom: 8px; }
quote {
	font-style: italic;
	padding: 12px;
	display: block;
}

a img    { border: 0px; }
a        { color: #006000; background-color: transparent; }
a:hover  { color: #dd0000; }
span.new { color: #ee2222; }
.alt     { background: #cccccc; }
.good    { color: #44aa44; }
.error, .bad { color: #ff3333; }

body {
	background: transparent url("images/banner.bg.long.gif") repeat-x top left;
}

/* Everything is enclosed in here */
div.all {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	background: transparent url("images/banner.bg.door.gif") no-repeat top right;	
}


body.print         { background: none; }
body.popup 	       { background: none; }
body.print div.all { background: none; }
body.popup div.all { background: none; }

/* Site header, primary nav, site nav, site title */
div.header {
	margin: 0px;
	padding: 22px 30px 10px 30px;
	border: 0px;
/*	background-color: #008000;*/	
	color: #eeeeee;
	margin-bottom: 20px;
}

div.header a { color: #ffffcc; }
div.header a:hover { color: #dd0000; }

/* Site-wide navigation */
div.header div.navsite {
	float: right;
}

/* Primary navigation */
div.header div.navmain {
	float: left;
}

/* Site title */
div.header div.title {
	clear: both;
	text-align: center;
	padding-top: 0px;
}

div.header div.title h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20pt;
}

div.header div.title h2 {
	margin: 0px;
	padding: 0px;
}

/* Main body block of content */
div.body {
	margin: 0px;
	padding: 5px 30px 0px 30px;
}

/* Optional banner text to span across the top */
div.body div.contentbanner {
	clear: both;
}

/* Non-sudoku content portion of page */
div.body div.contentside {
	float: left;
	width: 48%;
}

/* Sudoku, or main content portion of page */
div.body div.contentmain {
	margin-left: 52%;
}

/* The box that holds the puzzle */
div.puzzle {
	text-align: center;
}

/* Images should be aligned in the puzzle area */	
div.puzzle img {
	vertical-align: middle;
}

/* Google banner ads */
div.googlesearch {
	margin: 0px;
	padding: 0px;
	clear: both;
	}

/* The footer for the page, copyright information, etc */
div.footer {
	text-align: center;
	clear: both;
	border-top: 1px solid #666666;
	margin-top: 6px;
	}	

div.footer p {
	margin: 8px;
}

/* Table holder for sudoku puzzle */
table.sudoku {
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	margin: 2px auto 2px auto;
	}

#flashSolver {
	margin: 2px auto 2px auto;
}

/* Each cell inside a 3x3 cell */
.sudoku td {
	border: 0px;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	width: 39px;
	height: 39px;
	padding: 0px;
	}

/* A cell with a filled in number in it */
td.num, td.numAlt  {
	font-size: 15pt;
	color: #2222dd;
	}

td.numAlt {
	background: #dddddd;
	}

/* For the dual-pane solving tool */
td.numAlt input, td.num input, td.numOrig input {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 39px;
	text-align: center;
	vertical-align: middle;
	font-size: 28px;
	}

td.numAlt input {
	color: #2222dd;
	background: #dddddd;
	}

td.num input {
	color: #2222dd;
	background: white;
	}

/* A cell with a starting number in it */
span.numOrig input {
	color: #222222;
	}

/*
 * Generic form stuf
 */
div.formrow {
	margin-bottom: 8px;
	clear: right;
	}

div.formrow input, div.formrow select, div.formrow textarea {
	font-family: Trebuchet ms, Arial, Tahoma, Verdana, sans-serif;
	font-size: 10pt;	
} 

div.formrow span.formlabel {
	width: 130px;
	float: left;
	clear: none;
	}
	
div.formrow span.formelement { 
}

div.formrow span.formnote { 
	font-style: italic;
	font-size: .83em;
	width: 12px;
}
	
/*
 * CSS for the dictionary, defintions and other dictionary 
 * related items
 */
div.definition {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 6px;
	border-top: 1px solid #666666;
}

div.definition h3 {
	font-weight: bold;
}

div.definition p {
	padding-top: 2px;
	padding-bottom: 2px;
}

div.definition .synonym {
	font-style: italic;
}

div.definition .similar {
	font-style: italic;
	font-size: .83em;
	padding: 1px 0px 1px 0px;
	margin: 0px;
}

div.definition .also {
	font-style: italic;
	font-size: .83em;
	padding: 1px 0px 1px 0px;
	margin: 0px;
}

div.definition .related {
	font-style: italic;
	font-size: .83em;
	padding: 1px 0px 1px 0px;
	margin: 0px;
}

div.definition .keywords {
	font-style: italic;
	font-size: .83em;
	padding: 1px 0px 1px 0px;
	margin: 0px;
}

div.definition .termdesc {
	margin-bottom: 8px;
}

div.definition .synonym span.termtitle {
}

div.definition span.termtitle {
}

/* Things we searched for */
span.found1 {
	color: #ff3333;
	font-weight: bold;
}

/* Things we searched for */
span.found2 {
	color: #33ff33;
	font-weight: bold;
}

/* Things we searched for */
span.found3 {
	color: #3333ff;
	font-weight: bold;
}

div.definition em {
	font-style: italic;
	font-weight: normal;
}

table.colourPicker {
	border: 0px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
}
table.colourPicker td {
	border: 0px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

/*
 * The box containing special features of the site that are to be promoted
 */
.features {
}

.features p {
	padding:  0px;
	margin: 0px;
	text-align: justify;
}

.features .title {
	font-weight: bold;
	font-style: italic;
}