/* Styles for the Application */

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

body { 
  background-color: #102940;
}

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

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

.top-area {
/*  background-color: #161E26; */ 
  background-color: #ffffff; 
}

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


td.left-border {
  background-color: white;
}


td.left-area {
  background-color: #284057;
}

td.application-area {
/*  background-color: #161E26; */
  background-color: #ffffff;
}

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

td.right-border {
  background-color: white;
}


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

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

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

/* Header Styles*/

.header {
  color: #4B0082;
  font-family: Verdana, Arial;
  font-size: 30px;
  font-weight: bold;
  TEXT-DECORATION: none
}


/* Navigation Menu Styles*/

.navigation-menu-label {
	FONT-WEIGHT: bold;
      FONT-SIZE: 10px;
      COLOR: #273d52;
      FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #fdf9bc;
      TEXT-DECORATION: none;
      PADDING-RIGHT: 5px;
      PADDING-LEFT: 5px;
      PADDING-BOTTOM: 10px;
      PADDING-TOP: 10px
}

.navigation-menu-link {
      BACKGROUND-COLOR: #ffbf00;
	FONT-WEIGHT: bold;
      FONT-SIZE: 10px;
      COLOR: #102940;
      FONT-FAMILY: Verdana;
      TEXT-DECORATION: none;
      PADDING-RIGHT: 5px;
      PADDING-LEFT: 5px;
      PADDING-BOTTOM: 5px;
      PADDING-TOP: 5px
}

.navigation-menu-link:hover {
      TEXT-DECORATION: underline;
}


/* Search Styles*/
.search-area {
      background-color: #284057;
      PADDING-LEFT: 5px;
}
.search-input {
	FONT-WEIGHT: normal;
      FONT-SIZE: 11px;
      COLOR: #000000;
      width: 150px;
      height: 17px;
      FONT-FAMILY: Verdana;
      TEXT-DECORATION: none
}
.search-label {
	FONT-WEIGHT: normal;
      FONT-SIZE: 11px;
      COLOR: #000000;
      width: 64px;
      height: 17px;
      FONT-FAMILY: Verdana;
      TEXT-DECORATION: none
}

/* Footer Styles */
.footer {
	FONT-WEIGHT: bold;
      FONT-SIZE: 10px;
      VERTICAL-ALIGN: top;
      COLOR: #fdf9bc;
      FONT-STYLE: normal;
      FONT-FAMILY: Verdana;
      BACKGROUND-COLOR: #102940;
      TEXT-ALIGN: center;
      TEXT-DECORATION: none

}

.footer-link {
	FONT-WEIGHT: bold;
      FONT-SIZE: 10px;
      VERTICAL-ALIGN: top;
      COLOR: #ffbf00;
      FONT-STYLE: normal;
      FONT-FAMILY: Verdana;
      BACKGROUND-COLOR: #102940;
      TEXT-ALIGN: center;
      TEXT-DECORATION: none

}

.footer-link:hover {
      TEXT-DECORATION: underline
}

.footer-text {
  color: #514934;
  font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none
}



/* General Styles */

