/* BODY */

    html
    {
        height:                     100%;
        margin-bottom:              1px;
    }

    body
    {
        background:                 #293244;
        color:                      #FFFFFF;
        font:                       10px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        margin:                     8px;
    }

    form
    {
        margin:                     0;
        padding:                    0;
    }

/* GLOBAL */

    .block
    {
        display:                    block;
    }

    .disabled
    {
        color:                      #999999;
    }

    .hidden
    {
        display:                    none;
    }

/* ALIGNMENT */

    .left
    {
        text-align:                 left !important;
    }

    .right
    {
        text-align:                 right !important;
    }

    .center
    {
        text-align:                 center !important;
    }

    .justified
    {
        text-align:                 justify !important;
    }

    .top
    {
        vertical-align:             top;
    }

    .middle
    {
        vertical-align:             middle;
    }

    .bottom
    {
        vertical-align:             bottom;
    }

    .nowrap
    {
        white-space:                nowrap;
    }

/* WIDTH */

    .w16
    {
        width:                      16px;
    }

    .w60
    {
        width:                      60px;
    }

    .w80
    {
        width:                      80px;
    }

    .w100
    {
        width:                      100px;
    }

    .w125
    {
        width:                      125px;
    }

    .w256
    {
        width:                      256px;
    }

    .w316
    {
        width:                      316px;
    }

    .w350
    {
        width:                      350px;
    }

    .w375
    {
        width:                      375px;
    }

    .w392
    {
        width:                      392px;
    }

    .w468
    {
        width:                      468px;
    }

    .w800
    {
        width:                      800px;
    }

/* LINKS */

    a.action
    {
        color:                      #000033;
        font-size:                  10px;
        font-weight:                bold;
        text-decoration:            none;
    }

    a.action:hover
    {
        color:                      #003399;
        font-size:                  10px;
        font-weight:                bold;
        text-decoration:            underline;
    }

    a.blue
    {
        background:                 transparent;
        color:                      #3333CC;
        font-weight:                bold;
        text-decoration:            none;
    }

    a.blue:hover
    {
        background:                 #3333CC;
        color:                      #FFFFFF;
        font-weight:                bold;
        text-decoration:            none;
    }

    a.dark
    {
        background:                 transparent;
        color:                      #000066;
        font-weight:                bold;
        text-decoration:            none;
    }

    a.dark:hover
    {
        background:                 #000066;
        color:                      #FFFFFF;
        font-weight:                bold;
        text-decoration:            none;
    }

    a.dummy
    {
        background:                 transparent;
    }

    a.footer1
    {
        background:                 transparent;
        color:                      #66CCCC;
        font-family:                Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:                  11px;
        font-weight:                bold;
        text-decoration:            underline;
    }

    a.footer1:hover
    {
        background:                 transparent;
        color:                      #FFFF66;
        font-family:                Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:                  11px;
        font-weight:                bold;
        text-decoration:            underline;
    }

    a.footer2
    {
        background:                 transparent;
        color:                      #999999;
        font-family:                Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:                  11px;
        font-weight:                bold;
        text-decoration:            underline;
    }

    a.footer2:hover
    {
        background:                 transparent;
        color:                      #FFFFFF;
        font-family:                Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:                  11px;
        font-weight:                bold;
        text-decoration:            underline;
    }

    a.regular
    {
        background:                 transparent;
        color:                      #3366CC;
        font-family:                Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:                  12px;
        font-weight:                bold;
        text-decoration:            underline;
    }

    a.regular:hover
    {
        background:                 transparent;
        color:                      #003366;
        font-family:                Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:                  12px;
        font-weight:                bold;
        text-decoration:            underline;
    }

    a.small
    {
        background:                 transparent;
        color:                      #3366CC;
        font-family:                Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:                  10px;
        font-weight:                normal;
        text-decoration:            underline;
    }

    a.small:hover
    {
        background:                 transparent;
        color:                      #003366;
        font-family:                Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:                  10px;
        font-weight:                normal;
        text-decoration:            underline;
    }

