diff --git a/Pathfinder_EZ/pug/core/abilityScores.pug b/Pathfinder_EZ/pug/core/abilityScores.pug
index e8c3f2b553..828764d782 100644
--- a/Pathfinder_EZ/pug/core/abilityScores.pug
+++ b/Pathfinder_EZ/pug/core/abilityScores.pug
@@ -24,4 +24,3 @@ table.abilityScores
     +abilityScoreRow('Intelligence', 'int')
     +abilityScoreRow('Wisdom', 'wis')
     +abilityScoreRow('Charisma', 'cha')
-// +labelledAbove('Ability Score Notes')(style='width: 100%;'): +textarea('appearance')(style='height: 0.6in;')
diff --git a/Pathfinder_EZ/pug/core/baseAttack.pug b/Pathfinder_EZ/pug/core/baseAttack.pug
index 9b6109b4cb..34a555f195 100644
--- a/Pathfinder_EZ/pug/core/baseAttack.pug
+++ b/Pathfinder_EZ/pug/core/baseAttack.pug
@@ -14,7 +14,7 @@
     td: .mathOperator +
     td: +readOnlyBox(abilityShortName + '_mod')(style='width: 0.25in;')
     td: .mathOperator +
-    td: +readOnlyBox('attack_size')(style='width: 0.25in;')
+    td: +readOnlyBox('size')(style='width: 0.25in;')
     td: .mathOperator +
     td: +fieldBox('number', attackName + '_equipment')
     td: .mathOperator +
diff --git a/Pathfinder_EZ/pug/core/sizeSelect.pug b/Pathfinder_EZ/pug/core/sizeSelect.pug
index 24e04411fa..efd2f2e1da 100644
--- a/Pathfinder_EZ/pug/core/sizeSelect.pug
+++ b/Pathfinder_EZ/pug/core/sizeSelect.pug
@@ -1,10 +1,10 @@
 +labelledUnderlined('Size')(style='width: 1.2in;'): +select('size')
-  option(value=4) Colossal
-  option(value=3) Gargantuan
-  option(value=2) Huge
-  option(value=1) Large
+  option(value=-8) Colossal
+  option(value=-4) Gargantuan
+  option(value=-2) Huge
+  option(value=-1) Large
   option(value=0, selected=true) Medium
-  option(value=-1) Small
-  option(value=-2) Tiny
-  option(value=-3) Diminuitive
-  option(value=-4) Fine
+  option(value=1) Small
+  option(value=2) Tiny
+  option(value=4) Diminuitive
+  option(value=8) Fine
diff --git a/Pathfinder_EZ/pug/fields.pug b/Pathfinder_EZ/pug/fields.pug
index 0960e599b5..8b5eb83531 100644
--- a/Pathfinder_EZ/pug/fields.pug
+++ b/Pathfinder_EZ/pug/fields.pug
@@ -2,7 +2,7 @@ mixin fieldBox(type, name, label)
   .fieldBox(style=attributes.style)
     if(label)
       label= label
-    .inner: input(type=type, name='attr_' + name)
+    .inner: input(type=type, name='attr_' + name, value=attributes.value)
 
 mixin fraction(name)
   .fraction
@@ -11,7 +11,7 @@ mixin fraction(name)
     input(type='number', name='attr_' + name + '_max')
 
 mixin input(type, name)
-  input(type=type, name='attr_' + name, placeholder=attributes.placeholder, style=attributes.style)
+  input(type=type, name='attr_' + name, placeholder=attributes.placeholder, style=attributes.style, value=attributes.value)
 
 mixin labelledAbove(label)
   .labelledAbove(style=attributes.style)
@@ -41,7 +41,8 @@ mixin option(view, value)
   option(value=value)= view
 
 mixin readOnlyBox(name)
-  .readOnlyBox(style=attributes.style): span(name='attr_' + name) 0
+  .readOnlyBox(style=attributes.style): span(name='attr_' + name)
+  +input('number', name)(value='0', style='display:none;')
 
 mixin repeating(name)
   fieldset(class='repeating_' + name)
