/* CSS Document */

/* Colors:

   Card is a sinonym to # used in comments to avoid automatic replacement 
	 
   Background areas:
	 
   Eggfruit red  Card88216C
	 
	 This is the standard color. It can be found searching for the comment scolor1. The current value, which must be automatically
	 replaced is #1177DD
	 
	 Greygreen     Card11FF22

 	 This is the standard color. It can be found searching for the comment scolor2. The current value, which must be automatically
	 replaced is #009966
	 
   Borders
	 
	 Usual thin border                Card7F7876
	 
	 This is the standard color. It can be found searching for the comment scolor3. The current value, which must be automatically
	 replaced is #7F7876
	 
	 Light grey encompassing border   CardC8CDD0
	 
	 This is the standard color. It can be found searching for the comment scolor4. The current value, which must be automatically
	 replaced is #C8CDD0
*/
	 
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px; /* Remove the default padding of Opera */
	margin: 0px; /* Remove default margins. Opera has one */
}
/* Standard frame box without margin and with padding. Provides an outer border
   at the edge of its container and a padding towards its own content. Is used
	 as external box in left and right navigation areas
*/	 
.std_framebox {
  /* scolor3 */
	border: 1px solid #7F7876;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px; /* this is a bug in ie6. It does not work correctly with 0 px. It works with 1 or -1 */
	margin-left: 0px;
}
/* This box provides the top margin for the central content area and a padding
   for the content. It has just a top border
*/	 
.nav_contentbox {
	/* padding must be the same as in std_framebox */
  padding: 0px 5px 5px;
}
/* This box encompasses printer friendly output
*/
.nav_printerfriendly_contentbox {
  font-size: 70%;
	padding: 10px;
}
/* This box provides an inner border for the left and the right navigation std_frameboxes.
   It has a margin and no padding
*/	    
.inner_framebox {
  /* scolor3 */
	border: 1px solid #7F7876;
}
/* Box for top header area with corporate logo. White empty with gray border left, right and top. 
   In normal flow. Adapts to browser window width
*/	
#nav_top_header {
	height: 60px;
	border-top-width: 10px;
	border-top-style: solid;
	/* scolor4 */
	border-top-color: #C8CDD0;
	border-left-width: 10px;
	border-left-style: solid;
	/* scolor4 */
	border-left-color: #C8CDD0;
	border-right-width: 10px;
	border-right-style: solid;
	/* scolor4 */
	border-right-color: #C8CDD0;
	padding: 0px;
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 16px;
}
/* Exclusively for maintenance. Terminates top header with a bottom
*/
#nav_maintenance_bottom {
	height: 60px;
	color: #336666;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	/* scolor4 */
	border-bottom-color: #C8CDD0;
	border-left-width: 10px;
	border-left-style: solid;
	/* scolor4 */
	border-left-color: #C8CDD0;
	border-right-width: 10px;
	border-right-style: solid;
	/* scolor4 */
	border-right-color: #C8CDD0;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 10px;
	margin-left: 16px;
}
/* Positioning of the only image in the top area. Applies to img children of #top
*/
#nav_top_header img {
  position: absolute;
	right: 40px;
}
/*
   Central part of top navigation, below corporate logo stripe and above client area
*/
#nav_top_navigation {
	border-right-width: 10px;
	border-right-style: solid;
	/* scolor4 */
	border-right-color: #C8CDD0;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 26px;
	padding: 0px;
}
#nav_left {
	position: absolute;
	margin-left: 16px;
	left: 0px;
	width: 250px;
	top: 86px;
	/* scolor4 */
	border-bottom: 10px solid #C8CDD0;
	/* scolor4 */
	border-left: 10px solid #C8CDD0;
	background-color: #FFFFFF; /* this must be set to hide underlying client borders */
}
#nav_left_outer_box {
  /* scolor3 */
	border: 1px solid #7F7876;
}
#nav_top_center {
	margin-left: 250px;
	margin-right: 250px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
  /* scolor3 */
	border-top-color: #7F7876;
	padding: 0px;
}
/* This is used in case of one client
*/
#nav_top_right {
	position: absolute;
	margin-right: 26px;
	margin-bottom: 0px;
	right: 0px;
	width: 248px;
	top: 86px; /* height of #nav_top_header (content=60 + margin=16 + border=10) */
  /* scolor3 */
	border-top: 1px solid #7F7876;
  /* scolor3 */
	border-right: 1px solid #7F7876;
  /* scolor3 */
	border-bottom: 1px solid #7F7876;
  /* scolor3 */
	border-left: 1px solid #7F7876;
}
/* This is used in case of two clients
*/
#nav_right {
	position: absolute;
	margin-right: 16px;
	right: 0px;
	width: 250px;
	top: 86px;
	/* scolor4 */
	border-bottom: 10px solid #C8CDD0;
	/* scolor4 */
	border-right: 10px solid #C8CDD0;
	background-color: #FFFFFF; /* this must be set to hide underlying client borders */
}
#nav_right_outer_box {
  /* scolor3 */
  border: 1px solid #7F7876;
}
/* Inner bordered box of #nav_left_outer_box
*/
.nav_left_inner_box {
	margin: 5px;
	border: 1px solid #7F7678;
}
/* Inner box of #nav_top_center no border. 
*/
.nav_top_center_box {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
}
/* Inner bordered box of #nav_top_right
*/
.nav_top_right_box {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	border: 1px solid #7F7678;
}
/* Inner bordered box of #nav_right_outer_box
*/
.nav_right_inner_box {
	margin: 5px;
	border: 1px solid #7F7678;
}
/************************************************************************************************** 
   Vertical containers
   Vertical containers are used to guarantee a text size dependent horizontal alignement
	 between the three navigation areas left, center and right.
	 
	 There is a vertical spacing ruler, whose unit height is 1.5em +2px. Its units have all a
	 top border, which in certain cases can be virtual. None has a bottom border. In certain cases
	 stripes consist of a unit in other cases of multiples of a unit.
	 
	 On the left side the navigation consists of 5 stacked stripes of equal height.
	 The 5 stripes total 5 * (text-size dependent height) = 5 * 1.5em = 7.5em
	 plus 5 * (text-size independent height) = 5 * 2px = 10px
	 
	 The central area first consists of 2 stacked stripes. The first represents tabs. It is 1px
	 taller than normal, because it is not inside a box with upper border. The extra pixel
	 makes up for the missing border. The second is just a red box of normal height, which
	 constitutes the base of the tabs. Next comes an area with titles. It should have triple height,
	 but it must display a bottom border, which logically would be the top border of the stripe
	 below. Therefore it has an overall height of 4.5em + 7px
	 
	 Totally: left area = 5*(1.5em + 2px) = 7.5em + 10px
	          central area = (1.5em + 3px) + (1.5em + 2px) + (4.5em + 7px) = 7.5em + 12px 
	 
	 The right area consists either of two normal lines totalling 3em + 4px or of
	 three normal lines totalling 4.5em + 6px. This area is completed in two differnt ways:
	 
	 i) it is continuated, like the left area
	 
	 For two lines it must be completed by a container of 4.5em + 6px
	 for three lines by a container of 3em + 4px 
	 
	 ii) it is closed by a border of 1 px and a margin of 5px.
	 The compleeting areas are reduced by 5px, not by 6 px, because the lower border must be 1px
	 below the top menu area. Virtually it is the top border of a stripe below the top menu.

		

***************************************************************************************************/	 



