body {margin: 0 auto; max-width: 65em; font-family:Arial, sans-serif; color:#444 }
  .green {color:#0d0;}
  .red {color:red;}
  .gray {color:#ddd;}
  .center {text-align:center}

  .narrow {max-width:35em; margin:0 auto}

  .t2,.t4,.t6,.t8,.t10,.t12,.t14,.t16,.t18,.t20,.t22,.t24,.t26,.t28,.t30,.t32,.t34,.t36,.t38,.t40 {background:#eee}

  .more a {text-decoration:none; color:silver; width:100%; display:block;}
  .input-title {font-family:monospace; padding:0.2em; font-size:1.2em; width:95%}

  textarea {font-family:monospace; padding:0.4em; font-size:1.2em; width: 95%}
  table#tasktable h3 {margin-bottom:5px;}
  table#tasktable h3 a:hover {color:#00c}

  table#tasktable {border-collapse:collapse; margin:0 0 25px 0; width:100%; font-size:16px;}


  #tasktable thead {}
  #tasktable thead td {font-family:Tahoma, sans-serif; text-align:center; border:0; vertical-align:bottom}
  #tasktable thead td#headline {font-family:Arial, sans-serif; text-align:left; font-weight:bold; font-size:1.5em}
  #tasktable thead td#headline a {font-size:0.75em; font-weight:normal; color:blue}
  #tasktable thead td.date {transform: translate(10px,-10px) rotate(-45deg); font-weight:bold; font-size:0.8em}
  #tasktable td {border:1px solid #ddd}
  #tasktable td.text {padding:0 5px; font-size:1.5em}
  #tasktable td.current b {cursor:pointer;}
  #tasktable td.trend {text-align:center; width:5%; font-size:1.5em}
  #tasktable td.bright {background:#aff}

  #tasktable td.trend b.red {cursor:pointer}
  #tasktable td.trend b.green {cursor:pointer}
  #tasktable td.trend b.gray {cursor:default}

  #tasktable td.archive {border:0; text-align:center; background:white}
  #tasktable td.archive a {color:#ddd; font-weight:bold; text-decoration:none}
  #tasktable td.archive a:hover {color:green}

  #tasktable td#longtrendlegend {width:65%;}
  #tasktable td.longtrend {padding:2% 1%; font-size:0.50em; text-align:center}
  #tasktable td.longtrend .ltdiv {display:inline-block; width:1.4%; vertical-align:bottom}
  #tasktable td.longtrend b {width:100%; cursor:default; display:inline-block; margin:1px 0}
  #tasktable td.longtrend b.red {background:#f88}
  #tasktable td.longtrend b.green {background:#080}
  #tasktable td.longtrend b.gray {background:#ddd}

  #tasktable td.longtrend div.longtrenddiv {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
  }


  #tasktable td {line-height:1.5em}
  #tasktable tr.tasktr:hover {background:#ffc}
  .big {border:0; background:#2ecc71; color:#eee; font-size:1.25rem; padding:0.3rem; outline:0 }
  .today {margin:0 4px 0 6px; text-decoration:none}
  .bigger {border:0; background:#2ecc71; outline:0; color:#eee; font-size:1.5rem; padding:0.5rem}
  .help {font-size:0.8rem; color:#888}
  #start {margin-top:30px; text-align:center}
  ul li {line-height:2em}
  h1 {font-weight:normal; text-align:center}
  h1 a {color:#444; text-decoration:none}
  #pitch p {max-width:35em; padding:0 0.5em; margin:1em auto}
  #pitch img { max-width:100%; height:auto; margin: 1em auto }
  #countdown {float:right; font-size:14px}
  #settings {float:right; font-size:12px}
  #disclaimer {font-size:12px; color:gray; font-style:italic}
  #msg {display:none; font-size:14px; background:#ffc; padding:5px; font-weight:bold}
  #msg a {float:right; font-family:Tahoma, sans-serif; font-size:small; font-weight:normal}
  .hide {display:none}
  #pointer {font-size:11px; font-family:Tahoma, sans-serif; float:right; margin:13px 130px -10px 0; text-align:center; line-height:10px; color:#88f}
  noscript {color:red; font-weight:bold}
  .error {color:red; font-weight:bold}
  form label {font-weight:bold}
  .rights {line-height:1.5em; font-size:12px; font-family:Verdana, sans-serif}
  .rights input {font-size:12px}

  #tasktable td.longtrend .blockTrue {width:75%; float:left}

  code {font:Consolas, monospace; font-size:18px}