diff --git a/browser/action_macros.pt b/browser/action_macros.pt
index f411c5d..d37bb1e 100644
--- a/browser/action_macros.pt
+++ b/browser/action_macros.pt
@@ -1,8 +1,13 @@
 <!-- action macros -->
 
-<metal:action define-macro="action">
-    <div tal:condition="action/condition">
+<metal:action define-macro="action"
+              tal:condition="action/condition">
+    <div class="action"
+         tal:attributes="class action/cssClass;
+                         id action/dialogName|nothing;
+                         title action/description;">
         <a href="#" target="target_window" title="Description text"
+           tal:omit-tag="not:action/url"
            tal:attributes="href action/url;
                            target action/targetWindow;
                            title action/description;
diff --git a/browser/icons/info.png b/browser/icons/info.png
new file mode 100644
index 0000000..12cd1ae
Binary files /dev/null and b/browser/icons/info.png differ
diff --git a/browser/icons/ledblue.png b/browser/icons/ledblue.png
new file mode 100644
index 0000000..15fac2a
Binary files /dev/null and b/browser/icons/ledblue.png differ
diff --git a/browser/icons/ledgreen.png b/browser/icons/ledgreen.png
new file mode 100644
index 0000000..0dd237a
Binary files /dev/null and b/browser/icons/ledgreen.png differ
diff --git a/browser/icons/ledlightblue.png b/browser/icons/ledlightblue.png
new file mode 100644
index 0000000..95b144d
Binary files /dev/null and b/browser/icons/ledlightblue.png differ
diff --git a/browser/icons/ledlightgreen.png b/browser/icons/ledlightgreen.png
new file mode 100644
index 0000000..4b0a8c0
Binary files /dev/null and b/browser/icons/ledlightgreen.png differ
diff --git a/browser/icons/ledorange.png b/browser/icons/ledorange.png
new file mode 100644
index 0000000..3ea841d
Binary files /dev/null and b/browser/icons/ledorange.png differ
diff --git a/browser/icons/ledpurple.png b/browser/icons/ledpurple.png
new file mode 100644
index 0000000..b449e4f
Binary files /dev/null and b/browser/icons/ledpurple.png differ
diff --git a/browser/icons/ledred.png b/browser/icons/ledred.png
new file mode 100644
index 0000000..fb4e225
Binary files /dev/null and b/browser/icons/ledred.png differ
diff --git a/browser/icons/ledyellow.png b/browser/icons/ledyellow.png
new file mode 100644
index 0000000..6e51ea7
Binary files /dev/null and b/browser/icons/ledyellow.png differ
diff --git a/browser/icons/tick.png b/browser/icons/tick.png
new file mode 100644
index 0000000..a9925a0
Binary files /dev/null and b/browser/icons/tick.png differ
diff --git a/stateful/definition.py b/stateful/definition.py
index a5eba54..c3ba313 100644
--- a/stateful/definition.py
+++ b/stateful/definition.py
@@ -33,6 +33,8 @@ class State(object):
 
     implements(IState)
 
+    color = 'blue'
+
     def __init__(self, name, title, transitions, **kw):
         self.name = self.__name__ = name
         self.title = title