.beam
{
  background: #586470;
  color: white;
}

.box
{
}

.button, button
{
  background: #d1d1d1;
  border: none;
  color: black;
  cursor: default;
  display: inline-block;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 80%;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
}

button.primary,
.button.primary
{
  background: #586470;
  color: white;
}

a.button:visited
{
  font-style: normal;
}

button.checkout
{
  cursor: pointer;
  font-size: 12pt;
  font-weight: bold;
  padding-bottom: 10pt;
  padding-left: 20pt;
  padding-right: 20pt;
  padding-top: 10pt;
}

.text-panel
{
  color: black;
  font-size: 1.2em;
  padding: 20pt;
  padding-top: 0;
}

.object-left
{
  float: left;
  margin-bottom: 2em;
  margin-right: 2em;
}

.object-right
{
  float: right;
  margin-bottom: 2em;
  margin-left: 2em;
}

body
{
  background-color: white;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12pt;
  margin: 0px;
  width: auto;
}

body:lang(nl)
{
  quotes: "\201D" "\201D" "\2019" "\2019";
}

div.text
{
  margin-bottom: 2em;
  margin-left: 5%;
  margin-top: 2em;
  margin-right: 5%;
  text-align: left;
}

h2, h2 > a, h2 > a:visited
{
  font-style: normal;
}

body
{
  font-weight: normal;
}

div.screenshot
{
  text-align: center;
}

a
{
  color: rgb(153,166,232);
  text-decoration: none;
}

div.footer
{
  border-top: solid #02080d 1px;
  color: grey;
  display: table;
  font-size: 80%;
  page-break-before: avoid;
  white-space: nowrap;
  width: 100%;
}

div.footer div
{
  display: table-cell;
  padding-top: 1px;
  vertical-align: top;
  width: 33%;
}

div.footer div.left
{
  text-align: left;
}

div.footer div.center
{
  text-align: center;
}

div.footer div.right
{
  padding-right: 5pt;
  text-align: right;
}

li
{
  margin-bottom: 11pt;
  margin-top: 11pt;
}

div.movie
{
  margin-bottom: 50px;
  text-align: center;
}

object.movie
{
  width: 100%;
}

h1
{
  border-bottom: solid 1px black;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 2em;
  text-align: center;
}

