diff --git a/web/skins/classic/css/classic/views/zone.css b/web/skins/classic/css/classic/views/zone.css
index a86c5d1e4..52611f5ea 100644
--- a/web/skins/classic/css/classic/views/zone.css
+++ b/web/skins/classic/css/classic/views/zone.css
@@ -93,3 +93,23 @@
 #zonePoints table a {
     margin: 0 2px;
 }
+.zones polygon {
+	fill-opacity: 0.25;
+	stroke-width: 2px;
+}
+.Active {
+	stroke: #ff0000;
+	fill: #ff0000;
+}
+.Inclusive {
+	stroke: #FFA500;
+	fill: #FFA500;
+}
+.Exclusive {
+	stroke: #800080;
+	fill: #800080;
+}
+.Preclusive {
+	stroke: #0000FF;
+	fill: #0000FF;
+}
diff --git a/web/skins/classic/css/classic/views/zones.css b/web/skins/classic/css/classic/views/zones.css
index 98c340a5e..9952e5db4 100644
--- a/web/skins/classic/css/classic/views/zones.css
+++ b/web/skins/classic/css/classic/views/zones.css
@@ -18,8 +18,3 @@
 	stroke: #0000FF;
 	fill: #0000FF;
 }
-.zones circle {
-	r: 5px;
-	fill-opacity: 0.5;
-	stroke-width: 2px;
-}
diff --git a/web/skins/classic/css/dark/views/zone.css b/web/skins/classic/css/dark/views/zone.css
index a86c5d1e4..52611f5ea 100644
--- a/web/skins/classic/css/dark/views/zone.css
+++ b/web/skins/classic/css/dark/views/zone.css
@@ -93,3 +93,23 @@
 #zonePoints table a {
     margin: 0 2px;
 }
+.zones polygon {
+	fill-opacity: 0.25;
+	stroke-width: 2px;
+}
+.Active {
+	stroke: #ff0000;
+	fill: #ff0000;
+}
+.Inclusive {
+	stroke: #FFA500;
+	fill: #FFA500;
+}
+.Exclusive {
+	stroke: #800080;
+	fill: #800080;
+}
+.Preclusive {
+	stroke: #0000FF;
+	fill: #0000FF;
+}
diff --git a/web/skins/classic/css/dark/views/zones.css b/web/skins/classic/css/dark/views/zones.css
index 98c340a5e..9952e5db4 100644
--- a/web/skins/classic/css/dark/views/zones.css
+++ b/web/skins/classic/css/dark/views/zones.css
@@ -18,8 +18,3 @@
 	stroke: #0000FF;
 	fill: #0000FF;
 }
-.zones circle {
-	r: 5px;
-	fill-opacity: 0.5;
-	stroke-width: 2px;
-}
diff --git a/web/skins/classic/css/flat/views/zone.css b/web/skins/classic/css/flat/views/zone.css
index a86c5d1e4..52611f5ea 100644
--- a/web/skins/classic/css/flat/views/zone.css
+++ b/web/skins/classic/css/flat/views/zone.css
@@ -93,3 +93,23 @@
 #zonePoints table a {
     margin: 0 2px;
 }
+.zones polygon {
+	fill-opacity: 0.25;
+	stroke-width: 2px;
+}
+.Active {
+	stroke: #ff0000;
+	fill: #ff0000;
+}
+.Inclusive {
+	stroke: #FFA500;
+	fill: #FFA500;
+}
+.Exclusive {
+	stroke: #800080;
+	fill: #800080;
+}
+.Preclusive {
+	stroke: #0000FF;
+	fill: #0000FF;
+}
diff --git a/web/skins/classic/css/flat/views/zones.css b/web/skins/classic/css/flat/views/zones.css
index 98c340a5e..9952e5db4 100644
--- a/web/skins/classic/css/flat/views/zones.css
+++ b/web/skins/classic/css/flat/views/zones.css
@@ -18,8 +18,3 @@
 	stroke: #0000FF;
 	fill: #0000FF;
 }
-.zones circle {
-	r: 5px;
-	fill-opacity: 0.5;
-	stroke-width: 2px;
-}