/* Copyright (c) 2006, 2007 Jim Sauer All Rights Reserved */
/* Optimize screen for 800 pixels wide... shoot for a table 760px wide. */
/* Color Pallette:  
___Greens_______________________________
        #006B33  (000, 107, 051)  Dark Green         [left column, surrounds]
        #00A33D  (000, 163, 061)  Light Green        [top nav]
        #AADD99  (170, 221, 153)  Very Light Green   [body, textbox background]
___Links________________________________
        #0000FF  (000, 000, 255)  Blue               [regular link]
        #8A2BE2  (138, 043, 226)  Purple             [visited link]
        #0000AA  (000, 000, 170)  Darker Blue        [external link]
        #4B0082  (075, 000, 130)  Darker Purple      [visited purple link]
___Shades of gray_______________________
        #000000  (000, 000, 000)  Black
        #333333  (051, 051, 051)  Dark Gray
        #AAAAAA  (170, 170, 170)  Medium Gray
        #F0F0F0  (240, 240, 240)  Light Gray
        #FFFFFF  (255, 255, 255)  White
___Other________________________________
        #FF0000  (255, 000, 000)  Red                [emphasis... time display, debug boundry]

Each style should go in this order:  
    - Border
    - Padding
    - Size
    - Background
    - Font
    - Alignment
*/

/* ********************************************** */

    BODY {
        padding:              0px;
        font-size:           11pt;
        text-align:        center;
    }

/* ********************************************** */

    TABLE {
        border:                  0px solid #FFFF00;
        border-collapse: collapse;
        table-layout:       fixed;
    }

    TABLE.classCenter {
        width:              580px;
        text-align:          left;
    }
    TABLE.classMasterTable {
        width:              758px;
    }
    TABLE.classLeftnav {
        width:              140px;
        text-align:        center;
    }

/* ********************************************** */

    TD {
        border:               0px solid #664400;
        padding:              0px;
    }


/* ********************************************** */

    FORM {
        margin:               0px;
    }

/* ********************************************** */

    IMG {
        border:               0px;
    }

    IMG.class25x {
        height:              25px;
        width:               25px;
    }

/* ********************************************** */

    SPAN.classRed {
        color:            #FF0000;  /* red */
        font-weight:         bold;
    }

    SPAN.tinyText {
        font-size:  9pt;
        font-style:        italic;
    }

    SPAN.classBig {
        font-size:           15pt;
        font-weight:         bold;
    }

/* ********************************************** */

    TD.bordered {
        border-bottom:           1px solid #ddeeee;
        border-top:              1px solid #ddeeee;
        vertical-align:       top;
        visibility:       visible;
    }

    TD.borderedCentered {
        border-bottom:           1px solid #ddeeee;
        border-top:              1px solid #ddeeee;
        vertical-align:      top;
        text-align:       center;
    }

    TR.classInactive {
        background-color:  #ffffff;
        color:             #aaaaaa;
    }
    TR.classActive {
        background-color:  #FFFFFF;
        color:             #000000;
    }
    
    TD.classColumnLeft {
        background-image:        url(images/live/drop_bowl.jpg);
        background-repeat:       no-repeat;

        background-color: #006B33;  /* dark green */

        padding-left:         5px;
        vertical-align:       top;
    }
    TD.classColumnCenter {
        height:             500px;
        padding-top:          5px;
        padding-bottom:       5px;
        text-align:          left;

        vertical-align:       top;
    }
    TD.classColumnRight {
        background-color: #006B33;  /* dark green */
    }

    TD.classCrossbarRight {
        border-bottom:           1px solid #006B33;

        padding-top:          1px;
        padding-bottom:       1px;
        background-color: #00A33D;  /* light green */

        text-align:         right;
    }
    TD.classCrossbarLeft {
        height:              28px;
        border-bottom:           1px solid #006B33;

        background-color: #00A33D;  /* light green */

        color:            #333333;  /* dark gray */
        font-weight:       normal;
        font-size:           10pt;
        font-style:        italic;
        text-align:          left;
        vertical-align:    middle;
    }
    
    TD.classCrossbarBottom {
        border-bottom:           1px solid #006B33;
    }
    TD.classLeftnav {
        background-color: #AADD88;  /* very light green */
        border:                  2px solid #00a33d;
        text-align:        center;
    }

    TD.classClosing {
        padding-top:          6px;
        background-color: #ffffff;

        color:            #445544;
        font-size:            9pt;
        text-indent:          7px;
        text-align:          left;
    }

    TD.classCollapser {
        display:            block;

        text-align:        center;
        vertical-align:    bottom;

        padding-top:         10px;
        padding-bottom:       5px;
    }

    TD.classHeader {
        padding-top:         10px;
        padding-bottom:       4px;

        border-bottom:       1px solid #006b33;

        color:            #006b33;
        font-size:           14pt;
        font-weight:         bold;
        font-style:        italic;
        vertical-align:    bottom;
    }

    TD.classHelp {
        color:            #006b33;
        font-size:           10pt;
    }

    TD.classSpacerHorizontal{
        font-size:  2px;
    }

    TD.classNormal {
        padding-top:          4px;
    }
    
    TD.classScroller {
        border-top:              1pt #AAAAAA solid;  /* medium gray */
        border-bottom:           1pt #AAAAAA solid;  /* medium gray */
        color:            #333333;  /* dark gray */
        background-color: #F0F0F0;  /* light gray */
        font-weight:       normal;
        font-size:            9pt;
        text-align:        center;
        text-decoration:     none;
    }
    
