/* -----------------------------------------------------------------
  *
  * style.css - site style sheet
  *
  * -----------------------------------------------------------------
  * 
  * site main style sheet
  * 
  * -----------------------------------------------------------------
  *
  * Author(s) guido.d.berger  gberger@apaara.com
  * Copyright (c) 2003 apaaraGROUP AG
  *
  * -----------------------------------------------------------------
  *
  * Version:  2006-02-10 gdb
  *           
  * TODO:     
  *
  * Changes:
  *           2006-02-10 gdb added navi_img
  *           2006-02-01 gdb small corrections
  *           2006-01-31 gdb added correct design
  *           2006-01-25 gdb init with bola classes
  *           
  * ----------------------------------------------------------------- */

/* body and links */

BODY { 
  background-color: #ffffff;
  background: url(../media/layout/background.gif);
  background-attachment:scroll;
  background-repeat: repeat;
  background-position: top center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  text-align: center;
}

A.navi:link     {text-decoration:none; color:#000000;}
A.navi:active   {text-decoration:none; color:#000000;}
A.navi:visited  {text-decoration:none; color:#000000;}
A.navi:hover    {text-decoration:underline;  color:#000000;}

A.mailadress:link     {text-decoration:none; color:#004186;}
A.mailadress:active   {text-decoration:none; color:#004186;}
A.mailadress:visited  {text-decoration:none; color:#004186;}
A.mailadress:hover    {text-decoration:none; color:#000000;}

A.sub_header_link:link     {text-decoration:none; color:#004186;}
A.sub_header_link:active   {text-decoration:none; color:#004186;}
A.sub_header_link:visited  {text-decoration:none; color:#004186;}
A.sub_header_link:hover    {text-decoration:none; color:#000000;}

A:link      {text-decoration:underline;  color:#DA0026;}
A:active    {text-decoration:underline;  color:#DA0026;}
A:visited   {text-decoration:underline;  color:#DA0026;}
A:hover     {text-decoration:underline;  color:#000000;}

/* some utility classes for common tags */

FORM {
  text-align: left;
  vertical-align: top;
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  line-height: 13px;
  color: #000000;
  margin-top: 10px;
  margin-bottom: 10px;
}

TABLE {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

IMG {
  border: 0px;
  vertical-align: bottom;
}

TD {
  text-align: left;
  vertical-align: top;
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}

SUP {
  font-size: 8px;
  color: #444444;
}

/* page header */

.header {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: bold; 
  font-size: 22px;
  font-style: italic;
  color: #004186;
  padding-bottom: 6px;
  line-height: 24px;
}
        
.sub_header {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: bold; 
  font-size: 12px;
  color: #004186;
  line-height: 14px;
}

/* page content */

.plains {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 10px;
  letter-spacing: 0.01em;
  line-height: 14px;
  color: #444444;
}

.plainm {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  letter-spacing: 0.03em;
  line-height: 16px;
  color: #000000;
}

.content {
  padding-left: 20px;
  padding-right: 20px;
}

.top {
  text-align: right;
}
        
.footer {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  background-color: #003E91;
}
        
SPAN.create_user_SPAN {
  padding-left: 5px;
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

DIV.create_new_DIV {
  background-color: #ccd8e9;
  padding: 5px;
  margin-bottom: 10px;
}

SPAN.content_important_SPAN {
  font-size: 14px;
  font-weight: bold; 
}

SPAN.content_unimportant_SPAN {
  font-size: 10px;
  font-weight: normal; 
  color: #999999;
}

UL {
  list-style: circle outside none;
  padding-left: 20px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
}
LI {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* navigation */

.navi_img {
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

.navi_main_f {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  padding-left: 20px;
  vertical-align: middle;
}
          
.navi_main_t {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  padding-left: 20px;
  background: url(../media/layout/navi_main.gif);
  vertical-align: middle;
}
          
.navi_sub_t {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 11px;
  padding-left: 35px;
  background: url(../media/layout/navi_sub_t.gif);
  vertical-align: middle;
}
          
.navi_sub_f {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 11px;
  padding-left: 35px;
  background: url(../media/layout/navi_sub_f.gif);
  vertical-align: middle;
}

.adress {
  font-family: Futura BT, Futura, Arial, sans-serif;
  font-weight: normal; 
  font-size: 11px;
  vertical-align: bottom;
  color: #004186;
  padding-left: 20px;
}

/* alerts and errors */

DIV.alert_DIV {
  font-weight: bold; 
  color: #AB0808;
  margin-bottom: 5px;
}

DIV.alert_top_DIV {
  font-weight: bold; 
  font-size: 14px;
  color: #AB0808;
  padding: 5px;
}

SPAN.alert_SPAN {
  font-weight: bold; 
  color: #AB0808;
}

DIV.alert_user_msg_DIV {
  font-weight: bold;
  font-size: 14px;
  color: #002b6b;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

SPAN.alert_help_msg_SPAN {
  color: #333333;
  font-weight: normal; 
  font-size: 11px;
}

/* lists */

TABLE.list_TABLE {
  width: 100%;
}

TD.list_label_TD {
  background-color: #cccccc;
  padding: 4px;
  font-size: 12px;
  font-weight: normal; 
}

TD.list_entry_TD {
  border-bottom: 1px solid #dddddd;
  background-color: #eeeeee;
  padding: 4px;
  font-size: 12px;
}

TD.list_entry_unimportant_TD {
  border-bottom: 1px solid #dddddd;
  background-color: #eeeeee;
  padding: 4px;
  font-size: 10px;
  line-height: 12px;
  font-family: Verdana, sans-serif;
}

/* form table */

TABLE.form_TABLE {
  width: 100%;
  border-top: 1px solid #eeeeee;
  padding
}

TD.form_label_TD {
  border-bottom: 0px solid #ffffff;
  background-color: #ffffff;
  padding: 5px;
  text-align: right;
  vertical-align: top;
}

TD.form_field_TD {
  border-bottom: 0px solid #ffffff;
  background-color: #ffffff;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
}

TD.form_subtitle_TD {
  font-family: Arial, sans-serif;
  font-weight: bold; 
  font-size: 14px;
  color: #000000;
  background-color: #ffffff;
  border-bottom: 0px solid #ffffff;
  padding: 5px;
}

TD.form_submit_TD {
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
}

/* form elements */

INPUT {
  vertical-align: middle;
}

INPUT.textfield_very_narrow_INPUT {
  width: 45px;
  padding: 1px;
  background-color: #ffffff;
  font-family: Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  color: #000000;
}

INPUT.textfield_narrow_INPUT {
  width: 80px;
  padding: 1px;
  background-color: #ffffff;
  font-family: Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  color: #000000;
}

INPUT.textfield_normal_INPUT {
  width: 140px;
  padding: 1px;
  background-color: #ffffff;
  font-family: Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  color: #000000;
}

INPUT.textfield_wide_INPUT {
  width: 200px;
  padding: 1px;
  background-color: #ffffff;
  font-family: Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  color: #000000;
}

INPUT.textfield_disabled_counter_INPUT {
  background-color: #eeeeee;
  font-family: verdana, sans-serif;
  font-weight: bold; 
  font-size: 9px;
  color: #000000;
  border: 0px solid #ffc633;
  vertical-align: top;
  text-align: right;
  width: 30px;
  padding: 0px;
}

INPUT.textfield_disabled_text_INPUT {
  background-color: #eeeeee;
  font-family: verdana, sans-serif;
  font-weight: bold; 
  font-size: 9px;
  color: #000000;
  border: 0px solid #ffc633;
  vertical-align: top;
  text-align: right;
  width: 140px;
  padding: 0px;
}

INPUT.file_INPUT {
  font-family: Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  color: #000000;
  padding: 1px;
}

INPUT.submit_INPUT {
  font-family: Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  color: #ffffff;
  background-color: #004186;
  padding: 3px;
  padding-top: 0px;
  padding-bottom: 1px;
}

TEXTAREA.normal_TEXTAREA {
  font-family: Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  color: #000000;
  width: 300px;
  padding: 1px;
}

TEXTAREA.wide_TEXTAREA {
  font-family: Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  color: #000000;
  width: 380px;
  padding: 1px;
}


SELECT {
  font-family: Arial, sans-serif;
  font-weight: normal; 
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
}

SELECT.normal_SELECT {

  width: 120px;
}

SELECT.narrow_SELECT {
  width: 40px;
}

SELECT.wide_SELECT {
  /* width: 240px; */
}


/* view record */

TABLE.view_TABLE {
  border-bottom: none;
  width: 100%;
}

TD.view_title_TD {
  background-color: #ffa300;
  padding: 4px;
  font-size: 14px;
  font-weight: bold; 
}

TD.view_label_TD {
  background-color: #FFC633;
  border-bottom: 1px solid #E98D00;
  padding: 4px;
  text-align: right;
  vertical-align: top;
  font-size: 12px;
  font-weight: normal; 
}

TD.view_field_TD {
  border-bottom: 1px solid #E98D00;
  background-color: #ffd770;
  padding: 4px;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  font-weight: normal; 
}

TD.view_subtitle_TD {
  font-family: Arial, sans-serif;
  font-weight: bold; 
  font-size: 14px;
  color: #000000;
  border-bottom: 1px solid #E98D00;
  background-color: #ffa300;
  padding: 5px;
}

/* filter box */

TABLE.filterbox_TABLE {
  width: 100%;
  height: 38px;
}

TD.filterbox_field_TD {
  background-color: #004186;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

TD.filterbox_submit_TD {
  background-color: #004186;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  vertical-align: middle;
}

/* search criteria */

TABLE.searchcriteria_TABLE {
  width: 100%;
  margin-bottom: 10px;
}

TD.searchcriteria_TD {
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* page switch */

TABLE.pageswitch_TABLE {
  margin-top: 0px;
}

TD.pageswitch_TD {
  font-size: 12px;
  color: #000000;
  vertical-align: middle;
  padding: 2px;
}