/* NAVIGATION TABS */

    a.curtab
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -108px;
        background-repeat:          no-repeat;
        color:                      #FFFFFF;
        display:                    block;
        font-weight:                bold;
        font-size:                  11px;
        height:                     36px;
        line-height:                36px;
        margin:                     0px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }

    a.curtab:hover
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -108px;
        background-repeat:          no-repeat;
        color:                      #FFFFFF;
        display:                    block;
        font-weight:                bold;
        font-size:                  11px;
        height:                     36px;
        line-height:                36px;
        margin:                     0px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }

    a.curtab:active
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -144px;
        background-repeat:          no-repeat;
        color:                      #FFFFFF;
        display:                    block;
        font-weight:                bold;
        font-size:                  11px;
        height:                     36px;
        line-height:                36px;
        margin:                     0px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }

    a.tab
    {
        background-image:           url(/img/tab.png);
        background-position:        0px 0px;
        background-repeat:          no-repeat;
        color:                      #000033;
        display:                    block;
        font-weight:                bold;
        font-size:                  11px;
        height:                     36px;
        line-height:                36px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }

    a.tab:hover
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -36px;
        background-repeat:          no-repeat;
        color:                      #003366;
        display:                    block;
        font-weight:                bold;
        font-size:                  11px;
        height:                     36px;
        line-height:                36px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }

    a.tab:active
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -72px;
        background-repeat:          no-repeat;
        color:                      #003366;
        display:                    block;
        font-weight:                bold;
        font-size:                  11px;
        height:                     36px;
        line-height:                36px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }
/* SMALL TAB TEST */
    a.curtabsmall
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -108px;
        background-repeat:          no-repeat;
        color:                      #FFFFFF;
        display:                    block;
        font-weight:                bold;
        font-size:                  9px;
        height:                     36px;
        line-height:                36px;
        margin:                     0px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }

    a.curtabsmall:hover
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -108px;
        background-repeat:          no-repeat;
        color:                      #FFFFFF;
        display:                    block;
        font-weight:                bold;
        font-size:                  9px;
        height:                     36px;
        line-height:                36px;
        margin:                     0px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }

    a.curtabsmall:active
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -144px;
        background-repeat:          no-repeat;
        color:                      #FFFFFF;
        display:                    block;
        font-weight:                bold;
        font-size:                  9px;
        height:                     36px;
        line-height:                36px;
        margin:                     0px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }
    a.tabsmall
    {
        background-image:           url(/img/tab.png);
        background-position:        0px 0px;
        background-repeat:          no-repeat;
        color:                      #000033;
        display:                    block;
        font-weight:                bold;
        font-size:                  9px;
        height:                     36px;
        line-height:                36px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }

    a.tabsmall:hover
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -36px;
        background-repeat:          no-repeat;
        color:                      #003366;
        display:                    block;
        font-weight:                bold;
        font-size:                  9px;
        height:                     36px;
        line-height:                36px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }

    a.tabsmall:active
    {
        background-image:           url(/img/tab.png);
        background-position:        0px -72px;
        background-repeat:          no-repeat;
        color:                      #003366;
        display:                    block;
        font-weight:                bold;
        font-size:                  9px;
        height:                     36px;
        line-height:                36px;
        text-align:                 center;
        text-decoration:            none;
        width:                      100px;
    }


/* GAME MENU */

    a#DivLink0,
    a#DivLink1,
    a#DivLink2,
    a#DivLink3,
    a#DivLink4,
    a#DivLink5,
    a#DivLink6,
    a#DivLink7
    {
        border-top:                 solid 1px #000000;
        border-left:                solid 1px #000000;
        border-bottom:              solid 1px #000000;
    }

    a#DivLink8
    {
        border:                     solid 1px #000000;
    }

    a.tab-game
    {
        background-color:           #D0E0FF;
        color:                      #000000;
        display:                    block;
        font-size:                  11px;
        font-weight:                bold;
        height:                     24px;
        line-height:                24px;
        text-align:                 center;
        text-decoration:            none;
    }

    a.tab-game:hover
    {
        background-color:           #000000;
        color:                      #FFFFFF;
    }

    a.tab-game:active
    {
        background-color:           #3366CC;
        color:                      #FFFFFF;
    }

    a.curtab-game
    {
        background-color:           #3366CC;
        color:                      #FFFFFF;
        display:                    block;
        font-size:                  11px;
        font-weight:                bold;
        height:                     24px;
        line-height:                24px;
        text-align:                 center;
        text-decoration:            none;
    }

    a.curtab-game:hover
    {
        background-color:           #000000;
        color:                      #FFFFFF;
    }

    a.curtab-game:active
    {
        background-color:           #3366CC;
        color:                      #FFFFFF;
    }

