/*
COPYRIGHT 2005-2008 Fujitsu Siemens Computers
COPYRIGHT 2009-2010 Fujitsu Technology Solutions
ALL RIGHTS RESERVED

-- header --
  fo
    fo1  fo2 

  full    
    fu 
      fuul
      fuur

-- menue ------ content --
  menue         contentArea
    select        pageName
    toc           content
                  .......    
-- bottom --
  bottom
  
Remarks:
 * html xxx     only for iexplorer 6.x
*/

/* --------------------------------------------------------------------------- */
* html {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

/* ----------------------- */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  background-color:#E4E4E4;
}
* html body {
  margin:0;
  padding: 0;
  overflow: auto;
  height: 100%;
  width: 100%;
}
span.BannerRightSeparator
{ background: url(header_line.gif) right no-repeat;
  padding-right:1em;
}
span.LanguageSeparator
{ background: url(navi_top_b_right.gif) left no-repeat;
  padding-left:1em;
  margin-right:1em;
}
span.FirstLanguage
{ /* No Separator image */ 
  padding-left:1em;
  margin-right:1em;
}

/* The available space below the fixed title fo */
#full {
  position: fixed;
  top: 60px;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

* html #full {
  position: absolute;
  width: 100%;
  height: expression(document.body.clientHeight - 62 + "px" ); 
}

/* The fixed area on top of the screen (images) */
#fo {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-image: url(header_base.gif);
/*background-color: white; */
  color:white;
}
/* ----------------------- */
#fo1 {
  float: left;
}
/* ----------------------- */
#fo2 {
  float: right;
}
div#fo2 a:link {
  font-weight: bold;
  text-decoration: none;
  color: white;
}
div#fo2 a:visited {
  font-weight: bold;
  text-decoration: none;
  color: white;
}
div#fo2 a:hover {
  color:#cbcbcb;
}

/* ----------------------- */
#fu, #fuul, #fuur, #fuul_1, fuul_2 {
  left: 0px;
  bottom: 0px;
  white-space: nowrap;
}

#fu {
  background-image: url(navi_top_b_bg.gif);
/*background-color: white;*/
  text-align:left;
  color: black;
  width:100%;
  padding-top: 5px;
  height:25px;
  position: fixed;
  top: 34px;
}

#fuul {
  float:left;
  margin-left: 5em;
}

#fuul_1 {
  float:left;
  text-align: center;
  width: 15.9em;
}
#fuul_2 {
  float:left;
  text-align: left;
  margin-left: 5em;
}

#fuur {
  text-align:right;
}

/* ----------------------- */
div#fuur a:link {
  font-weight: bold;
  text-decoration: none;
  color: black;
}
div#fuur a:visited {
  font-weight: bold;
  text-decoration: none;
  color: black;
}
div#fuur a:hover {
  color:white;
}

/* ----------------------- */
#menue {
  position: absolute; 
  top: 0px;
  left: 0px;
  right:0px;
  line-height: 1.5em;
  width: 16.2em;
  bottom: 1.3em;
  overflow: auto;
}
* html #menue {
  height: expression(document.body.clientHeight - (parseInt(document.body.currentStyle.fontSize)*1.33*10.3) + "px" ); 
}

/* ----------------------- */
#select {
  left: 0px;
  border: 0;
  margin: 0;
  width:15.9em;
  text-align: center;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding-top:4px;
  background-color:#666e80;
  color: white;
  height:1.9em;
}
* html #select {
  height:1.9em;
}

/* ----------------------- */
#toc {
  left:0;
  color:black;
  width:14.7em;
  background-color:white;
  border:1px solid black;
  padding-left:1em;
  padding-top:1em;
  padding-bottom:1em;
  margin-top:0px;
}
* html #toc {
  width:14.7em;
}
div#toc a {
  text-decoration: none;
  color: black;
}
div#toc a:hover {
  font-weight: bold;
  color: #1b008e;
}

/* ----------------------- */
#contentArea {
/*  position: fixed; */
  position: absolute; 
  top: 0px;
  left: 16.0em;
  right: 0px;
  bottom: 1.6em;
  overflow: auto;
}
* html #contentArea {
  height: expression(document.body.clientHeight - (parseInt(document.body.currentStyle.fontSize)*1.33*7.0) + "px" ); 
  width:  expression(document.body.clientWidth  - (parseInt(document.body.currentStyle.fontSize)*1.33*12.3) + "px" ); 
}