diff --git a/Pathfinder_EZ/pug/index.pug b/Pathfinder_EZ/pug/index.pug
index 83a9ec30fb..a1bbd710d3 100644
--- a/Pathfinder_EZ/pug/index.pug
+++ b/Pathfinder_EZ/pug/index.pug
@@ -1,6 +1,8 @@
 include fields.pug
 include tabs.pug
 
++input('text', 'debug')(value=' ', style='display: none;')
+
 .top
   .pfLogo
   .topStats(style='margin-bottom: 1em;')
@@ -27,4 +29,7 @@ include tabs.pug
   +tab('Magic', 'mainTabs')
     include magic/index.pug
   +tab('Notes', 'mainTabs')
-    .test Notes
+    include notes/index.pug
+
+script(type='text/worker')
+  include ../worker_test.js
diff --git a/Pathfinder_EZ/pug/notes/index.pug b/Pathfinder_EZ/pug/notes/index.pug
new file mode 100644
index 0000000000..1097e9d696
--- /dev/null
+++ b/Pathfinder_EZ/pug/notes/index.pug
@@ -0,0 +1,2 @@
+.notesTab
+  +textarea('notes')(style='height: 6in;')
diff --git a/Pathfinder_EZ/sheet.html b/Pathfinder_EZ/sheet.html
index b9419dcd75..5583ed4e08 100644
--- a/Pathfinder_EZ/sheet.html
+++ b/Pathfinder_EZ/sheet.html
@@ -1,4 +1,5 @@
 
+<input type="text" name="attr_debug" style="display: none" value=" "/>
 <div class="top">
   <div class="pfLogo"></div>
   <div class="topStats" style="margin-bottom: 1em">
@@ -93,7 +94,8 @@
                           </div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_str_mod">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_str_mod"></span></div>
+                          <input type="number" name="attr_str_mod" style="display:none" value="0"/>
                         </td>
                       </tr>
                       <tr>
@@ -116,7 +118,8 @@
                           </div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                          <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                         </td>
                       </tr>
                       <tr>
@@ -139,7 +142,8 @@
                           </div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_con_mod">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_con_mod"></span></div>
+                          <input type="number" name="attr_con_mod" style="display:none" value="0"/>
                         </td>
                       </tr>
                       <tr>
@@ -162,7 +166,8 @@
                           </div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                          <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                         </td>
                       </tr>
                       <tr>
@@ -185,7 +190,8 @@
                           </div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_wis_mod">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
+                          <input type="number" name="attr_wis_mod" style="display:none" value="0"/>
                         </td>
                       </tr>
                       <tr>
@@ -208,12 +214,12 @@
                           </div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                          <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                         </td>
                       </tr>
               </tbody>
             </table>
-            <!-- +labelledAbove('Ability Score Notes')(style='width: 100%;'): +textarea('appearance')(style='height: 0.6in;')-->
           </div>
           <div class="inlineBlock" style="vertical-align: top; width: 5in">
             <div>
@@ -245,15 +251,15 @@
                 <label>Size</label>
                 <div class="inner">
                   <select name="attr_size">
-                    <option value="4">Colossal</option>
-                    <option value="3">Gargantuan</option>
-                    <option value="2">Huge</option>
-                    <option value="1">Large</option>
+                    <option value="-8">Colossal</option>
+                    <option value="-4">Gargantuan</option>
+                    <option value="-2">Huge</option>
+                    <option value="-1">Large</option>
                     <option value="0" selected="selected">Medium</option>
-                    <option value="-1">Small</option>
-                    <option value="-2">Tiny</option>
-                    <option value="-3">Diminuitive</option>
-                    <option value="-4">Fine</option>
+                    <option value="1">Small</option>
+                    <option value="2">Tiny</option>
+                    <option value="4">Diminuitive</option>
+                    <option value="8">Fine</option>
                   </select>
                 </div>
               </div>
