body {
  font-family: helvetica, arial, sans-serif;
  margin: 25px;
  background-color: #fef2c0;
}

input {
  padding: 5px;
  border: 1px solid lightgrey;
  border-radius: 3px;
  font-size: 16px;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: black;
    border: 1px solid gray;
    border-radius: 5px;
    background-color: yellow;
    text-decoration: none;
}
.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
  filter: alpha(opacity=90);
  background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%,
                                                         rgba(0,0,0, 0.10));
  background-image:         linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, 
                                                         rgba(0,0,0, 0.10));
}

footer {
  margin-top: 50px;
  padding-top: 25px;
  border-top: 1px solid lightgrey;
}

footer > a {
  color: #BBBBBB;
}

table {
  border-collapse: collapse;
}

th, td, tr {
  padding-right: 40px;
  padding-left: 10px;
  text-align: left;
  border-bottom: 1px solid #ffea51;
}

.topics tr { line-height: 14px; }

tr.container {height:0px;}

tr:hover { background-color: #ffea51 }

textarea { 
  font-family: monospace; 
  font-size: 14px;
}