﻿BODY
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #FEFFA6;
}



/* jQuery */
.ui-button
{
	font-size: 75%;
}
/* END jQuery */

.divBody
{
	width: 955px;
	border: solid 1px #7EADDD;
	border-top: 0px;
	border-bottom: 0px;
	overflow: visible;
	background-color: white;
}

pre /*make pre word wrap*/
{
	white-space: pre-wrap; /* CSS2.1 compliant */
	white-space: -moz-pre-wrap; /* Mozilla-based browsers */
	white-space: -o-pre-wrap; /* Opera 7+ */
}
HR
{
	height: 1px;
	width: 98%;
	color: black;
}
img
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
}

a:link
{
	color: #0000EE;
	text-decoration: underline;
}
a:active
{
	color: #0000EE;
	text-decoration: underline;
}
a:visited
{
	color: #0000EE;
	text-decoration: underline;
}
a:hover
{
	color: #0000FF;
	text-decoration: underline;
}


UL, OL
{
	margin-top: 0px;
	margin-bottom: 0px;
}
input.text, .textbox, textarea
{
	border: solid 1px #aaaaaa;
}

/* Login and account maintenance */

.barLogin, .barAccount, .barFooter, .barActivities, .barShare
{
	background-color: #D4ECEE;
	border: solid 1px #7EADDD;
	border-left: none;
	border-right: none;
	text-align: right;
}

.barLogin
{
}
.barAccount
{
}
.barFooter
{
}
.barActivities
{
	text-align: left;
	border-bottom: none;
	background-color: #BED2D3;
	font-size: 12px;
}

.barShare
{
	text-align: left;
	background-color: White;
	border-bottom: none;
}

.barShare textarea
{
	border: solid 1px gray;
}

.borderBlue
{
	border: solid 4px #7EADDD;
	padding: 2px;
}

.borderOrange
{
	border: solid 4px #FFC700;
	padding: 2px;
}
.borderError
{
	margin: 4px;
	padding: 4px;
	border: solid 1px red;
	background-color: #FFEBE8;
	color: black;
	text-align: left;
}
.borderSuccess
{
	margin: 4px;
	padding: 4px; /*border: solid 1px green;*/
	background-color: #B6FFA8;
	color: black;
	text-align: left;
}

.backOrange
{
	padding: 4px;
	background-color: #FFE48E;
}

.textboxBlue
{
	border: solid 1px #7EADDD;
}

/*Bypass web site spell checking on this section*/
.noSpellCheck
{
}

.divLoadingBox
{
	background-color: white;
	padding: 5px;
	margin: 5px;
	border: dashed 2px gray;
}
.printInstructions
{
	border: dashed 2px #7DACDC;
	padding: 10px;
	padding-bottom: 0px;
}
.printInstructionsLine
{
	text-align: center;
}

.printPageBreak
{
	border-top: dashed 2px #7DACDC;
	height: 2px;
}

.printPage
{
	display: inline;
}


.fakeLink
{
	color: #0000EE;
	text-decoration: underline;
	cursor: pointer;
}
.fakeButton
{
	text-align: left;
	border: 1px solid gray;
	background-color: #7DACDC;
	background: url(../Images/table_header_background.png) no-repeat;
	padding: 3px;
	width: 175px;
	white-space: nowrap;
}
.fakeButton img
{
	border: none;
}



.hidden
{
	display: none;
}
.optional
{
	font-family: Monospace;
}
.example
{
	font-family: Monospace;
}

/*- Home Page -*/
.homeMakeYourOwn
{
	background-color: #D2E0E6;
	border: dashed 2px #528CE0;
	padding: 10px;
	margin: 10px;
}


/*- END Home Page-*/


/*- Main Page -*/
.header, .footer
{
	width: 539px;
	height: 75px;
	background-image: url(../Images/Separator.png);
}
.headerIns, .footerIns
{
	padding-left: 20px;
	padding-right: 20px;
}
.headerTd, .footerTd
{
	vertical-align: middle;
	height: 75px;
}
.footer
{
	text-align: center;
	vertical-align: middle;
}
/*- End Main Page -*/
/*- Lists -*/

H1
{
	font-weight: bold;
	font-size: 20px;
	display: inline;
}
H2
{
	font-weight: bold;
	font-size: medium;
	display: inline;
}
H3
{
	font-weight: bold;
	font-size: medium;
	display: inline;
}

H4
{
	font-weight: bold;
	font-size: 14px;
	display: inline;
}

/*- End Lists -*/

/*- Bingo Cards -*/

TABLE.bingoTable
{
	border: solid 2px #7DACDC;
}
TABLE.bingoTable tr th
{
	/*font-size: 72px;*/
	width: 100px;
	height: 100px;
	border: solid 2px #7DACDC;
}
TABLE.bingoTable tr td
{
	/*font-size: 16px;*/
	width: 100px;
	height: 100px;
	text-align: center;
	border: solid 2px #7DACDC;
}