@@ -326,14 +332,16 @@
                 <div class="labelledUnderlined">
                   <label>Total</label>
                   <div class="inner">
-                    <div class="readOnlyBox"><span name="attr_initiative">0</span></div>
+                    <div class="readOnlyBox"><span name="attr_initiative"></span></div>
+                    <input type="number" name="attr_initiative" style="display:none" value="0"/>
                   </div>
                 </div>
                 <div class="mathOperator">= 10 +</div>
                 <div class="labelledUnderlined">
                   <label>Dex mod</label>
                   <div class="inner">
-                    <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                    <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                    <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                   </div>
                 </div>
                 <div class="mathOperator">+</div>
@@ -378,7 +386,8 @@
               <div class="labelledUnderlined">
                 <label>Total</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_ac">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_ac"></span></div>
+                  <input type="number" name="attr_ac" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">= 10 +</div>
@@ -392,14 +401,16 @@
               <div class="labelledUnderlined">
                 <label>Dex mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                  <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
               <div class="labelledUnderlined">
                 <label>Size</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_ac_size">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_ac_size"></span></div>
+                  <input type="number" name="attr_ac_size" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -432,7 +443,8 @@
                 <div class="labelledBoxH" style="width: 1.4in">
                   <label>Touch</label>
                   <div class="inner">
-                    <div class="readOnlyBox" style="width: 0.25in"><span name="attr_ac_touch">0</span></div>
+                    <div class="readOnlyBox" style="width: 0.25in"><span name="attr_ac_touch"></span></div>
+                    <input type="number" name="attr_ac_touch" style="display:none" value="0"/>
                   </div>
                 </div>
               </div>
@@ -440,7 +452,8 @@
                 <div class="labelledBoxH" style="width: 1.4in">
                   <label>Flat-Footed</label>
                   <div class="inner">
-                    <div class="readOnlyBox" style="width: 0.25in"><span name="attr_ac_flatfoot">0</span></div>
+                    <div class="readOnlyBox" style="width: 0.25in"><span name="attr_ac_flatfoot"></span></div>
+                    <input type="number" name="attr_ac_flatfoot" style="display:none" value="0"/>
                   </div>
                 </div>
               </div>
@@ -508,7 +521,8 @@
                           <div class="abilityName">Constitution</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_fort">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_fort"></span></div>
+                          <input type="number" name="attr_fort" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">=</div>
@@ -524,7 +538,8 @@
                           <div class="mathOperator">+</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_con_mod">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_con_mod"></span></div>
+                          <input type="number" name="attr_con_mod" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">+</div>
@@ -571,7 +586,8 @@
                           <div class="abilityName">Dexterity</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_ref">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_ref"></span></div>
+                          <input type="number" name="attr_ref" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">=</div>
@@ -587,7 +603,8 @@
                           <div class="mathOperator">+</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                          <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">+</div>
@@ -634,7 +651,8 @@
                           <div class="abilityName">Wisdom</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_will">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_will"></span></div>
+                          <input type="number" name="attr_will" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">=</div>
@@ -650,7 +668,8 @@
                           <div class="mathOperator">+</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_wis_mod">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
+                          <input type="number" name="attr_wis_mod" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">+</div>
@@ -733,25 +752,29 @@
                           <div class="abilityName">Strength</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_melee">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_melee"></span></div>
+                          <input type="number" name="attr_melee" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">=</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_bab">0</span></div>
+                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_bab"></span></div>
+                          <input type="number" name="attr_bab" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">+</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_str_mod">0</span></div>
+                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_str_mod"></span></div>
+                          <input type="number" name="attr_str_mod" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">+</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_attack_size">0</span></div>
+                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_size"></span></div>
+                          <input type="number" name="attr_size" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">+</div>
@@ -798,25 +821,29 @@
                           <div class="abilityName">Dexterity</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox"><span name="attr_ranged">0</span></div>
