/*

W3C Recommended CSS Design Template (Good Reference):

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }*/

/* Begin bidirectionality settings (do not change) *//*
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}*/





/* GENERIC ELEMENTS */

*						{ font-size:8pt; font-family:Arial,Helvetica,sans-serif; font-weight:bold; text-decoration:none; padding:0; margin:0 auto; }

						/* fade is DEDEDE->9C9C9C */
body					{ background:#9C9C9C url(/images/background.png) repeat-x; margin:8px; margin-bottom:24px; }

p, ol, table.lexicons *	{ text-align:justify; color:#444440; margin-top:0.5em; margin-bottom:0.8em; }

h1						{ text-align:center; margin:8px 0; }								/* title image */
h2						{ text-align:center; font-size:1.5em; }								/* word values */
h3, h5					{ text-align:left; /* to make IE happy */
						  font-size:1.1em; margin-top:1.2em; text-transform:uppercase; }	/* paragraph headers */		/* Name/Email/Subject/Message/Human Test */
h4						{  }																/* "Mode:" / "Lexicon:" */

hr						{ background:#555550; height:1px; border:0; }

a:link, a:visited		{ color:#222220; font-size:1.0em; }
a:hover					{ color:#EEEEEE; }
a:active				{ color:#FFFFFF; }

em						{ font-style:italic; text-decoration:none; color:#343430; }
big						{ font-size:1.1em; }

img						{ border:none; }

iframe					{ border:0; }





/* ROLLOVER TITLE */

a.title					{ background:url(/images/Lexical_main2.png); display:block; width:294px; height:30px; }
a.title:hover			{ background-position:0 -30px; }
a.title:active			{ background-position:0 -60px; }





/* GENERAL */

div.everythingButTitle	{ text-align:center; margin:0 auto; /*width:450px; display:inline;*/ }
div.pageInfo			{ width:395px; text-align:left; }
div.footer				{ text-align:center; }
div.navigationLinks		{ margin-top:1.5em; margin-bottom:1.5em; text-align:center; color:#444440; }





/* MAIN PAGE */

table.gameOptions		{ text-align:left; color:#444440; width:100%; border-spacing:0; border-collapse:collapse; white-space:nowrap; }
table.gameOptions th	{ vertical-align:bottom; padding-top:0.5em; color:#000000; }
table.gameOptions td	{ vertical-align:bottom; padding-top:0.5em; }
ol.instructions			{ margin-left:1.5em; margin-right:0; margin-bottom:0; padding-left:0; text-indent:0; }
ol.instructions li		{ white-space:nowrap; }





/* FOUND WORD INFORMATION */

.redBackground			{ background:#FFDDDD; font-size:1.0em; } /* Update flash() also if this color is modified. */
.yellowBackground		{ background:#FFFFDD; }

.lighterLinkColor,
.lighterLinks a,
.lighterLinks a:visited	{ color:#777770; }
.lighterLinks a:hover	{ color:#EEEEEE; }
.lighterLinks a:active	{ color:#FFFFFF; }





/* BOARD */

.board table											{ border-spacing:2px; }
.board table tr td										{ text-align:center; margin:0; padding:0; }
.board table tr td div.premiumSquare					{ outline:1px outset; }
.board table tr td div.normalSquare						{ background-color:#FFFFFF; }
.board table tr td div.premiumSquare div.notHighlighted	{ opacity:1.00; }
.board table tr td div.premiumSquare div.notHighlighted	{ filter:alpha(opacity=100)); } /* internet explorer */
.board table tr td div.premiumSquare div.highlighted	{ opacity:0.88; }
.board table tr td div.premiumSquare div.highlighted	{ filter:alpha(opacity=88)); } /* internet explorer */
.board table tr td div.normalSquare  div.notHighlighted	{ opacity:0.88; }
.board table tr td div.normalSquare  div.notHighlighted	{ filter:alpha(opacity=88)); } /* internet explorer */
.board table tr td div.normalSquare  div.highlighted	{ opacity:0.88; }
.board table tr td div.normalSquare  div.highlighted	{ filter:alpha(opacity=88)); } /* internet explorer */


														  /* keep "border" consistent with addBorder() and removeBorder() */
.boardGenArea input[type="text"]						{ background-color:#FFFFFF; cursor:default; font-size:15px !important; line-height:22px !important; font-family:Verdana,Arial,Helvetica,sans-serif;
														  text-align:center; width:22px !important; height:22px !important; border:1px solid #7F9DB9; -moz-user-select:none; }
.boardGenArea input[type="text"]						{ opacity:0.90; }
.boardGenArea input[type="text"]						{ filter:alpha(opacity=90)); } /* internet explorer */
.boardGenArea input[type="text"].square					{  } /* had to make the below .focusedSquare instead of :focused, because it wouldn't look correct over the highlighted new word otherwise. */
.boardGenArea input[type="text"].focusedSquare			{ background:#E6E6E6; border:#000000 solid 1px; outline:none; /*outline:#AAAAAA solid 2px;*/ } /* outline doesn't work consistently the same on all browsers */
.boardGenArea input[type="text"].highlightedSquareL		{ border-left:1px dashed #666666; border-right-color:transparent; border-top:1px dashed #666666; border-bottom:1px dashed #666666; }
.boardGenArea input[type="text"].highlightedSquareR		{ border-left-color:transparent; border-top:1px dashed #666666; border-right:1px dashed #666666; border-bottom:1px dashed #666666; }
.boardGenArea input[type="text"].highlightedSquareMR	{ border-left-color:transparent; border-right-color:transparent; border-top:1px dashed #666666; border-bottom:1px dashed #666666; }
.boardGenArea input[type="text"].highlightedSquareT		{ border-left:1px dashed #666666; border-right:1px dashed #666666; border-top:1px dashed #666666; border-bottom-color:transparent; }
.boardGenArea input[type="text"].highlightedSquareB		{ border-left:1px dashed #666666; border-right:1px dashed #666666; border-top-color:transparent; border-bottom:1px dashed #666666; }
.boardGenArea input[type="text"].highlightedSquareMD	{ border-left:1px dashed #666666; border-right:1px dashed #666666; border-top-color:transparent; border-bottom-color:transparent; }
.boardGenArea input[type="text"].tiles					{ -moz-user-select:text; cursor:text; width:107px !important; letter-spacing:3px; text-transform:lowercase; }
.boardGenArea input[type="submit"],
.boardGenArea input[type="reset"]						{ height:22px; font-size:9pt; font-weight:bold; }





/* MORE WORDS PAGE */

body.moreWords											{ overflow-x:hidden; margin:0; padding:0; background:transparent; }
body.moreWords table									{ white-space:nowrap; cursor:pointer; border-spacing:0; position:absolute; }
body.moreWords table thead								{ background-color:#D6D6D6; }
body.moreWords table tfoot								{ background-color:#D6D6D6; position:fixed; top:0; }
body.moreWords table thead tr:hover,
body.moreWords table tfoot tr:hover						{ background-color:#EEEEEE; }
body.moreWords table thead tr th:hover,
body.moreWords table tfoot tr th:hover					{ background-color:#D6D6D6; }
body.moreWords table tbody tr td						{ font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal; padding:2px; }
body.moreWords table tbody tr.odd						{ background-color:#DEDEDE; }
body.moreWords table tbody tr:hover,
body.moreWords table tbody tr.odd:hover					{ background-color:#EEEEEE; color:#AAAAAA; }
body.moreWords table tbody tr:active,
body.moreWords table tbody tr.odd:active				{ background-color:#EEEEEE; color:#CCCCCC; }

body.moreWords table a									{ padding:2px; display:block; }
body.moreWords table thead tr th.header span,
body.moreWords table tfoot tr th.header span			{ background:url(/includes/tablesorter/arrow-none.gif); display:inline-block; width:16px; height:10px; }
body.moreWords table thead tr th.headerSortUp span,
body.moreWords table tfoot tr th.headerSortUp span		{ background:url(/includes/tablesorter/arrow-up.gif); display:inline-block; width:16px; height:10px; }
body.moreWords table thead tr th.headerSortDown span,
body.moreWords table tfoot tr th.headerSortDown span	{ background:url(/includes/tablesorter/arrow-down.gif); display:inline-block; width:16px; height:10px; }





/* WORD DEFINITION PAGE */

iframe.wordDefinition		{  }





/* LOWER BOARD INPUT AREA */

div.lowerBoardInput			{ display:inline-block; }
span.tilesAtHand			{ display:inline; vertical-align:middle; }





/* FOR ON-TOP-OF-EVERYTHING CENTERED OVERLAY */

body.centered				{ padding:0; margin:auto; }
div.centeredOuterWrapper	{ display:table; position:absolute; height:100%; width:100%; }
div.centeredInnerWrapper	{ display:table-cell; text-align:center; vertical-align:middle; }
span.overlay				{ color:#333333; font-size:18pt; cursor:progress; text-shadow:#AAAAAA 3px 3px 3px; } /* "Please wait..." text */





/* FANCY TEXT SELECTION */

::-moz-selection			{ color:#FFFFFF; /*background:#DDDDDD;*/ }
::selection					{ color:#FFFFFF; /*background:#DDDDDD;*/ }





/* reCAPTCHA */

#recaptcha_widget_div										{ display:inline-block; }
/*.recaptchatable .recaptcha_image_cell, #recaptcha_table	{ background-color:transparent !important; }
#recaptcha_response_field									{ border-color:transparent !important; }
#recaptcha_logo, #recaptcha_tagline							{ display:none }*/