/**
 * pa.css
 *
 * This file defines the styles to be used in the Personal Advantage
 * application.
 */


/******************************************************************************
 * Default Font Styles
 ******************************************************************************
 * Public Area Styles:
 *   Default Styles
 *   Root Pane
 *       Header Panel
 *       Menu Panel
 *       Content Pane
 *           Center Panel
 *               Message Component
 *               Form Component
 *               Login Heading
 *       Footer Panel
 *
 ******************************************************************************
 * Private Area Styles:
 *   Default Styles
 *   Root Pane
 *       Header Panel
 *       Module Menu Panel
 *       Content Pane
 *           Left Panel
 *               Category Menu
 *                   Category Menu: Heading
 *           Center Panel
 *               Introduction Component
 *                   Introduction Component: Heading
 *               Search Component
 *               Feature Component
 *                   Feature Component: Top Section Heading
 *                   Feature Component: Bottom Section Heading
 *                   Feature Component: Module Heading
 *               Topic Browser Component
 *                   Browser Component: Heading
 *                   Browser Component: Subject
 *               Tree Topic Browser Component
 *                   Tree Browser Component: Category Heading
 *                   Tree Browser Component: Open Subject
 *                       Tree Browser Component: Open Subject Heading
 *                   Tree Browser Component: Closed Subject
 *           Right Panel
 *               Solution Centers Component
 *                   Solution Centers Component: Heading
 *       Footer Panel
 *
 ******************************************************************************
 * Default Anchor Style
 *
 * Public Area Anchors:
 *   Logon Page Anchors
 *
 * Private Area Anchors:
 *   Header Panel
 *   Menu Panel
 *   Left Panel
 *   Center Panel
 *       Center Panel Heading
 *   Right Panel
 *   Footer Panel
 *
 ******************************************************************************
 * Form Styles
 *   Login Form
 *
 ******************************************************************************/




/* Default Font Styles */
div {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #000000;
}




/**
 * Public Area Styles
 * These are the background and trim colors used in the site.
 */

/* Default Background Color And Properties For Body Block */
body.login {
  background-color: #FFFFFF;
  margin: 0;
}

/* Root Pane */

    /* Header Panel */
    .loginHeader {
      background-color: #FFFFFF;
    }

    /* Menu Panel */
    .loginMenu {
      background-color: #330066;
      border-top: 1px solid #FFCC00;
    }

    /* Content Pane */

        /* Center Panel */
        .loginCenter {
          background-color: #FFFFFF;
          border-top: 1px solid #000000;
          border-bottom: 1px solid #000000;
        }

            /* Message Component */
            .loginMessage {
              border-right: 1px solid #000000;
            }

                /* Login Date */
                .loginDate {
                  font-size: 12px;
                  color: #AAAAAA;
                  padding-top: 12px;
                  padding-bottom: 12px;
                }

            /* Heading */
            .loginHeading {
              font-size: 16px;
              font-weight: bold;
              color: #000000;
              padding-top: 12px;
              padding-bottom: 12px;
            }

    /* Footer Panel */
    .loginFooter {
      font-size: 10px;
      color: #666666;
      padding-top: 12px;
      padding-bottom: 12px;
    }




/**
 * Private Area Styles
 * These are the background and trim colors used in the site.
 */

/* Default Background Color And Properties For Body Block */
body {
  background-color: #FFFFFF;
  margin: 0;
}