h2
{
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

h3
{
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1em;
  margin-top: 1em;
}

form table
{
  width: 100%;
}

img
{
  border: none;
}

ul
{
  list-style-type: circle;
  text-align: left;
}

p.error-message
{
  color: red;
}

p.footnote
{
  font-size: 0.8em;
}

div.header
{
  display: table;
}

div.logo
{
  display: table-cell;
}

div.header div.logo
{
  padding-top: 5pt;
  padding-left: 5pt;
}

div.banner
{
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

div.banner span
{
  background-color: rgb(153,166,232);
  color: white;
  font-size: 36pt;
  margin-left: 2em;
  padding: 10pt;
}

ul.menu
{
  height: 3em;
  margin: 0;
  margin-top: 10pt;
  padding: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

ul.menu li
{
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 10pt;
}

ul.menu > li.lang, ul.menu > li.search
{
  float: right;
  padding-left: 0.5em;
}

ul.menu li a
{
  color: white;
  display: block;
  font-style: normal;
  font-weight: bold;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-decoration: none;
}

ul.menu li ul
{
  display: none;
}

ul.menu li:hover ul
{
  background: #d1d1d1;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
}

ul.menu li:hover ul li
{
  padding-bottom: 5pt;
  padding-top: 5pt;
}

ul.menu li:hover ul a
{
  border: none;
}

ul.menu li:hover > a,
.active-item
{
  background: #d1d1d1;
}

.active-item
{
  padding: 5pt;
}

ul.menu li:hover a
{
  color: #02080d;
}

ul.menu li:hover li
{
  float: none;
}

ul.menu li:hover li:hover a
{
  background: #e1e1e1;
}

ul.menu > li.search
{
  padding-top: 9pt;
}

ul.menu > li.search button
{
  font-size: 70%;
  padding-bottom: 2px;
  padding-top: 2px;
}

ul.menu > li.search input
{
  background-color: #eeeeee;
}

div.button-panel
{
  display: table;
}

div.button-panel > div
{
  display: table-cell;
  vertical-align: top;
}

div.button-panel > div.buttons
{
  padding-right: 3em;
  width: 30%;
}

div.button-panel > div.buttons a
{
  display: block;
  font-size: 100%;
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  padding-top: 1em;
  text-align: center;
  white-space: nowrap;
}

div.button-panel > div.description p
{
  margin-top: 0;
}

div.apps
{
  letter-spacing: 10pt;
}

div.app
{
  display: inline-block;
  font-size: 90%;
  text-align: center;
}

div.app > p
{
  letter-spacing: normal;
}

div.icon
{
  font-size: 0px;
  height: 128px;
  margin-left: auto;
  margin-right: auto;
  width: 128px;
}

div.icon > img
{
  width: 128px;
  z-index: 0;
}

div.icon > img.mask
{
  top: -128px;
  position: relative;
  z-index: 1;
}

table.prices td, table.prices th, table.confirmation td, table.confirmation th
{
  padding-right: 20pt;
}

table.prices td, table.prices th, table.confirmation td.left,
table.confirmation th.left
{
  text-align: left;
}

table.confirmation td, table.confirmation th
{
  text-align: right;
}

table.confirmation tr.buttons td
{
  padding-top: 20pt;
}

div.pincette-documents
{
  border: none;
  height: auto;
  overflow: auto;
  padding-right: 20pt;
}

div.pincette-documents > div:hover
{
  background-color: #eeeeee;
  cursor: pointer;
}

div.pincette-documents p.text
{
  font-size: 90%;
  margin-top: 0;
}

div.pincette-documents p.text span.term
{
  color: rgb(153,166,232);
}

div.pincette-documents p.title
{
  color: rgb(153,166,232);
  font-weight: bold;
  margin-bottom: 0;
}

pre
{
  font-size: 85%;
}

span.pincette-loading
{
  background: white;
  display: inline-block;
  height: 1px;
  margin-right: 1px;
  padding: 0;
  vertical-align: middle;
  width: 1em;
}

dd
{
  margin-bottom: 1em;
  margin-top: 0.5em;
}

dt
{
  font-style: italic;
}

div.toc
{
  margin-left: 1em;
}

table.toc td > div.toc
{
  margin-left: 0px;
}

table.toc td
{
  padding-right: 2em;
  vertical-align: top;
}

.watch-video
{
  color: rgb(153,166,232);
  cursor: pointer;
}

.video-box,
.video-ref
{
  display: none;
}

.pincette-modal-container .video-ref
{
  display: block;
}

.pincette-title-bar
{
  background: #02080d;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 0px !important;
  width: 100% !important;
}

.pincette-title-bar
{
  display: table !important;
  height: 3em !important;
  width: 100%;
}

.pincette-title-bar > div
{
  display: table-cell !important;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: middle;
}

.pincette-title-bar > div:first-child
{
  text-align: left;
  width: 20%;
}

.pincette-title-bar > div:first-child + div
{
  font-weight: bold;
  text-align: center;
  width: 60%;
}

.pincette-title-bar > div:first-child + div + div
{
  text-align: right;
  width: 20%;
}

.pincette-title-bar > div > div
{
  color: white;
  display: inline-block;
  font-weight: bold;
}

.pincette-title-bar .close,
.pincette-title-bar .ok
{
  cursor: pointer;
}

.pincette-modal-container
{
  background-color: rgb(237, 237, 237);
  border-radius: 6px;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.4);
}

.pincette-modal-overlay
{
  background-color: rgb(150, 150, 150);
  background-color: rgba(150, 150, 150, 0.5);
}

div.text > div.pincette-documents > div
{
  display: block;
}

@media screen
{
  body
  {
    line-height: 1.4;
  }

  div.wide
  {
    margin-left: 50px;
  }

  img.print
  {
    display: none;
  }
}

@media print
{
  body
  {
    font-family: serif;
    hyphenate: true;
  }

  div.footer,
  div.header
  {
    display: none;
  }

  div.text
  {
    margin-left: 2cm;
    margin-right: 2cm;
  }

  div.wide
  {
    margin-left: 0;
  }

  ul.menu, div.toc, table.toc
  {
    display: none;
  }

  h1, h2 span
  {
    border-bottom-width: 0.2pt;
  }

  img.screen
  {
    display: none;
  }

  div.pincette-documents
  {
    height: auto !important;
  }

  div.pincette-documents > div
  {
    border-bottom: none;
  }

  div.pincette-documents p.title
  {
    page-break-after: avoid;
  }
}