/* ********************************************** */

    A {
        text-decoration: underline;
    }
    A.classButton {
        font-size:            9pt;
        font-weight:         bold;
        color:            #0000FF;  /* blue */
    }
    A.classButtonLeftnav {
        width:              136px;
        font-size:           10pt;
        font-family:   sans-serif;
        font-weight:         bold;
        color:            #0000FF; /* blue */
        display:            block;
    }
    A.classLink {
        color:            #0000FF; /* blue */
    }
    A.classLinkExternal {
        background-image:        url('images/live/external.gif');
        background-repeat:       no-repeat;
        padding-left:        15px;
        color:            #0000AA;  /* darker blue */
    }
    A.classLinkAdd {
        color:            #0000FF; /* blue */
        font-size:            9pt;
        font-style:        italic;
        font-family:   sans-serif;
        font-weight:       normal;
        text-decoration:     none;
    }

    A.classButton:VISITED {
        color:            #8A2BE2;  /* purple */
    }
    A.classLink:VISITED {
        color:            #8A2BE2;  /* purple */
    }
    A.classLinkExternal:VISITED {
        background-image:        url('images/live/external_purple.gif');
        background-repeat:       no-repeat;
        padding-left:        15px;
        color:            #4B0082;  /* darker purple */
    }

/* ********************************************** */

    INPUT.classTextbox {
        background-color: #AADD88;  /* very light green */
        color:            #000000;  /* black */
        font-size:           10pt;
    }
    
    BUTTON.classButtonSmall {
        width:               55px;
        background-color: #AADD88;  /* very light green */
        color:            #0000FF;  /* blue */
        font-size:            8pt;
        font-weight:         bold;
        cursor:           pointer; 
    }
    BUTTON.classButtonScroller {
        width:               auto;
        overflow:         visible;

        border:              none;
        background-color: #F0F0F0;  /* light gray */
        color:            #0000FF;  /* blue */
        font-size:            8pt;
        text-decoration: underline;
        cursor:           pointer; 
    }
    BUTTON.classButtonCollapser {
        width:               20px;
        background-color: #FFFFFF;  /* white */
        color:            #0000FF;  /* blue */
        font-size:            8pt;
        font-weight:       normal;
        border:              none;
        cursor:           pointer; 
    }
    BUTTON.classButtonEdit {
        width:               35px;
        background-color: #FFFFFF;  /* white */
        color:            #0000FF;  /* blue */
        font-size:            9pt;
        font-style:        italic;
        font-family:   sans-serif;
        border:              none;
        cursor:           pointer;
    }
    BUTTON.classButtonHide {
        border: 1px solid #0000FF;  /* blue */
        width:               45px;
        background-color: #FFFFFF;  /* white */
        color:            #0000FF;  /* blue */
        font-size:            8pt;
        font-weight:         bold;
        cursor:           pointer; 
    }
    BUTTON.classButtonShow {
        border: 1px solid #0000FF;  /* blue */
        width:               45px;
        background-color: #0000FF;  /* blue */
        color:            #FFFFFF;  /* white */
        font-size:            8pt;
        font-weight:         bold;
        cursor:           pointer; 
    }
    BUTTON.classButtonLarge {
        width:              100px;
        background-color: #AADD88;  /* very light green */
        color:            #0000FF;  /* blue */
        font-size:            8pt;
        font-weight:         bold;
        cursor:           pointer; 
    }

/* ********************************************** */

    TD.classIconLabel {
        background-image:         url('images/live/25_No.jpg');
        background-repeat:        repeat-x;
        
        color:             #006b33;
        font-weight:          bold;
        text-align:         center;
    }

    TD.classIconImage {
        background-image:        url('images/live/vegetarian.gif');
        background-repeat:       no-repeat;
    }

