* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial;
  font-size: 13px;
  text-align: center;
}

#website {
  width: 1005px;
  margin: auto;
  text-align: left;
}

img {
  border: 0;
}

b.highlight {
  color: #0f5ba3;
}

h1 {
  color: #0f5ba3;
  font-size: 18px;
  font-style: italic;
  margin-bottom: 5px;
}

h2 {
  color: #008b00;
  font-size: 18px;
  font-style: italic;
  margin-bottom: 5px;
}

h3 {
  color: #0f5ba3;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 5px;
}

h4 {
  color: #0f5ba3;
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 5px;
}

p {
  margin-bottom: 5px;
}

table {
  border-spacing: 0;
}

/* links */
a {
  color: #0f5ba3;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.grey {
  color: #b2b2b2;
  text-decoration: none;
}

a.grey:hover {
  text-decoration: underline;
}

a.dark {
  color: #000000;
  text-decoration: none;
}

a.dark:hover {
  text-decoration: underline;
}

a.navi {
  color: #000000;
  text-decoration: none;
  float: left;
  padding: 10px 20px 10px 20px;
}

a.navi:hover {
  background: url(../images/navi-bg.png) repeat-x;
}

a.navi-active {
  color: #000000;
  text-decoration: none;
  float: left;
  padding: 10px 20px 10px 20px;
  background: url(../images/navi-bg.png) repeat-x;
}

a.lightnavi {
  color: #0f5ba3;
  font-size: 18px;
  font-style: italic;
  text-decoration: none;
  float: left;
  padding: 8px 20px 7px 20px;
}

a.lightnavi:hover {
  background: url(../images/navi-light-bg.png) repeat-x;
}

a.lightnavi-active {
  color: #0f5ba3;
  font-size: 18px;
  font-style: italic;
  text-decoration: none;
  float: left;
  padding: 8px 20px 7px 20px;
  background: url(../images/navi-light-bg.png) repeat-x;
}

a.tnavi {
  color: #000000;
  text-decoration: none;
  float: left;
  padding: 10px 20px 10px 20px;
  background: url(../images/navi-bg.png) repeat-x;
}

a.lnavi {
  color: #0f5ba3;
  font-size: 18px;
  text-decoration: none;
  font-style: italic;
}

a.lnavi:hover {
  color: #74b2e2;
}

a.hnavi {
  color: #0f5ba3;
  font-size: 15px;
  text-decoration: none;
  font-style: italic;
}

a.hnavi:hover {
  color: #74b2e2;
}

a.button-link {
  color: #0f5ba3;
  font-size: 13px;
  text-decoration: none;
}

a.button-link:hover {
  color: #74b2e2;
}

/* form elements */
input {
  border: 1px solid #b2b2b2;
  height: 16px;
  width: 160px;
}

input[disabled=disabled] {
  background: #eeeeee;
}

input[type=file] {
  border: 1px solid #b2b2b2;
  height: 22px;
  width: 280px;
  background: #ffffff;
}

input[type=radio] {
  width: 20px;
  cursor: pointer;
}

input[type=checkbox] {
  width: 20px;
  cursor: pointer;
}

input:hover {
  border: 1px solid #0f5ba3;
}

input:focus {
  border: 1px solid #0f5ba3;
}

select.min {
  width: 162px;
}

select.small {
  width: 100px;
}

select.number {
  min-width: 125px;
  text-align: right;
}

select.small-number {
  min-width: 50px;
  text-align: right;
}

textarea {
  width: 320px;
  height: 200px;
}

.button {
  cursor: pointer;
  font-size: 14px;
  font-style: italic;
  color: #ffffff;
  height: 14px;
  padding: 5px 15px 5px 10px;
  background: url(../images/button-bg.png) repeat-x;
  display: inline-block;
}

.inform {
  width: 137px;
}

/* head */
#website #head {
  position: relative;
  padding: 25px 10px 25px 10px;
}

#head #logo {
  cursor: pointer;
}

#head .navi-container {
  position: absolute;
  top: 0;
  right: 0;
}

.navi-container .navi-button {
  float: left;
  position: relative;
  margin-right: 1px;
}

.navi-button .arrow {
  position: absolute;
  top: -3px;
  left: 0;
  text-align: center;
  width: 100%;
  display: none;
}

.navi-button .arrow-active {
  position: absolute;
  top: -3px;
  left: 0;
  text-align: center;
  width: 100%;
}

.navi-button .href {
  margin-top: 3px;
}

.navi-button .href-active {
  margin-top: 3px;
}

/* main */
#website #main {
  /**/
}

.headteaser-darkblue {
  background: url(../images/blue-slide-bg.png) #d8ebfc top left no-repeat;
}

.mainteaser-darkblue {
  background: url(../images/blue-bg.png) #e5f0f9 top left repeat-x;
  padding: 5px;
}

.mainteaser-lightblue {
  background: #e5f0f9;
  padding: 5px;
}

.mainteaser-yellow {
  background: url(../images/yellow-bg.png) #ffffff top left repeat-x;
  padding: 15px;
}

