div.forecast {
  font-size: 1px;
  height: 4px;
  /*width: 8px;*/
  /*border: 1px solid black;*/
  float: left;
  margin-right:4px;
}

div.pointobs {
  font-size: 1px;
  height: 5px;
  width: 5px;
  border: 1px solid black;
  float: left;
  margin-left:14px;
}

div.forecastshadow {
  font-size: 1px;
  height: 2px;
  width: 2px;
  /*border: 1px solid black;*/
  float: left;
  margin-right:4px;
}

div.obs {
  font-size: 1px;
  height: 4px;
  width: 32px;
  /*border: 1px solid black;*/
  float: left;
  margin-right:4px;
}

div.ndb {
  font-size: 1px;
  height: 0px;
  width: 32px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid black;
  background-color: #A2A397;
  border-bottom: 10px solid #A2A397;
  float: left;
  margin-right:4px;
}

div.temp {
  background-color: #5C86B6;
  border-left: 8px solid #5C86B6;
}

div.mesan {
  background-color: #0000FF;
  border-left: 8px solid #0000FF;
}

div.dew {
  background-color: #991F28;
  border-left: 8px solid #991F28;
}

div.snow {
  background-color: #FFFFFF;
  border-left: 8px solid #FFFFFF;
}

div.surface {
  background-color: #000000;
  border-left: 8px solid #000000;
}

td.legback {
  background-color: #E0DECF;
  padding-left: 4px;
}

.r1, .r2, .r3, .r4 {
	font-size:1px;
	overflow:hidden;
	display:block;
}
.r1 {
	height:3px;
	width: 1px;
	float:left;
	margin:2 0px;
}
.r2 {
	height:5px;
	width: 1px;
	float:left;
	margin:1 0px;	
}
.r3 {
	height:7px;
	width: 1px;
	float:left;
	margin:0 0px;	
}
.r4 {
	height:9px;
	width: 3px;
	float:left;
	margin:-1 0px;
}
.left-mar {
	margin-left: 10px;
}

.legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid black;
}

@media print {
	div.snow {
	width : 6px;
  background-color: #FFFFFF;
  border: 1px solid black;
}
}