+                          <div class="readOnlyBox"><span name="attr_ranged"></span></div>
+                          <input type="number" name="attr_ranged" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">=</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_bab">0</span></div>
+                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_bab"></span></div>
+                          <input type="number" name="attr_bab" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">+</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_dex_mod">0</span></div>
+                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_dex_mod"></span></div>
+                          <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">+</div>
                         </td>
                         <td>
-                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_attack_size">0</span></div>
+                          <div class="readOnlyBox" style="width: 0.25in"><span name="attr_size"></span></div>
+                          <input type="number" name="attr_size" style="display:none" value="0"/>
                         </td>
                         <td>
                           <div class="mathOperator">+</div>
@@ -870,28 +897,32 @@
             <div class="labelledUnderlined">
               <label>Total</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_cmb">0</span></div>
+                <div class="readOnlyBox"><span name="attr_cmb"></span></div>
+                <input type="number" name="attr_cmb" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">=</div>
             <div class="labelledUnderlined">
               <label>BAB</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_bab">0</span></div>
+                <div class="readOnlyBox"><span name="attr_bab"></span></div>
+                <input type="number" name="attr_bab" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">+</div>
             <div class="labelledUnderlined">
               <label>Str mod</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_str_mod">0</span></div>
+                <div class="readOnlyBox"><span name="attr_str_mod"></span></div>
+                <input type="number" name="attr_str_mod" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">+</div>
             <div class="labelledUnderlined">
               <label>Size</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_cmb_size">0</span></div>
+                <div class="readOnlyBox"><span name="attr_cmb_size"></span></div>
+                <input type="number" name="attr_cmb_size" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">+</div>
@@ -923,35 +954,40 @@
             <div class="labelledUnderlined">
               <label>Total</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_cmd">0</span></div>
+                <div class="readOnlyBox"><span name="attr_cmd"></span></div>
+                <input type="number" name="attr_cmd" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">= 10 +</div>
             <div class="labelledUnderlined">
               <label>BAB</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_bab">0</span></div>
+                <div class="readOnlyBox"><span name="attr_bab"></span></div>
+                <input type="number" name="attr_bab" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">+</div>
             <div class="labelledUnderlined">
               <label>Str mod</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_str_mod">0</span></div>
+                <div class="readOnlyBox"><span name="attr_str_mod"></span></div>
+                <input type="number" name="attr_str_mod" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">+</div>
             <div class="labelledUnderlined">
               <label>Dex mod</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">+</div>
             <div class="labelledUnderlined">
               <label>Size</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_cmd_size">0</span></div>
+                <div class="readOnlyBox"><span name="attr_cmd_size"></span></div>
+                <input type="number" name="attr_cmd_size" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">+</div>
@@ -1004,7 +1040,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_acrobatics_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_acrobatics_total"></span></div>
+                  <input type="number" name="attr_acrobatics_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1013,7 +1050,8 @@
               <div class="labelledUnderlined">
                 <label>Dex mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                  <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1053,7 +1091,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_appraise_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_appraise_total"></span></div>
+                  <input type="number" name="attr_appraise_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1062,7 +1101,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1102,7 +1142,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_bluff_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_bluff_total"></span></div>
+                  <input type="number" name="attr_bluff_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1111,7 +1152,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1151,7 +1193,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_climb_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_climb_total"></span></div>
+                  <input type="number" name="attr_climb_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1160,7 +1203,8 @@
               <div class="labelledUnderlined">
                 <label>Str mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_str_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_str_mod"></span></div>
