diff --git a/javascripts/app.js b/javascripts/app.js
index c598a89..e5a7025 100644
--- a/javascripts/app.js
+++ b/javascripts/app.js
@@ -1,9 +1,42 @@
+var annotations = {
+  permitted: {
+    'commercial-use' : 'This software and derivatives may be used for commercial purposes.',
+    'modifications' : 'This software may be modified.',
+    'distribution' : 'You may distribute this software.',
+    'sublicense' : 'You may grant a sublicense to modify and distribute this software to third parties not included in the license.',
+    'warranty' : 'You may place a warranty on the software.'
+  },
+
+  forbidden: {
+    'no-warranty' : 'Software is released without warranty and the software/license owner cannot be charged for damages.',
+    'trademark-use' : 'You may NOT use the names, logos, or trademarks of contributors.',
+    'no-liability' : 'Software is provided without warranty and the software author/license owner cannot be held liable for damages.',
+    'no-sublicense' : 'You may not grant a sublicense to modify and distribute this software to third parties not included in the license.',
+  },
+  
+  required: {
+    'include-copyright' : 'Include the original copyright with the code.',
+    'include-license' : 'Include the full text of the license with the code.',
+    'document-changes' : 'Indicate significant changes made to the code.',
+    'disclose-source' : 'Source code must be made available when distributing the software.',
+    'nonstatic-linkage' : 'The library must be linked in a way that allows it to be replaced with a similar library.'
+  }
+}
+  
+
 var qtip_position = {
   my: 'top center',
   at: 'bottom center'
 };
 
 $(document).ready(function() {
+  for (var category in annotations) {
+    var categoryAnnotations = annotations[category];
+    for (var annotation in categoryAnnotations) {
+      $('table.license ul.' + category + ' li.' + annotation).attr('title', categoryAnnotations[annotation]);
+    }
+  }  
+
   $('table.license ul.required li').qtip({
     content: {
       text: false,
diff --git a/licenses/foundation/index.html b/licenses/foundation/index.html
index 5ef2787..c1a261e 100644
--- a/licenses/foundation/index.html
+++ b/licenses/foundation/index.html
@@ -38,9 +38,9 @@
           <td class='label'>Required</td>
           <td>
             <ul class='required'>
-              <li title="You must retain the original copyright.">Copyright inclusion</li>
-              <li title="Must include full text of license in modified software.">License inclusion</li>
-              <li title="Must state significant changes made to software.">Include header</li>
+              <li class="include-copyright">Copyright inclusion</li>
+              <li class="include-license">License inclusion</li>
+              <li class="document-changes">Include header</li>
             </ul>
           </td>
         </tr>
@@ -48,11 +48,11 @@
           <td class='label'>Permitted</td>
           <td>
             <ul class='permitted'>
-              <li title="This software can be used for commercial purposes in derivative works.">Commercial use</li>
-              <li title="This software can be modified.">Modification</li>
-              <li title="The software may be distributed.">Distribution</li>
-              <li title="This software allows you to give partial production/distribution rights to third parties not included in the license.">Sublicensing</li>
-              <li title="You can place a warranty on the software.">Warranty</li>
+              <li class="commercial-use">Commercial use</li>
+              <li class="modifications">Modification</li>
+              <li class="distribution">Distribution</li>
+              <li class="sublicense">Sublicensing</li>
+              <li class="warranty">Warranty</li>
             </ul>
           </td>
         </tr>
@@ -60,8 +60,8 @@
           <td class='label'>Forbidden</td>
           <td>
             <ul class='forbidden'>
-              <li title="Software is released without warranty and the software/license owner cannot be charged for damages.">Liability</li>
-              <li title="You may NOT use contributors' names, logos or trademarks.">Use Trademark</li>
+              <li class="no-warranty">Liability</li>
+              <li class="trademark-use">Use Trademark</li>
             </ul>
           </td>
         </tr>
@@ -80,8 +80,8 @@
           <td class='label'>Required</td>
           <td>
             <ul class='required'>
-              <li>Disclose source</li>
-              <li>License inclusion</li>
+              <li class="disclose-source">Disclose source</li>
+              <li class="include-license">License inclusion</li>
             </ul>
           </td>
         </tr>
@@ -89,11 +89,11 @@
           <td class='label'>Permitted</td>
           <td>
             <ul class='permitted'>
-              <li>Commercial use</li>
-              <li>Modification</li>
-              <li>Distribution</li>
-              <li>Sublicensing</li>
-              <li>Warranty</li>
+              <li class="commercial-use">Commercial use</li>
+              <li class="modifications">Modification</li>
+              <li class="distribution">Distribution</li>
+              <li class="sublicense">Sublicensing</li>
+              <li class="warranty">Warranty</li>
             </ul>
           </td>
         </tr>
@@ -101,8 +101,8 @@
           <td class='label'>Forbidden</td>
           <td>
             <ul class='forbidden'>
-              <li>Liability</li>
-              <li>Use Trademark</li>
+              <li class="no-liability">Liability</li>
+              <li class="trademark-use">Use Trademark</li>
             </ul>
           </td>
         </tr>
@@ -121,9 +121,9 @@
           <td class='label'>Required</td>
           <td>
             <ul class='required'>
-              <li>Disclose source</li>
-              <li>Copyright inclusion</li>
-              <li>License inclusion</li>
+              <li class="disclose-source">Disclose source</li>
+              <li class="include-copyright">Copyright inclusion</li>
+              <li class="include-license">License inclusion</li>
             </ul>
           </td>
         </tr>
@@ -131,11 +131,11 @@
           <td class='label'>Permitted</td>
           <td>
             <ul class='permitted'>
-              <li>Commercial use</li>
-              <li>Modification</li>
-              <li>Distribution</li>
-              <li>Sublicensing</li>
-              <li>Warranty</li>
+              <li class="commercial-use">Commercial use</li>
+              <li class="modifications">Modification</li>
+              <li class="distribution">Distribution</li>
+              <li class="sublicense">Sublicensing</li>
+              <li class="warranty">Warranty</li>
             </ul>
           </td>
         </tr>
@@ -143,21 +143,23 @@
           <td class='label'>Forbidden</td>
           <td>
             <ul class='forbidden'>
-              <li>Liability</li>
-              <li>Use Trademark</li>
+              <li class="no-liability">Liability</li>
+              <li class="trademark-use">Use Trademark</li>
             </ul>
           </td>
         </tr>
       </table>
-    <div id="footer" class="cf">
-      <nav>
-        <a href="/about">About</a>
-        <a href="#">Terms of Service</a>
-      </nav>
-      <p>Please consult a legal expert before adopting a software license for your project.<br>
-        This site is licensed under the <a href="http://creativecommons.org/licenses/by/3.0/">
-        Creative Commons Attribution 3.0 Unported License</a>.
-    </div>
+      <div id="footer" class="cf">
+        <nav>
+          <a href="/about">About</a>
+          <a href="#">Terms of Service</a>
+        </nav>
+        <p>
+          Please consult a legal expert before adopting a software license for your project.<br>
+          This site is licensed under the <a href="http://creativecommons.org/licenses/by/3.0/">
+          Creative Commons Attribution 3.0 Unported License</a>.
+        </p>
+      </div>
     </div>
   </body>
 </html>
diff --git a/licenses/permissive/index.html b/licenses/permissive/index.html
index 5790eeb..e8dd7f8 100644
--- a/licenses/permissive/index.html
+++ b/licenses/permissive/index.html
@@ -37,7 +37,7 @@
     <td class='label'>Required</td>
     <td>
       <ul class='required'>
-        <li>Copyright inclusion</li>
+        <li class="include-copyright">Copyright inclusion</li>
       </ul>
     </td>
   </tr>
@@ -45,10 +45,10 @@
     <td class='label'>Permitted</td>
     <td>
       <ul class='permitted'>
-        <li>Commercial use</li>
-        <li>Modification</li>
-        <li>Distribution</li>
-        <li>Sublicensing</li>
+        <li class="commercial-use">Commercial use</li>
+        <li class="modifications">Modification</li>
+        <li class="distribution">Distribution</li>
+        <li class="sublicense">Sublicensing</li>
       </ul>
     </td>
   </tr>
@@ -56,7 +56,7 @@
     <td class='label'>Forbidden</td>
     <td>
       <ul class='forbidden'>
-        <li>Liability</li>
+        <li class="no-liability">Liability</li>
       </ul>
     </td>
   </tr>
@@ -75,7 +75,7 @@
     <td class='label'>Required</td>
     <td>
       <ul class='required'>
-        <li>Copyright inclusion</li>
+        <li class="include-copyright">Copyright inclusion</li>
       </ul>
     </td>
   </tr>
@@ -83,11 +83,11 @@
     <td class='label'>Permitted</td>
     <td>
       <ul class='permitted'>
-        <li>Commercial use</li>
-        <li>Modification</li>
-        <li>Distribution</li>
-        <li>Sublicensing</li>
-        <li>Warranty</li>
+        <li class="commercial-use">Commercial use</li>
+        <li class="modifications">Modification</li>
+        <li class="distribution">Distribution</li>
+        <li class="sublicense">Sublicensing</li>
+        <li class="warranty">Warranty</li>
       </ul>
     </td>
   </tr>
@@ -95,7 +95,7 @@
     <td class='label'>Forbidden</td>
     <td>
       <ul class='forbidden'>
-        <li>Liability</li>
+        <li class="no-liability">Liability</li>
         <li>Use Trademark (3-clause)</li>
       </ul>
     </td>
@@ -114,7 +114,7 @@
     <td class='label'>Required</td>
     <td>
       <ul class='required'>
-        <li>Copyright inclusion</li>
+        <li class="include-copyright">Copyright inclusion</li>
       </ul>
     </td>
   </tr>
@@ -122,9 +122,9 @@
     <td class='label'>Permitted</td>
     <td>
       <ul class='permitted'>
-        <li>Commercial use</li>
-        <li>Modification</li>
-        <li>Distribution</li>
+        <li class="commercial-use">Commercial use</li>
+        <li class="modifications">Modification</li>
+        <li class="distribution">Distribution</li>
       </ul>
     </td>
   </tr>
@@ -132,9 +132,9 @@
     <td class='label'>Forbidden</td>
     <td>
       <ul class='forbidden'>
-        <li>Liability</li>
-        <li>Sublicensing</li>
-        <li>Use Trademark</li>
+        <li class="no-liability">Liability</li>
+        <li class="no-sublicense">Sublicensing</li>
+        <li class="trademark-use">Use Trademark</li>
       </ul>
     </td>
   </tr>
@@ -148,6 +148,7 @@
       <p>Please consult a legal expert before adopting a software license for your project.<br>
         This site is licensed under the <a href="http://creativecommons.org/licenses/by/3.0/">
         Creative Commons Attribution 3.0 Unported License</a>.
+      </p>
     </div>
     </div>
   </body>
diff --git a/licenses/reciprocal/index.html b/licenses/reciprocal/index.html
index 1644095..511e259 100644
--- a/licenses/reciprocal/index.html
+++ b/licenses/reciprocal/index.html
@@ -39,10 +39,9 @@
           <td class='label'>Required</td>
           <td>
             <ul class='required'>
-              <li>Copyright inclusion</li>
-              <li>State changes</li>
-              <li>Disclose Source</li>
-              <li>Warranty</li>
+              <li class="include-copyright">Copyright inclusion</li>
+              <li class="document-changes">State changes</li>
+              <li class="disclose-source">Disclose Source</li>
             </ul>
           </td>
         </tr>
@@ -50,9 +49,10 @@
           <td class='label'>Permitted</td>
           <td>
             <ul class='permitted'>
-              <li>Commercial use</li>
-              <li>Modification</li>
-              <li>Distribution</li>
+              <li class="commercial-use">Commercial use</li>
+              <li class="modifications">Modification</li>
+              <li class="distribution">Distribution</li>
+              <li class="warranty">Warranty</li>
             </ul>
           </td>
         </tr>
@@ -60,8 +60,8 @@
           <td class='label'>Forbidden</td>
           <td>
             <ul class='forbidden'>
-              <li>Liability</li>
-              <li>Sublicensing</li>
+              <li class="no-liability">Liability</li>
+              <li class="no-sublicense">Sublicensing</li>
             </ul>
           </td>
         </tr>
@@ -81,10 +81,9 @@
           <td class='label'>Required</td>
           <td>
             <ul class='required'>
-              <li>Copyright inclusion</li>
-              <li>State changes</li>
-              <li>Disclose Source</li>
-              <li>Warranty</li>
+              <li class="include-copyright">Copyright inclusion</li>
+              <li class="document-changes">State changes</li>
+              <li class="disclose-source">Disclose Source</li>
             </ul>
           </td>
         </tr>
@@ -92,9 +91,10 @@
           <td class='label'>Permitted</td>
           <td>
             <ul class='permitted'>
-              <li>Commercial use</li>
-              <li>Modification</li>
-              <li>Distribution</li>
+              <li class="commercial-use">Commercial use</li>
+              <li class="modifications">Modification</li>
+              <li class="distribution">Distribution</li>
+              <li class="warranty">Warranty</li>
             </ul>
           </td>
         </tr>
@@ -102,8 +102,8 @@
           <td class='label'>Forbidden</td>
           <td>
             <ul class='forbidden'>
-              <li>Liability</li>
-              <li>Sublicensing</li>
+              <li class="no-liability">Liability</li>
+              <li class="no-sublicense">Sublicensing</li>
             </ul>
           </td>
         </tr>
@@ -123,8 +123,8 @@
           <td class='label'>Required</td>
           <td>
             <ul class='required'>
-              <li>Copyright inclusion</li>
-              <li>Nonstatic linkage</li>
+              <li class="include-copyright">Copyright inclusion</li>
+              <li class="nonstatic-linkage">Nonstatic linkage</li>
             </ul>
           </td>
         </tr>
@@ -132,10 +132,10 @@
           <td class='label'>Permitted</td>
           <td>
             <ul class='permitted'>
-              <li>Commercial use</li>
-              <li>Modification</li>
-              <li>Distribution</li>
-              <li>Sublicense</li>
+              <li class="commercial-use">Commercial use</li>
+              <li class="modifications">Modification</li>
+              <li class="distribution">Distribution</li>
+              <li class="sublicense">Sublicensing</li>
             </ul>
           </td>
         </tr>
@@ -143,7 +143,7 @@
           <td class='label'>Forbidden</td>
           <td>
             <ul class='forbidden'>
-              <li>Liability</li>
+              <li class="no-liability">Liability</li>
             </ul>
           </td>
         </tr>
@@ -164,8 +164,8 @@
           <td class='label'>Required</td>
           <td>
             <ul class='required'>
-              <li>Copyright inclusion</li>
-              <li>Nonstatic linkage</li>
+              <li class="include-copyright">Copyright inclusion</li>
+              <li class="nonstatic-linkage">Nonstatic linkage</li>
             </ul>
           </td>
         </tr>
@@ -173,10 +173,10 @@
           <td class='label'>Permitted</td>
           <td>
             <ul class='permitted'>
-              <li>Commercial use</li>
-              <li>Modification</li>
-              <li>Distribution</li>
-              <li>Sublicense</li>
+              <li class="commercial-use">Commercial use</li>
+              <li class="modifications">Modification</li>
+              <li class="distribution">Distribution</li>
+              <li class="sublicense">Sublicensing</li>
             </ul>
           </td>
         </tr>
@@ -184,11 +184,22 @@
           <td class='label'>Forbidden</td>
           <td>
             <ul class='forbidden'>
-              <li>Liability</li>
+              <li class="no-liability">Liability</li>
             </ul>
           </td>
         </tr>
       </table>
+      <div id="footer" class="cf">
+        <nav>
+          <a href="/about">About</a>
+          <a href="#">Terms of Service</a>
+        </nav>
+        <p>
+          Please consult a legal expert before adopting a software license for your project.<br>
+          This site is licensed under the <a href="http://creativecommons.org/licenses/by/3.0/">
+          Creative Commons Attribution 3.0 Unported License</a>.
+        </p>
+      </div>
     </div>
   </body>
 </html>