/*
    Notes:
    - The SPAN tag is an inline element, which means it works with
      text or items that are on the same line, similar to the B, bold tag.
    - The DIV tag is a block element, which means it works with blocks of
      text or items, similar to the P, paragraph tag.
*/


body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    background-color: #4B4B7C;
    color: #000000;
}

p,* {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;

}

td.header {
    background-image:  url("images/header_stretch.jpg");
}

.small {
    font-size: 9px;
    margin: 0 0 0 0;
}

.error {
    margin: 0 0 0 0;
    color: red;
}

.success {
    margin: 0 0 0 0;
    color: green;
}

.message {
    margin: 10px 10px 10px 10px;
    color: blue;
    background-color: #c7a194;
    border: thin solid black;
    padding: 2px;
}

.nav {
    margin: 5px 0 0 5px;
    color: blue;
}
.nav_selected {
    margin: 5px 0 0 5px;
    color: black;
    background-color: #9cb6ef;
}

.white {
    margin: 0 0 0 0;
    color: white;
}

.stats {
    margin: 0 0 0 0;
    color: white;
    text-align: center;
}
.stats_row_head {
    margin: 0 0 0 0;
    color: white;
    text-align: left;
}

.forminput {
    margin: 5px 0 0 0;
}

b {
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #4A4D8C;
}

i {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    color: #000066;
}

.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-variant: normal;
    color: #9cb6ef;
    margin: 5px 0 0 0;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #336666;

}

.instruction {
    font-style: italic;
    font-weight: normal;
    color: #333399;
    margin: 0 0 0 0;
}

.comix {
    font-family: "Comic Sans MS", sans-serif
}



/************************ Main Table Setup  for Easy Simple Calendar Incluidng Date Number Fonts, Size and Color *********************/
.mainTable {
    background-color: #FFFFFF;
    border: 1px solid #003366;
 }

/* Month and Year Row Setup */
.monthYearRow {
    line-height: 17pt;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    background-image: url(images/monthBg.gif);
    }
/* Month and Year Text Setup */
.monthYearText {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: Bold;
    color: #252216;
    }

/* Day Names Row Setup */
.dayNamesRow {
    line-height: 11pt;
    background-color: #F5F4D3;
    text-align: center;
    vertical-align: middle;
    }
/* Day Name Setup */
.dayNamesText {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: Bold;
    color: #433D27;
    background-image: url(images/dayBg.gif);
    }

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #433D27;
    line-height: 15pt;
    text-align: center;
    vertical-align: middle;
    }

/* Color of Today's Date */
a.today {
    color: #CF0000;
    font-weight: Bold;
    text-decoration: none;
}

a.copyright {
    color: blue;
    font-size: 9px;
    text-decoration: none;
    margin: 0 0 0 0;
}

a.no_underline {
    text-decoration: none;
}

/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

Remove the "background-image..." lines to remove graphics as table cell background images.

If you do use images, change the "background-color..." to a similar color to that
of your image. This will help persons with slow connections to see the event markings.

You can optionally remove the "background-color..." lines to only use graphics.
*/

/* ------------------------------------------------------------------*/
td.light_grey {
    background-image:  url("images/light_grey.gif");
    background-color: #EEEEEE;
}

/* ------------------------------------------------------------------*/
.dark_grey {
    background-image:  url("images/dark_grey.gif");
    background-color: #EBEBEB;
    }

/* ------------------------------------------------------------------*/
td.bluegreen {
    background-image:  url("images/blue_green.gif");
    background-color: #EBEBEB;
}

/* ------------------------------------------------------------------*/
td.greenblue {
    background-image:  url("images/green_blue.gif");
    background-color: #EBEBEB;
}

/* ------------------------------------------------------------------*/
td.greenblack {
    background-image:  url("images/green_black.gif");
    background-color: #EBEBEB;
}

/* ------------------------------------------------------------------*/
td.redgreen {
    background-image:  url("images/red_green.gif");
    background-color: #EBEBEB;
}

/* ------------------------------------------------------------------*/
td.greenred {
    background-image:  url("images/green_red.gif");
    background-color: #EBEBEB;
}

/* ------------------------------------------------------------------*/
td.redred {
    background-image:  url("images/all_red.gif");
    background-color: #EBEBEB;
}

/* ------------------------------------------------------------------*/
td.greengreen {
    background-image:  url("images/all_green.gif");
    background-color: #EBEBEB;
}

/* ------------------------------------------------------------------*/
td.blueblue {
    background-image:  url("images/all_blue.gif");
    background-color: #EBEBEB;
}

/* ------------------------------------------------------------------*/
td.blackblack {
    background-color: #000000;
    color: white;
}

/* ------------------------------------------------------------------*/
td.blackgreen {
    background-image:  url("images/black_green.gif");
    background-color: #EBEBEB;
}