TABLE.bingoTablePreview
{
	border: solid 1px #7DACDC;
}
TABLE.bingoTablePreview tr th
{
	/*font-size: 36px;*/
	width: 50px;
	height: 50px;
	border: solid 1px #7DACDC;
}
TABLE.bingoTablePreview tr td
{
	/*font-size: 10px;*/
	width: 50px;
	height: 50px;
	text-align: center;
	border: solid 1px #7DACDC;
}



/*- END Bingo Cards -*/

/*- Word Scramles -*/
TABLE.wordScrambleTable
{
}
TABLE.wordScrambleTable tr th
{
	/*text-align:left;*/
	border-bottom: solid 1px black;
	border-top: solid 1px black;
}
TABLE.wordScrambleTable tr th.word
{
	border-left: solid 1px black;
	border-right: solid 1px black;
}
TABLE.wordScrambleTable tr th.key
{
	/*border-left: solid 1px black; border-bottom: solid 1px black;*/
	border-right: solid 1px black; /*border-bottom: solid 1px black;*/
}
TABLE.wordScrambleTable tr th.clue
{
	/*border-left: solid 1px black; border-bottom: solid 1px black;*/
	border-right: solid 1px black; /*border-bottom: solid 1px black;*/
}

TABLE.wordScrambleTable tr td.word
{
	text-align: right;
}
TABLE.wordScrambleTable tr td.key
{
	text-align: left;
	white-space: nowrap;
}
TABLE.wordScrambleTable tr td.clue
{
	text-align: left;
}
TABLE.wordScrambleTable tr.extraHeight
{
	height: 35px;
	vertical-align: bottom;
}

/*- End Word Scrambles -*/

/* Help */

.helpExtender
{
}
.helpExpanderContent
{
	white-space: normal;
	border: solid 2px gray;
	background: #FEFFC6;
	padding: 5px;
	width: 225px;
	position: absolute;
	text-align: left;
}

/* END Help */

H1.listTitle
{
	font-weight: bold;
	font-size: 20px;
	display: inline;
}
H2.listDesc
{
	font-size: 12px;
	display: inline;
}

.listEditor
{
	font-size: 12px;
	display: inline;
	font-weight: bold;
}

H3.listSeeAlso
{
	display: inline;
	font-size: 16px;
	font-weight: bold;
}




.wordTable
{
	width: 380px;
}
.wordTable tr td input, .wordTable tr th input
{
	width: 160px;
	margin: 0px;
	padding: 0px;
	border: solid 1px #aaaaaa;
}
.wordTable tr td, .wordTable tr th
{
	height: 20px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}




.leftStepList
{
	padding: 5px;
	width: 80px;
	height: 80px;
	border: solid 1px gray;
	background: #D2E0E6;
	text-align: center;
	vertical-align: middle;
}
.topStepList, .topStepListLast
{
	padding: 5px;
	padding-top: 12px;
	width: 120px; /*border: solid 1px gray;*/ /*	border-right: none;*/
	text-align: center;
	vertical-align: top;
	border-bottom: solid 2px #808080;
	background: #ffffff;
	background-image: url('../Images/Tabs/Tab_01.png');
	background-repeat: no-repeat;
	background-position: 0 5px;
	white-space: nowrap;
}