/* Root Pane */
.root {
  border-right: 30px solid #DAD2C3;
}

    /* Header Panel */
    .header {
      background-color: #DAD2C3;
      font-size: 10px;
      font-weight: normal;
      color: #000000;
      border-right: 1px solid #DAD2C3;
    }

        /* Header Panel Date */
        .date {
          font-size: 10px;
          color: #AAAAAA;
          padding: 2px;
        }

    /* Module Menu Panel */
    .moduleMenu {
      background-color: #5D7FA2;
      border-right: 1px solid #FFFFFF;
      border-bottom: 3px solid #999999;
      padding-top: 2px;
      padding-left: 12px;
      padding-bottom: 2px;
    }

    /* Content Pane */
    .content {
      border-top: 1px solid #FFFFFF;
      border-left: 12px solid #999999;
      border-right: 1px solid #FFFFFF;
      border-bottom: 1px solid #999999;
    }

        /* Left Panel */
        td.left {
          background-color: #FFFFFF;
        }

            /* Category Menu Component */
            .categoryMenu {
              background-color: #F5F5F5;
              border-left: 1px solid #FFFFFF;
              border-bottom: 1px solid #CCCCCC;
            }

                /* Category Menu: Heading */
                .categoryMenuHeading {
                  background-color: #999999;
                  border-top: 1px solid #FFFFFF;
                  font-size: 10px;
                  font-weight: bold;
                  color: #FFFFFF;
                }

        /* Center Panel */
        td.center {
          background-color: #FFFFFF;
          border-left: 1px solid #FFFFFF;
          border-right: 1px solid #FFFFFF;
        }

            /* Introduction Component */
            .introduction {
              border-top: 1px solid #999999;
              border-bottom: 1px solid #999999;
            }

                /* Introduction Component: Heading */
                .moduleHeading {
                  font-size: 16px;
                  font-weight: bold;
                  color: #666666;
                }

            /* Search Component */
            .search {
              background-color: #F5F5F5;
              border: 1px solid #CCCCCC;
            }

            /* Feature Component */

                /* Feature Component: Top Section Heading */
                .featureTopHeading {
                  background-color: #CBD7E3;
                }

                /* Feature Component: Bottom Section Heading */
                .featureBottomHeading {
                  background-color: #FFFFFF;
                }

                /* Feature Component: Module Heading */
                .featureModule {
                  font-size: 12px;
                  font-weight: bold;
                  color: #330066;
                }

            /* Topic Browser Component */
            .browser {
              background-color: #FFFFFF;
            }

                /* Browser Component: Heading */
                .browserHeading {
                  background-color: #CBD7E3;
                  font-size: 12px;
                  font-weight: bold;
                  color: #FFFFFF;
                }

                /* Browser Component: Subject */
                .browserSubject {
                  border-bottom: 1px dashed #BBBBBB;
                  padding: 5px;
                }

            /* Tree Topic Browser Component */

                /* Tree Browser Component: Category Heading */
                .treeBrowserCategoryHeading {
                  font-family: verdana, arial, sans-serif;
                  font-size: 24px;
                  font-weight: bold;
                }

                /* Tree Browser Component: Open Subject */
                .treeBrowserOpen {
                  background-color : #F3F5FF;
                  border: 1px dashed #BBBBBB;
                  padding: 1px;
                }

                    /* Tree Browser Component: Open Subject Heading */
                    .treeBrowserOpenHeading {
                      font-size: 16px;
                      font-weight: bold;
                    }

                /* Tree Browser Component: Closed Subject */
                .treeBrowserClosed {
                  list-style-image: url('cache?name=bullet_guide.gif');
                  padding-bottom: 5px;
                }

        /* Right Panel */
        td.right {
          background-color: #FFFFFF;
        }

            /* Solution Centers Component */
            .solutionCenters {
              background-color: #E0E3EF;
              font-size: 10px;
              font-weight: normal;
              color: #666666;
            }

                /* Solution Centers Component: Heading */
                .solutionCentersHeading {
                  background-color: #999999;
                  border-bottom: 1px solid #FFFFFF;
                  font-size: 10px;
                  color: #FFFFFF;
                  text-align: center;
                  padding: 2px;
                }

    /* Footer Panel */
    .footer {
      background-color: #FFFFFF;
      border-right: 1px solid #FFFFFF;
      font-size: 12px;
      font-weight: normal;
      color: #666666;
    }




/**
 * Default Anchor Style
 * If no class selector is defined for an <a> element then it will inherit the
 * following style. The font size for the Default Anchor Style has to be the
 * same as the font size for the Default Font Style defined above for <body>.
 */

