diff --git a/webgui/topics/Aircraft/Checklists.html b/webgui/topics/Aircraft/Checklists.html
index 1e0e3dda4..12740abb2 100644
--- a/webgui/topics/Aircraft/Checklists.html
+++ b/webgui/topics/Aircraft/Checklists.html
@@ -9,9 +9,9 @@
 }
 </style>
 <div id='checklists' data-bind="foreach: checklists">
-    <h4 data-bind="text: title"></h4>
+    <h4 data-bind="text: title, css: { 'ui-state-error': abnormal }"></h4>
     <ul data-bind="foreach: items">
         <li><span class="phi-checklist-col1" data-bind="text: name"></span> <span class="phi-checklist-col2"
             data-bind="text: value"></span></li>
     </ul>
-</div>
\ No newline at end of file
+</div>
diff --git a/webgui/topics/Aircraft/Checklists.js b/webgui/topics/Aircraft/Checklists.js
index 9414fb9da..a9a778858 100644
--- a/webgui/topics/Aircraft/Checklists.js
+++ b/webgui/topics/Aircraft/Checklists.js
@@ -15,12 +15,15 @@ define([
                     if (prop.name === 'checklist') {
                         var checklist = {
                             title : 'unnamed',
+                            abnormal: false,
                             items : []
                         };
                         checklists.push(checklist);
                         prop.children.forEach(function(prop) {
                             if (prop.name === 'title') {
                                 checklist.title = prop.value;
+                            } else if (prop.name === 'type') {
+                                checklist.abnormal = ( "abnormal" == prop.value );
                             } else if (prop.name == 'item') {
                                 var item = {
                                     name : 'unnamed',