/* Sets font family, color, background color.  Body has no padding around edges. */
body
{
  color: #000000;
  font-weight: normal;
  letter-spacing: normal;
  word-spacing: normal;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  border: 0px
}


/* -------------------------------------------------------------------------------------------
   HEADINGS - These heading classes should be used instead of the corresponding HTML tags. This
              is because there are problems overriding the default values of the HTML tags.
   ------------------------------------------------------------------------------------------- */
.h1, .h2, .h3, .h4
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

/* Heading 1 which replaces the <h1> tag. */
.h1
{
  color: #330066 ;
}

/* Heading 2 which replaces the <h2> tag. */
.h2
{
  color: #990000;
}

/* Heading 3 which replaces the <h3> tag. */
.h3
{
  color: #000000;
}

/* Heading 4 which replaces the <h4> tag. */
.h4
{
  font-size: 12px;
  color: #000000;
}

/* -------------------------------------------------------------------------------------------
   FORM
   ------------------------------------------------------------------------------------------- */
.form, .formHighlight, .formHighlight, .formUppercase, .formUppercaseHighlight
{
  font-family: "Courier New", Courier, mono;
  font-size: 12px
}

/* Sets font and font size of form objects. */
.formHighlight
{
  background: #FFFF00
}

/* Sets font and font size.  Forces characters to uppercase.  Usually used on text boxes. */
.formUppercase
{
  text-transform: uppercase;
}

/* Sets font and font size and color.  Forces characters to uppercase.  Usually used on text boxes. */
.formUppercaseHighlight
{
  text-transform: uppercase;
  background: #FFFF00
}


/* -------------------------------------------------------------------------------------------
   FONT
   ------------------------------------------------------------------------------------------- */
/* Sets font to small size. */
.small
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: normal;
  word-spacing: normal
}

/* Sets font to small bold. */
.smallBold
{
  font-size: 11px;
  font-weight: bold;
}

/* Set font to bold. */
.bold
{
  font-weight: bold;
}

/* Sets font to red bold. */
.alert
{
  font-weight: bold;
  color: #990000;
}

/* Sets font, font size, color and indents text. */
.instructions
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-indent: 5pt
}

/* Used for Numbering on the Instructions page */
/* Example: Enrollment Instructions page */
.numbering
{
  font-family: Arial, Helvetica, sans-serif;
  color: #993333;
  font-size: 15px;
  font-weight: bold;
}

/* Sets font size and font family for menu on the side on */
/* general administration, standard reports and custom box pages.*/
.custombox
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.highlightCheckbox
{
  border: none;
  background: #99FF99
}

.uppercaseHighlight
{
  text-transform: uppercase;
  background: #FFFF00
}

.uppercase
{
  text-transform: uppercase;
}

/* -------------------------------------------------------------------------------------------
   TABLE CELLS
   ------------------------------------------------------------------------------------------- */
th, th.highlight, tr.odd, tr.even, tr.presentation
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 2px;
  padding: 2px
}

/* Purple background, white foreground, bold text. */
th
{
  font-weight: bold;
  color: #FFFFFF;
  background-color: #330066;
}

/* Light purple background. */
th.highlight
{
  background-color: #876ba4;
}

/* Light purple background. */
th.dataBackground
{
  background-color: #cccccc;
}

/* White background. */
tr.odd
{
  background-color: #FFFFFF;
}

/* Light gray background. */
tr.even
{
  background-color: #EEEEEE;
}

/* Off yellow background. */
tr.presentation
{
  background-color: eeeecc;
}

/* Bright yellow background. */
td.highlight
{
  background: #FFFF00
}

td.errormsgs
{
  background: #FFFF00;
  font-weight: bold;
  color: #ff0000;
}

/* -------------------------------------------------------------------------------------------
   TABLES
   ------------------------------------------------------------------------------------------- */
table.normal, table.toolbar, table.data, table.frameHolder, table.banner
{
  width: 100%;
  padding: 0px;
  border-style: none;
  background-position: center center;
  empty-cells : show;
  position: relative;
}

/* Tan table used to hold menu and logo at the top of the page. */
table.banner
{
  background-color: eeeecc;
  white-space: nowrap;
  border: 0px;
}

/* White table with 98% width and padding. For general use anywhere on page.*/
table.normal
{
  width: 98%;
  background-color: #ffffff;
  padding: 2px;
}

/* White table with 98% width.
   Tnis is meant to be used to group other tables of class data, toolbar, and
   frameHolder.  Grouping these tables inside a pane will cause all of the
   tables to be of the same width.*/
table.pane
{
  width: 98%;
  background-color: #ffffff;
}

/* Gray table with padding.
   Normally used in conjunction with "tr.even" and "tr.odd" to display a data
   grid.  The gray color and padding allow for a light gray border without the
   3D look of a standard border.*/
table.data
{
  background-color: #cccccc;
  padding: 2px;
}

/* Gray table with no padding.  Used to hold iframes. */
table.frameHolder
{
  background-color: #CCCCCC;
}

/* Gray table with outset border used to hold toolbar items. */
table.toolbar
{
  background-color: #CCCCCC;
  border: 1px outset;
}


/* -------------------------------------------------------------------------------------------
   MENU
   ------------------------------------------------------------------------------------------- */
/* Sets the background color and font color of the non-active menu item. */
.menu
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: cccccc;
  text-align: center;
  text-transform: uppercase
}

/* Sets the background color and font color of the active menu item. */
.menuActive
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background-color: 330066;
  text-align: center;
  text-transform: uppercase
}

/* Sets the background image that is used for the menu bars. */
.menuPlaceholder
{
  background-image: url("/static/images/menu/bkgrd.gif");
  background-repeat: repeat-x;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 10px;
  position: relative;
  white-space: nowrap;
}

/* Sets the background image that is used for the menu bars. */
.menuPlaceholderBottom
{
  background-image: url("/static/images/menu/bkgrd.gif");
  background-repeat: repeat-x;
  background-position: bottom;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 10px;
  position: relative;
  white-space: nowrap;
}


/* Sets the background color and font color of the non-active submenu item. */
.submenu
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background-color: 330066;
  text-align: center;
  white-space: nowrap
}

/* Set the background color and font color of the active submenu item. */
.submenuActive
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #990000;
  background-color: ffffff;
  text-align: center;
  white-space: nowrap
}

/* Table holding the submenu items. */
.submenuPlaceholder
{
  background-color: 330066;
  width: 100%;
  white-space: nowrap;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px ;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px
}

/* Sets font color to gray. */
.suppress
{
  color: #666666;
}


/* -------------------------------------------------------------------------------------------
   ANCHOR
   ------------------------------------------------------------------------------------------- */
/* Anchor with underline. */
a
{
  color: 663399;
  text-decoration: underline;
}

/* Anchor's which occur in a header cell. */
a.header
{
  color: EEEEEE;
}

/* Anchor underlined when hovered over. */
a:hover
{
  text-decoration: underline;
}

/* Michigan stuff */

.ListRow
{
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: Verdana;
    HEIGHT: 10pt
}

.ListCopyright
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
    HEIGHT: 10pt
}