/**************************************************************************************************
    Colorless containers
***************************************************************************************************/		
/* Overall height 1.5em + 2px. 2px are provided by padding
   No color, no border
*/
.nav_vertical_container {
	height: 1.5em;
	margin: 0px;
	padding: 1px 0px 0px 1px;
}
/* Overall height 1.5em + 2px. 1px border, 1px padding
   No color, top border
*/
.nav_vertical_container_top {
	height: 1.5em;
	margin: 0px;
	padding: 0px 0px 1px;
	border-top-width: 1px;
	border-top-style: solid;
  /* scolor3 */
	border-top-color: #7F7876;
}
/* Overall height 3em + 4px
*/
.nav_double_vertical_container {
	height: 3em;
	padding: 2px 0px;
}
/* Just a container to fix the height
*/
.nav_double_vertical_container_reduced {
	height: 3em;
	border-top-width: 1px;
	border-top-style: solid;
  /* scolor3 */
	border-top-color: #7F7876;
}
/* Overall height 3em + 4px
*/
.nav_double_vertical_container_top {
	height: 3em;
	padding: 1px 0px 2px;
	border-top-width: 1px;
	border-top-style: solid;
  /* scolor3 */
	border-top-color: #7F7876;
}
/* Just a container to fix the height
*/
.nav_double_vertical_container_reduced {
	height: 3em;
	padding: 0px;
	margin-bottom: 0px;
}
/*  Exceptional container. Replaces a two unit container but is shorter, because in a two column
    environment, the bottom margin of the right inner box must be accomodated
		Overall height 4.5em + 1p
*/		
.nav_triple_vertical_container_reduced {
	height: 4.5em;
	border-top-width: 1px;
	border-top-style: solid;
  /* scolor3 */
	border-top-color: #7F7876;
}
/*
   Exceptional container. It is 1px taller than a unit.
   Container with overall height 1.5em + 3px. It is 1px more than the standard height in the vertical
	 spacing ruler because there is no border in the center inner box. Such a border would prevent the
	 design of tabs. The extra pixel makes up for this missing border.
*/
.nav_vertical_container_tabs {
	height: 1.5em;
	margin: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	/* scolor1 */
	border-bottom-color: #1177DD;
}
/* Overall height 4.5em + 6px. Three units tall. 1px top border 5px padding
*/
.nav_triple_vertical_container_top {
	height: 4.5em;
	padding: 2px 0px 3px;
	border-top-width: 1px;
	border-top-style: solid;
  /* scolor3 */
	border-top-color: #7F7876;
}
/*    
      Exceptional container. 1px taller than three units. The extra pixel is a bottom border
			which normally would normally be the top border of the container below. It cannot be
			implemented this way because of horizontal constraints.
      Has a left, right, top and bottom border.
      Overall height 4.5em + 7px. 6px are made with padding, 1px top border, 1px bottom border
*/
.nav_triple_vertical_container_center {
	height: 4.5em;
	margin: 0px;
	padding: 3px 0px;
  /* scolor3 */
	border: 1px solid #7F7876;
}
/************************************************************************************************
   Red containers
*************************************************************************************************/	 
/* Overall height 1.5em + 2px. 2px provided by padding
   Red no border
*/
.nav_vertical_container_red {
	height: 1.5em;
	margin: 0px;
	padding: 1px 0px; /* This replaces the missing border */
	/* scolor1 */
	background-color: #1177DD;
}
/************************************************************************************************
   Green containers
*************************************************************************************************/	 
/* Overall height 1.5em + 2px. 2px provided by padding
   Green no border
*/
.nav_vertical_container_green {
	height: 1.5em;
	margin: 0px;
	padding: 1px 0px; 
	/* scolor2 */
	background-color: #009966;
}
/*************************************************************************************************
   Grey containers
**************************************************************************************************/	 
/* Overall height 1.5em + 2px. 2px provided by padding
   Grey no border
*/
.nav_vertical_container_grey {
	height: 1.5em;
	margin: 0px;
	padding: 1px 0px;
	background-color: #E2E8F1;
}
/* Overall height 1.5em + 2px. 1px top border, 1 px padding
   Grey top border
*/
.nav_vertical_container_grey_top {
	height: 1.5em;
	margin: 0px;
	padding: 0px 0px 1px;
	background-color: #E2E8F1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7F7678;
}
/****************************************************************************************
    End of containers
*****************************************************************************************/		
/* Eggfruit Box with white font,  used for titles in left navigation
*/
.nav_red_title_entry {
  vertical-align: middle;
	padding-left: 5px;
	color: #FFFFFF;
	font-size: 70%;
	font-weight: bold;
}
/* Gray-green Box with white font,  used for titles in left navigation
*/
.nav_green_title_entry {
  vertical-align: middle;
	padding-left: 5px;
	color: #FFFFFF;
	font-size: 70%;
	font-weight: bold;
}
/*
   Message in right navigation
*/
.nav_right_message {
  padding: 5px;
	font-size: 70%;
	/* scolor1 */
	color: #1177DD;
}	 
/* The login form encompassing user and password lines
*/
.nav_menu_input_form {
  margin: 0px;
	padding: 0px;
}
.nav_menu_white_entry {
	padding: 5px;
	color: #336666;
	font-size: 70%;
}
.nav_menu_grey_entry {
	padding: 5px;
	color: #336666;
	background-color: #E2E8F1;
	font-size: 70%;
}
/*  Span class for grey input lines
*/
.nav_input_entry {
	color: #336666;
	font-size: 70%;
	padding-right: 5px;
	padding-left: 5px;
}
/* Class of input field inside nav_input_entry
*/
.nav_search_input {
	color: #336666;
	background-color: #E2E8F1;
	font-size: 100%;
	border-style: none;
	padding-left: 5px;
	padding-right: 5px;
	width: 150px;
	margin-top: 0.3em;
}
/*************************************************************************************************
   Classes for left menu entries
**************************************************************************************************/
.nav_leftentry_table {
	border-collapse: collapse;
}
.nav_leftentry_row {
  height: 100%;
}
.nav_leftentry_img_cell {
}
.nav_leftentry_text_cell {
  padding-left: 8px;
}	 
/* The gifs for go in search and login
*/
.nav_img {
  vertical-align: -3px;
}	
/*  Provides tabs in top center navigation
*/
.nav_top_center_table {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border: none;
} 
.nav_top_center_corner_row {
	font-size: 1px;
}
/* A top border is necessary for Firefox and does not harm IE6
*/
.nav_top_center_first_cell {
	font-size: 70%;
	/* scolor1 */
	background-color: #1177DD;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	/* scolor1 */
	border-top-color: #1177DD;
	padding: 0px;
	margin: 0px;
	/* This must be equal to the values in userfunctions.css It gives the width of the red first
	   pseudotab and in the same time the width preceeding the color coding of news priorities
	*/
	width: 10em;
}
.nav_top_center_middle_cell {
	border-left-width: 1px;
	border-left-style: solid;
  /* scolor3 */
	border-left-color: #7F7876;
	font-size: 70%;
	color: #336666;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
  /* scolor3 */
	border-top-color: #7F7876;
}
.nav_top_center_last_cell {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7F7876;
	font-size: 70%;
	color: #336666;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
  /* scolor3 */
	border-top-color: #7F7876;
	border-right-width: 1px;
	border-right-style: solid;
  /* scolor3 */
	border-right-color: #7F7876;
}
/*
  this is a cell, which follows the cells of the top center navigation, to implement
	the missing right upper corner. The cell has the whole height and holds a table with
	two vertically stacked cells. The upper is an image with a descending diagonal 
*/
.nav_top_corner_cell {
	width: 1px;
	margin: 0px;
	padding: 0px;
	vertical-align:top;
}
/*
  this table contains the two vertically stacked cells, filling nav_top_corner_cell
*/
.nav_corner_table {
  padding: 0px;
	margin: 0px -1px 0px 0px;
	border-collapse: collapse;
}
.nav_top_corner_cell_upper {
  padding: 0px;
	margin: 0px;
	height: 1px;
	vertical-align:top;
}
.nav_top_corner_cell_lower {
	padding: 0px;
	margin: 0px;
}
.nav_top_corner_cell_lower_last {
  font-size: 85%;
	padding: 0px;
	margin: 0px;
	border-right-width: 2px;
	border-right-style: solid;
  /* scolor3 */
	border-right-color: #7F7876;
}
.nav_corner_img {
  padding: 0px;
	margin: 0px;
}
.nav_top_center_full_cell {
	color: #336666;
	font-size: 70%;
	/* scolor1 */
  background-color: #1177DD;
}
/* Box for the left navigation part. Must be shorter than the center area. Is white empty and
   has a gray border on the left and on the bottom side. Is absolutely positioned
*/
#left {
	position: absolute;
	left: 0px;
	width: 200px;
	border-left-width: 10px;
	border-left-style: solid;
	/* scolor4 */
	border-left-color: #C8CDD0;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	/* scolor4 */
	border-bottom-color: #C8CDD0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
}
#nav_center_one_client {
	padding: 0px;
	margin-top: 0px;
	margin-left: 266px;
	margin-right: 16px;
	border-left-width: 10px;
	border-left-style: solid;
	/* scolor4 */
	border-left-color: #C8CDD0;
	border-right-width: 10px;
	border-right-style: solid;
	/* scolor4 */
	border-right-color: #C8CDD0;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	/* scolor4 */
	border-bottom-color: #C8CDD0;
	font-size: 70%;
}
#nav_center_two_clients {
	padding: 0px;
	margin-top: 0px;
	margin-left: 266px;
	margin-right: 266px;
	border-left-width: 10px;
	border-left-style: solid;
	/* scolor4 */
	border-left-color: #C8CDD0;
	border-right-width: 10px;
	border-right-style: solid;
	/* scolor4 */
	border-right-color: #C8CDD0;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	/* scolor4 */
	border-bottom-color: #C8CDD0;
	font-size: 70%;
}
/* Blue Box with white font, used for titles in right navigation
*/
.right_title {
	padding: 5px;
	color: #FFFFFF;
	/* scolor2 */
	background-color: #009966;
	font-size: 80%;
	font-weight: bold;
	right: 0px;
}
/* The login form encompassing user and password lines
*/
.right_input_form {
  margin: 0px;
}
/*
*/
.nav_input_text {
  display: inline;
  margin-right: 10%;
  background-color:#CC9900;
}
/* The input fields user and password
*/
.login_input {
  color: #336666;
	background-color: #E2E8F1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
  border-style: none;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	width: 4em;
}
/* The input fields for month and year
*/
.calendar_input {
  color: #336666;
	background-color: #E2E8F1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
  border-style: none;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	width: 2.8em;
}

