/* WORDOKU STYLES */
/* The style names are self-explanatory */
/* Short forms used:                    */
/* C: Center (ie on center line)	*/
/* H: Higlight				*/
/* F: Filled (ie value given in ques.)  */

/* The container table */

table.container {
	font-family: arial;
	text-align: center;
	}

/* The left column */
table.leftcol {
	font-family: arial;
	text-align: center;
	border: solid #000000 5px;
	border-collapse: collapse;
	empty-cells: show;
	height: 553px;
	width: 230px;
	background-color: #FFFFFF;
	}

td.emptycell {
	height: 10px;
	background-color: #FFFFFF;
	}

td.header {
	height: auto;
	font-family: arial;
	font-size: 20pt;
	font-style: italic;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #666666;
	}

td.datecell {
	font-family: arial;
	color: #000000;
	background-color: #DDDDDD;
	font-size: 12pt;
	}

td.theader {
	font-family: arial;
	font-weight: 800;
	background-color: #330099;
	color: #FFFFFF;
	font-size: 13pt;
	}

td.linkcell {
	font-family: arial;
	font-size: 12pt;
	background-color: #CCFFFF;
	}

a:link.tablelink, a:visited.tablelink, a:active.tablelink {
	color: #330099;
	background-color: #CCFFFF;
	text-decoration: none;
	}

a:hover.tablelink {
	color: #330099;
	text-decoration: underline;
	}	
	
td.puzname {
	font-family: arial;
	color: #FFFFFF;
	background-color: #666666;
	font-size: 12pt;
	font-weight: 800;
	}

td.hintheader {
	font-family: arial;
	color: #FFFFFF;
	background-color: #990000;
	font-size: 12pt;
	font-weight: 800;
	}

td.hintbody {
	font-family: arial;
	color: #000000;
	background-color: #FFCCCC;
	padding: 0 3px 0 3px;
	font-size: 12pt;	
	}

td.lettersheader {
	font-family: arial;
	color: #FFFFFF;
	background-color: #006600;
	font-size: 12pt;
	font-weight: 800;
	}

td.lettersbody {
	font-family: arial;
	color: #000000;
	background-color: #CCFFCC;
	font-size: 12pt;
	}

td.diduknowheader {
	font-family: arial;
	background-color: #CC6600;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: 800;
	visibility: hidden;
	}

td.diduknow {
	font-family: arial;
	font-size: 12pt;
	height: auto;
	color: #000000;
	background-color: #FFFFCC;
	padding: 0 3px 0 3px;
	visibility: hidden;
	}

td.copyr {
	font-family: arial;
	background-color: #666666;
	color: #FFFFFF;
	font-size: 12pt;
	}

/* The main wordoku */
table.wordoku {
	font-family: arial;
	background-color: #FFFFFF;
	border-collapse: collapse;
	empty-cells: show;
	border: solid black 4px;
	text-align: center;
	cursor: default;
	}

/* The main table cells */
td.wcell {
	font-family: arial;
	font-size: 26pt;
	background: url('../images/cellnormal.jpg');
	background-color: white;
	border: solid #0000CC 1px;
	height: 49px;
	width: 44px;
	color: #3300FF;
	}

td.wcellf {
	font-family: arial;
	font-size: 26pt;
	background: url('../images/cellnormal.jpg');
	background-color: white;
	border: solid #0000CC 1px;
	height: 49px;
	width: 44px;
	color: #000066;
	font-weight: 800;
	}

td.wcellc {
	font-family: arial;
	font-size: 26pt;	
	background: url('../images/cellanswer.jpg');
	background-color: #DDD;
	border: solid #0000CC 1px;
	height: 49px;
	width: 44px;
	color: #3300FF;
	}

td.wcellfc {
	font-family: arial;
	font-size: 26pt;	
	border: solid #0000CC 1px;
	background: url('../images/cellanswer.jpg');
	background-color: #DDDDDD;
	height: 49px;
	width: 44px;
	color: #515151;
	font-weight: 800;
	}

td.wcellwrong {
	font-family: arial;
	font-size: 26pt;	
	border: solid #0000CC 1px;
	background: url('../images/cellwrong.jpg');
	background-color: #ff9f9f;
	height: 49px;
	width: 44px;
	color: #000000;
	}

/* The options displayed when the mouse hovers over a cell */
table.optionstable {
	background: url('../images/cellnote.jpg');
	background-color: blue;
	empty-cells: show;
	border-collapse: collapse;
	text-align: center;
	font-family: arial;
	font-size: 9pt;
	font-weight: 800;
	padding: 0px;
	margin: 0px;
	display: none;
	border: none;
	}

table.optionstablec {
	background: url('../images/cellnote2.jpg');
	background-color: black;
	empty-cells: show;
	border-collapse: collapse;
	text-align: center;
	font-family: arial;
	font-size: 9pt;
	font-weight: 800;
	padding: 0px;
	display: none;
	border: none;
	margin-top:-1px;
	}

td.optionscell {
	font-family: arial;
	font-size: 9pt;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	width: 15px;
	height: 12px;
	}

td.optionscellc {
	font-family: arial;
	font-size: 9pt;
	color: #FFF;
	padding: 0px;
	margin: 0px;
	width: 15px;
	height: 12px;
	}