contentAreaTop {
/*  position: fixed; */
  position: absolute; 
  top: 2.6em;
  left: 16.0em;
  right: 0px;
  bottom: 1.6em;
  overflow: auto;
}
* html contentAreaTop {
  height: expression(document.body.clientHeight - (parseInt(document.body.currentStyle.fontSize)*1.33*7.0) + "px" ); 
  width:  expression(document.body.clientWidth  - (parseInt(document.body.currentStyle.fontSize)*1.33*12.3) + "px" ); 
}

/* ----------------------- */
#pageName {
  font-size: 11pt;
  font-weight: bold;
  background-color:#666E80; /* #777777; */
  color:white;
  text-align: right; 
  padding-top: 3px;
  padding-right: 1.5em;
  white-space: nowrap;
  height: 1.5em;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow: auto;
}
* html #pageName {
  width:  expression(document.body.clientWidth  - (parseInt(document.body.currentStyle.fontSize)*1.33*13.0) + "px" ); 
  height: 1.4em;
}

/* ----------------------- */
#content {
  margin: 0px 5px 5px 5px;
  padding: 0px 0px 0px 0px;
}

/* ----------------------- */
#bottom {
  position: fixed;
  clear:both;
  width:100%;
  left: 0px;
  bottom: 0px;
  background-color: #b2b2b2;
  margin:0px;
  padding:0.2em;
  color:white;
  font-weight: bold;
  font-size:1em;
}
* html #bottom {
	position: absolute;
}

/* ----------------------- */
a.sub {
  margin-left:1.0em;
}


/* ----------------------- */
fieldset {
  border: 2px groove white;
}

fieldset legend {
  color: black;
}

/* ----------------------- */
h2.section, h2.empty_section{
  background-color:#b2b2b2; /* #777777; */
  height:1.6em;
  font-size: 9pt;
  font-weight: bold;
  color: black;
  padding-top:0.2em;
  padding-left:1.0em;
  padding-right:1.0em;
  text-align: left; /* new: right (Yikes!) */
  margin:0;
}

/* border only for non empty sections */
h2.section {
  border-bottom: black 1px solid;
}

h1.error, h2.error{
  font-weight: bold;
  color: red;
}

h2.error{
  font-size: 1.5em;
  padding-left: 1.0em;
}

/* ----------------------- */
table {
  margin-left: 2.0em;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
}

table, table.norm, table.attr, table.attro, table.user, table.lan table.time table.sel_filter {
  border-collapse: collapse;
}

table.email table.sel_filter {
  border:0;
  padding:0;
}

table.time {
	margin-left: 2.0em
}

table.sensor, table.errorMsg {
  border-collapse:collapse;
  background-color: white;
}

/* ----------------------- */
table th {
  font-weight: bold;
  padding: 0.4em;
}
* html table th {
  padding-left:1.0em;
  padding-right:1.0em;
  padding-top:0.5em;
  padding-bottom:0.5em;
}

table td {
  text-align: center;
  padding:0.4em;
}
* html table td {
  padding-left:1.0em;
  padding-right:1.0em;
  padding-top:0.2em;
  padding-bottom:0.2em;
}

table.time th {
  font-weight: bold;
  padding: 0.1em;
  width: 9.0em;
}
* html table.time th {
  padding-left:1.0em;
  padding-right:1.0em;
  padding-top:0.1em;
  padding-bottom:0.1em;
}

table.time td {
  text-align: center;
  padding:0.1em;
  width: 9.0em;
}
* html table.time td {
  padding-left:1.0em;
  padding-right:1.0em;
  padding-top:0.1em;
  padding-bottom:0.1em;
}

table.attr th {
  text-align: right;
  padding:0px;
}
* html table.attr th {
  text-align: right;
}

table.email th {
  text-align: right;
  width: 13.0em;
  padding:0;
}
* html table.email th {
  text-align: right;
}

table.lan th {
  text-align: right;
  width: 9.5em;
  padding:0;
}
* html table.lan th {
  text-align: right;
}