/* main-left */
#main #left {
  float: left;
  width: 280px;
  margin-right: 10px;
}

#left #login-top {
  background: url(../images/blue-bg.png) repeat-x;
  height: 135px;
  padding: 25px 25px 0 58px;
}

#left #login-bottom {
  background: #cbe5fb;
  height: 23px;
  padding: 9px 25px 8px 25px;
}

#left #login-state {
  background: #cbe5fb;
  padding: 5px 0 0 10px;
  height: 34px;
}

/* main-right */
#main #right {
  float: left;
}

/* foot */
#website #foot {
  text-align: center;
  font-size: 11px;
  margin-top: 20px;
  color: #b2b2b2;
}

/* form_standard */
.form_standard fieldset {
  border: 0;
}

.form_standard fieldset legend {
  font-weight: bold;
}

.form_standard p {
  margin-top: 10px;
}

.form_standard p label {
  width: 120px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}

/* table standard */
table tr td {
  vertical-align: top;
}

td.right {
  text-align: right;
}

td.center {
  text-align: center;
}

table.standard td {
  padding: 0 10px 0 10px;
}

table.nocursor tr td {
  cursor: default;
}

.highlight-red td {
  color: #ff0000;
}

/* table top */
table.top {
  border-spacing: 5px;
}

table.top td {
  padding: 10px 15px 10px 15px;
}

table.top td.head {
  color: #023e7c;
  font-size: 11px;
  font-weight: bold;
}

table.top td.body-v1 {
  background: #ffffff;
  color: #008b00;
  font-weight: bold;
}

table.top td.body-v2 {
  background: #eeeeee;
}

/* table chart */
table.chart td {
  color: #0f5ba3;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
}

table.chart td.head {
  font-style: italic;
}

table.chart td.body-v1 {
  background: #edf6ff;
}

table.chart td.body-v2 {
  /**/
}

table.chart td.highlight-left {
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  color: #000000;
  font-weight: bold;
  font-style: italic;
  -moz-border-radius: 5px 0 0 5px;
}

table.chart td.highlight {
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  color: #000000;
  font-weight: bold;
  font-style: italic;
}

/* table ranking */
table.ranking td {
  padding: 5px 10px 5px 10px;
}

table.ranking td.head {
  font-style: italic;
}

table.ranking td.body-v1 {
  background: #edf6ff;
  cursor: pointer;
}

table.ranking td.body-v2 {
  cursor: pointer;
}

table.ranking-layer td {
  padding: 5px 10px 5px 10px;
}

table.ranking-layer td.head {
  color: #0f5ba3;
  font-weight: bold;
}

/* other */
.clear {
  clear: both;
}

.contrast {
  width: 250px;
  position: relative;
}

.contrast .contrast-val-self {
  position: absolute;
  top: 0;
  left: 5px;
}

.contrast .contrast-val-other {
  position: absolute;
  top: 0;
  right: 5px;
}

.contrast .contrast-self {
  background: #cbe5fb;
  font-style: italic;
  float: left;
}

.contrast .contrast-other {
  background: #cccccc;
  font-style: italic;
  text-align: right;
  float: left;
}

ol.standard li {
  margin-left: 20px;
}

ul.standard li {
  margin-left: 15px;
}

ul.siteChange {
  list-style: none;
}

ul.siteChange li {
  float: left;
  margin-right: 10px;
}

ul.siteChange li a.selected {
  text-decoration: underline;
}

.white-to-blue-teaser {
  background: url(../images/white-to-blue.png) #d9eafa top left repeat-x;
  border: 1px solid #b2b2b2;
  padding: 10px 5px 10px 5px;
  width: 990px;
}

div.ranking-layer {
  width: 990px;
  display: none;
  position: absolute;
  cursor: default;
}

div.ranking-layer .content {
  background: #ffffff;
  padding: 10px;
}

div.ranking-layer .shadow-bottom {
  background: url(../images/shadow-bottom.png) no-repeat;
  height: 6px;
  width: 990px;
}

div.chart-layer {
  width: 400px;
  height: 300px;
  display: none;
  position: absolute;
  cursor: default;
  border: 1px solid #b2b2b2;
  background: #ffffff;
}

div.chart-layer .content {
  background: #ffffff;
  padding: 10px;
  position: relative;
}

div.chart-layer .content #chart-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

div#chart-layer-connector {
  height: 30px;
  width: 10px;
  position: absolute;
}

.teaser {
  padding: 10px;
  text-align: left; /* justify */
}

.teaser h1 {
  text-align: left;
}

.light {
  font-size: 12px;
  color: #b2b2b2;
}

.icon {
  cursor: pointer;
  list-style: none;
  padding: 5px;
  display: inline-block;
}

.separator {
  margin-top: 10px;
  height: 1px;
  border-top: 1px solid #b2b2b2;
  margin-bottom: 10px;
}

.separator-space {
  margin-top: 10px;
  height: 1px;
  margin-bottom: 10px;
}