BODY
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}
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: 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;
}

.articleTitle
{
    font-size:larger;
    font-weight: bold;
    font-family: Arial Black, Arial, Sans-Serif;
}

UL, OL
{
    margin-top: 0px;
    margin-bottom: 0px;
}
input.text, .textbox, textarea
{
    border: solid 1px #aaaaaa;
}

/* Login and account maintenance */

.barLogin, .barAccount, .barFooter
{
    background-color: #D4ECEE;
    border: solid 1px #7EADDD;
    border-left: none;
    border-right: none;
    text-align: right;
}

.barLogin
{
}
.barAccount
{
}
.barFooter
{
}

.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: 10px;
}


.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;
}
.pleaseLinkBox
{
    border: dashed 2px #7DACDC;
    padding: 10px;
    width: 90%;
}

.pleaseLinkBox textarea
{
    border: solid 1px gray;
}

.link2usBox
{
    text-align: left;
    width: 98%;
}


.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;
}

.infoBoxBlue
{
     background-color: #D2E0E6;
    border: solid 1px #528CE0;
    padding: 10px;
    margin: 10px;
}
.infoBoxYellow
{
    width: 350px;
     background-color: #FFE37F;
    border: solid 1px #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;
}
/*- End Lists -*/

/*- Bingo Cards -*/

TABLE.bingoTable
{
    border: solid 1px black;
}
TABLE.bingoTable tr th
{
    font-size: 72px;
    width: 100px;
    height: 100px;
    border: solid 1px black;
}
TABLE.bingoTable tr td
{
    font-size: 16px;
    width: 100px;
    height: 100px;
    text-align: center;
    border: solid 1px black;
}




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
{
    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;
}
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-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 */