/* Filler replacing calendar in right navigation
*/
.right_filler {
  font-size: 60%;
	color: #336666;
	background-color: #E2E8F1;
	padding: 5px;
}
.right_filler h1 {
  font-size: 120%;
}
.right_filler h2 {
  font-size: 100%;
	font-style: italic;
}
/* Gray entry box with bottom border
*/
.entry {
	padding: 5px;
	color: #336666;
	background-color: #E2E8F1;
	font-size: 60%;
}
.nav_link {
  vertical-align: middle;
  text-decoration: none;
}
.nav_link A:link {
  text-decoration: none;
	color: #336666;
}
.nav_link A:visited {
  text-decoration: none;
	color: #66928F;
}
.nav_link A:active {
  text-decoration: none;
	/* scolor1 */
	color:#1177DD;
}
.nav_link A:focus {
  text-decoration: underline;
	/* scolor1 */
	color:#1177DD;
}
.nav_link A:hover {
  text-decoration: none;
	color: #143A37;
}
.nav_activelink {
  vertical-align: middle;
  text-decoration: none;
	/* scolor1 */
	color:#1177DD;
}
.nav_activelink A:link {
  text-decoration: none;
	/* scolor1 */
	color:#1177DD;
}
.nav_activelink A:visited {
  text-decoration: none;
	/* scolor1 */
	color:#1177DD;
}
.nav_activelink A:active {
  text-decoration: none;
	/* scolor1 */
	color:#1177DD;
}
.nav_activelink A:focus {
  text-decoration: underline;
	/* scolor1 */
	color:#1177DD;
}
.nav_activelink A:hover {
  text-decoration: none;
	/* scolor1 */
	color:#1177DD;
}
.nav_blind_link {
  text-decoration: none;
}
.nav_blind_link A:link {
  text-decoration: none;
	color: #336666;
}
.nav_blind_link A:visited {
  text-decoration: none;
	color: #336666;
}
.nav_blind_link A:active {
  text-decoration: none;
	color: #336666;
}
.nav_blind_link A:focus {
  text-decoration: underline;
	color: #336666;
}
.nav_blind_link A:hover {
  text-decoration: none;
	color: #336666;
}
.nav_inpage_topline {
  margin: 0px;
	padding: 1px;
}
.nav_top_center_title {
	font-size: 140%;
	/* scolor1 */
	color: #1177DD;
	padding-top: 0.2em;
	padding-left: 12px;
}
.nav_top_center_subtitle {
  
	font-size: 77%;
	/* scolor1 */
	color: #1177DD;
	padding-top: 0.2em;
	padding-left: 12px;
}
.nav_help_span {
	/* scolor1 */
	color: #1177DD;
	padding-left: 2px;
	padding-right: 2px;
	/* scolor1 */
	border: 1px solid #1177DD;
	text-align: center;
	margin-left: 10px;
}