diff --git a/vasl_templates/webapp/data/default-template-pack/ob_ma_notes.j2 b/vasl_templates/webapp/data/default-template-pack/ob_ma_notes.j2
index ac59bb7..b5421f0 100644
--- a/vasl_templates/webapp/data/default-template-pack/ob_ma_notes.j2
+++ b/vasl_templates/webapp/data/default-template-pack/ob_ma_notes.j2
@@ -6,11 +6,12 @@
 {{CSS:common}}
 .ma-note { margin: 2px 0 3px 0 ; text-align: justify ; }
 .ma-note .key { font-weight: bold ; }
+.ma-note p { margin-top: 2px ; }
 .ma-note table { margin-left: 10px ; }
 .ma-note li { margin-bottom: 2px ; }
-.ma-note .example { font-size: 90% ; font-style: italic ; }
-.ma-note p.errata { margin-top: 0 ; font-size: 95% ; font-style: italic ; color: #404040 ; }
-.ma-note span.errata { font-style: italic ; color: #404040 ; }
+.ma-note .example { font-size: 95% ; font-style: italic ; color: #000080 ; }
+.ma-note p.errata { margin-top: 0 ; font-size: 95% ; font-style: italic ; color: #704040 ; }
+.ma-note span.errata { font-style: italic ; color: #704040 ; }
 .ma-note table { margin-left: 10px ; margin-top: -5px ; }
 .ma-note table th { padding: 2px 10px 2px 5px ; text-align: left ; background: #f0f0f0 ; }
 .ma-note table td { padding: 0 10px 0 5px ; }
diff --git a/vasl_templates/webapp/data/default-template-pack/ob_vo_note.css b/vasl_templates/webapp/data/default-template-pack/ob_vo_note.css
index ce875bb..e10a0be 100644
--- a/vasl_templates/webapp/data/default-template-pack/ob_vo_note.css
+++ b/vasl_templates/webapp/data/default-template-pack/ob_vo_note.css
@@ -8,11 +8,11 @@ img.piece { float: left ; margin-right: 0.5em ; }
 
 .content { text-align: justify ; }
 .content li { margin-bottom: 2px ; }
-.content .example { font-size: 90% ; font-style: italic ; }
-.content .dagger-note { font-size:95% ; font-style: italic ; color: #404040 ; }
-.content .rf { font-size: 95% ; font-style: italic ; color: #404040 ; }
-.content p.errata { font-size: 95% ; font-style: italic ; color: #404040 ; }
-.content span.errata { font-style: italic ; color: #404040 ; }
+.content .example { font-size: 95% ; font-style: italic ; color: #000080 ; }
+.content .dagger-note { font-size:95% ; font-style: italic ; color: #303030 ; }
+.content .rf { font-size: 95% ; font-style: italic ; color: #808080 ; }
+.content p.errata { font-size: 95% ; font-style: italic ; color: #704040 ; }
+.content span.errata { font-style: italic ; color: #704040 ; }
 .content .lfloat { float: left ; margin-right: 0.5em ; }
 .content .rfloat { float: right ; margin-left: 0.5em ; }
 .content table { margin: 0 10px 0 10px ; margin-top: 0.5em ; font-size: 95% ; }