/*
 
(c)2002-2007 by

   /\           TRILAB Software AG
  / |\          Markus Kuehni
 /\ | \         mailto:webmaster@trilab.ch
/__\|/_\

 */



body
{ font-family: 'Arial', 'Helvetica', 'Geneva', 'Swiss', 'SunSans-Regular',  sans-serif; 
  font-size: 100%;
  background-color: white;
  color: black; 
  margin: 0; 
  border: 0 none; 
  padding: 0;
  background-image: url('../img/tribground.jpg');
  background-repeat: no-repeat;
  background-position: bottom left;
  background-attachment: fixed ;
}
html,body {
        height: 100%;
}
h1
{ font-size: 200%;
}
h2 
{ font-size: 125%;
}
h3 
{ font-size: 110%;
}
.popup
{ font-family: 'Verdana',  sans-serif; 
  font-size: 80%;
  padding:4ex;
  position:fixed;
  vertical-align:middle;
  top:5%;
  left:5%;
  width:60%;
  background-color: #FFF;
  border: 1ex outset #486F90;
  opacity:0.94; -moz-opacity:0.94; filter:alpha(opacity=94);
}
.popup h1
{ padding-left:172px;
  font-size: 120%;
}
.popup p
{ padding-left:172px;
}
.popup ul
{ padding-left:172px;
}
.popup li
{ 
}
.popup a
{ color:#486F90;
}
.popup a:hover
{ color:black;
  background-color:white;
}

.mainlayout
{ height: 100%;
  border: 0 none; 
}
.logo
{ width: 160px; 
  height: 160px; 
}
.logodyn
{ width: 0; 
  height: 0; 
  position: absolute; 
}
.bounce
{ ;
}

.product
{ width: 192px;
  height: 88px;
  border: 0 none;
}
.evologix
{ background-color:#08B; 
  width:231px; 
  height:96px; border:0px;
}
.sidebar
{ padding: 6px;
  width: 160px;
  height: 600px;
  color: #2AE;
  background-color: #08B; 
  text-align: right;
}
.footnote
{ height: 1px;
  width: 160px;
  padding: 6px;
  color: #2AE;
  background-color: #08B; 
  vertical-align: bottom;
  text-align: right;
}
.mainref
{ font-family: 'Arial', 'Helvetica', 'Geneva', 'Swiss', 'SunSans-Regular',  sans-serif; 
  font-size: 124%;
}
.navlink
{ font-weight: bold;
  width: 100%;
  color: #FFF;
}
.navnolink
{ font-weight: bold;
  width: 100%;
  color: #2AD;
}
.navtoc
{ border: 0 none;
  padding: 0;
}
.navpos
{ font-size: 69%;
  width: 15%;
  text-align: right;
}
.pictcell
{ padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}
.pictures
{ color : white;
}
.content
{ font-family: 'Arial', 'Helvetica', 'Geneva', 'Swiss', 'SunSans-Regular',  sans-serif; 
  font-size: 82%;
  padding-left: 1em; 
  padding-right: 1em; 
  vertical-align: middle;
  color: black;
}
.copyright
{ font-family: 'Arial', 'Helvetica', 'Geneva', 'Swiss', 'SunSans-Regular',  sans-serif; 
  font-size: 9px;
  color: #2AE;
  vertical-align: bottom;
}
.bullet
{ width: 100%;
  padding-right:2em;
}
.document 
{ max-width: 33em;
}
.docimg
{ padding: 0; 
  border: 0 none;
  vertical-align: top;
}
.doctable
{ 
}
.fulltable
{ /*width: 100%;*/
}
.doccell
{ font-family: 'Arial', 'Helvetica', 'Geneva', 'Swiss', 'SunSans-Regular',  sans-serif; 
  font-size: 82%;
  padding-left: 3px;
  padding-right: 3px;
  background-color: #E0EAF1;
}
.doccell strong
{ color: #048;
}
.doccell h2
{ margin: 6px;
  font-size: 100%;
  color: #048;
}
.doccell h3
{ margin: 6px;
  font-size: 90%;
  color: #048;
}
.doccell p
{ margin: 6px;
}
.doccell ul
{ margin-top: 0px;
  margin-bottom: 0px;
}
.doccell li
{ margin: 6px;
}
.formerror
{ color: #C30;
  font-weight: bold;
  font-size: 82%;
  padding-bottom: 0.5em;
}
.formsuccess
{ color: #C30;
  font-weight: bold;
  padding-bottom: 0.5em;
}
.signal
{ color: #C30;
  font-weight: bold;
}
.legal
{ font-family: 'Arial', 'Helvetica', 'Geneva', 'Swiss', 'SunSans-Regular',  sans-serif; 
  font-size: 9px;
  color: #679;
}
td
{ vertical-align: top;
}
u
{ text-decoration: none;
  font-weight: bold;
  color: #048;
}
.code
{ width: 100%;
  margin: 2px;
  background-color: #E0E8F1;
}
.cite
{ color: #047;
  text-align: right;
  width: 22em;
  margin: 0px;
  font-family: 'Georgia', serif;
  font-style: oblique;
}
.cite a
{ color: #08A;
}
.intro
{ font-size: 120%;
}
.thumb
{ margin: 0.5em;
  vertical-align: middle;
}
code
{ font-family: 'Lucida Console', monospace; 
  font-size: 90%;
}
a
{ text-decoration: none;
  color: #047;
}
a:link
{ 
}
a:visited
{ 
}
a:active
{ 
}
a:hover
{ color: #FFF;
  background-color: #07A;
}
a img
{ border: 0 none;
  margin: 2px 0px 0px 0px;
}
a:hover img
{ color: #C30;
  background-color: #F0F7FF;
	
}