body { background: #C6CFE1}
  body#index { background: white }
  div.pair { margin-bottom: 2em; }
  div.question {margin-bottom: 1em; font-weight: bold; }
  div.answer { font-style: italic; padding-left: 2em; }
  .programmer { font-style: italic; margin-left: 2em; font-size: 80%; display: none}
  div.author { font-style: italic; }
  img {margin-left: 3em; border: 1px solid black}
  code {color: blue; white-space: pre }
  code.listexpl {color: black; }
  pre.html { color: black; font-family: monospace; padding: 5px; border: 1px solid black; background-color: #CCC; width: 75% }
  span.green {color:green}
  span.red {color:red}  
  span.purple {color:purple}  
  span.blue {color:blue}    
  ul.buttonstyle { list-type-style:none; padding:0; margin:0 }
  ul.buttonstyle li { display:inline; }
  ul.buttonstyle a, ul.buttonstyle a:link, ul.buttonstyle a:active, ul.buttonstyle a:hover, ul.buttonstyle a:visited { padding:2px 9px; color:black; background-color: #d6d3ce; text-decoration:none; font-size:1em; font-family:sans-serif; border-top: solid #ffffff 2px; border-right: solid #414241 2px; border-bottom: solid #414241 2px; border-left: solid #ffffff 2px; }  
  ul.buttonstyle a.act, ul.buttonstyle a.act:link, ul.buttonstyle a:active { padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:8px; color:black; background-color: #d6d3ce; text-decoration:none; font-size:1em; font-family:sans-serif; border-bottom: solid #ffffff 2px; border-left: solid #414241 2px; border-top: solid #414241 2px; border-right: solid #ffffff 2px; }     
  input.button {font-family:sans-serif; font-size:1em; } 
  table.zebra { border-spacing:1px; padding: 1px; border: none }
  table.zebra td, table.zebra th { padding: 0 3px; } 
  table.zebra td a:link { color: black; }
  table.zebra td a:visited { color: #2D3648 }
  table.zebra td a:hover { color: white; background: #2D3648 }
  tr.zebra_head { font-weight: bold; background-color: #7187B3 }
  tr.zebra_pair { background-color: #E3E7F0 }
  tr.zebra_impair { background-color: #C6CFE1 }
  tr.zebra_highlight { background-color: yellow }
  tr.zebra_pair:hover, tr.zebra_impair:hover  { background-color: #8D9FC2 }
  th.sort { border-top: #AAB7D1 2px solid; border-right: #44516B 2px solid; border-bottom: #44516B 2px solid; border-left: #AAB7D1 2px solid; font-size: 14px; font-weight: normal; color: black; text-align: left; vertical-align: middle; white-space: nowrap; padding-left: 0.3em; padding-right: 0.3em; text-decoration: none; background-color: #7187B3;  cursor: pointer; }
  th.sort a:link, th.sort a:visited, th.sort a:hover { font-size: 14px; font-weight: normal; text-decoration: none; color: black; background-color: #7187B3; }
  th.sort#active { border-top: #44516B 2px solid; border-right: #AAB7D1 2px solid; border-bottom: #AAB7D1 2px solid; border-left: #44516B 2px solid; }
  td.number { text-align: right; white-space: nowrap; }
  strong.done, strong.postpone { color: red}