.topStepListSel
{
	padding-top: 7px;
	border-bottom: none; /*solid 2px #FFF1B7;*/
	background: #FFF1B7;
	background-image: url('../Images/Tabs/Tab_04.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.tdTabsSpacer
{
	border-bottom: solid 2px #808080;
}

.topStepListLast
{
	/*border-right: solid 1px gray;*/
}

.divStepsContainer
{
	background: #FEFFA6;
	border: solid 2px black;
	padding: 2px;
}

.leftStepListSel
{
	margin-left: 10px;
	width: 78px;
	height: 78px;
	border: solid 2px gray;
	background: #ffffff;
}


.divStepContent
{
	/*border: solid 1px gray;*/
	padding: 5px;
	border: 1px dashed black;
	background-color: white;
}
.divPreview
{
	/*border: solid 1px black;*/
	background: white;
	padding: 5px;
}

.divStepContentSection
{
	/*border: 1px dashed gray; 	background-color: #D6D6D6;*/ /*#B3C7DB;*/ /*padding: 10px; 	margin-left: 10px; 	margin-right: 10px;*/
}

/*- End Lists - - Steps -*/.stepLabel
{
	text-decoration: underline;
}
.stepHeader
{
	cursor: pointer; /*border: 1px solid #f5f5f5;*/
	border: 1px solid gray; /*border-right-color: #ddd;     border-bottom-color: #ddd;*/
	font-family: "Andale Mono" , sans-serif; /*font-size: 12px;*/
	background: #D2E0E6;
	color: #528CE0;
	margin: 0;
	padding: 3px 5px 1px;
}
.headerPreview
{
	cursor: pointer; /*border: 1px solid #f5f5f5;*/
	border: 1px solid gray; /*border-right-color: #ddd;     border-bottom-color: #ddd;*/
	font-family: "Andale Mono" , sans-serif; /*font-size: 12px;*/
	background: #D2E0E6;
	color: #528CE0;
	margin: 0;
	padding: 3px 5px 1px;
}
.stepContent
{
	border: 1px dashed gray;
	background-color: #D6D6D6; /*#B3C7DB;*/
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.smallLicense
{
	overflow: scroll;
	width: 400px;
	height: 200px;
	background-color: white;
	border: 1px solid gray;
	padding: 5px;
}

.yellowBar
{
	background-image: url("../Images/Sections/Yellow-Section.png");
	background-repeat: no-repeat;
	width: 600px;
	height: 35px;
	padding-top: 14px;
	padding-left: 20px;
	font-weight: bold;
}
.yellowBarWordScramble
{
	/*background-image: url("../Images/Sections/Yellow-Section-Word-Scramble.png");*/
	background-image: url("../Images/Sections/Yellow-Section-Word-Scramble-Yellow.png");
	background-repeat: no-repeat;
	width: 430px;
	height: 35px;
	padding-top: 14px;
	padding-left: 20px;
}
.yellowBarWordScrambleWhite
{
	/*background-image: url("../Images/Sections/Yellow-Section-Word-Scramble.png");*/
	background-image: url("../Images/Sections/Yellow-Section-Word-Scramble.png");
	background-repeat: no-repeat;
	width: 430px;
	height: 35px;
	padding-top: 14px;
	padding-left: 20px;
}


/*- Cryptograms -*/
.divErrors
{
	border: dashed 2px red;
	padding: 10px;
}
.errors
{
	color: Red;
	font-weight: bold;
}

.divStepContentSection
{
}
.cryptogramTable tr td
{
	border: solid 1px black;
}
.cryptogramTable tr th
{
	text-align: right;
}

/*- End Cryptograms -*/

/*- Word Scrambles -*/
TABLE.wordScramble
{
	padding: 0;
	margin: 0;
}
TABLE.wordScramble TR TH
{
	text-align: left;
}
TABLE.wordScramble TR TD
{
	text-align: left; /*white-space: nowrap;*/
}
/*- End Word Scrambles -
- Nice Table -
ref: http://veerle.duoh.com/index.php/blog/comments/a_css_styled_table/

body {
font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
background: #E6EAE9;
}

a {
color: #c75f3e;
}*/
CAPTION
{
	padding: 0 0 5px;
	width: 700px;
	font: italic 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
TABLE.niceTable TH
{
	font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	color: #4F6B72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: url(../Images/table_header_background.png) no-repeat;
}
/*table.niceTableLowPadding th
{
padding: 0px;
}*/
TABLE.niceTable TH.nobg
{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
TABLE.niceTable TD.leftCol, TABLE.niceTable TH.leftCol
{
	border-left: 1px solid #C1DAD7;
}
TABLE.niceTable TD
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #FFF;
	padding: 6px 6px 6px 12px; /*color: #4f6b72;*/
	color: black;
}
TABLE TD.lowPadding
{
	padding: 0px;
}
TABLE.niceTable TD.alt
{
	background: #F5FAFA;
	color: #797268;
}
TABLE.niceTable TH.spec
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #FFF url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
}
TABLE.niceTable TH.specalt
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #F5FAFA url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
/*- End Nice Table -*/


/* Pagination  http://mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/?page=2
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*technorati.com */
div.pagination
{
	padding: 3px;
	margin: 3px;
	text-align: center;
}

div.pagination a
{
	border: 1px solid #ccc;
	margin-right: 3px;
	padding: 2px 6px;
	background-position: bottom;
	text-decoration: none;
	font-weight: bold;
	color: rgb(66,97,222);
}
div.pagination a:hover, div.pagination a:active
{
	background-image: none;
	background-color: #4261DF;
	color: #fff;
}
div.pagination span.current
{
	margin-right: 3px;
	padding: 2px 6px;
	font-weight: bold;
	color: #000;
}
div.pagination span.disabled
{
	display: none;
}
/* End Pagination */



.crosswordShadow
{
	position: absolute;
	background-color: gray;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	display: block;
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffdddd;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}


.ui-tabs .ui-tabs-nav li
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.ui-tabs
{
}
.ui-tabs-panel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}


div.divRounded
{
	padding: 5px; /*border: solid 2px black;*/
	background-color: white;
}

div.divRoundedOuter
{
	/*padding: 5px;*/ /*border: solid 2px black;*/
	background-color: #66AAFF;
}


div.divRoundedWhite
{
	padding: 5px; /*border: solid 2px black;*/
	background-color: white;
}

div.divRoundedOuterWhite
{
	/*padding: 5px;*/ /*border: solid 2px black;*/
	background-color: white;
}


div.divRoundedHeader
{
	padding: 4px; /* border: solid 3px #FFC900;*/
	background-color: white;
	font-weight: bold;
	font-size: 14px;
}

div.divRoundedHeaderOuter
{
	/*border: solid 3px #FFC900;*/
	background-color: #FFC900;
}

.ui-accordion .ui-accordion-content
{
	overflow: hidden !important;
}
.ui-accordion-header
{
	font-size: 14px;
}

a.helpExpander
{
	cursor: pointer;
}
div.helpExpanderContent
{
	display: none;
}

