/* CSS Document */

/**
 * 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 */

/**
 * 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;
}
.brownfill {
      background-color: #996633;
    }body {
  background-color: #ffffff;
  margin: 0;
}

	
.bluefill {
      background-color: #282f74;
    }
	
.ltbluefill {
      background-color: #9C9DD2;
    }
		
.headerlogo { background: url('images/logo.png'); background-color: #FFFFFF; background-repeat: no-repeat; width:215;	height:92; }


        /* Header Panel Date */
        .date {
          font-size: 9px;
          color: #123d86;
          padding: 2px;
        }
		
    /* Main Panel */
    .mainpanel {
      background-color: #FFFFFF;
      border-top: 1px solid #FFFFFF;
	  border-bottom: 1px solid #FFFFFF;
    }

    /* Main Panel */
    .mainimage {
      background-color: #FFFFFF;
      border-right: 1px solid #FFFFFF;
	  border-left: 1px solid #FFFFFF;
    }
	
.spotlightHeading { background-color: #d7792b; border-right: 1px solid #d7792b; width:216; height:14; }

    /* spotlightContent Panel */
    .spotlightContent {
      width:215;
      height:153;
      background-color: #fffbe4;
      border-right: 1px solid #d7792b;
      border-bottom: 1px solid #d7792b;
	  border-top: 1px solid #d7792b;
	  border-left: 1px solid #d7792b;
    }

.spotlightfont {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;

}

.sl_headerOrange {
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #D7792C;

}

.sl_headerYellow {
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FDC745;

}
.sl_header {
  padding: 6px;

}

a:link.sl_read {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #D7792C;
  padding: 6px;
  text-decoration: none;
}

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

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

a:hover.sl_read {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #282f74;
  padding: 6px;
  text-decoration: none;
}

a:link.contact {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #D7792C;
  padding: 6px;
  text-decoration: none;
}

a:visited.contact {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #D7792C;
  padding: 6px;
  text-decoration: none;
}

a:active.contact {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #D7792C;
  padding: 6px;
  text-decoration: none;
}

a:hover.contact {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #282f74;
  padding: 6px;
  text-decoration: none;
}

.sl_text {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #282f74;
  padding: 6px;

}

.servicefont {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #d7792b;

}

.pricetext {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #D7792C;

}

.contacttext {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #1A1C96;

}
.contacthead {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #D7792C;

}

.smpricetext {
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #D7792C;

}

.pricetextbl {
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #1A1C96;

}

.priceheader {
  font-family: verdana, arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  color: #D7792C;

}

    /* Module Menu Panel */
    .moduleMenu {
      background-color: #DBE7F1;
      border-right: 1px solid #003399;
      border-bottom: 3px solid #123d86;
	  border-top: 1px solid #123d86;
      padding-top: 2px;
      padding-left: 12px;
      padding-bottom: 2px;
    }

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


/**
 * 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: 11px;
  font-weight: normal;
  color: #D7792C;
  text-decoration: none;

}

a:active {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #D7792C;
  text-decoration: none;
}

a:visited {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #D7792C;
  text-decoration: none;
}

a:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 11x;
  font-weight: normal;
  color: #282f74;
  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: normal;
  color: #999999;
  text-decoration: none;
}

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

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

a:hover.header {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #123d86;
  text-decoration: none;
}
.brownfill {
	background-color: #3F2914;
}
.ltbrownfill {
	background-color: #999966;
}