html {
    background-color: #2D2E3B;
    background-image: url(gfx/bg.png);
    }

body {
    background-image: url(gfx/bgfade.png);
    background-repeat: repeat-x;
    background-position: top left;
    padding-top: 25px;
    }

#doc2 {
    }
.yui-t5 {
    }

#bd {
    background-color: #FFF;
    }

#yui-main {
    }

A           { color: #F00; text-decoration: underline; }
A:link      { color: #F00; }
A:visited   { color: #F00; }
A:active    { color: #00F; }
A:hover     { color: #00F; }

/* ###### Page Layout Classes ###### */

#hd { /* Header  */
    margin-top: 10px;
    text-align: right;
    }

#menu {
    color: #FFF;
    padding: 0px 0px;
    margin-bottom: 13px;
    font-size: 10pt;
    font-weight: bold;
    }

.yui-g {
    font-size: 11pt;
    }

.yui-b {
    padding: 10px;
    }

.main {
    padding: 5px;
    margin-bottom: 20px;
    }

#ft { /* Footer  */
    padding: 10px 0px;
    font-size: 9pt;
    color: #777;
    }
    #ft a,
    #ft a:link,
    #ft a:visited {
        color: #999;
        }
    #ft a:hover,
    #ft a:active {
        color: #FFF;
        }

/* ###### Menu Classes ###### */

.menubutton {
    background-color: #79F;
    background-image: url(gfx/menugrad.png);
    background-repeat: repeat-x;
    display: inline;
    padding: 3px 5px;
    border-top: 1px solid #9BF;
    border-left: 1px solid #9BF;
    border-right: 1px solid #57F;
    border-bottom: 1px solid #57F;
    }
    .menubutton a,
    .menubutton a:link,
    .menubutton a:visited,
    .menubutton a:active,
    .menubutton a:hover {
        color: #000;
        text-decoration: none;
        }

.mb2 {
    background-color: #E66;
    border-top: 1px solid #E88;
    border-left: 1px solid #E88;
    border-right: 1px solid #E44;
    border-bottom: 1px solid #E44;
    }

.mb3 {
    background-color: #ACA;
    border-top: 1px solid #BDB;
    border-left: 1px solid #BDB;
    border-right: 1px solid #8A8;
    border-bottom: 1px solid #8A8;
    }

.mbadmin {
    background-color: #FA4;
    border-top: 1px solid #FC5;
    border-left: 1px solid #FC5;
    border-right: 1px solid #F90;
    border-bottom: 1px solid #F90;
    }

.mbgray {
    background-color: #AAA;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    }


/* ###### Error Message ###### */

.ouch {
    font-size: 18pt;
    font-weight: bold;
    color: #F00;
    }

/* ###### Standard Element Declarations ###### */

h1 {
    font-size: 24pt;
    font-weight: bold;
    }

h2 {
    font-size: 18pt;
    font-weight: bold;
    }

h3 {
    font-size: 14pt;
    font-weight: bold;
    }

P {
    margin: 10px 0px;
    }

td {
    padding: 2px;
    }

th {
    padding: 4px;
    font-weight: bold;
    background-color: #ACA;
    }

em {
    color: #F00;
    font-weight: bold;
    }

/* ###### Additional Element Classes ###### */

h1.nottoday {
    color: #888;
    margin-top: 50px;
    }

td.fp { /* Front Page  */
    padding: 0px 5px;
    }

td.hi { /* User History  */
    padding: 4px;
    }

th.stat {
    background-color: #9B9;
    background-image: url(gfx/tab_top.png);
    background-repeat: no-repeat;
    background-position: top left;
    }

th.acct {
    background-color: #E66;
    background-image: url(gfx/tab_top.png);
    background-repeat: no-repeat;
    background-position: top left;
    }

/* ###### Countdown Clock DIV ###### */

div.timeleft {
    text-align: center;
    background: url(gfx/divfade.png);
    background-repeat: repeat-x;
    padding: 3px;
   }

/* ###### Calendar Page Styles ###### */

table#calendar {
    border-collapse: collapse;
    }

td.calcell {
    padding: 4px;
    font-size: 10pt;
    width: 90px;
    height: 90px;
    border: 1px solid #79F;
    }
    td.calcell a,
    td.calcell a:link,
    td.calcell a:visited {
        color: #58A;
        }
    td.calcell a:hover,
    td.calcell a:active {
        color: #368;
        }

td.today {
    font-size: 10pt;
    border: 2px solid #069;
    background: #CEF;
    }
    td.today a,
    td.today a:link,
    td.today a:visited {
        color: #F00;
        }
    td.today a:hover,
    td.today a:active {
        color: #00F;
        }

