table.list {
  margin: auto 1em;
  border: solid 1px #888;
  border-collapse: collapse;
}

table.list th, table.list td {
  padding: .4em;
  border: solid 1px #888;
  vertical-align: top;
}

table.list th {
  background: #ddd;
}

table.list {
    border-collapse: separate;
    border: solid 1px #bbb;
    background: #ccc;
    border-spacing: 2px;
}

table.list td {
    border-width: 0;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    background: #eee;
    padding: 0.4em 1em;
}

table.list th {
    border-width: 0;
    border-right: solid 1px #555;
    border-bottom: solid 1px #555;
    background: #bbb;
    padding: 0.4em 1em; 
}

table.list td span.default {
  line-height: 160%;
  vertical-align: text-bottom;
}

a.annotation {
  font-variant: superscript;
}

hr {
  height: 1px;
  border: none;
  background-color: #888;
}

p.annotation {
  font-size: 80%;
  font-style: italic;
  color: #666;
}

p.annotation a:link {
  font-size: 100%;
  border: none;
}

a.annotation:link {
  text-decoration: none;
  border: none;
}

div.table-annotations {
  margin: 0.5em 1em;
  padding: 2pt;
  overflow: hidden;
}

div.table-annotations p {
  font-size: 80%;
  /* font-style: italic; */
  color: #888;
  margin-top: 0;
  padding-left: 2.2em;
  padding-top: 0;
  padding-bottom: 0.2em;
  margin-bottom: 0;
  /* width: 90%; */ /* this is to prevent IE italics problem */
}

div.table-annotations a {
  position: absolute;
  text-decoration: none;
  border: none;
}

div.table-annotations a:link {
  float: none;
}

div.example {
  background-color: #ddd;
  border: solid 4px #eee;
  padding: 1em;
  line-height: 200%;
  float: left;
  text-align: center;
}

div.example button {
  background: #8ad;
  border-left: solid 2px #acf;
  border-top: solid 2px #acf;
  border-right: solid 2px #68b;
  border-bottom: solid 2px #68b;
  color: #fff;
  padding: 0.2em 1em;
  font-weight: bold;
}

div.example input, div.example textarea {
  background: #fff;
  border-left: solid 1px #bb8;
  border-top: solid 1px #bb8;
  border-right: solid 1px #ffe;
  border-bottom: solid 1px #ffe;
  padding: 0.1em 0.2em;
}

div.example textarea {
}

