/*****************************************************************
Title: left_bar.css

This file contains the style specification for the overall
HO-Additional navigation. The page-menu contains menu-items on
3 levels. These are structured (HTML) in (nested) list-items. 
The levels are called:
  1. The first level are structured direct under the pageMenu 
  2. The second level is called unit
  3. The third level is called compound
*****************************************************************/

/*****************************************************************
class: pageMenu

The pageMenu contains all navigation levels. With these definition
generic style-rules are set.
*****************************************************************/


/*****************************************************************
element: start button

The start-button is generated to fascilitate a link to the 'home'
page of the application.
The HO additional does NOT support the start button. Since the button
will be generated by the help of generic xslt, the button must be
hidde.
*****************************************************************/
.startDefault,
.startActive {
  display: none;
}

/*****************************************************************
element: first level navigation
*****************************************************************/


	
/*****************************************************************
element: second level navigation (unit)

The second level navigation is named unit.
*****************************************************************/
.unitDefault, .unitHover, .unitActive {
  display: block;
/*  background-color: white;*/
}

.unitDefault UL, .unitHover UL, .unitActive UL {
  list-style-type: none;
/*  list-style-position:inside;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
/*  vertical-align: bottom;
  marker-offset: 0px;
  border: 1px solid Aqua;*/ 
}

.unitDefault LI, .unitHover LI, .unitActive LI {
  padding: 4px 0px 0px 4px;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
/*  list-style-type: none;
  background-repeat: no-repeat;
  background-position: left top;
  border: 1px solid Teal; */
}

.unitActive LI {
  /*background-image:url(../images/list_itemDash_black.png);*/
}
/*
.unitDefault A, .unitDefault A:link, .unitDefault A:hover, .unitDefault A:visited {
  cursor: pointer;
}

.unitActive A {
  color: Black;
}
*/
/* de-activeate the style when a unit is active 
(this will influence the nested items to */
.unitActive A:hover {
  text-decoration: none;
}

.unitActive .compoundDefault A:hover {
  text-decoration: underline;
  cursor: pointer;
}

.unitActive .compoundItemActive A:hover {
  text-decoration: none;
  cursor: default;
}

/*****************************************************************
element: third level navigation (compound)

The third level navigation is named compound.
*****************************************************************/
.compoundDefault {
  background-color: #fdf3b3;
  border-style: solid;
  border-width: 0px 0;
  display: none;
}

.unitActive .compoundDefault {
  display: block;
  font-weight: normal;
}

.compoundDefault LI, .compoundHover,.compoundActive {
  list-style-type: none;
  list-style-image: none;
  background-image: none;
  position: relative;
  left: 15px;
}

.compoundItemActive {
  color: black;
  text-decoration: none;
  cursor: default;
}

.compoundDefault A, .compoundDefault A:link, .compoundDefault A:hover, .compoundDefault A:visited {
/*  color:#838382;*/
}

.compoundItemActive A, .compoundItemActive A:link, .compoundItemActive A:hover, .compoundItemActive A:active, .compoundItemActive A:visited {
/*  color:black;*/
  font-weight: bold;
}

/*****************************************************************
style module: appendixes
*****************************************************************/
/* appendum on box.css */
.appendices UL {
  margin-left: 8px;
  vertical-align: top;
}

.appendices UL UL {
  display: inline;
  width: 40%;
  overflow: hidden;
}

.appendices H2 {
  display: none;
}

.appendices A:link, A:hover, A:active, A:visited {
  color: black;
}

.moduleEndLine {
  display: none;
}