diff --git a/web/css/main.css b/web/css/main.css
index 80cec4f9..84aaf56a 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -131,6 +131,21 @@
 	content: "\f1d9";
 }
 
+.report_TAF {
+	background-color: cornsilk;
+	color: black;
+}
+
+.report_PIREP {
+	background-color: gainsboro;
+	color: black;
+}
+
+.report_WINDS {
+	background-color: lavender;
+	color: black;
+}
+
 .flight_condition_VFR {
 	background-color: forestgreen;
 	color: white;
diff --git a/web/plates/weather.html b/web/plates/weather.html
old mode 100755
new mode 100644
index 5ee5f0a8..b658c405
--- a/web/plates/weather.html
+++ b/web/plates/weather.html
@@ -29,7 +29,7 @@
 						<div class="separator"></div>
 						<div class="col-sm-12">
 							<span class="col-xs-3"><strong>{{weather.location}}</strong></span>
-							<span ng-class="weather.flight_condition ? 'col-xs-3 label label-success flight_condition_{{weather.flight_condition}}' : 'col-xs-3'">{{weather.type}}</span>
+							<span ng-class="weather.flight_condition ? 'col-xs-3 label label-success flight_condition_{{weather.flight_condition}}' : 'col-xs-3 label label-success report_{{weather.type}}'"><strong>{{weather.type}}</strong></span>
 							<span class="col-xs-6 text-right">{{weather.time}}</span>
 						</div>
 						<div class="col-sm-12">
@@ -62,7 +62,7 @@
 						<div class="separator"></div>
 						<div class="col-sm-12">
 							<span class="col-xs-3"><strong>{{weather.location}}</strong></span>
-							<span ng-class="weather.flight_condition ? 'col-xs-3 label label-success flight_condition_{{weather.flight_condition}}' : 'col-xs-3'">{{weather.type}}</span>
+							<span ng-class="weather.flight_condition ? 'col-xs-3 label label-success flight_condition_{{weather.flight_condition}}' : 'col-xs-3 label label-success report_{{weather.type}}'">{{weather.type}}</span>
 							<span class="col-xs-6 text-right">{{weather.time}}</span>
 						</div>
 						<div class="col-sm-12">