td.optionscellh {
	color: #00C;
	font-family: arial;
	font-size: 9pt;
	background-color: #FFF;	
	padding: 0px;
	margin: 0px;
	width: 15px;
	height: 12px;
	}

td.optionscellhc {
	color: #00C;
	font-family: arial;
	font-size: 9pt;
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	width: 15px;
	height: 12px;
	}	

td.optionscellletter {
	color: white;
	font-family: arial;
	font-size: 9pt;
	background-color: red;
	padding: 0px;
	margin: 0px;
	width: 15px;
	height: 12px;
	}

/* The letter */
div.letter {
	display: none;
	}

/* The letters displayed on Shift + clicking */
table.notesletters {
	color: #FFFFFF;
	border-width: 0px;
	empty-cells: show;
	border-collapse: collapse;
	text-align: center;
	font-size: 9pt;
	font-family: arial;
	padding: 0px;
	margin: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	display: none;
	}

table.noteslettersc {
	color: #DDDDDD;
	border-width: 0px;
	empty-cells: show;
	border-collapse: collapse;
	text-align: center;
	font-size: 9pt;
	font-family: arial;
	padding: 0px;
	margin: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	display: none;
	}

td.notescell {
	visibility: hidden;
	color: #FFFFFF;
	font-family: arial;
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
	width: 15px;
	height: 12px;
	}

td.notescellc {
	visibility: hidden;
	color: #DDDDDD;
	font-family: arial;
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
	width: 15px;
	height: 12px;
	}

td.notescellh {
	font-weight: 800;
	color: #990000;
	font-family: arial;
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
	width: 15px;
	height: 12px;
	}

td.notescellhc {
	font-weight: 800;
	color: #990000;
	font-family: arial;
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
	width: 15px;
	height: 12px;
	}

/* The little spacer */
table.lilspace {
	width: 434px;
	border-width: 0px;
	text-align: center;
	empty-cells: show;
	}

td.emptycel2 {
	height: 1px;
	}

/* The extra buttons */
table.extramsg {
	width: 434px;
	border: solid black 4px;
	text-align: center;
	empty-cells: show;
	}

/* Start and pause */
td.button {
	width: 120px;
	border: solid #000099 2px;
	text-align: center;
	font-family: arial;
	font-size: 12pt;
	color: #000099;
	background-color: #CCFFFF;
	font-weight: 500;
	cursor: default;
	}

td.buttonh {
	width: 120px;
	border: solid blue 2px;
	text-align: center;
	font-family: arial;
	font-size: 12pt;
	font-weight: 800;
	color: #FFF;
	background-color: #00F;
	cursor: default;
	}

/* The timer */	
td.timer {
	border: solid #000099 2px;
	text-align: center;
	font-family: arial;
	font-size: 12pt;
	font-weight: 800;
	color: #FFFFFF;
	background-color: #0066FF;
	width: 196px;
	}

/* The check buttons */	
td.check {
	border: solid #CC3300 2px;
	text-align: center;
	font-family: arial;
	font-size: 15pt;
	font-weight: 800;
	color: #CC3300;
	background-color: #FFFFCC;
	cursor: default;
	height: 40px;
	}

td.checkh { 
	border: solid #CC3300 2px;
	background-color: #CC3300;
	color: #FFFFFF;
	text-align: center;
	font-family: arial;
	font-size: 15pt;
	font-weight: 800;
	cursor: default;
	height: 40px;
	}

td.right {
	border: solid black 2px;
	text-align: center;
	background-color: green;
	cursor: default;
	height: 40px;
	background: url('../images/congrats.jpg');
	color: white;
	font-family: arial;
	font-size: 18pt;
	font-style: italic;
	font-weight: 800;
	}

td.wrong {
	border: solid #990000 2px;
	text-align: center;
	font-family: arial;
	font-size: 12pt;
	color: #000000;
	background-color: #FFCCCC;
	cursor: default;
	height: 40px;
	}

td.empty {
	border: solid #330099 2px;
	text-align: center;
	font-family: arial;
	font-size: 12pt;
	color: #FFFFFF;
	background-color: #3300CC;
	cursor: default;
	height: 40px;
	}

td.halfempty {
	border: solid #006600 2px;
	text-align: center;
	font-family: arial;
	font-size: 12pt;
	color: #000000;
	background-color: #CCFFCC;
	cursor: default;
	height: 40px;
	}	

/* The clear button */
td.clear {
	border: solid blue 1px;
	text-align: center;
	font-family: arial;
	font-size: 9pt;
	color: #0000DD;
	background-color: #b3caf8;
	cursor: default;
	height: 25px;
	}

td.clearh {
	border: solid black 1px;
	text-align: center;
	font-family: arial;
	font-size: 9pt;
	color: #FFF;
	background-color: #000;
	cursor: default;
	height: 25px;
	}

/* The Show solution button */
td.soln {
	border: solid black 1px;
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	height: 25px;
	color: #000;
	background-color: #DDDDDD;
	}


td.solnh {
	border: solid black 1px;
	text-align: center;
	font-family: arial;
	font-size: 10pt;
	height: 25px;
	color: #FFF;
	background-color: #000000;
	}


/*  Made for Cyberspace Ministry   */
/*         by Kunal Bhalla         */
/*     bhalla.kunal@gmail.com      */
/*  Edited by Cyberspace Ministry  */
/*  Copyright Cyberspace Ministry  */