--- a/html/DOM3-Events.html	Fri May 06 04:22:31 2011 +0900
+++ b/html/DOM3-Events.html	Fri May 06 08:42:33 2011 +0900
@@ -28,13 +28,13 @@
       <h2 id="Overview-W3C-doctype">W3C Editor's Draft <time datetime="2011-05-05">5 May 2011</time></h2>
       <dl>
         <dt>This version:</dt>
-        <dd><a href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.182">http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.182</a></dd>
+        <dd><a href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.183">http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.183</a></dd>
 
         <dt>Latest stable version:</dt>
         <dd><a href="http://www.w3.org/TR/DOM-Level-3-Events">http://www.w3.org/TR/DOM-Level-3-Events</a></dd>
 
         <dt>Previous version:</dt>
-        <dd><a href="http://dev.w3.org/cvsweb/~checkout~/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.181">http://dev.w3.org/cvsweb/~checkout~/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.181</a></dd>
+        <dd><a href="http://dev.w3.org/cvsweb/~checkout~/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.182">http://dev.w3.org/cvsweb/~checkout~/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html?rev=1.182</a></dd>
 
         <dt>Editor's Draft:</dt>
         <dd><a href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html">http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html</a></dd>
@@ -1383,7 +1383,7 @@
 
         <p>Depending on the level of DOM support, or the devices used for display (e.g., screen) or interaction (e.g., mouse, keyboard, touch screen, or voice), these event types can be generated by the implementation. When used with an [<cite><a class="informative" href="#references-XML">XML 1.0</a></cite>] or [<cite><a class="informative" href="#references-HTML5">HTML5</a></cite>] application, the specifications of those languages may restrict the semantics and scope (in particular the possible <a class="def" href="#glossary-proximal-event-target">proximal event targets</a>) associated with an event type. Refer to the specification defining the language used in order to find those restrictions or to find event types that are not defined in this document.</p>
         <p>The following table provides a non-normative summary of the event types defined in this specification.  All events must accomplish the capture and target phases, but not all of them must accomplish the bubbling phase (see also <a href="#event-flow">Event dispatch and DOM event flow</a>). Some events are not <a href="#events-dt-cancelable-event">cancelable</a> (see <a href="#event-flow-default-cancel">Default actions and cancelable events</a>). Some events must only be dispatched to a specific set of possible targets in the DOM event flow, specified using node types. Contextual information related to the event type must be accessible using DOM interfaces.</p>
-        <table id="table-event-summary" summary="This table contains the complete list of event types defined by DOM Level 3 Events. The first column contains the local name of the event type. The second column indicates if the event accomplish the bubbling phase or not (all events accomplish the capture and target phases). The third column indicates if the default action associated with the event can be canceled. The fourth column indicates the nodes that can be target of the event. the fifth (and last) column indicates the DOM interface implemented by the event object.">
+        <table class="data-table" id="table-event-summary" summary="This table contains the complete list of event types defined by DOM Level 3 Events. The first column contains the local name of the event type. The second column indicates if the event accomplish the bubbling phase or not (all events accomplish the capture and target phases). The third column indicates if the default action associated with the event can be canceled. The fourth column indicates the nodes that can be target of the event. the fifth (and last) column indicates the DOM interface implemented by the event object.">
 <!-- border="1" cellpadding="2" cellspacing="0"  -->
           <tr>
             <th>Event Type</th>
@@ -5319,7 +5319,7 @@
           </ul>
           
           <div id="key-values-list">
-            <table id="table-key-values" summary="">
+            <table class="data-table" id="table-key-values" summary="">
               <tr>
                 <th>Key</th>
                 <th>Char</th>
@@ -6398,8 +6398,8 @@
       <h4 id="fixed-virtual-key-codes">A.2.3 Fixed virtual key codes</h4>
       <p><em>This section is informative</em></p>
       <p>The virtual key codes for the following keys do not usually change with keyboard layouts on desktop systems:</p>
-      <table border="1" cellpadding="2" cellspacing="0">
-        <tr><th>The key</th> <th>virtual key code</th></tr>
+      <table class="data-table">
+        <tr><th><strong>Key</strong></th> <th><strong>Virtual Key Code</strong></th></tr>
         <tr><th>Backspace</th> <td>8</td></tr>
         <tr><th>Tab</th> <td>9</td></tr>
         <tr><th>Enter</th> <td>13</td></tr>
@@ -6423,8 +6423,8 @@
       <h4 id="optionally-fixed-virtual-key-codes">A.2.4 Optionally fixed virtual key codes</h4>
       <p><em>This section is informative</em></p>
       <p>The following punctuation characters may change virtual codes between keyboard layouts, but reporting these values will likely be more compatible with legacy content expecting US-English keyboard layout:</p>
-    	<table border="1" cellpadding="2" cellspacing="0">
-      	<tr><th>The key</th> <th>virtual key code</th></tr>
+    	<table class="data-table">
+      	<tr><th><strong>Key</strong></th> <th><strong>Virtual Key Code</strong></th></tr>
       	<tr><th>Semicolon (;)</th> <td>186</td></tr>
       	<tr><th>Colon (:)</th> <td>186</td></tr>
       	<tr><th>Plus (+)</th> <td>187</td></tr>

--- a/html/spec.css	Fri May 06 04:22:31 2011 +0900
+++ b/html/spec.css	Fri May 06 08:42:33 2011 +0900
@@ -301,12 +301,13 @@
 
 
 /*style for table-event-summary and table-key-values */
-#table-event-summary, #table-key-values {
+
+.data-table {
   border-collapse:collapse;
   text-align:left;
 }
 
-#table-event-summary th, #table-key-values th {
+.data-table th {
   background:none repeat scroll 0 0 #B9C9FE;
   border-bottom:1px solid #FFFFFF;
   border-top:4px solid #AABCFE;
@@ -316,7 +317,7 @@
   padding-left: 0.5em;
 }
 
-#table-event-summary td, #table-key-values td {
+.data-table td {
   background:none repeat scroll 0 0 #E8EDFF;
   border-bottom:1px solid #FFFFFF;
   border-top:1px solid transparent;
@@ -325,12 +326,11 @@
   padding-left: 1em;
 }
 
-#table-event-summary tr:hover td, #table-key-values tr:hover td {
+.data-table tr:hover td {
   background:none repeat scroll 0 0 #D0DAFD;
   color:#333399;
 }
 
-
 /*style for algorithm lists */
 ol.algo { 
   counter-reset: section;