+                  <input type="number" name="attr_str_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1206,7 +1250,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_craft1_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_craft1_total"></span></div>
+                  <input type="number" name="attr_craft1_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1215,7 +1260,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1261,7 +1307,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_craft2_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_craft2_total"></span></div>
+                  <input type="number" name="attr_craft2_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1270,7 +1317,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1316,7 +1364,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_craft3_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_craft3_total"></span></div>
+                  <input type="number" name="attr_craft3_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1325,7 +1374,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1371,7 +1421,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_craft4_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_craft4_total"></span></div>
+                  <input type="number" name="attr_craft4_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1380,7 +1431,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1426,7 +1478,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_craft5_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_craft5_total"></span></div>
+                  <input type="number" name="attr_craft5_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1435,7 +1488,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1475,7 +1529,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_diplomacy_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_diplomacy_total"></span></div>
+                  <input type="number" name="attr_diplomacy_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1484,7 +1539,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1524,7 +1580,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_disable_device_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_disable_device_total"></span></div>
+                  <input type="number" name="attr_disable_device_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1533,7 +1590,8 @@
               <div class="labelledUnderlined">
                 <label>Dex mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                  <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1573,7 +1631,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_disguise_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_disguise_total"></span></div>
+                  <input type="number" name="attr_disguise_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1582,7 +1641,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1622,7 +1682,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_escape_artist_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_escape_artist_total"></span></div>
+                  <input type="number" name="attr_escape_artist_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1631,7 +1692,8 @@
               <div class="labelledUnderlined">
                 <label>Dex mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                  <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1671,7 +1733,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_fly_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_fly_total"></span></div>
+                  <input type="number" name="attr_fly_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1680,7 +1743,8 @@
               <div class="labelledUnderlined">
                 <label>Dex mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                  <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1720,7 +1784,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_handle_animal_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_handle_animal_total"></span></div>
+                  <input type="number" name="attr_handle_animal_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1729,7 +1794,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1769,7 +1835,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_heal_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_heal_total"></span></div>
+                  <input type="number" name="attr_heal_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1778,7 +1845,8 @@
               <div class="labelledUnderlined">
                 <label>Wis mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_wis_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
+                  <input type="number" name="attr_wis_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1818,7 +1886,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_intimidate_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_intimidate_total"></span></div>
+                  <input type="number" name="attr_intimidate_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1827,7 +1896,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1867,7 +1937,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_arcana__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_arcana__total"></span></div>
+                  <input type="number" name="attr_knowledge_arcana__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1876,7 +1947,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1916,7 +1988,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_dungeoneering__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_dungeoneering__total"></span></div>
+                  <input type="number" name="attr_knowledge_dungeoneering__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1925,7 +1998,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -1965,7 +2039,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_engineering__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_engineering__total"></span></div>
+                  <input type="number" name="attr_knowledge_engineering__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -1974,7 +2049,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2014,7 +2090,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_geography__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_geography__total"></span></div>
+                  <input type="number" name="attr_knowledge_geography__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2023,7 +2100,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2063,7 +2141,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_history__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_history__total"></span></div>
+                  <input type="number" name="attr_knowledge_history__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2072,7 +2151,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2112,7 +2192,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_local__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_local__total"></span></div>
+                  <input type="number" name="attr_knowledge_local__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2121,7 +2202,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2161,7 +2243,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_nature__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_nature__total"></span></div>
+                  <input type="number" name="attr_knowledge_nature__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2170,7 +2253,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2210,7 +2294,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_nobility__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_nobility__total"></span></div>
+                  <input type="number" name="attr_knowledge_nobility__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2219,7 +2304,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2259,7 +2345,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_planes__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_planes__total"></span></div>
+                  <input type="number" name="attr_knowledge_planes__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2268,7 +2355,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2308,7 +2396,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_knowledge_religion__total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_knowledge_religion__total"></span></div>
+                  <input type="number" name="attr_knowledge_religion__total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2317,7 +2406,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2357,7 +2447,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_linguistics_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_linguistics_total"></span></div>
+                  <input type="number" name="attr_linguistics_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2366,7 +2457,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2406,7 +2498,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_perception_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_perception_total"></span></div>
+                  <input type="number" name="attr_perception_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2415,7 +2508,8 @@
               <div class="labelledUnderlined">
                 <label>Wis mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_wis_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
