/*
  $viba_orange_100 = '#FF7D00';
  $viba_orange_030 = '#FFD8B2';

  $viba_green_100 = '#23906B';
  $viba_green_060 = '#63B398';

  $viba_green_070 = '#56A88B';
  $viba_green_060 = '#82BEAA';
  $viba_green_050 = '#91C7B5';
  $viba_green_040 = '#9FCFBF';

  $viba_green_030 = '#B0D8CB';
  $viba_green_020 = '#C9E5DB';
  $viba_green_010 = '#E3F1EC';
  $viba_green_000 = '#FFFFFF';
*/


body {
  margin: 0px;
  padding: 0px;
  }

div#html body *{
  font-family: Arial; 
  }

div#html h1 {
  font-size: 12pt;
  height: 20px;
  margin: 0px;
  padding: 4px 4px 4x 4px;
  background: #ff7d00;
  color: white;
  }

div#html h2 {
  font-size: 10pt;
  padding: 0px 4px 0px 4px;
  margin: 0.5em 0;
  color: #23906b;
  }
  
div#html h3 {
  font-size: 8pt;
  padding: 0px 4px 0px 4px;
  margin: 0.5em 0;
  color: #23906b;
  }
div#html h4 {
  color: #FF7D00;
  font-size: 9pt;
  padding: 3px 4px 0px 4px;
  }
div#html p {
  font-size: 8pt;
  padding: 0px 4px 0px 4px;
  margin: 0;
  line-height: normal;
  color: black;
  }
div#html p.italic {
  font-style: italic;
  }
div#html span.green {
  font-size: 9pt;
  color: #23906B;
  font-weight: bold;
  }
div#html hr {
  color: #FF7D00;
  }

div#html ul {
    color: black;
    margin: 0px 0px 0px 14px;
    padding: 0px 0px 0px 0px;
    list-style-image: url(/page/html/img/bullet_orange_6px.gif);
    line-height: 1.1em;
    }
div#html li {
  padding-bottom: 4px;
  }

div#html ul.large{
  color: #23906b;
  font-weight: bold;
  font-size: 10pt;
  margin: 6px 0px 4px 32px;
  list-style-image: url(/page/html/img/double-square.gif);
  }

div#html a {
  color: #FF7D00;
  text-decoration: none;
  font-weight: bold;
  }
div#html a:hover {
  text-decoration: underline;
  }
div#html img {
  margin: 0px 0px 0px 0px;
  }
div#html img.float {
  float: left;
  }
div#html div.page{
  border: 2px solid green;
  width: 600px;
  }
div#html table{
  padding: 0px;
  margin: 0px;
  border: 0px solid red;
  }
div#html table td{
  border: 0px solid red;
  vertical-align: top;
  font-size: 8pt;
  }
div#html table td.caption{
  vertical-align: bottom;
  padding-right: 4px;
  padding-left: 4px;
  font-style: italic;
  }

div#html input{
  width: 434px;
  border: 1px solid #23906B;
  border-bottom: 1px white;
  border-right: 1px solid white;
  background-color: #E3F1EC;
  padding: 0px 3px;
  }

div#html textarea{
  width: 434px;
  height: 140px;
  border: 1px solid #23906B;
  border-bottom: 1px white;
  border-right: 1px solid white;
  background-color: #E3F1EC;
  padding: 0px 3px;
  }

div#html table td.right {}

div#html table td.right {
  text-align: right;
  border: 1px solid red;
  }

div#html table td.right a {
  border: 1px solid blue;
  margin: 0;
  }

div#html table.form{
  background-color: #E3F1EC;
  width: 528px;
  height: 350px;
  }
div#html table.form td{
  padding: 0px 0px 0px 4px;
  }
div#html table.form td.txt{
  width: 100px;
  }

div#html div.buttons {
  background-color: #B0D8CB;
  text-align: right;
  padding: 3px 24px 3px 0xp;
  border: 0px solid red;
  }

/*overrules*/

.size14 {
  font-size: 14pt;
  }
.size16 {
  font-size: 16pt;
  }
.size18 {
  font-size: 18pt;
  }

.color-orange {
  color: #FF7D00;
  }
.color-green {
  color: #23906B;
  }

.color-orange-large-bold-italic {
  color: #FF7D00;
  font-size: 16pt;
  font-style: italic;
  font-weight: bold;
  }


.right {
  text-align: right;
  }


div#html * {
  font-family: Arial;
  }

div#html div.buttons {
  font-family: Arial;
  }

div.artform {
  background-color: #E3F1EC;
  }
div.artform td{
  padding: 0px 4px 0px 4px;
  }