/* DIVISIONS */

    div.error
    {
        color:                      #CC0000;
        font-weight:                bold;
    }

    div#GameDiv0,
    div#GameDiv1,
    div#GameDiv2,
    div#GameDiv3,
    div#GameDiv4,
    div#GameDiv5,
    div#GameDiv6,
    div#GameDiv7,
    div#GameDiv8
    {
        background:                 #FFFFFF;
        display:                    none;
    }

    div.greeting
    {
        display:                    none;
        position:                   absolute;
    }

    div#HandEditor,
    div#HiddenResults
    {
        display:                    none;
    }

    div#MainBox
    {
        line-height:                1.5;
        text-align:                 justify;
    }

    div#Progress
    {
        display:                    none;
        font:                       20px Garamond,Gatineau,serif;
        padding:                    24px;
        text-align:                 center;
        width:                      800px;
    }

    div.whereplay
    {
        background:                 #DDDDDD;
        color:                      #666666;
        font-weight:                bold;
        font-size:                  11px;
    }

/* HEADERS */

    h1
    {
        background-color:           #3366CC;
        background-image:           url(/img/h1.png);
        color:                      #FFFFFF;
        display:                    block;
        font:                       28px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        height:                     36px;
        line-height:                36px;
        letter-spacing:             -1px;
        margin:                     0px;
        outline:                    0px;
        padding:                    0px;
        text-align:                 center;
        width:                      800px;
    }

    h2
    {
        background:                 #003366;
        color:                      #FFFFFF;
        display:                    block;
        font:                       20px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        letter-spacing:             -1px;
        margin:                     0px;
        text-align:                 center;
    }

    h3
    {
        display:                    block;
        font-size:                  14px;
        font-weight:                bold;
        margin:                     0px;
        text-align:                 center;
        text-decoration:            underline;
    }

/* BLOCK ELEMENTS */

    ol.a
    {
        list-style-type:            lower-alpha;
    }

    pre
    {
        background:                 #DDDDDD;
        border:                     solid 1px #BBBBBB;
        font:                       11px monospace;
        padding:                    4px;
    }

    span.i
    {
        font-style:                 italic;
    }

    span.new
    {
        color:                      #CC0000;
        font-size:                  11px;
        font-weight:                bold;
        padding-left:               2px;
    }

    span.nobr
    {
        white-space:                nowrap;
    }

    span.right
    {
        color:                      #009900;
        font-weight:                bold;
        text-align:                 center;
    }

    span.u
    {
        text-decoration:            underline;
    }

    span.wrong
    {
        color:                      #990000;
        font-weight:                bold;
        text-align:                 center;
    }

/* INLINE ELEMENTS */

    code
    {
        font:                       11px monospace;
    }

    hr
    {
        border:                     none;
        border-top:                 solid 1px #3366CC;
        height:                     1px;
        margin:                     0px;
        margin-top:                 20px;
    }

    hr.thin
    {
        border:                     none;
        border-top:                 solid 1px #3366CC;
        height:                     1px;
        margin:                     0px;
    }

    img
    {
        border:                     0px;
        margin:                     0px;
    }

    img.absmiddle
    {
        vertical-align:             middle;
    }

    img.tab
    {
        height:                     36px;
        width:                      100px;
    }