+                  <input type="number" name="attr_wis_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2461,7 +2555,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_perform1_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_perform1_total"></span></div>
+                  <input type="number" name="attr_perform1_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2470,7 +2565,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2516,7 +2612,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_perform2_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_perform2_total"></span></div>
+                  <input type="number" name="attr_perform2_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2525,7 +2622,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2571,7 +2669,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_perform3_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_perform3_total"></span></div>
+                  <input type="number" name="attr_perform3_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2580,7 +2679,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2626,7 +2726,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_perform4_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_perform4_total"></span></div>
+                  <input type="number" name="attr_perform4_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2635,7 +2736,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2681,7 +2783,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_perform5_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_perform5_total"></span></div>
+                  <input type="number" name="attr_perform5_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2690,7 +2793,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2736,7 +2840,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_profession1_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_profession1_total"></span></div>
+                  <input type="number" name="attr_profession1_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2745,7 +2850,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2791,7 +2897,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_profession2_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_profession2_total"></span></div>
+                  <input type="number" name="attr_profession2_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2800,7 +2907,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2846,7 +2954,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_profession3_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_profession3_total"></span></div>
+                  <input type="number" name="attr_profession3_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2855,7 +2964,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2901,7 +3011,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_profession4_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_profession4_total"></span></div>
+                  <input type="number" name="attr_profession4_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2910,7 +3021,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -2956,7 +3068,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_profession5_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_profession5_total"></span></div>
+                  <input type="number" name="attr_profession5_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -2965,7 +3078,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -3005,7 +3119,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_ride_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_ride_total"></span></div>
+                  <input type="number" name="attr_ride_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -3014,7 +3129,8 @@
               <div class="labelledUnderlined">
                 <label>Dex mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                  <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -3054,7 +3170,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_sense_motive_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_sense_motive_total"></span></div>
+                  <input type="number" name="attr_sense_motive_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -3063,7 +3180,8 @@
               <div class="labelledUnderlined">
                 <label>Wis mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_wis_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
+                  <input type="number" name="attr_wis_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -3103,7 +3221,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_sleight_of_hand_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_sleight_of_hand_total"></span></div>
+                  <input type="number" name="attr_sleight_of_hand_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -3112,7 +3231,8 @@
               <div class="labelledUnderlined">
                 <label>Dex mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                  <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -3152,7 +3272,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_spellcraft_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_spellcraft_total"></span></div>
+                  <input type="number" name="attr_spellcraft_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -3161,7 +3282,8 @@
               <div class="labelledUnderlined">
                 <label>Int mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_int_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_int_mod"></span></div>
+                  <input type="number" name="attr_int_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -3201,7 +3323,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_stealth_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_stealth_total"></span></div>
+                  <input type="number" name="attr_stealth_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -3210,7 +3333,8 @@
               <div class="labelledUnderlined">
                 <label>Dex mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_dex_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
+                  <input type="number" name="attr_dex_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -3250,7 +3374,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_survival_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_survival_total"></span></div>
+                  <input type="number" name="attr_survival_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -3259,7 +3384,8 @@
               <div class="labelledUnderlined">
                 <label>Wis mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_wis_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
+                  <input type="number" name="attr_wis_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -3299,7 +3425,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_swim_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_swim_total"></span></div>
+                  <input type="number" name="attr_swim_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -3308,7 +3435,8 @@
               <div class="labelledUnderlined">
                 <label>Str mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_str_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_str_mod"></span></div>
+                  <input type="number" name="attr_str_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -3348,7 +3476,8 @@
               <div class="labelledUnderlined">
                 <label></label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_use_magic_device_total">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_use_magic_device_total"></span></div>
+                  <input type="number" name="attr_use_magic_device_total" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">=</div>
@@ -3357,7 +3486,8 @@
               <div class="labelledUnderlined">
                 <label>Cha mod</label>
                 <div class="inner">
