/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* basic.css */

body { font-family: Helvetica, sans-serif; }
a img { border: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* content */

div#content h1 { margin: 0px; margin-bottom: 1ex; }
div#content h2 { margin: 0px; margin-bottom: 1ex; }
div#content h3 { margin: 0px; margin-bottom: 1ex; }
div#content h4 { margin: 0px; margin-bottom: 1ex; }
div#content hr { margin: 3ex 0px; border: none; border-top: 1px solid; }

div#content p { margin: 2ex 0px; text-align: justify; }
div#content p.center { text-align: center; }
div#content p.icons { text-align: center; }

div#content p.table { line-height: 240%; }
div#content p.table label { display: inline-block; width: 15em;
  padding-right: 1em; line-height: 120%; text-align: right; font-weight: bold; }

div#content dl { margin: 2ex 0px; }
div#content dt { margin-top: 1ex; }
div#content dd { margin-left: 2em; }
div#content dd p { margin-top: 0px; }

div#content table { margin: 2ex 0px;
  border: 1px solid; border-collapse: collapse; }
div#content th { padding: 0.5ex 1em; text-align: left; vertical-align: top;
  border: 1px solid; }
div#content td { padding: 0.5ex 1em; text-align: left; vertical-align: top;
  border: 1px solid; }

div#content td.center { text-align: center; }
div#content td.right { text-align: right; }
div#content td.key { text-align: right; font-weight: bold; }
div#content td.label { text-align: right; font-weight: bold; }
div#content td.nobr { white-space: nowrap; }
div#content td.price { text-align: right; }

div#content table.clean { border: none; }
div#content table.clean th { border: none; }
div#content table.clean td { border: none; }

div#content table.layout { border: none; }
div#content table.layout td { padding: 0px; border: none; line-height: 0px; }
div#content table.layout .white_bg { color: black; }
div#content table.layout .white_bg table { border: none; }
div#content table.layout table td { padding: 0.5ex 1em; line-height: 20px; }

div#content fieldset { margin: 1ex 0px; padding: 1ex 2em; }
div#content legend { padding: 0px 1em; }
div#content input { font-family: Helvetica, sans-serif; font-size: 12px; }
div#content textarea { font-family: Helvetica, sans-serif; font-size: 12px; }

div#content a { color: #3030FF; }

div#sideblock { float: right; max-width: 40%; }
div#sideblock.active { margin-left: 2em; margin-bottom: 2ex;
  padding: 1ex 2em; border: 1px solid; }

ul#contact { margin: 2ex 0px; padding: 0px; list-style: none; }
ul#contact li { display: inline; margin: 0px; padding: 0px; }

div#below-page { margin: 2ex 10%; }
div#below-page p.icons { text-align: center; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* tricks */

div.htab h2 { float: left; width: 4em; text-align: right; }
div.htab h3 { float: left; width: 5em; text-align: right; }
div.htab p { padding-left: 10em; }

.center { text-align: center; }
table.center { margin-left: auto; margin-right: auto; }
.right { text-align: right; }

div#content .center { text-align: center; }
div#content table.center { margin-left: auto; margin-right: auto; }
div#content .right { text-align: right; }
div#content .float_left { float: left;
  margin-right: 2em; margin-bottom: 2ex; }
div#content .float_right { clear: right; float: right;
  margin-left: 2em; margin-bottom: 2ex; }

div#content .callout { padding: 1ex 2em; border: 1px solid; }
div#content .callout.float_left { width: 30%; }
div#content .callout.float_right { width: 30%; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */