body, div, p, th, td, li, dd {
  font-size: 9pt;
  font-family: arial, verdana, sans-serif;
}
body {
  color: black;
  background-color: white;
}

a { 
  color: #00599a; 
  text-decoration: none;
  font-weight: bold;
}
span.htimeetc {
  background-color: #689acf;
  color: white;
  font-size: 9pt; 
  white-space: nowrap;
  padding: 3px;
}
td.hunlogo a {
  color: white;
  font-weight: normal;
}
td.hunlogo a.logout {
  color: white;
  font-weight: normal;
}
table.hlogostrip {
  background-color: #3563a0; 
  width: 100%;
  color: white;
  padding-left: 10px;
  padding-bottom: 0px;
  height: 34px;
}
div.hlogostrip {
  background-color: #f00000;
  color: black;
}
input.hsearch {
  padding: 0pt;
  margin: 0cm;
  border: none;
  /*
  background-color: #689acf;
  */
  background-color: #3563a0;
  color: white;
  font-size: 9pt; 
  font-weight: normal;
}
div.hunlogo {
}

table.hcrclogostrip {
  background-color: #106010; 
  width: 100%;
  color: white;
  height: 34px;
  padding: 0px;
  margin: 0px;
}
table.hcrclogostrip input.hsearch {
  background-color: #106010;
}
table.hcrclogostrip td {
  white-space: nowrap;
}

div.hmetawholepage {
}
div.hwholepage {
  position: relative;
  max-width: 800px;
  text-align: left;
  width:expression( 
    document.documentElement.clientWidth > 800?
        "800px":
        "auto" );
}

table.hlogostrip {
  padding: 0px;
  margin: 0px;
}
td.hunlogo {
  text-align: right;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-right: 7px;
}
td.hlogo {
  text-align: left;
}

.maintable {
  border: 0;
}
.nmaintable {
}
.hmaintable {
  border: 0;
}
.listtable {
}
.notrans {
  background-color: white;
  color: black;
}
.hbody {
  margin-top: 0pt;
  margin-bottom: 0pt;
}
.nbody {
  margin-left: 0pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
}
div.main {
  color: #ff5b1b;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
}
div.frontline {
  margin-bottom: 5px;
  margin-top: 10px;
  text-align: center;
}
div.bottomline {
  margin-bottom: 5px;
  margin-top: 2px;
  text-align: left;
  color: #d0d0d0;
}
div.bottomlinestop {
  margin-bottom: 5px;
  margin-top: 2px;
  text-align: right;
  color: black;
}
h1.front {
  font-size: 16pt;
  font-weight: bold;
  margin: 0cm;
}
h1 {
  font-size: 12pt;
  font-weight: bold;
  margin: 0cm;
}
h2 {
  font-size: 11pt;
  font-weight: bold;
  margin: 0cm;
}
h3 {
  font-size: 12pt;
  text-decoration: underline;
}
h4 {
  text-decoration: underline;
}
h5 {
  text-decoration: none;
}
h5.bold {
  text-decoration: none;
  font-weight: bold;
}
h6 {
  text-decoration: none;
}
.heading {
  background-color: #999999;
}
.body {
  background-color: #eaeaea;
}
.hmenu {
  background-color: #ffba00;
}
.smtr {
  background-color: white;
}
.snp {
}
.marg {
  margin-left: 2pt;
}
.simplebody {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
}
.timetd {
  color: white;  
  line-height: 8pt;
}
.gtq {
  font-family: courier, serif;
  color: black;  
  line-height: 8pt;
  border-width: 2pt;
}

th {
  background-color: #eaeaea;
  color: black;  
  font-weight: normal;
  text-align: left;
}
th.front {
  background-color: #689acf; 
  color: white;  
  text-align: left;
  padding-top: 1pt;
  padding-bottom: 1pt;
  border: 0px solid black;
  border-left: 1px solid black;
}
th.frontwhole {
  background-color: #689acf; 
  color: white;  
  text-align: left;
  padding-top: 1pt;
  padding-bottom: 1pt;
  border: 0px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
th.frontright {
  background-color: #689acf; 
  color: white;  
  text-align: right;
  padding-top: 1pt;
  padding-bottom: 1pt;
  border-right: 1px solid black;
}
th.frontmiddle {
  background-color: #689acf; 
  color: white;  
  text-align: right;
  padding-top: 1pt;
  padding-bottom: 1pt;
}
th.frontscoreleft {
  background-color: #001653; 
  color: white;  
  text-align: left;
  padding-top: 0pt;
  padding-bottom: 0pt;
}
th.frontscoreright {
  background-color: #001653; 
  color: white;  
  text-align: right;
  padding-top: 0pt;
  padding-bottom: 0pt;
}
th.frontscorerule {
  background-color: black; 
  height: 0px;
}
th.frontscorerule1 {
  background-color: black; 
  height: 1px;
}
tr.frontscorething {
  border-top: 3px solid black;
  border-left: 3px solid black;
  border-right: 3px solid black;
}

th.frontscoreleftwhite {
  background-color: white; 
  color: black;  
  text-align: left;
  padding-top: 0pt;
  padding-bottom: 0pt;
  border-left: 1px solid black;
  border-top: 1px solid black;
}
th.frontscoremiddlewhite {
  background-color: white; 
  color: black;  
  text-align: right;
  padding-top: 0pt;
  padding-bottom: 0pt;
  border-top: 1px solid black;
}
th.frontscorerightwhite {
  background-color: white; 
  color: black;  
  text-align: right;
  padding-top: 0pt;
  padding-bottom: 0pt;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
th.frontscoreleftgrey {
  background-color: #eaeaea; 
  color: black;  
  text-align: left;
  padding-top: 0pt;
  padding-bottom: 0pt;
  border-left: 1px solid black;
  border-top: 1px solid black;
}
th.frontscoremiddlegrey {
  background-color: #eaeaea; 
  color: black;  
  text-align: right;
  padding-top: 0pt;
  padding-bottom: 0pt;
  border-top: 1px solid black;
}
th.frontscorerightgrey {
  background-color: #eaeaea; 
  color: black;  
  text-align: right;
  padding-top: 0pt;
  padding-bottom: 0pt;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
td.frontchart {
  border: 0px solid black;
}

table.gen {
  background-color: #999999;
  border: solid red;
}
table.gen th {
  background-color: #eaeaea;
  color: black;  
  font-weight: normal;
  text-align: left;
}
table.gen td {
  background-color: #eeeeee;
  color: black;  
  font-weight: normal;
}
td.back {
  background-repeat: no-repeat;
  cursor: pointer;
}
table.ncom {
  margin-top: 0px;
  padding-top: 0px;
  padding: 0pt;
}

table.nospacecom {
  border-collapse: collapse;
}
table.nospacecom td {
  padding: 0px;
}
table.nospacecom table {
  width: 100%;
}

table.paper {
}
table.paper td {
  padding: 0px;
}
table.paper table {
  width: 100%;
}

table.bottomspacecom {
  border-collapse: collapse;
}
table.bottomspacecom td {
  padding-bottom: 2px;
}

table.wcom {
  background-color: #e0e0e0;
  border-spacing: 1px;
  padding: 0 0px;
  border: 0px solid black;
}
table.wcom td {
  background-color: white;
  padding: 2px;
  color: black;  
  font-weight: normal;
}

table.mbox {
  padding: 0 0px;
  border-collapse: collapse;
}
table.mbox td {
  padding: 2px;
  white-space: nowrap;
  text-align: right;
  border: 1px solid #d0d0d0;
}
table.mbox th {
  background-color: #eaeaea;
  padding: 2px;
  text-align: left;
  white-space: nowrap;
  border: 1px solid #d0d0d0;
}
table.mbox tr td:first-child {
  text-align: left;
}

table.com {
  background-color: #d0d0d0;
  padding: 0 0px;
  border: 0px solid black;
  border-collapse: collapse;
}
table.com td {
  background-color: white;
  padding: 2px;
  color: black;  
  font-weight: normal;
  white-space: nowrap;
  border: 1px solid #d0d0d0;
}
table.com td.nospace {
  background-color: white;
  padding: 2px;
  color: black;  
  font-weight: normal;
  border: 1px solid #d0d0d0;
}
table.com th {
  background-color: #eaeaea;
  padding: 2px;
  color: black;  
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  border: 1px solid #d0d0d0;
}

table.scom, table.numtab { /* like ncom, but with width = 100% */
  width: 100%;
  margin-top: 0px;
  padding-top: 0px;
  padding: 0pt;
}
table.numtab tr.calc {
  background-color: #99ccff;
}
table.numtab tr {
  padding: 0;
  margin: 0;
}
table.numtab td {
  padding: 0;
  padding-left: 1.5mm;
  margin: 0;
}
table.numtab td.amount {
  text-align: right;
  background: white;
}
table.numtab td.calc_amount {
  text-align: right;
  background: #99ccff;
}
table.numtab th {
  padding: 0;
  padding-left: 0.5mm;
  padding-top: 0.5mm;
  margin: 0;
}
table.numtab th.year {
  text-align: right;
}
table.categories {
  border: 0;
}
table.categories td.post {
  border-bottom: 1px dotted #ddd;
}
table.categories td.numberpost {
  border-bottom: 1px dotted #ddd;
  white-space: nowrap;
}
table.categories td.bottompost {
  border-bottom: 1px solid black;
  white-space: nowrap;
}
input.numinput {
  width: 1.5cm;
  border: 1px solid #ddd;
}
form.csearch {
}
form.csearch input {
  border: 1px solid #ccc;
}
form.csearch input.submit {
  border: 1px outset #444;
}
form.csearch select {
  border: 1px solid white;
}

table th.hightop {
  background-color: #eaeaea;
  color: black;  
  font-weight: bold;
  text-align: center;
  border: 1px solid #d0d0d0;
}
table th.top {
  background-color: #eaeaea;
  color: black;  
  font-weight: bold;
  text-align: center;
}
table th.lefttop {
  background-color: #eaeaea;
  color: black;  
  font-weight: bold;
  text-align: left;
}
table th.right {
  background-color: #eaeaea;
  color: black;  
  text-align: right;
}
table .midtop {
  background-color: #e0e0e0;
  color: black;  
  text-align: center;
}
table td.down {
  color: #ff5b1b;
  text-align: right;
}
table td.up {
  color: blue;
  text-align: right;
}
table td.same {
  color: black;
  text-align: right;
}
table td.black {
  background-color: black;  
  padding-top: 0pt;
  padding-bottom: 0pt;
}
body.original a {
  text-decoration: none;
  color: blue;
  font-weight: normal;
}
.new-smtr {
  background-color: #feeea0;
}
.orange {
  color: #ff5b1b;
}
.blue {
  color: #3563a0;
}

.message {
  background-color: #d0d0d0;
  border: solid 1px black;
  padding: 4px;
  width: 100%;
/*  font-size: 15pt; */
}

body.hbody {
  margin: 0pt;
}
div.hmenustrip {
  position: relative;
  white-space: nowrap;
  background-color: #eaeaea;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #3563a0;
  border-right: 1px solid #3563a0;
}
form select.hexchange {
  padding: 0pt;
  margin: 0pt;
  font-size: 8pt; 
}
form input.pinput {
  font-size: 8pt;
}
form.hsearch {
  margin: 0cm;
  padding: 0cm;
  border: 0cm;
}
div.hlogo {
  padding-left: 8px;
}

table.hsidetable {
}
table.hsidetable td {
  white-space: nowrap;
}
td.hsidetd {
  height: 100%;
  border-right: 1px solid #3563a0;
  padding-top: 5px;
  padding-left: 8px;
  padding-right: 3px;
}

table.homaintable {
  border-spacing: 0px;
}
div.hend {
  border-top: 1px solid #3563a0;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  white-space: nowrap;
}
table.bottomtable {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 0;
  border-collapse: collapse;
}
span.hbottommenu {
  float: left;
  white-space: nowrap;
}
span.hbottomlinestop {
  white-space: nowrap;
}
td.hbottomlinestop {
  text-align: right;
}
div.hdelay {
  position: absolute;
  right: 10px;
  top: 2px;
}
td.hdelay {
  text-align: right;
  padding-right: 10px;
}
td.htime {
  text-align: right;
  padding-right: 10px;
}
table.hmenustrip {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}

span.htopselected {
}

span.htopselected a {
  color: black;
}
span.helemselected a {
  color: black;
}
td.helemselected a {
  color: black;
}

.red {
  color: #be2328;
}

span.warning {
  padding: 2pt 2pt 2pt 4pt;
  background-color: red;
}

td.frontright {
  text-align: right;
}
td.frontleft {
  width: 100%;
  text-align: left;
}
table.front {
}
td.hcontent {
  width: 100%;
}
div.hcontent {
  text-align: left;
  margin-left: 5px;
  margin-top: 6px;
  margin-bottom: 6px;
}
div.hfrontcontent {
  width: 797px;
}

table.frontright span {
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 1px;
 background-position: 50% 50%;
 background-repeat: no-repeat;
}
span.uptickb {
 background-image:  url(http://xochitl.netfonds.no/img/bits/huptickgb.gif);
}
span.downtickb {
 background-image:  url(http://xochitl.netfonds.no/img/bits/hdowntickrb.gif);
}
span.sametickb {
 background-image:  url(http://xochitl.netfonds.no/img/bits/hsametickyb.gif);
}
span.uptickg {
 background-image:  url(http://xochitl.netfonds.no/img/bits/huptickglg.png);
}
span.downtickg {
 background-image:  url(http://xochitl.netfonds.no/img/bits/hdowntickrlg.png);
}
span.sametickg {
 background-image:  url(http://xochitl.netfonds.no/img/bits/hsametickylg.png);
}
span.uptickw {
 background-image:  url(http://xochitl.netfonds.no/img/bits/huptickgw.gif);
}
span.downtickw {
 background-image:  url(http://xochitl.netfonds.no/img/bits/hdowntickrw.gif);
}
span.sametickw {
 background-image:  url(http://xochitl.netfonds.no/img/bits/hsametickyw.gif);
}

table.bar {
  border-collapse: collapse;
}
table.bar td {
  padding: 0pt;
  margin: 0pt;
}

div.helptop {
  background-color: #eaeaea;
  text-align: center;
  padding: 2px;
  border: 1px solid black;
  font-weight: bold;
  margin: 1px;
}
div.helpbody {
  border: 1px solid black;
  margin: 1px;
  padding: 2px;
}
div.editbox {
  border: 1px solid black;
  margin: 1px;
  padding: 2px;
}

form.general select {
  font-size: 8pt; 
}
form.general input {
  font-size: 8pt; 
}

table.bottommargin {
 margin-bottom: 2px;
}
table.rightmargin {
 margin-right: 2px;
}
table.leftmargin {
 margin-left: 2px;
}
table.topmargin {
 margin-top: 2px;
}

tr {
  vertical-align: top;
}

tr.centered {
  vertical-align: middle;
}

form.format {
  margin: 0cm;
}

tr.yellow td {
  background-color: yellow;
}

tr.bordertop td, tr.bordertop th {
  border-top: 2px solid black;
}

tr.invisible {
  visibility: collapse;
  display: none;
}

tr.centeredinvisible {
  vertical-align: middle;
  visibility: collapse;
  display: none;
}

tr.iseparator {
  visibility: collapse;
  display: none;
}

tr.vseparator td, tr.iseparator td {
  background-color: black;
  height: 2px;
  padding: 0px;
}

input.narrow {
  margin-right: 0px;
}

p.warning {
  border: 1px solid red;
  padding: 0.3em;
  background: rgb(255,245,245);
}

table.break {
  background-color: #d0d0d0;
  padding: 0 0px;
  border: 0px solid black;
  border-collapse: collapse;
}
table.break td {
  background-color: white;
  padding: 2px;
  color: black;  
  font-weight: normal;
  white-space: wrap;
  border: 1px solid #d0d0d0;
}
table.break th {
  background-color: #eaeaea;
  padding: 2px;
  color: black;  
  font-weight: normal;
  text-align: left;
  white-space: wrap;
  border: 1px solid #d0d0d0;
}

table td.right {
  text-align: right;
}


table.order {
  padding: 0 0px;
  border: 0px solid black;
  border-collapse: collapse;
}
table.order td {
  padding: 0px;
}

table.buy {
  background-color: #6090ff;
  border: 0px;
  border-spacing: 1px;
  margin-right: 2px;
}
table.buy td {
  background-color: white;
  padding: 2px;
}
table.buy th {
  background-color: #80b2ff;
  padding: 2px;
}

table.sell {
  background-color: #ff9060;
  border: 0px;
  border-spacing: 1px;
  margin-right: 2px;
}
table.sell td {
  background-color: white;
  padding: 2px;
}
table.sell th {
  background-color: #ffb280;
  padding: 2px;
}

table.order th.heading {
  background-color: #eaeaea;
  border: 1px solid #d0d0d0;
}

span.sell {
  background-color: #ffb280;
  border: 2px solid #ffb280;
}
span.buy {
  background-color: #80b2ff;
  border: 2px solid #80b2ff;
}

table.com td.buy {
  background-color: #80b2ff;
}
table.com td.sell {
  background-color: #ffb280;
}

table.market {
}
table.market > tbody > tr > td {
  padding: 0px;
}

table.handel {
  table-layout: fixed;
}
table.handel td {
  white-space: wrap;
  border: 0px;
}

table.three-column-form {
    padding: 15px;
    width: 600px;
}

.three-column-form td {
    width: 33%;
}

table td.buyratio {
  background-color: #9191be;
}

table td.sellratio {
  background-color: #f19673;
  text-align: right;
}

table td.left {
  text-align: left;
}
table td.right {
  text-align: right;
}

table th.notopborder {
  border: 1px solid #d0d0d0;
  border-top: 0px;
}

div.rule-group {
  border: 1px solid black;
  padding-left: 1cm;
}

table.centered {
}
table.centered tr {
  vertical-align: middle;
}

table.noborder {
}
table.noborder td {
  padding: 2px;
  border: 0px solid black;
}
table.noborder th {
  padding: 2px;
  border: 0px solid black;
}

div.crmbox {
  border: 0px solid black;
}

input.linklike {
  padding: 0pt;
  margin: 0cm;
  border: none;
  color: #00599a;
  background-color: white;
  font-size: 9pt; 
  font-weight: bold;
}
td.centered {
  text-align: center; 
}

table td.bggreen {
  background-color: forest-green;
}
table td.bgorange {
  background-color: orange;
}
table td.bgyellow {
  background-color: yellow;
}
table td.bgred {
  background-color: red;
}

form input.disabled {
  color: white;
}

input.right {
  text-align: right;
}

div.popup { 
  position: absolute; 
  top: 200px; 
  left: 200px; 
  text-align: center; 
  padding: 5px; 
  border: 1px solid black; 
  background: white; 
  width: 600px;
  height: 300px;
}

@media print {
  .page-break {
    page-break-before: always;
  }
}