/* FORM ELEMENTS */

    button
    {
        font:                       12px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
    }

    fieldset
    {
        border:                     solid 1px #000000;
        margin:                     0px;
        margin-bottom:              8px;
        outline:                    0px;
        padding:                    0px;
        padding-left:               8px;
        padding-right:              8px;
        padding-top:                0px;
        padding-bottom:             0px;
        text-align:                 justify;
    }

    input.app
    {
        border:                     solid 1px #CCCCCC;
        font:                       12px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding-left:               2px;
        text-align:                 left;
    }

    input.btn
    {
        font:                       12px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
    }

    input.pt
    {
        background:                 #E7E7E7;
        border:                     solid 1px #CCCCCC;
        font:                       10px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        height:                     14px;
        padding:                    0px;
        text-align:                 center;
    }

    input.wrt
    {
        border:                     solid 1px #CCCCCC;
        font:                       10px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding-left:               2px;
        text-align:                 left;
    }

    legend
    {
        color:                      #000000;
        font:                       20px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        letter-spacing:             -1px;
        margin:                     0px;
    }

    select
    {
        font:                       12px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
    }

    select#Paytable
    {
        font:                       11px monospace;
    }

    textarea
    {
        font:                       12px monospace;
        height:                     125px;
        width:                      700px;
    }

/* BLUE BOX */

    td.box-border-top
    {
        background-color:           #003366;
        background-image:           url(/img/box-border-top.png);
        color:                      #FFFFFF;
        font:                       18px Arial,Helvetica,sans-serif;
        height:                     29px;
        letter-spacing:             -1px;
        line-height:                29px;
        margin:                     0px;
        text-align:                 center;
        width:                      200px;
    }

    td.box-border-left
    {
        background-image:           url(/img/box-border-left.png);
        width:                      16px;
    }

    td.box-content
    {
        background:                 #FFFFFF;
        color:                      #333333;
        font-size:                  10px;
        text-align:                 left;
        width:                      168px;
    }

    td.box-border-right
    {
        background-image:           url(/img/box-border-right.png);
        width:                      16px;
    }

    td.box-corner-bottom-left
    {
        background-image:           url(/img/box-corner.png);
        background-position:        0px 0px;
        background-repeat:          no-repeat;
        height:                     16px;
        width:                      16px;
    }

    td.box-border-bottom
    {
        background-image:           url(/img/box-border-bottom.png);
        height:                     16px;
    }

    td.box-corner-bottom-right
    {
        background-image:           url(/img/box-corner.png);
        background-position:        -16px 0px;
        background-repeat:          no-repeat;
        height:                     16px;
        width:                      16px;
    }

/* PAGE DECORATION */

    td.page-corner-top-left
    {
        background-image:           url(/img/page-corner.png);
        background-position:        0px 0px;
        background-repeat:          no-repeat;
        height:                     16px;
        width:                      16px;
    }

    td.page-border-top
    {
        background-image:           url(/img/page-border-top.png);
        height:                     16px;
    }

    td.page-corner-top-right
    {
        background-image:           url(/img/page-corner.png);
        background-position:        -16px 0px;
        background-repeat:          no-repeat;
        height:                     16px;
        width:                      16px;
    }

    td.page-border-left
    {
        background-image:           url(/img/page-border-left.png);
        width:                      16px;
    }

    td.page-content
    {
        background:                 #FFFFFF;
        color:                      #000000;
        line-height:                1px;
        text-align:                 justify;
        font-size:                  12px;
    }

    td.page-border-right
    {
        background-image:           url(/img/page-border-right.png);
        width:16px;
    }

    td.page-corner-bottom-left
    {
        background-image:           url(/img/page-corner.png);
        background-position:        0px -16px;
        background-repeat:          no-repeat;
        height:                     16px;
        width:                      16px;
    }

    td.page-border-bottom
    {
        background-image:           url(/img/page-border-bottom.png);
        height:                     16px;
    }

    td.page-corner-bottom-right
    {
        background-image:           url(/img/page-corner.png);
        background-position:        -16px -16px;
        background-repeat:          no-repeat;
        height:                     16px;
        width:                      16px;
    }

