/* Copyright (c) 2004-2009 BitTwister IT GmbH. All rights reserved. */

html {
  width: 100%; 
  height: 100%;
  margin: 0px; 
  padding: 0px;
  top: 0; 
  left: 0;
  position: absolute;
  overflow: auto;
}

body {
  width: 100%; 
  height: 100%;
  margin: 0px; 
  padding: 0px;
  top: 0; 
  left: 0;
  position: absolute;
  background: rgb(128, 127, 132) url(tile-0.jpg) left top repeat-y;
  color: #FFFFFF;
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 11pt;
}

h1 {
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  text-decoration: underline;
}

h2 {
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  text-decoration: underline;
}

h3 {
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  text-decoration: underline;
}

h4 {
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  text-decoration: underline;
}

h5 {
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  text-decoration: underline;
}

h6 {
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  text-decoration: underline;
}

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

input.button {
  border: 1px outset;
  background-color: #EEEEEE;
  color: #000000;
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}

input.text {
  border: 1px inset;
  background-color: #EEEEEE;
  color: #000000;
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}

textarea.text {
  border: 1px inset;
  background-color: #EEEEEE;
  color: #000000;
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: normal;
}

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

table td {
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}

table.layout {
  width: 100%; 
  height: 100%;
  height: 100% !important;      /* hack for IE */
  height: auto;                 /* hack for IE */
  margin: 0px;
  padding: 0px;
  background: transparent url(tile-1.jpg) left top repeat-x;
  table-layout: fixed;
}

table.layout td#cell-a {
  width: 192px;
  height: 144px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  background: url(tile-a.jpg) left top no-repeat;
}

table.layout td#cell-b {
  width: 80px; 
  height: 144px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  background: url(tile-b.jpg) left top no-repeat;
}

table.layout td#cell-c {
  width: 208px; 
  height: 96px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  background: url(tile-c.jpg) left top no-repeat;
}

table.layout td#cell-d {
  width: auto; 
  height: 64px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  background: url(tile-d.jpg) left top no-repeat;
}

table.layout td#cell-e {
  width: auto; 
  height: 32px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  background: url(tile-e.jpg) left top no-repeat;
  font-size: 12pt;
}

table.layout td#cell-f {
  width: auto;
  height: 48px;
  margin: 0px;
  padding: 0px;
  vertical-align: bottom;
  background: url(tile-f.jpg) left top no-repeat;
  font-size: 12pt;
}

table.layout td#cell-g {
  width: 192px; 
  height: auto;
  height: expression(document.documentElement?document.documentElement.offsetHeight-172+'px':'auto');   /* hack for IE */
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  background: url(tile-g.jpg) left top no-repeat;
}

table.layout td#cell-h {
  width: auto; 
  height: auto;
  height: expression(document.documentElement?document.documentElement.offsetHeight-172+'px':'auto');   /* hack for IE */
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  background: url(tile-h.jpg) left top no-repeat;
}

table.layout td#cell-i {
  width: 192px; 
  height: 24px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  background: url(tile-i.jpg) left top repeat-y;
}

table.layout td#cell-j {
  width: auto; 
  height: 24px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  background: url(tile-j.jpg) left top repeat-y;
}

table.layout td#cell-d img.icon {
  position: relative;
  float: right; 
  right: 0px;
  margin: 0px 4px;
  top: 52px;
}

table.layout td#cell-j img.icon {
  position: relative;
  float: right; 
  right: 0px;
  margin: 0px 4px;
  top: 10px;
}

table.layout td#cell-d div#clock {
  position: absolute; 
  right: 4px; 
  top: 0px; 
  font-size: 8pt;
}

#menubar {
  margin: 0px 0px;
  padding: 0px 8px;
  text-align: left;
  overflow: visible;
}

#headbar {
  margin: 0px 0px;
  padding: 0px 8px;
  text-align: left;
  overflow: visible;
}

#sidebar {
  margin: 0px 0px;
  padding: 16px 8px;
  height: auto !important;      /* hack for IE */
  height: 400px;                /* hack for IE */
  min-height: 400px;            /* hack for IE */
  text-align: right; 
  overflow: visible;
  color: #3F3F3F;
}

#content {
  margin: 0px 0px;
  padding: 16px 16px;
  height: auto !important;      /* hack for IE */
  height: 400px;                /* hack for IE */
  min-height: 400px;            /* hack for IE */
  text-align: left;
  overflow: visible;
}

#footbar {
  margin: 0px 0px;
  padding: 0px 16px;
  text-align: left;
  overflow: visible;
  font-size: 8pt;
}

ul.menu {
  margin: 0px 0px;
  padding: 0px 0px;
  border: none;
  white-space: nowrap;
  list-style: none;
  list-style-type: none;
  clear: none;
  display: inline;
}

ul.menu li { 
  margin: 0px 0px;
  padding: 0px 8px;
  border-left: white 1px solid;
  white-space: nowrap;
  float: left;
  list-style: none;
  list-style-type: none;
  clear: none;
  display: inline; 
}

ul.menu a:link {
  color: #FFFFFF;
  text-decoration: none;
}

ul.menu a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

ul.menu a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

ul.menu a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

ul.side {
  margin: 0px 0px;
  padding: 0px 0px;
  border: none;
  white-space: normal;
  list-style: none;
  list-style-type: none;
  clear: none;
}

ul.side li { 
  margin: 0px 0px;
  padding: 16px 0px;
  border: none;
  white-space: normal;
  list-style: none;
  list-style-type: none;
  clear: none;
}

ul.side a:link {
  color: #3F3F3F;
  text-decoration: none;
}

ul.side a:visited {
  color: #3F3F3F;
  text-decoration: none;
}

ul.side a:hover {
  color: #3F3F3F;
  text-decoration: underline;
}

ul.side a:active {
  color: #3F3F3F;
  text-decoration: underline;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

a:link {
  color: #FFFFFF;
}

a:visited {
  color: #FFFFFF;
}

a:hover {
  color: #C00000;
}

a:active {
  color: #C00000;
}