diff --git a/manual/edit.rst b/manual/edit.rst
index be4814ba8d..65d4465a3e 100644
--- a/manual/edit.rst
+++ b/manual/edit.rst
@@ -511,6 +511,28 @@ right clicking inside the file in the editor and choosing :guilabel:`Split at
 multiple locations`. This will allow you to easily split a large file at all
 heading tags or all tags having a certain class and so on.
 
+.. raw:: html epub
+    
+    <div style="clear:both"></div>
+
+The Live CSS panel
+---------------------
+
+.. image:: images/live_css.png
+    :alt: The Live Preview Panel
+    :class: float-left-img
+
+
+The :guilabel:`Live CSS` panel shows you all the style rules that apply to the
+tag you are currently editing. It is a great way to quickly see which style
+rules apply to any tag. The view also has clickable links (in blue), which take you
+directly to the location where the style was defined, in case you wish to make
+any changes to the style rules. Style rules that apply directly to the tag, as
+well as rules that are inherited from parent tags are shown.
+
+The panel also shows you what the finally calculated styles for the tag are, so
+you can see which rules were applied and which were overridden.
+
 .. raw:: html epub
     
     <div style="clear:both"></div>
diff --git a/manual/images/live_css.png b/manual/images/live_css.png
new file mode 100644
index 0000000000..24b97349d6
Binary files /dev/null and b/manual/images/live_css.png differ