/* main stylesheet for the site */

BODY {
    background: #FFFFFF url(/images/bg.png) no-repeat 0px 0px;
    font-family: "Trebuchet MS";
    margin: 0px 0px 0px 0px;
    color: #A80000;
}


.logo {
    width: 843px;
    height: 145px;
    padding-top: 20px;
    padding-left: 20px;
}


.logo-small {
    width: 281px;
    height: 48px;
    padding-top: 10px;
    padding-left: 5px;
}


.top-spacer {
    font-size: 1px;
    padding-top: 20px;
}


.bottom-spacer {
    font-size: 1px;
    padding-top: 20px;
}


.header-message-box {
    padding-top: 10px;
}

.header-message {
    background-color: #FF0000;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;

    padding-top: 1px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 1px;
}

.header-message-text {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;

    vertical-align: middle;
}

.header-message-icon {
    vertical-align: middle;
    padding-right: 3px;
}


.spacer-1 {
    font-size: 1px;
    padding-top: 15px;
    padding-left: 100px;
    border-bottom: 1px solid #A80000;
}

.lower-spacer {
    padding-top: 15px;
    font-size: 1px;
}

.spacer-1-small {
    font-size: 1px;
    padding-top: 8px;
    padding-left: 30px;
    border-bottom: 1px solid #A80000;
}

.lower-spacer-small {
    padding-top: 8px;
    font-size: 1px;
}

.footer-spacer-1 {
    font-size: 1px;
    padding-top: 6px;
    width: 100%;
    border-bottom: 1px solid #B7B7B7;
}

.footer-spacer-2 {
    font-size: 1px;
    padding-top: 6px;
    padding-left: 30px;
    border-bottom: 1px solid #B7B7B7;
}

.footer-lower-spacer {
    padding-top: 6px;
    font-size: 1px;
}

.copyright-text {
    font-size: 10px;
    font-weight: normal;
    color: #B7B7B7;
    border: 1px solid #B7B7B7;
    background-color: #FFFFFF;
    white-space: nowrap;

    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 2px;
}


.active-button {
    color: #FF0000;
}


.games-button {
    font-size: 20px;
    font-weight: bold;
    color: #A80000;
    border: 1px solid #FF7F00;
    background-color: #FFE5CC;

    width: 200px;
    padding-left: 15px;
    padding-right: 15px;
}

.spacer-2 {
    font-size: 1px;
    padding-top: 15px;
    padding-left: 100px;
    border-bottom: 1px solid #A80000;
}

.spacer-2-small {
    font-size: 1px;
    padding-top: 8px;
    padding-left: 30px;
    border-bottom: 1px solid #A80000;
}

.scores-button {
    font-size: 20px;
    font-weight: bold;
    color: #A80000;
    border: 1px solid #FF7F00;
    background-color: #FFE5CC;

    width: 200px;
    padding-left: 15px;
    padding-right: 15px;
}

.spacer-3 {
    font-size: 1px;
    padding-top: 15px;
    padding-left: 100px;
    border-bottom: 1px solid #FF7F00;
}

.spacer-3-small {
    font-size: 1px;
    padding-top: 8px;
    padding-left: 30px;
    border-bottom: 1px solid #FF7F00;
}

.register-button {
    font-size: 20px;
    font-weight: bold;
    color: #A80000;
    border: 1px solid #A80000;
    background-color: #FFF8E0;

    width: 200px;
    padding-left: 15px;
    padding-right: 15px;
}

.spacer-4 {
    font-size: 1px;
    padding-top: 15px;
    padding-left: 100px;
    border-bottom: 1px solid #B7B7B7;
}

.spacer-4-small {
    font-size: 1px;
    padding-top: 8px;
    padding-left: 30px;
    border-bottom: 1px solid #B7B7B7;
}

.signin-button {
    font-size: 20px;
    font-weight: bold;
    color: #B7B7B7;
    border: 1px solid #B7B7B7;
    background-color: #FFFFFF;

    width: 200px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
}

.spacer-5 {
    font-size: 1px;
    padding-top: 15px;
    padding-left: 50px;
    border-bottom: 1px solid #B7B7B7;
}

.spacer-5-small {
    padding-left: 30px;
    font-size: 1px;
    padding-top: 8px;
    border-bottom: 1px solid #B7B7B7;
}

