/* layout table */
table.layout {
  float: left;
  margin: 1em 0em;
  border-left: 1px solid black;
}
table.layout th.menu {
  font-family: serif;
  font-weight: normal;
  text-align: left;
  padding: 0.5em; 1em;
  border-bottom: 1px solid black;
  background-color: #dde;
}
table.layout th.contents-index {
  color: black;
  /* background-color: #e0e0e0; */
  /* background-color: #ccc; */
  border-right: 2px solid #375;
  padding: 0.5em 0.5em 0.5em 2em;
  font-size: medium;
  font-weight: bold;
  text-align: right;
}
table.layout td {
  color: #333;
  padding-left: 1em;
  font-size: x-small;
}
table.layout th.contents-index a:link,
table.layout th.contents-index a:active,
table.layout th.contents-index a:visited {
  color: #238;
  text-decoration: none;
}
table.layout th.contents-index a:hover {
  color: black;
  background-color: #cec;
  text-decoration: underline;
}
#simple {
  font-size: x-small;
}
#help {
  cursor: help;
}

/* what's new */
table.whatsnew {
  margin-right: 2em;
  float: left;
}
table.whatsnew th.caption {
  letter-spacing: 0.5em;
  color: black;
  font-weight: bold;
  font-size: medium;
  padding-bottom: 0.5em;
  text-align: left;
  border-bottom: thin solid #805050;
}
table.whatsnew th.date {
  color: #333;
  vertical-align: text-top;
  text-align: right;
  padding: 0.5em 0.2em 0.5em 0px;
}
table.whatsnew td {
  color: #333;
  background-color: #e5e5ff;
  vertical-align: top;
  padding: 0.3em 2em 0px 0px;
  border-bottom: 1px solid gray;
}

/* up, new */
span.modified {
  color: red;
  vertical-align: super;
  font-size: x-small;
}

/* address */
address {
  font-style: italic;
  font-size: small;
}

/* css button */
img.css-button {
  border-style: none;
  float: right;
}

/* date */
div.update a:link,
div.update a:active,
div.update a:visited,
div.update a:hover {
  color: #a05050;
  background-color: #f0f0ff;
  text-decoration: none;
  cursor: default;
}

/* screen shot */
img.screenshot {
  background-color: black;
  padding: 3px;
}