/*
    TD.iconMeatYes {
        height:               25px;
        background-image:        url('images/live/25_meat_yes.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconMeatMaybe {
        height:               25px;
        background-image:        url('images/live/25_meat_maybe.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconMeatNo {
        height:               25px;
        background-image:        url('images/live/25_no.jpg');
        background-repeat:       no-repeat;
    }

    TD.iconPoultryYes {
        background-image:        url('images/live/25_poultry_yes.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconPoultryMaybe {
        background-image:        url('images/live/25_poultry_maybe.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconPoultryNo {
        background-image:        url('images/live/25_no.jpg');
        background-repeat:       no-repeat;
    }

    TD.iconSeafoodYes {
        background-image:        url('images/live/25_seafood_yes.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconSeafoodMaybe {
        background-image:        url('images/live/25_seafood_maybe.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconSeafoodNo {
        background-image:        url('images/live/25_no.jpg');
        background-repeat:       no-repeat;
    }

    TD.iconDairyYes {
        background-image:        url('images/live/25_dairy_yes.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconDairyMaybe {
        background-image:        url('images/live/25_dairy_maybe.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconDairyNo {
        background-image:        url('images/live/25_no.jpg');
        background-repeat:       no-repeat;
    }

    TD.iconEggYes {
        background-image:        url('images/live/25_egg_yes.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconEggMaybe {
        background-image:        url('images/live/25_egg_maybe.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconEggNo {
        background-image:        url('images/live/25_no.jpg');
        background-repeat:       no-repeat;
    }

    TD.iconOtherYes {
        background-image:        url('images/live/25_other_yes.jpg');
        background-repeat:       no-repeat;
    }
    TD.iconOtherMaybe {
        background-image:         url('images/live/25_other_maybe.jpg');
        background-repeat:        no-repeat;
    }
    TD.iconOtherNo {
        background-image:         url('images/live/25_no.jpg');
        background-repeat:        no-repeat;
    }
*/

/* ********************************************** */

    TD.spacerA1   { width: 157px; }
    TD.spacerA2   { width: 200px; }
    TD.spacerA3   { width: 400px; }
    TD.spacerA4   { width:   1px; }

    TD.spacerDP00 { width:  20px; }
    TD.spacerDP01 { width:  20px; }
    TD.spacerDP02 { width: 270px; }
    TD.spacerDP03 { width:   5px; }
    TD.spacerDP04 { width: 105px; }
    TD.spacerDP05 { width:   5px; }
    TD.spacerDP06 { width:   5px; }
    TD.spacerDP07 { width:   5px; }
    TD.spacerDP08 { width:   5px; }
    TD.spacerDP09 { width:   5px; }
    TD.spacerDP10 { width:   5px; }
    TD.spacerDP11 { width:   5px; }
    TD.spacerDP12 { width:  25px; }
    TD.spacerDP13 { width:  25px; }
    TD.spacerDP14 { width:  25px; }
    TD.spacerDP15 { width:  25px; }
    TD.spacerDP16 { width:  25px; }

    TD.spacerDK00 { width:  20px; }
    TD.spacerDK01 { width:  20px; }
    TD.spacerDK02 { width:  60px; }
    TD.spacerDK03 { width: 150px; }
    TD.spacerDK04 { width: 255px; }
    TD.spacerDK05 { width:   5px; }
    TD.spacerDK06 { width:   5px; }
    TD.spacerDK07 { width:   5px; }
    TD.spacerDK08 { width:   5px; }
    TD.spacerDK09 { width:   5px; }
    TD.spacerDK10 { width:   5px; }
    TD.spacerDK11 { width:   5px; }
    TD.spacerDK12 { width:   5px; }
    TD.spacerDK13 { width:   5px; }
    TD.spacerDK14 { width:   5px; }
    TD.spacerDK15 { width:   5px; }
    TD.spacerDK16 { width:  20px; }

    TD.spacerLE00 { width:  20px; }
    TD.spacerLE01 { width:  50px; }
    TD.spacerLE02 { width:  50px; }
    TD.spacerLE03 { width:  50px; }
    TD.spacerLE04 { width:  10px; }
    TD.spacerLE05 { width: 380px; }
    TD.spacerLE06 { width:   1px; }
    TD.spacerLE07 { width:   1px; }
    TD.spacerLE08 { width:   1px; }
    TD.spacerLE09 { width:   1px; }
    TD.spacerLE10 { width:   1px; }
    TD.spacerLE11 { width:   1px; }
    TD.spacerLE12 { width:   1px; }
    TD.spacerLE13 { width:   1px; }
    TD.spacerLE14 { width:   1px; }
    TD.spacerLE15 { width:   1px; }
    TD.spacerLE16 { width:   1px; }