a:link {
  font-family: verdana, arial, sans-serif;
  font-size: 11x;
  font-weight: bold;
  color: #333333;

}

a:active {
  font-family: verdana, arial, sans-serif;
  font-size: 11x;
  font-weight: bold;
  color: #333333;
}

a:visited {
  font-family: verdana, arial, sans-serif;
  font-size: 11x;
  font-weight: bold;
  color: #333333;
}

a:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 11x;
  font-weight: bold;
  color: #754C3C;
  text-decoration: none;
}




/**
 * Public Area Anchor Styles
 * These are the anchor styles used in the Login page.
 */

/* Logon Page Anchors */
a:link.login {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #333333;
  text-decoration: underline;
}

a:active.login {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #333333;
  text-decoration: underline;
}

a:visited.login {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #333333;
  text-decoration: underline;
}

a:hover.login {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #754C3C;
  text-decoration: none;
}




/**
 * Private Area Anchors
 * These are the anchor styles used for the private pages.
 */

/* Header Panel */
a:link.header {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:active.header {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:visited.header {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:hover.header {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #754C3C;
  text-decoration: none;
}

/* Menu Panel */
a:link.menu {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

a:active.menu {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

a:visited.menu {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

a:hover.menu {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #CBD7E3;
  text-decoration: underline;
}

/* Left Panel */
a:link.left {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:active.left {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:visited.left {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:hover.left {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #754C3C;
  text-decoration: none;
}

/* Center Panel */
a:link.center {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:active.center {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:visited.center {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:hover.center {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #754C3C;
  text-decoration: none;
}

    /* Center Panel Headings */
    a:link.centerHeading {
      font-family: verdana, arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: #333333;
      text-decoration: underline;
    }

    a:active.centerHeading {
      font-family: verdana, arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: #333333;
      text-decoration: underline;
    }

    a:visited.centerHeading {
      font-family: verdana, arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: #333333;
      text-decoration: underline;
    }

    a:hover.centerHeading {
      font-family: verdana, arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: #754C3C;
      text-decoration: none;
    }

/* Right Panel */
a:link.right {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:active.right {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:visited.right {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}

a:hover.right {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #754C3C;
  text-decoration: none;
}

/* Footer Panel */
a:link.footer {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
  text-decoration: underline;
}

a:active.footer {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #754C3C;
  text-decoration: underline;
}

a:visited.footer {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #999999;
  text-decoration: underline;
}

a:hover.footer {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #754C3C;
  text-decoration: none;
}




/**
 * Form Styles
 */
 form {
   margin-top: 0px;
   margin-bottom: 0px;
 }

input {
  font-size: 10px;
  font-weight: bold;
  font-family: verdana, arial, sans-serif;
  border: 1px solid #5D7FA2;
}

textarea {
  font-size: 10px;
  font-weight: normal;
  font-family: verdana, arial, sans-serif;
  border: 1px solid #5D7FA2;
}

select {
  font-size: 10px; padding: 0px;
  font-weight: bold;
  font-family: verdana, arial, sans-serif;
  border: 1px solid #5D7FA2;
}

/* Style for all input tags */
.tag {
  font-size: 12px;
  font-weight: bold;
  font-family: verdana, arial, sans-serif;
  color: #000000
}

/* This is the style for form notes */
.note {
  font-size: 12px;
  font-weight: normal;
  font-family: arial, verdana, sans-serif;
  font-style: italic;
  color: #FFFFFF
}

/* Note background color */
.noteBackground {
  background-color: #FFFFFF;
}

/* Form Background Color */
.formBackground {
  background-color: #FFFFFF;
}

/* Form Border Color */
.formBorder {
  background-color: #330066;
}




/**
 * Login Form
 */

/* Form Component */
form.loginForm {
  margin-left: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Input */
input.loginInput {
  font-size: 10px;
  font-weight: bold;
  font-family: verdana, arial, sans-serif;
  margin-bottom: 2px;
  border: 1px solid #5D7FA2;
}

/* Form Tags */
.loginTag {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}