-                  <div class="readOnlyBox"><span name="attr_cha_mod">0</span></div>
+                  <div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
+                  <input type="number" name="attr_cha_mod" style="display:none" value="0"/>
                 </div>
               </div>
               <div class="mathOperator">+</div>
@@ -3648,14 +3778,16 @@
             <div class="labelledUnderlined">
               <label>Total</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_spell_dc">0</span></div>
+                <div class="readOnlyBox"><span name="attr_spell_dc"></span></div>
+                <input type="number" name="attr_spell_dc" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">= 10 +</div>
             <div class="labelledUnderlined">
               <label>Ability Mod</label>
               <div class="inner">
-                <div class="readOnlyBox"><span name="attr_spell_dc_ability_mod">0</span></div>
+                <div class="readOnlyBox"><span name="attr_spell_dc_ability_mod"></span></div>
+                <input type="number" name="attr_spell_dc_ability_mod" style="display:none" value="0"/>
               </div>
             </div>
             <div class="mathOperator">+</div>
@@ -3695,7 +3827,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_0_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_0_dc"></span></div>
+                            <input type="number" name="attr_spell_level_0_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -3727,7 +3860,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_1_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_1_dc"></span></div>
+                            <input type="number" name="attr_spell_level_1_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -3759,7 +3893,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_2_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_2_dc"></span></div>
+                            <input type="number" name="attr_spell_level_2_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -3791,7 +3926,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_3_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_3_dc"></span></div>
+                            <input type="number" name="attr_spell_level_3_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -3823,7 +3959,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_4_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_4_dc"></span></div>
+                            <input type="number" name="attr_spell_level_4_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -3857,7 +3994,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_5_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_5_dc"></span></div>
+                            <input type="number" name="attr_spell_level_5_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -3889,7 +4027,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_6_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_6_dc"></span></div>
+                            <input type="number" name="attr_spell_level_6_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -3921,7 +4060,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_7_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_7_dc"></span></div>
+                            <input type="number" name="attr_spell_level_7_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -3953,7 +4093,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_8_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_8_dc"></span></div>
+                            <input type="number" name="attr_spell_level_8_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -3985,7 +4126,8 @@
                         <div class="labelledUnderlined">
                           <label>Save DC</label>
                           <div class="inner">
-                            <div class="readOnlyBox"><span name="attr_spell_level_9_dc">0</span></div>
+                            <div class="readOnlyBox"><span name="attr_spell_level_9_dc"></span></div>
+                            <input type="number" name="attr_spell_level_9_dc" style="display:none" value="0"/>
                           </div>
                         </div>
                       </div>
@@ -4021,7 +4163,50 @@
     <input type="radio" id="tab_6" name="mainTabs"/>
     <label for="tab_6">Notes</label>
     <div class="tabPanel">
