table.weather abbr {
  border-bottom-width: 0;
}

table.weather {
  font-family: Arial, Helvetica, sans-serif;
		height: 120px;
  width: 230px;
}

table.weather tbody {
  background: #ecf5ff;
}

table.weather th {
  background: #024386;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 11px;
		vertical-align: middle;
		height: 20px;
  font-weight: normal;
  text-align: center;
}

table.weather tbody td {
  border-right: 1px solid #fff;
  height: 100%;
  vertical-align: bottom;
}

table.weather tbody td span {
  display: block;
  background: #fffa00;
}

table.weather tbody td.alt span {
  display: block;
  background: #99cc00;
}

table.weather tfoot td {
  background: #024386;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #fff;
  font-size: 11px;
  text-align: center;
		vertical-align: middle;
		height: 20px;
}

table.weather tfoot td span {
  display: block;
		width: 15px;
		margin: 0 auto;
}

/* Bar Heights for 0-40 Degrees */

table.weather tbody td span.t0 {height: 0;}
table.weather tbody td span.t1 {height: 2%;}
table.weather tbody td span.t2 {height: 4%;}
table.weather tbody td span.t3 {height: 6%;}
table.weather tbody td span.t4 {height: 8%;}
table.weather tbody td span.t5 {height: 10%;}
table.weather tbody td span.t6 {height: 12%;}
table.weather tbody td span.t7 {height: 14%;}
table.weather tbody td span.t8 {height: 16%;}
table.weather tbody td span.t9 {height: 18%;}
table.weather tbody td span.t10 {height: 20%;}
table.weather tbody td span.t11 {height: 22%;}
table.weather tbody td span.t12 {height: 24%;}
table.weather tbody td span.t13 {height: 26%;}
table.weather tbody td span.t14 {height: 28%;}
table.weather tbody td span.t15 {height: 30%;}
table.weather tbody td span.t16 {height: 32%;}
table.weather tbody td span.t17 {height: 34%;}
table.weather tbody td span.t18 {height: 36%;}
table.weather tbody td span.t19 {height: 38%;}
table.weather tbody td span.t20 {height: 40%;}
table.weather tbody td span.t21 {height: 42%;}
table.weather tbody td span.t22 {height: 44%;}
table.weather tbody td span.t23 {height: 46%;}
table.weather tbody td span.t24 {height: 48%;}
table.weather tbody td span.t25 {height: 50%;}
table.weather tbody td span.t26 {height: 52%;}
table.weather tbody td span.t27 {height: 54%;}
table.weather tbody td span.t28 {height: 56%;}
table.weather tbody td span.t29 {height: 58%;}
table.weather tbody td span.t30 {height: 60%;}
table.weather tbody td span.t31 {height: 62%;}
table.weather tbody td span.t32 {height: 64%;}
table.weather tbody td span.t33 {height: 66%;}
table.weather tbody td span.t34 {height: 68%;}
table.weather tbody td span.t35 {height: 70%;}
table.weather tbody td span.t36 {height: 72%;}
table.weather tbody td span.t37 {height: 74%;}
table.weather tbody td span.t38 {height: 76%;}
table.weather tbody td span.t39 {height: 78%;}
table.weather tbody td span.t40 {height: 80%;}