/* TABLES AND DATA */

    caption, td, th
    {
        border:                     0;
        font-weight:                normal;
        margin:                     0;
        outline:                    0;
        text-align:                 justify;
        vertical-align:             top;
    }

    table
    {
        border-collapse:            collapse;
        border-spacing:             0;
        margin:                     0;
        outline:                    0;
        padding:                    0;
    }

    table.center
    {
        margin-left:                auto;
        margin-right:               auto;
    }

    table.fixed
    {
        table-layout:               fixed;
    }

    td.data
    {
        border:                     solid 1px #999999;
        font:                       10px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        vertical-align:             middle;
    }

    td.data0
    {
        background:                 #DDDDDD;
        border:                     solid 1px #999999;
        color:                      #333333;
        font:                       bold 11px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding:                    2px;
        text-align:                 left;
        vertical-align:             middle;
    }

    td.data1
    {
        background:                 #EEEEEE;
        border:                     solid 1px #999999;
        color:                      #333333;
        font:                       bold 11px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding:                    2px;
        text-align:                 left;
        vertical-align:             middle;
    }

    td.data2
    {
        background:                 #EEEEEE;
        border:                     solid 1px #999999;
        color:                      #333333;
        font:                       8pt Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding:                    2px;
        text-align:                 justify;
        vertical-align:             middle;
    }

    td.fav-left
    {
        text-align:                 left;
        vertical-align:             top;
        width:                      12px;
    }

    td.fav-right
    {
        text-align:                 left;
        vertical-align:             top;
        width:                      156px;
    }

    td.fixed
    {
        word-wrap:                  break-word;
    }

    td.game-menu
    {
        border:                     0;
    }

    td.paytable
    {
        border:                     solid 1px #999999;
        color:                      #000000;
        font:                       10px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        height:                     17px;
        text-align:                 center;
        vertical-align:             middle;
    }

    td.pth
    {
        border:                     solid 1px #999999;
        color:                      #000000;
        font:                       10px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        height:                     16px;
        padding-left:               2px;
        padding-right:              2px;
        text-align:                 left;
        vertical-align:             middle;
    }

    td.rating10
    {
        color:                      #009900;
    }

    td.rating9
    {
        color:                      #00994C
    }

    td.rating8
    {
        color:                      #009999;
    }

    td.rating7
    {
        color:                      #006699;
    }

    td.rating6
    {
        color:                      #003399;
    }

    td.rating5
    {
        color:                      #000099;
    }

    td.sidebar
    {
        width:                      200px;
    }

    td.spacer16
    {
        width:                      16px;
    }

    td.wide
    {
        padding-left:               4px;
        padding-right:              4px;
    }

    th
    {
        background:                 #3366CC;
        border:                     solid 1px #999999;
        color:                      #FFFFFF;
        font:                       bold 12px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding:                    4px;
        text-align:                 center;
        vertical-align:             middle;
    }

    th.level2
    {
        background:                 #003399;
        border:                     solid 1px #999999;
        color:                      #FFFFFF;
        font:                       bold 12px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding:                    4px;
        text-align:                 center;
        vertical-align:             middle;
    }

    th.level3
    {
        background:                 #000066;
        border:                     solid 1px #999999;
        color:                      #FFFFFF;
        font:                       bold 12px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding:                    4px;
        text-align:                 center;
        vertical-align:             middle;
    }

    th.level4
    {
        background:                 #000033;
        border:                     solid 1px #999999;
        color:                      #FFFFFF;
        font:                       bold 12px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding:                    4px;
        text-align:                 center;
        vertical-align:             middle;
    }

    th.small
    {
        background:                 #3366CC;
        border:                     solid 1px #999999;
        color:                      #FFFFFF;
        font:                       bold 10px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        padding-top:                1px;
        padding-bottom:             1px;
        padding-left:               2px;
        padding-right:              2px;
        text-align:                 center;
        vertical-align:             middle;
    }

    th.tiny
    {
        background:                 #EEEEEE;
        border:                     solid 1px #999999;
        color:                      #000000;
        font:                       10px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-weight:                normal;
        padding-top:                1px;
        padding-bottom:             1px;
        padding-left:               2px;
        padding-right:              2px;
        text-align:                 center;
        vertical-align:             middle;
    }