BODY {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #000;
  background-color: #336;
  background: url("http://www.fantasi.se/gfx/101_bg.png");
  _background: url("http://localhost/~jesper/fantasi/gfx/101_bg.png");
  margin: 0px;
  padding: 0px;
}

A, A:visited {
  color: #003;
  text-decoration: none;
}

A:hover {
  color: #336;
  border-style: solid none;
  border-width: 1px;
}

H1 {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: #99c;
  padding-right: 3px;
  text-align: right;
  font-variant: small-caps;
  color: #003;
  width: 100%;
}

H2 {
  text-align: center;
  font-size: 24pt;
  color: #003;
  width: 100%;
}

H3 {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: #99c;
  padding-right: 3px;
  text-align: right;
  width: 100%;
}

H4 {
  border-style: none none solid none;
  border-width: 1px;
  border-color: #ccf;
  font-size: 12pt;
  font-weight: bold;
  margin: 1em 0px -1em 20px;
  padding: 0px;
}

H5 {
  border: none;
  font-size: 12pt;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

TH {
  background-color: #336;
  font-weight: bold;
  text-align: left;
  color: #ccf;
  padding: 0px 2px;
}

HR {
  height: 2px;
  width: 100%;
  color: #99c;
  border-style: solid;
}

CODE {
  font-size: 12pt;
}

.alert {
  border-style: solid;
  border-width: 2px;
  border-color: #f00;
  padding-right: 3px;
  margin-left: 20px;
  text-align: center;
  font-variant: small-caps;
  color: #000;
  background: #f99;
  width: 100%;
}

.bodyframe {
  width: 100%;
  height: 100%;
  margin: 0px;
  border: none;
  border-spacing: 0px;
  padding: 0px;
}

.bodycell {
  vertical-align: top;
  padding: 0px;
  text-align: center;
}

.innerbodyframe {
  width: 100%;
  height: 100%;
  border-width: 0px;
  border-color: #336;
  border-style: none solid solid solid;
  border-spacing: 0px;
  padding: 0px;
  max-width: 1200px;
}

.bodyframes {
  width: 100%;
  height: 100%;
  margin: 0px;
  border: none;
  border-width: 0px;
  border-spacing: 0px;
  padding: 0px;
}

.fullpage {
  width: 100%;
  margin: 0px;
  border: none;
  border-width: 0px;
  border-spacing: 0px;
  padding: 0px;
}

.fullwidth {
  width: 100%;
}

.fullcell {
  vertical-align: top;
  padding: 0px;
}

.top-corner {
  vertical-align: bottom;
  padding: 0px;
  height: 20px;
  width: 81px;
  border-width: 1px;
  border-color: #000;
  border-style: solid none none none;
}

.top-corner-frame {
  vertical-align: top;
  padding: 0px;
  height: 20px;
  width: 79px;
  border-width: 1px;
  border-color: #000;
  border-style: none none solid none;
}

.header {
  color: #ccf;
  font-size: 10pt;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
  border-width: 1px;
  border-color: #336;
  border-style: none none solid none;
  padding: 0px;
  padding-right: 5px;
  height: 20px;
}

.menu {
  width: 150px;
  height: 1px;
  padding: 0px;
  vertical-align: top;
  background-color: #000;
  text-align: left;
}

.menu-header, .menu-header:hover, .menu-header:link, .menu-header:visited {
  font-size: 12pt;
  font-weight: bold;
  padding: 0px 5px;
  background-color: #336;
  color: #ccf;
  border: none;
}

.menu-body, .menu-body:visited {
  padding: 0px 10px;
  font-size: 10pt;
  list-style-type: none;
  color: #ccf;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
}

.menu-body:hover {
  padding: 0px 10px;
  font-size: 10pt;
  list-style-type: none;
  color: #ccf;
  border-style: solid;
  border-width: 1px;
  border-color: #ccf;
  background-color: #003;
  width: 100%;
}

.menu-link, .menu-link:hover, .menu-link:link, .menu-link:visited {
  border: none;
  padding: 0px 10px;
  list-style-type: none;
  color: #ccf;
}

.menu-space {
  border-width: 1px;
  border-style: none solid none solid;
  border-color: #000;
  background-color: #ccf;
}

.menu-bottom {
  border-width: 1px;
  border-style: none solid solid solid;
  border-color: #000;
  background-color: #ccf;
}

.bottom {
  width: 100%;
  height: 1px;
  text-align: center;
  vertical-align: bottom;
  background-color: #fff;
  border-style: solid;
  border-width: 5px;
  border-color: #ccf;
}

.main {
  vertical-align: top;
  margin: 0px;
  padding: 0px 10% 0px 0px;
  background-color: #fff;
  border-width: 1px;
  border-color: #000;
  border-style: none solid none none;
}

.maincontent {
  margin-left: 20px;
  text-align: left;
  vertical-align: top;
}

.slogan {
  width: 70%;
  font-size: 14pt;
  text-align: center;
}

.ingress {
  margin-left: 20px;
  padding: 10px;
  text-align: left;
  vertical-align: top;
  font-style: italic;
  font-size: 14pt;
  border-style: dashed;
  border-width: 1px;
  border-color: #ccc;
  background-color: #eee;
}

.rightcolumn {
  vertical-align: top;
  border-width: 1px;
  border-color: #ccc;
  border-style: none none none dotted;
  padding: 10px;
}

.nomargin {
  margin: 0px 0px -1em 0px;
  padding: 2px;
}

.nodeco, .nodeco:link, .nodeco:hover {
  border: none;
  border-style: none;
  border-width: 0px;
}

.codebox {
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 2px;
  padding-bottom: 0px;
  text-align: left;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-color: #336;
  background-color: #ccf;
}

.codeboxtitle {
  background-color: #eef;
  border-style: none none dotted none;
  border-width: 1px;
  border-color: #336;
  margin: -2px;
  padding: 2px 10px;
  font-size: 10pt;
}

.formulabox {
  margin-left: 20px;
  padding: 2px;
  font-family: times;
  font-size: 14pt;
  font-style: italic;
  text-align: center;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-color: #336;
  background-color: #ccf;
}

.keyword:link, .keyword:visited, .keyword:hover {
  color: #a00;
}

.line {
  padding: 0px;
  background-color: #336;
  height: 2px;
  width: 100%;
}

.ftable {
  border-style: solid;
  border-width: 2px;
  border-color: #336;
  border-spacing: 0px;
  width: 100%;
  margin-left: 20px;
}

.fitable {
  border-style: solid;
  border-width: 2px;
  border-color: #336;
  border-spacing: 0px;
  width: 75%;
  margin-left: 20px;
}

.fheader {
  background: #fff;
  text-align: center;
}

.fcolumn {
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #336;
  font-size: 10pt;
  padding: 1px 2px;
  vertical-align: top;
}

.rightth {
  font-size: 10pt;
  text-align: right;
  padding: 0px 4px;
  width: 1px;
}

.litrow {
  background: #fff;
}

.drkrow {
  background: #eef;
}

.tdr {
  font-weight: bold;
  text-align: right;
  padding: 0px 4px;
}

.tdc {
  text-align: center;
  padding: 0px 4px;
}

.framebox {
  border-style: solid;
  border-width: 2px;
  border-color: #336;
  border-spacing: 0px;
  width: 500px;
  background-color: #ccf;
}

.frameheader {
  text-align: left;
  padding-left: 5px;
}

.framelineheader {
  text-align: right;
  vertical-align: top;
  padding: 0px 5px;
  width: 10%;
}

.framedata {
  background-color: #eef;
  padding: 10px;
  text-align: left;
}

.framelinedata {
  background-color: #eef;
  padding: 0px 10px;
}

.itemkey {
  font-size: 10pt;
  font-variant: small-caps;
  margin: 0px;
}

.itemtext {
  margin-top: 0px;
  margin-left: 20px;
}

.small {
  text-align: center;
  font-size: 10pt;
}

.note {
  font-size: 10pt;
  font-variant: small-caps;
}

.subtext {
  font-size: 8pt;
}

.download {
  font-size: 14pt;
  color: #99c;
}

.headercell {
  border-style: none solid solid none;
  border-width: 2px;
  border-color: #99c;
  border-spacing: 0px;
  padding: 0px;
  margin-top: 2em;
  margin-bottom: 0.5em;
  width: 90%;
}

.headercell_a {
  text-align: center;
  vertical-align: bottom;
  width: 100%;
}

.headercell_b {
  text-align: right;
  vertical-align: bottom;
}

.noborder {
  border-style: none;
  border-width: 0px;
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
}

.imgframe {
  width: 1px;
  border-style: solid;
  border-width: 2px;
  border-color: #336;
  border-spacing: 0px;
  margin: 0px 0px 0px 20px;
  padding: 0px;
  background-color: #eef;
  color: #000;
}

.imgtext {
  margin: 5px;
  font-size: 10pt;
  font-style: italic;
  text-align: left;
}

.amigalist {
  list-style: url("http://www.fantasi.se/gfx/SmallBall.png") disc;
  text-align: left;
}

.tr_planned {
  background-color: #ffc;
}

.tr_ongoing {
  background-color: #f99;
}

.tr_done {
  background-color: #9f9;
}

.footer {
  background-color: #fff;
  border-style: none solid solid none;
  border-color: #336;
  border-width: 1px;
}