td.nomo {
    color: #888;
    font-size: 10pt;
    background-color: #CCC;
    }
    td.nomo a,
    td.nomo a:link,
    td.nomo a:visited {
        color: #888;
        }
    td.nomo a:hover,
    td.nomo a:active {
        color: #666;
        }

span.day {
    font-size: 12pt;
    font-weight: bold;
    color: #333;
    }

/* ###### Pick SPG Page Classes ###### */

.pt {
    margin: 0;
    padding: 10px;
    padding-top: 45px;
    background-repeat: no-repeat;
    background-position: top left;
    }

.pb {
    width: 500px;
    margin: 10px 0 10px 0;
    padding: 0;
    background-image: url(gfx/per_bot.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    }

#p1b {
    background-color: #87A9FF;
    background-image: url(gfx/1_per_bot.png);
    }
#p1t {
    background-image: url(gfx/1_per.png);
    }
#p2b {
    background-color: #7FA1FF;
    background-image: url(gfx/2_per_bot.png);
    }
#p2t {
    background-image: url(gfx/2_per.png);
    }
#p3b {
    background-color: #7799FF;
    background-image: url(gfx/3_per_bot.png);
    }
#p3t {
    background-image: url(gfx/3_per.png);
    }
#pOTb {
    background-color: #6F92FF;
    background-image: url(gfx/ot_per_bot.png);
    }
#pOTt {
    background-image: url(gfx/ot_per.png);
    }
#pSOb {
    background-color: #678AFF;
    background-image: url(gfx/so_per_bot.png);
    }
#pSOt {
    background-image: url(gfx/so_per.png);
    }

/* Playoffs */
#pOT2b {
    background-color: #678AFF;
    background-image: url(gfx/so_per_bot.png);
    }
#pOT2t {
    background-image: url(gfx/ot_per.png);
    }
#pOT3b {
    background-color: #5F82FF;
    background-image: url(gfx/1_per_bot.png);
    }
#pOT3t {
    background-image: url(gfx/ot_per.png);
    }
#pOT4b {
    background-color: #577BFF;
    background-image: url(gfx/2_per_bot.png);
    }
#pOT4t {
    background-image: url(gfx/ot_per.png);
    }
#pOT5b {
    background-color: #4F74FF;
    background-image: url(gfx/3_per_bot.png);
    }
#pOT5t {
    background-image: url(gfx/ot_per.png);
    }
#pOT6b {
    background-color: #476DFF;
    background-image: url(gfx/ot_per_bot.png);
    }
#pOT6t {
    background-image: url(gfx/ot_per.png);
    }

.ptdesc {
    font-size: 18pt;
    font-weight: bold;
    float: right;
    color: #FFF;
    margin-top: -40px;
    }

/* ###### SPG Results Page Classes ###### */

.gst {
    font-size: 10pt;
    padding: 4px;
    background-image: url(gfx/fader.png);
    }

.on {
    font-weight: bold;
    background-color: #ABD;
    }

.off {
    font-size: 9pt;
    }

/* ###### Sidebar Top Class ###### */

.st {
    margin: 0;
    padding: 10px;
    background-image: url(gfx/mt_top.png);
    background-repeat: no-repeat;
    background-position: top left;
    }

/* ###### Sidebar Bottom Classes ###### */

.sb{
    width: 240px;
    margin: 0 0 20px 0;
    padding: 0;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-position: bottom left;
    }
    .sb a,
    .sb a:link,
    .sb a:visited,
    .sb a:hover,
    .sb a:active {
        color: #000;
        }

.sb1 {
    background-color: #79F;
    background-image: url(gfx/mt_bot2.png);
    }
.sb2 {
    background-color: #F66;
    background-image: url(gfx/mt_bot.png);
    }
.sb3 {
    background-color: #F00;
    background-image: url(gfx/mt_bot2.png);
    color: #FFF;
    font-size: 11pt;
    }
    .sb3 a,
    .sb3 a:link,
    .sb3 a:visited,
    .sb3 a:hover,
    .sb3 a:active {
        color: #FF0;
        }
.sb4 {
    background-color: #ACA;
    background-image: url(gfx/mt_bot2.png);
    }
.sb5 {
    background-color: #FF6;
    background-image: url(gfx/mt_bot.png);
    }

/* ###### Preferences Classes ###### */

.prefHeadOn {
    margin-top: 20px;
    background-color: #8C8;
    padding: 5px;
    }

.prefBodOn {
    border: 1px solid #8C8;
    background-color: #CFC;
    padding: 5px;
    margin-bottom: 20px;
    }

.prefHeadOff {
    margin-top: 20px;
    background-color: #F66;
    padding: 5px;
    }

.prefBodOff {
    border: 1px solid #F66;
    background-color: #FCC;
    padding: 5px;
    margin-bottom: 20px;
    }

#confirm-picks {
    background-color: #9F9;
    border: 1px solid #090;
    font-weight: bold;
    padding: 5px;
    }