-      <div class="test">Notes</div>
+      <div class="notesTab">
+        <textarea name="attr_notes" style="height: 6in"></textarea>
+      </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
+<script type="text/worker">(() => {
+  'use strict';
+
+  /**
+   * Promise-wrapped getAttrs.
+   */
+  function _getAttrs(attrs) {
+    return new Promise((resolve, reject) => {
+      getAttrs(attrs, resolve);
+    });
+  }
+
+  /**
+   * Promise-wrapped setAttrs.
+   */
+  function _setAttrs(values) {
+    return new Promise(resolve, reject => {
+      setAttrs(values, undefined, () => {
+        resolve();
+      });
+    });
+  }
+
+  on('sheet:opened', () => {
+    (new Promise((resolve, reject) => {
+      resolve(42);
+    }))
+    .then(value => {
+      return _setAttrs({
+        debug: value
+      });
+    })
+    .then(() => {
+      setAttrs({
+        debug: 11
+      });
+    });
+  });
+})();
+
+</script>
\ No newline at end of file
diff --git a/Pathfinder_EZ/worker.js b/Pathfinder_EZ/worker.js
new file mode 100644
index 0000000000..530f0dd702
--- /dev/null
+++ b/Pathfinder_EZ/worker.js
@@ -0,0 +1,113 @@
+(() => {
+  'use strict';
+
+  function _debug(msg) {
+    return _setAttrs({
+      debug: msg
+    });
+  }
+
+  /**
+   * Promise-wrapped getAttrs.
+   */
+  function _getAttrs(attrs) {
+    return new Promise((resolve, reject) => {
+      getAttrs(attrs, resolve);
+    });
+  }
+
+  /**
+   * Promise-wrapped getSectionIDs.
+   */
+  function _getSectionIds(sectionName) {
+    return new Promise((resolve, reject) => {
+      getSectionIDs(sectionName, resolve);
+    });
+  }
+
+  function _onChange(attrNames, cb) {
+    let list = _.chain(attrNames)
+    .map(name => {
+      return 'change:' + name
+    })
+    .value();
+
+    on(list.join(' '), cb);
+  }
+
+  /**
+   * Promise-wrapped setAttrs.
+   */
+  function _setAttrs(values) {
+    return new Promise((resolve, reject) => {
+      log(values);
+      setAttrs(values, undefined, resolve);
+    });
+  }
+
+  function updateAbilityMod(abilityName) {
+    return _getAttrs([abilityName, abilityName + '_temp'])
+    .then(values => {
+      let base = values[abilityName];
+      let temp = values[abilityName + '_temp'];
+      return _setAttrs({
+        [abilityName] + '_mod': Math.floor((base + temp - 10)/2)
+      }});
+    });
+  }
+
+  function updateChaMod() {
+    return updateAbilityMod('cha');
+  }
+
+  function updateConMod() {
+    return updateAbilityMod('con');
+  }
+
+  function updateDexMod() {
+    return updateAbilityMod('dex');
+  }
+
+  function updateIntMod() {
+    return updateAbilityMod('int');
+  }
+
+  function updateStrMod() {
+    return updateAbilityMod('str');
+  }
+
+  function updateWisMod() {
+    return updateAbilityMod('wis');
+  }
+
+
+
+  _onChange(['cha', 'cha_temp'], () => {
+    return updateChaMod();
+  });
+
+  _onChange(['con', 'con_temp'], () => {
+    return updateConMod();
+  });
+
+  _onChange(['dex', 'dex_temp'], () => {
+    return updateDexMod();
+  });
+
+  _onChange(['int', 'int_temp'], () => {
+    return updateIntMod();
+  });
+
+  _onChange(['str', 'str_temp'], () => {
+    return updateStrMod();
+  });
+
+  _onChange(['wis', 'wis_temp'], () => {
+    return updateWisMod();
+  });
+
+
+  on('sheet:opened', () => {
+    updateAll();
+  });
+})();
diff --git a/Pathfinder_EZ/worker_test.js b/Pathfinder_EZ/worker_test.js
new file mode 100644
index 0000000000..2d40531e94
--- /dev/null
+++ b/Pathfinder_EZ/worker_test.js
@@ -0,0 +1,39 @@
+(() => {
+  'use strict';
+
+  /**
+   * Promise-wrapped getAttrs.
+   */
+  function _getAttrs(attrs) {
+    return new Promise((resolve, reject) => {
+      getAttrs(attrs, resolve);
+    });
+  }
+
+  /**
+   * Promise-wrapped setAttrs.
+   */
+  function _setAttrs(values) {
+    return new Promise(resolve, reject => {
+      setAttrs(values, undefined, () => {
+        resolve();
+      });
+    });
+  }
+
+  on('sheet:opened', () => {
+    (new Promise((resolve, reject) => {
+      resolve(42);
+    }))
+    .then(value => {
+      return _setAttrs({
+        debug: value
+      });
+    })
+    .then(() => {
+      setAttrs({
+        debug: 11
+      });
+    });
+  });
+})();