body {
  font: 14px "Helvetica Neue", Arial, sans-serif;
  background: #eee;
  margin: 20px;
  padding: 0;
}
.page {
  width: 760px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ccc;
}
.page h1 { 
  font-size: 27px;
  margin: 0 3px 17px; 
  padding: 0;
  color: #000;
}
.content
{
  padding: 1em;
}
#lnk_prev, #lnk_next
{
  text-decoration: none;
  border: 1px solid #bbc7e1;
  padding: 5px 25px;
  background-color: #e4eefa;
  color: #3c537b;
  font-size: 20px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;  
}
#lnk_prev:hover, #lnk_next:hover
{
  border: 1px solid #c3cfdc;
  background-color: #f2f6fc;
}
#lnk_prev.disabled, #lnk_next.disabled
{
  background-color: #e4eefa;
  color: #b0c2e1;
}
#number
{
  padding: 10px;
  margin: 0;
  font-family: "Arial Black";
  font-size: 150px;
  vertical-align: top;
}
.log {
    height: 399px;
    overflow: auto;
    background: #FFF;
    border-top: dashed 1px #ccc;
    margin-top: 15px;
}
.log p {
    height: 25px;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    line-height: 25px;
    font-size: 12px;
}
.log .even {
    background: #f3f3f3;
}
.log .init {
    color: #ff6600;
}
.log .externalChange {
    color: #176092;
}
.log .internalChange {
    color: #39414a;
}