/* Styles for the Application */

/**********************/
/* Page               */
/**********************/

body.page { 
  background-color: #CCCCCC;
}

/**********************/
/* Header Zone        */
/* - Top Area         */
/**********************/

.top-area {
  background-color: white;
}

/**********************/
/* Middle Zone        */
/* - Left Area        */
/* - Application Area */
/* - Right Area       */
/**********************/

td.left-area {
  background-image: url(/images/shadedSideLeft.jpg);
}

td.nav-area {
  background-color: white;  
}

td.application-area {
  background-color: white;
}

td.right-area {
  background-image: url(/images/shadedSideLeft.jpg);
}


/**********************/
/* Footer Zone        */
/* - Bottom Area      */
/**********************/

td.bottom-area {
  background-color: white;
}


/*********************************/
/* Site Header & Footer Elements */
/*********************************/

/* Navigation Menu Styles*/

.navigation-menu-label {
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.navigation-menu-link {
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  TEXT-DECORATION: underline
}


/* Search Styles*/

.search-label {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

/* Footer Styles */

.footer-menu-label {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.footer-menu-link {
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  TEXT-DECORATION: underline
}

.footer-note {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* General Styles */

.site-normal {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

A { FONT-WEIGHT: bold; font-size: 11px; COLOR: #999999; TEXT-DECORATION: underline}

A:hover { FONT-WEIGHT: bold; font-size: 11px; COLOR: #999999; TEXT-DECORATION: underline}

/******************************/
/* Application Block Elements */
/******************************/

/* Title Styles */

.title-label {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
}

/* Subtitle Styles */

.subtitle-label {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
}

/* Section Styles */

.section-label {
  text-align: left;
  background-color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #222E3A;
}

/* Entry Page Styles */

.entry-page {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.entry-page-header {
  color: #222E3A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  background-color: #CCCCCC;
}

.entry-page-section {
  border-right: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #cccccc;
}

.entry-page-link {
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  TEXT-DECORATION: underline
}

.entry-page-stat {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
}

/* Product List Styles */

.product-list-menulabel { 
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.product-list-menuitem { 
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.product-list-menutext { 
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.product-list-label {
/*  background-color: white; */
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.product-list-shade {
/*  background-color: #CCCCCC; */
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* Product Detail Styles */

.product-detail-label {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.product-detail-shade {
/*  background-color: white; */
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.product-detail-normal {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.product-detail-text {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.product-detail-note {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* User Input Styles */

.userinput-menulabel {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.userinput-menuitem {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.userinput-menutext {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.userinput-title {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.userinput-label {
/*  background-color: #CCCCCC; */
}

.userinput-data {
/*  background-color: #CCCCCC; */
}

.userinput-required {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.userinput-optional {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.userinput-normal {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.userinput-error {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
}

.userinput-note {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* Message Styles */

.error-message-text {
  color: yellow;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.error-message-item {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.validation-message-text {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.validation-message-item {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.success-message-text {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.success-message-item {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* Category Styles */

.category-menutext {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.category-normal {
  COLOR: #999999; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

/* do not include font size */
.category-link {
  FONT-WEIGHT: bold;
  font-size: 11px;
  COLOR: #999999;
  TEXT-DECORATION: underline
}

.category-overview-normal {
  COLOR: #999999; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}

.category-overview-link {
  COLOR: #999999; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  TEXT-DECORATION: underline
}

.category-overview-checkbox {
  COLOR: #999999; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

/* My Account Styles */

.myaccount-text {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.myaccount-item {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.myaccount-note {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* General Styles */

.general-text {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

/* Report Styles */

.report-section {
  background-color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #0c111f;
    page-break-before: always; 
}

.report-subsection {
/*  background-color: white; */
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.report-detail-label {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.report-detail-normal {
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* Sortable tables */
.hidden {
  visibility: hidden;
  font-size: 0px;
 }

 table.sortable a.sortheader {
 display: block;
 }

 table.sortable span.sortarrow {
 color: #cccccc;
 text-decoration: none;
 }