diff --git a/wcs/qommon/static/css/sofresh.css b/wcs/qommon/static/css/sofresh.css
index 942a8b8b9..e573047d7 100644
--- a/wcs/qommon/static/css/sofresh.css
+++ b/wcs/qommon/static/css/sofresh.css
@@ -316,3 +316,16 @@ div.buttons {
 	clear: both;
 }
 
+div.note {
+	padding: 6px;
+	border: solid 1px #e5e5e3;
+	background: #f3f3f0 none 5px 15px no-repeat;
+	border-radius: 8px;
+	box-shadow: 0 0 3px #888;
+	margin: 1em 0;
+}
+
+div.icon-important { padding-left: 34px; background-image: url(../images/yelp-note-important.png); }
+div.icon-tip { padding-left: 34px; background-image: url(../images/yelp-note-tip.png); }
+div.icon-warning { padding-left: 34px; background-image: url(../images/yelp-note-warning.png); }
+
diff --git a/wcs/qommon/static/images/yelp-note-bug.png b/wcs/qommon/static/images/yelp-note-bug.png
new file mode 100644
index 000000000..8425294cc
Binary files /dev/null and b/wcs/qommon/static/images/yelp-note-bug.png differ
diff --git a/wcs/qommon/static/images/yelp-note-important.png b/wcs/qommon/static/images/yelp-note-important.png
new file mode 100644
index 000000000..7575baf48
Binary files /dev/null and b/wcs/qommon/static/images/yelp-note-important.png differ
diff --git a/wcs/qommon/static/images/yelp-note-tip.png b/wcs/qommon/static/images/yelp-note-tip.png
new file mode 100644
index 000000000..72faadd80
Binary files /dev/null and b/wcs/qommon/static/images/yelp-note-tip.png differ
diff --git a/wcs/qommon/static/images/yelp-note-warning.png b/wcs/qommon/static/images/yelp-note-warning.png
new file mode 100644
index 000000000..d4a82ec47
Binary files /dev/null and b/wcs/qommon/static/images/yelp-note-warning.png differ
diff --git a/wcs/qommon/static/images/yelp-note.png b/wcs/qommon/static/images/yelp-note.png
new file mode 100644
index 000000000..6c9a9fe1d
Binary files /dev/null and b/wcs/qommon/static/images/yelp-note.png differ