.site-normal {
  color: #000000;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

a {
	FONT-WEIGHT: bold;
      FONT-SIZE: 11px;
      COLOR: #000000;
      FONT-FAMILY: Verdana;
      TEXT-DECORATION: underline
 }

UL {
	BORDER-RIGHT: #cccccc 1px solid;
      PADDING-RIGHT: 10px;
      PADDING-LEFT: 10px;
      BACKGROUND: #fffffff;
      PADDING-BOTTOM: 5px;
      MARGIN: 0px 5px 4px 0px;
      font-family: Verdana, Arial;
      font-size: 11px;
      BORDER-LEFT: #cccccc 1px solid;
      PADDING-TOP: 0px;
      BORDER-BOTTOM: #cccccc 1px solid;
      LETTER-SPACING: 0px;
}

LI {
	PADDING-RIGHT: 0px;
      PADDING-LEFT: 0px;
      PADDING-BOTTOM: 5px;
      MARGIN: 0px;
      font-family: Verdana, Arial;
      font-size: 11px;
      PADDING-TOP: 5px;
      BORDER-BOTTOM: #cccccc 1px dashed;
      LIST-STYLE-TYPE: none;
      LETTER-SPACING: 0px
}

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

/* Title Styles */

.title-label {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  font-weight: normal;
  color: black;
}

/* Subtitle Styles */

.subtitle-label {
  text-align: center;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  color: black;
}

/* Section Styles */

.section-label {
  text-align: left;
  background-color: #fdf9bc;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  color: #273d52;
}

/* Product List Styles */

.product-list-menulabel { 
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.product-list-menuitem { 
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.product-list-menutext { 
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.product-list-label {
  background-color: #f1f1ed; 
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
}

.product-list-shade {
  background-color: #f1f1ed; 
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

/* Product Detail Styles */

.product-detail-label {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
}

.product-detail-shade {
  background-color: #f1f1ed;
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.product-detail-normal {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.product-detail-text {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.product-detail-note {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

/* User Input Styles */

.userinput-menulabel {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.userinput-menuitem {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
}

.userinput-menutext {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.userinput-title {
  color: #273d52;
  background-color: #fdf9bc;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
}

.userinput-label {
  background-color:  #f1f1ed;
}

.userinput-data {
  background-color:  #f1f1ed;
}

.userinput-required {
  color: green;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
}

.userinput-optional {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
}

.userinput-normal {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

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

.userinput-note {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

/* Message Styles */

.error-message-text {
  color: red;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.error-message-item {
  color: red;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.validation-message-text {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

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

.success-message-text {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

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

/* Category Styles */

.category-menutext {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.category-normal {
/*  background-color:  #e6e6fa; */
  color: #000000;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: none;
  text-align: center;
}

.category-link { /* do not include font size */
	FONT-WEIGHT: bold;
      COLOR: #000000;
      FONT-FAMILY: Verdana;
      TEXT-DECORATION: underline
}

.category-overview-normal {
  color: #000000;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}

.category-overview-link {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  font-family: Verdana;
  text-align: left;
  vertical-align: middle;
  text-decoration: underline;
}

.category-overview-checkbox {
  text-align: center;
  vertical-align: middle;
}

/* My Account Styles */

.myaccount-text {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.myaccount-item {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.myaccount-note {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

/* General Styles */

.general-text {
  color: black;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

/* Report Styles */

.report-section {
  color: #273d52;
  background-color: #fdf9bc;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  page-break-before: always;
}

.report-subsection {
  color: black;
  background-color: #f1f1ed;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
}

.report-detail-label {
  color: black;
  background-color: #f1f1ed;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

.report-detail-normal {
  color: black;
  background-color: #f1f1ed;
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
}

/* Entry Page Styles */

.entry-page-header {
  font-family: Verdana, Arial;
  BACKGROUND-COLOR: #fdf9bc;
  font-size: 11px;
  font-weight: bold;
  COLOR: #273d52;
  TEXT-DECORATION: none;
}

.entry-page-section {
	BORDER-RIGHT: #cccccc 1px solid;
      PADDING-RIGHT: 10px;
      PADDING-LEFT: 10px;
      BACKGROUND: #ffffff;
      PADDING-BOTTOM: 0px;
      MARGIN: 0px 5px 4px 0px;
      FONT: 10px/14px Verdana, Arial, Helvetica, sans-serif;
      BORDER-LEFT: #cccccc 1px solid;
      PADDING-TOP: 0px;
      BORDER-BOTTOM: #cccccc 1px solid;
      LETTER-SPACING: 1px; voice-family: inherit
}

.entry-text {
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: normal;
  color: black;
}

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

 table.sortable a.sortheader {
  display: block;
	FONT-WEIGHT: bold;
      FONT-SIZE: 11px;
      COLOR: #000000;
      FONT-FAMILY: Verdana;
      TEXT-DECORATION: underline
 }

table.sortable a.sortheader:hover {
  display: block;
	FONT-WEIGHT: bold;
      FONT-SIZE: 11px;
      COLOR: #000000;
      FONT-FAMILY: Verdana;
      TEXT-DECORATION: underline
 }

 table.sortable span.sortarrow {
      color: black;
      text-decoration: none;
	FONT-WEIGHT: bold;
 }