table.user th {
  text-align: left;
  width: 11.0em;
  padding:0;
}
* html table.user th {
  text-align: left;
}

table.norm th, table.sensor th, table.errorMsg th   {
  border:1px solid #eaeaea;
  background-color: #cfcfcf;
}

/* ----------------------- */
table.errorMsg td {
  text-align: left;
  border:1px solid #d2d2d2;
}

table.attr td, table.user td, table.lan td, table.email td {
  text-align: left;
  padding:0;
  padding-left:3pt;
  padding-right:3pt;
}

table.norm td, table.sensor td {
  border:1px solid #d2d2d2;
}

/* ----------------------- */
tr.high, td.high, 
tr.high_warning, td.high_warning, 
tr.high_critical, td.high_critical, 
tr.high_identify, td.high_identify  {
  background-color: #eaeaea;
}

tr.high_warning, td.high_warning {
  color: #ff6600;
}

tr.high_critical, td.high_critical {
  color: red;
}

/* ----------------------- */
table.sel_filter th {
  font-weight: bold;
  text-align: left;
  padding: 0;
}

table.sel_filter td {
  text-align: left;
  padding: 0;
}
/* ----------------------- */

/* ----------------------- */
input {
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
}
input.apply {
  width: 15.0em;
  background-color: #CFCFCF; /* #99ccbe; */
  margin-right: 0.2em;
}
input.applySmall {
  width: 5.0em;
  background-color: #CFCFCF; /* #99ccbe; */
  margin-right: 0.2em;
}
input.submit {
  background-color: #CFCFCF; /* #99ccbe; */
  margin-right: 0.2em;
}
input.user {
  width: 11.0em;
}

/* ----------------------- */
input.apply_confirm {
  width: 15.0em;
  background-color: red; 
  margin-right: 0.2em;
}
input.applySmall_confirm {
  width: 5.0em;
  background-color: red; 
  margin-right: 0.2em;
}
input.submit_confirm {
  background-color: red; 
  margin-right: 0.2em;
}

/* ----------------------- */
span.sure {
  font-weight:bold;
  font-size: 8pt;
  color:black;
}

/* ----------------------- */
form, div.form, form.norm {
 margin-top: 1.0em;
 border: black 1px solid;
}

form {
 background-color:white; /* #cfcfcf */
}

div.form {
 background-color:white;
}

* html div.form {
 padding-bottom: 1em;
}

form.norm {
 background-color:white;
 border:0;
}

form p {
  margin-left:2.0em;
}

p.confirm {
  color: red;
  font-size:1.1em;
/*font-weight:bold; */
}

/* ----------------------- */
div.btnrow {
 background-color:white;
 padding:0.4em;
 border-top: black 1px solid;
}
div.btnrowe {
 background-color:white;
 padding:0px 0px 0px 10px;
 border-top: black 1px solid;
 border-bottom: black 1px solid;
}

* html div.btnrowe {
 padding:6px 4px 6px 25px;
}

/* ----------------------- */
.emphase {
  color: blue;
}

.info, .fixed_info, .fixed_label, .blue_led {
  color: blue;
}

/* orange bold */
.warning, .css_led, .amber_led {
  color: #FF6600;
}

.fixed_label {
  font-weight:bold;
  font-size:1.1em;
  text-align:left;
}

/* red */
.error, .critical, .fail, .red_led {
  color: red;
}

/* bold */
.critical, .fail {
  font-weight:bold;
/*font-size:1.1em; */
}
/* green */
.ok {
  color: #009900;
  font-weight:bold;
}

/* orange bold */
.warning {
  color: #FF6600;
  font-weight:bold;
/*font-size:1.1em; */
}

/* blue bold */
.identify, tr.high_identify, td.high_identify {
  color: blue;
  font-weight:bold;
}

/* orange light*/
.important {
  color: #FF6600;
}

.linkButton {
  position:relative;
  left: 1px;
  top: -1px;
  font-size: 1.0em; 
  padding: 0px;
  background-color:#CFCFCF;
}

* html .linkButton {
  top: -2px;
}

select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}


/* LED's */
.led_on {
  font-weight:bold;
  font-size:1.2em; 
}

.led_blink {
  font-weight:bold;
}