body {
  background-color:#EEEEEE;
}

#nav {
  padding:0.5em;
}

#menu {
  background-color:#FFFFFF;
  width:0;
  height:330px;
  position:absolute;top:0px;
  overflow:hidden;

  box-shadow: 10px 10px 10px #888888;
  border-radius: 0.5em;
  z-index:999;

  transition:         width 0.5s; /* default */
  -webkit-transition: width 0.5s; /* Safari  */
  -moz-transition:    width 0.5s; /* Firefox */
  -o-transition:      width 0.5s; /* Opera   */
}

#menu div.title {
  padding:0.5em;
  font-size:120%;
  font-weight:bold;
}

#menu li {
  margin:0.5em;
}

#page {
  width:100%;
}

#panel {
  position:relative;
  padding:0.5em;
}

#footer {
  margin:1em 0.5em;
  padding-top:0.5em;
  border-top:1px solid #555555;
  font-style:italic;
}

table.sales_statistic {
}

table.sales_statistic td {
  padding:0.1em 0.1em 0.1em 0;
  text-align:right;
}

table.sales_statistic td:nth-of-type(22) {
  text-align:left;
}


body,input,td {
  font:normal 9pt arial;
}
h1 {
  margin:0px;
  font:bold 13pt arial;
}
h2 {
  margin:0px;
  font:bold 11pt arial;
}
h3 {
  margin:0px;
  font:bold 10pt arial;
}
tr {
  vertical-align:top;
}
td {
  overflow:hidden;
}
input.text {
  border:1px solid #555555;
  height: 1.5em;
}

iframe {
  background-color:#FFFFFF;
  border: 1px solid #555555;
}

.ToolTip {
  border-bottom:#009900 dashed 1px;
  cursor:help;
}

table.statistics_table {
  width:100%;
}

table.statistics_table,
table.statistics_table th,
table.statistics_table td {
  border: 1px solid #666666;
}

table.statistics_table th {
  text-align:center;
  padding: 0.2em;
}

table.statistics_table td {
  text-align:right;
  padding: 0.2em;
  white-space: nowrap;
}

table.statistics_table td:nth-of-type(1),
table.statistics_table td:nth-of-type(2),
table.statistics_table td:nth-of-type(23) {
  text-align:left;
}

table.statistics_table td:nth-of-type(11),
table.statistics_table td:nth-of-type(12),
table.statistics_table td:nth-of-type(13),
table.statistics_table td:nth-of-type(14) {
  color:#009900;
}

table.statistics_table td:nth-of-type(15),
table.statistics_table td:nth-of-type(16),
table.statistics_table td:nth-of-type(17),
table.statistics_table td:nth-of-type(18) {
  color:#0000AA
}

table.statistics_table td:nth-of-type(21) {
  color:#FF0000
}


div.right {
  float:right;
}