td.games-button A:link    { color:#A80000; text-decoration: none; }
td.games-button A:active  { color:#FF0000; text-decoration: none; }
td.games-button A:visited { color:#A80000; text-decoration: none; }
td.games-button A:hover   { color:#FF0000; text-decoration: none; }

td.scores-button A:link    { color:#A80000; text-decoration: none; }
td.scores-button A:active  { color:#FF0000; text-decoration: none; }
td.scores-button A:visited { color:#A80000; text-decoration: none; }
td.scores-button A:hover   { color:#FF0000; text-decoration: none; }

td.register-button A:link    { color:#A80000; text-decoration: none; }
td.register-button A:active  { color:#FF0000; text-decoration: none; }
td.register-button A:visited { color:#A80000; text-decoration: none; }
td.register-button A:hover   { color:#FF0000; text-decoration: none; }

td.signin-button A:link    { color:#B7B7B7; text-decoration: none; }
td.signin-button A:active  { color:#FF0000; text-decoration: none; }
td.signin-button A:visited { color:#B7B7B7; text-decoration: none; }
td.signin-button A:hover   { color:#FF0000; text-decoration: none; }

.h-spacer { 
    font-size: 1px;
    padding-left: 20px;
}

.game-box-top { 
    padding-top: 20px;
    padding-left: 360px;
    font-size: 1px;
}

.game-box-bottom { 
    padding-top: 50px;
    padding-left: 350px;
    font-size: 1px;
}

.ad-spacer {
    font-size: 1px;
    padding-left: 40px;
}

.top-ad-box {
    width:700px;
    height:28px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 5px;

    color: #B7B7B7;
    vertical-align: top;
    font-size: 10px;
}

.ad-box {
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;

    color: #B7B7B7;
    vertical-align: top;
    font-size: 10px;
}

.front-page-ad-box {
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;

    color: #B7B7B7;
    vertical-align: top;
    font-size: 10px;
}

.game-ad-box {
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;

    color: #B7B7B7;
    vertical-align: top;
    font-size: 10px;
}

td.game-box-icon {
    padding-right: 2px;
}

td.game-box-title {
    font-size: 20px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;

    padding-bottom: 2px;
}

td.game-box-text {
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

td.game-box-play-button-area {
    padding-top: 10px;
    text-align: right;
    vertical-align: bottom;
}

/* LOGIN AND REGISTER PAGES */

.login-greeting {
    font-size: 13px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 10px;
}

.login-box-top {
    font-size: 1px;
    padding-top: 20px;
    padding-left: 350px;
}

.register-box-top {
    font-size: 1px;
    padding-top: 20px;
    padding-left: 247px;
}

.login-box-right {
    font-size: 1px;
    padding-left: 280px;
}

.login-box-bottom {
    font-size: 1px;
    padding-top: 20px;
}

.login-label {
    padding-right: 10px;
    padding-bottom: 10px;
}

.login-field {
    padding-bottom: 10px;
}

.login-button-area {
    font-size: 1px;
    text-align: right;
    vertical-align: top;

    padding-left: 15px;
    padding-bottom: 10px;
}



/* FORMS */

.form-title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #FFC28F;
	
    padding-bottom: 2px;
}

.form-box {
    background-color: #FFE5CC;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border: 4px solid #FFC28F;
}

.form-label {
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
}

input.form-field {
    height: 23px;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #FF7F00;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}

a.form-button {
    display: block;
    cursor: hand;

    width: 80px;
    font-family: Arial, Helvetica, Verdana;
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    border: 2px solid #FF0000;
    background-color: #FFFFFF;
  
    text-align: center;
    padding-top: 3px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
}

input.form-button {
    cursor: hand;

    width: 80px;
    font-family: Arial, Helvetica, Verdana;
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    border: 2px solid #FF0000;
    background-color: #FFFFFF;
  
    text-align: center;
    padding-top: 3px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
}

A.form-button:link    { background-color:#FFFFFF; text-decoration: none; }
A.form-button:active  { background-color:#FFE0E0; text-decoration: none; }
A.form-button:visited { background-color:#FFFFFF; text-decoration: none; }
A.form-button:hover   { background-color:#FFE0E0; text-decoration: none; }




/* SCORES */

.scores-box-top {
    font-size: 1px;
    padding-left: 400px;
}

.scores-header {
    font-weight: bold;
    padding-left: 5px;
}

.scores-less-banner {
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    padding-top: 4px;
    padding-left: 15px;
    padding-bottom: 4px;
    background-color: #FFF0E0;
}

.scores-data {
    border-top: 1px solid #FFECD4;
    padding-left: 5px;
}




/* TABS */

td.tab-choices {
    border-top: 4px solid #FFC28F;
    vertical-align: top;
    height: 1px;
}

td.tab-below-choices {
    font-size: 1px;
    border-right: 4px solid #FFC28F;

    height: 100%;
}

td.tab-pane {
    background-color: #FFE5CC;
    border-top: 4px solid #FFC28F;
    border-right: 4px solid #FFC28F;
    border-bottom: 4px solid #FFC28F;

    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

td.selected-tab-name {
    font-weight: bold;
    background-color: #FFE5CC;
    border-left: 4px solid #FFC28F;
    border-bottom: 4px solid #FFC28F;

    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
}

td.tab-link-area {
    height: 30px;
}

.tab-link {
    display: block;
    cursor: hand;
    font-weight: bold;

    color: #FF0000;
    background-color: #FFF8F1;
    border-left: 4px solid #FFC28F;
    border-right: 4px solid #FFC28F;
    border-bottom: 4px solid #FFC28F;

    width: 120px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
}

A.tab-link:link    { background-color:#FFF8F1; text-decoration: none; }
A.tab-link:active  { background-color:#FFE0E0; text-decoration: none; }
A.tab-link:visited { background-color:#FFF8F1; text-decoration: none; }
A.tab-link:hover   { background-color:#FFE0E0; text-decoration: none; }




/* INSTRUCTIONS */

.instructions-link {
    cursor:pointer;
    
    font-family: Arial, Helvetica, Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #D20000;
    background-color: #FFDAB1;
    border: 1px solid #FFB461;
    
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.instructions-text {
    font-family: Arial, Helvetica, Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #D20000;
    background-color: #FFDAB1;
    border-left: 1px solid #FFB461;
    border-right: 1px solid #FFB461;
    border-right: 1px solid #FFB461;
    
    padding: 10px 10px 10px 10px;
}

.invisible {
    display: none;
}

.visible {
}

.instruction-header {
   font-weight: bold;
}

.instruction-td {
    font-family: Arial, Helvetica, Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #D20000;
    vertical-align: top;
}

.instruction-spacer {
   font-size: 1px;
   padding-top: 2px;
}




/* BUBBLES */

.bubbles-game-box {
    background-color: #B0B0FF;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border: 4px solid #E0E0FF;
}


/* PAIRS */

.pairs-game-box {
    background-color: #0000E0;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border: 4px solid #0000E0;
}


/* SOLITAIRE */

.solitaire-game-box {
    background-color: #3F4247;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border: 1px solid #3F4247;
}