Files
roll20-character-sheets/Pathfinder_EZ/sheet.html
T
2016-09-23 01:32:59 -04:00

4212 lines
180 KiB
HTML

<input type="text" name="attr_debug" style="display: none" value=" "/>
<div class="top">
<div class="pfLogo"></div>
<div class="topStats" style="margin-bottom: 1em">
<div>
<div class="labelledUnderlined" style="width: 2.5in">
<label>Character Name</label>
<div class="inner">
<input type="text" name="attr_character_name"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Player Name</label>
<div class="inner">
<input type="text" name="attr_player_name"/>
</div>
</div>
</div>
<div>
<div class="labelledUnderlined" style="width: 1.5in">
<label>Race</label>
<div class="inner">
<input type="text" name="attr_race"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 2in">
<label>Classes and levels</label>
<div class="inner">
<input type="text" name="attr_classes"/>
</div>
</div>
<div class="labelledBoxH" style="float: right">
<label>XP</label>
<div class="inner">
<input type="number" name="attr_xp"/>
</div>
</div>
</div>
<div>
<div class="labelledUnderlined" style="width: 3in">
<label>Active Status Conditions</label>
<div class="inner">
<input type="text" name="attr_activeConditions"/>
</div>
</div>
<div class="labelledBoxH" style="float: right">
<label>HP</label>
<div class="inner">
<div class="fraction">
<input type="number" name="attr_hp"/><span>/</span>
<input type="number" name="attr_hp_max"/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tabsContainer">
<div class="tab">
<input type="radio" id="tab_1" name="mainTabs" checked="checked"/>
<label for="tab_1">Core</label>
<div class="tabPanel">
<div class="coreTab">
<div>
<div class="inlineBlock" style="vertical-align: top; width: 3.2in">
<table class="abilityScores">
<thead>
<tr>
<th>Ability Name</th>
<th>Base Score</th>
<th>Temp +/-</th>
<th>Modifier</th>
</tr>
</thead>
<tbody>
<tr>
<td class="blackBox">
<div class="shortname">str</div>
<div class="longname">Strength</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_str"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_str_temp"/>
</div>
</div>
</td>
<td>
<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>
<td class="blackBox">
<div class="shortname">dex</div>
<div class="longname">Dexterity</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_dex"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_dex_temp"/>
</div>
</div>
</td>
<td>
<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>
<td class="blackBox">
<div class="shortname">con</div>
<div class="longname">Constitution</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_con"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_con_temp"/>
</div>
</div>
</td>
<td>
<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>
<td class="blackBox">
<div class="shortname">int</div>
<div class="longname">Intelligence</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_int"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_int_temp"/>
</div>
</div>
</td>
<td>
<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>
<td class="blackBox">
<div class="shortname">wis</div>
<div class="longname">Wisdom</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_wis"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_wis_temp"/>
</div>
</div>
</td>
<td>
<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>
<td class="blackBox">
<div class="shortname">cha</div>
<div class="longname">Charisma</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_cha"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_cha_temp"/>
</div>
</div>
</td>
<td>
<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>
</div>
<div class="inlineBlock" style="vertical-align: top; width: 5in">
<div>
<div class="labelledUnderlined" style="width:1in">
<label>Gender</label>
<div class="inner">
<input type="text" name="attr_gender"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 0.6in">
<label>Age</label>
<div class="inner">
<input type="text" name="attr_age"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 0.7in">
<label>Height</label>
<div class="inner">
<input type="text" name="attr_height"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 0.7in">
<label>Weight</label>
<div class="inner">
<input type="text" name="attr_weight"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 1.2in">
<label>Size</label>
<div class="inner">
<select name="attr_size">
<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="4">Diminuitive</option>
<option value="8">Fine</option>
</select>
</div>
</div>
</div>
<div>
<div class="labelledUnderlined">
<label>Homeland</label>
<div class="inner">
<input type="text" name="attr_homeland"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 1.5in">
<label>Deity</label>
<div class="inner">
<input type="text" name="attr_deity"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 1.2in">
<label>Alignment</label>
<div class="inner">
<select name="attr_alignment">
<option value="LG">Lawful Good</option>
<option value="NG">Neutral Good</option>
<option value="CG">Chaotic Good</option>
<option value="LN">Lawful Neutral</option>
<option value="N" selected="selected">Neutral</option>
<option value="CG">Chaotic Neutral</option>
<option value="LE">Lawful Evil</option>
<option value="NE">Neutral Evil</option>
<option value="CL">Chaotic Evil</option>
</select>
</div>
</div>
</div>
<div>
<div class="labelledUnderlined" style="width: 100%">
<label>Factions</label>
<div class="inner">
<input type="text" name="attr_factions"/>
</div>
</div>
</div>
<div>
<div class="floatLeft">
<div class="labelledAbove" style="width: 3in">
<label>Appearance</label>
<div class="inner">
<textarea name="attr_appearance" style="height: 1.2in"></textarea>
</div>
</div>
</div>
<div class="floatRight">
<div class="labelledAbove" style="width: 1.8in">
<label>Languages</label>
<div class="inner">
<textarea name="attr_languages" style="height: 1.2in"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="height: 0.6in">
<div class="floatLeft">
<div class="inlineBlock initiative">
<div class="inlineBlock" style="vertical-align: middle">
<div class="blackBox">
<div class="shortname">Initiative</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<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"></span></div>
<input type="number" name="attr_dex_mod" style="display:none" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_initiative_misc"/>
</div>
</div>
</div>
<div class="labelledUnderlined" style="margin-left: 1em; width: 1in">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_initiative_notes"/>
</div>
</div>
</div>
</div>
<div class="floatRight">
<div class="labelledBoxV" style="vertical-align: top">
<label>Movement &amp; Speeds</label>
<div class="inner">
<input type="text" name="attr_movement" style="width: 1.8in"/>
</div>
</div>
<div class="labelledBoxV" style="vertical-align: top">
<label>Senses</label>
<div class="inner">
<input type="text" name="attr_senses" style="width: 1.8in"/>
</div>
</div>
</div>
</div>
<h3>Defenses</h3>
<div>
<div class="ac">
<div class="inlineBlock" style="vertical-align: middle">
<div class="blackBox">
<div class="shortname">AC</div>
<div class="longname">Armor Class</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<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>
<div class="fieldBox">
<label>Equipment</label>
<div class="inner">
<input type="number" name="attr_ac_equipment"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<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"></span></div>
<input type="number" name="attr_ac_size" style="display:none" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_ac_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Temp</label>
<div class="inner">
<input type="number" name="attr_ac_temp"/>
</div>
</div>
</div>
<div class="labelledUnderlined" style="margin-left: 1em; width: 3in">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_ac_notes"/>
</div>
</div>
</div>
</div>
<div>
<div class="inlineBlock" style="float: left">
<div style="vertical-align: middle">
<div>
<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"></span></div>
<input type="number" name="attr_ac_touch" style="display:none" value="0"/>
</div>
</div>
</div>
<div>
<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"></span></div>
<input type="number" name="attr_ac_flatfoot" style="display:none" value="0"/>
</div>
</div>
</div>
</div>
</div>
<div class="inlineBlock" style="float: right">
<div style="vertical-align: middle">
<div class="labelledBoxV" style="width: 1in">
<label>Damage Reduction</label>
<div class="inner">
<input type="text" name="attr_damage_reduction"/>
</div>
</div>
<div class="labelledBoxV" style="width: 1in">
<label>Spell Resistance</label>
<div class="inner">
<input type="number" name="attr_spell_resistance"/>
</div>
</div>
<div class="inlineBlock" style="vertical-align: top">
<div>
<div class="labelledBoxH" style="width: 4.5in">
<label>Resistances</label>
<div class="inner">
<input type="number" name="attr_resistances" style="width: 3.4in"/>
</div>
</div>
</div>
<div>
<div class="labelledBoxH" style="width: 4.5in">
<label>Immunities</label>
<div class="inner">
<input type="number" name="attr_immunities" style="width: 3.4in"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="inlineBlock">
<table class="savingThrows">
<thead>
<tr>
<th>Saving Throws</th>
<th>Total</th>
<th></th>
<th>Base Save</th>
<th></th>
<th>Ability Mod</th>
<th></th>
<th>Equipment</th>
<th></th>
<th>Misc +/-</th>
<th></th>
<th>Temp +/-</th>
<th style="width: 30%"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="blackBox">
<div class="saveName">Fortitude</div>
<div class="abilityName">Constitution</div>
</td>
<td>
<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>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_fort_base"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<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>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_fort_equipment"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_fort_misc"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_fort_temp"/>
</div>
</div>
</td>
<td>
<div class="labelledUnderlined" style="margin-left: 1em; width: 100%">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_fort_notes"/>
</div>
</div>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="saveName">Reflex</div>
<div class="abilityName">Dexterity</div>
</td>
<td>
<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>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ref_base"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<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>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ref_equipment"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ref_misc"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ref_temp"/>
</div>
</div>
</td>
<td>
<div class="labelledUnderlined" style="margin-left: 1em; width: 100%">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_ref_notes"/>
</div>
</div>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="saveName">Will</div>
<div class="abilityName">Wisdom</div>
</td>
<td>
<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>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_will_base"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<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>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_will_equipment"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_will_misc"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_will_temp"/>
</div>
</div>
</td>
<td>
<div class="labelledUnderlined" style="margin-left: 1em; width: 100%">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_will_notes"/>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<div class="inlineBlock" style="vertical-align: middle">
<h3>Attacks</h3>
<div class="labelledBoxV" style="vertical-align: top; width: 1in">
<label>Base Attack Bonus</label>
<div class="inner">
<input type="number" name="attr_bab"/>
</div>
</div>
</div>
<div class="inlineBlock" style="vertical-align: middle; width: 80%">
<table class="attacks">
<thead>
<tr>
<th></th>
<th>Total</th>
<th></th>
<th style="width: 0.25in">BAB</th>
<th></th>
<th style="width: 0.25in">Ability Mod</th>
<th></th>
<th style="width: 0.25in">Size</th>
<th></th>
<th>Equipment</th>
<th></th>
<th>Misc +/-</th>
<th></th>
<th>Temp +/-</th>
<th style="width: 2in"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="blackBox">
<div class="attackName">Melee</div>
<div class="abilityName">Strength</div>
</td>
<td>
<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"></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"></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_size"></span></div>
<input type="number" name="attr_size" style="display:none" value="0"/>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_melee_equipment"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_melee_misc"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_melee_temp"/>
</div>
</div>
</td>
<td>
<div class="labelledUnderlined" style="margin-left: 1em; width: 100%">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_melee_notes"/>
</div>
</div>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="attackName">Ranged</div>
<div class="abilityName">Dexterity</div>
</td>
<td>
<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"></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"></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_size"></span></div>
<input type="number" name="attr_size" style="display:none" value="0"/>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ranged_equipment"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ranged_misc"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ranged_temp"/>
</div>
</div>
</td>
<td>
<div class="labelledUnderlined" style="margin-left: 1em; width: 100%">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_ranged_notes"/>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<div class="cmb">
<div class="blackBox" style="width: 1in">
<div class="shortname">CMB</div>
<div class="longname">Combat Maneuver Bonus</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<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"></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"></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"></span></div>
<input type="number" name="attr_cmb_size" style="display:none" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_cmb_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Temp</label>
<div class="inner">
<input type="number" name="attr_cmb_temp"/>
</div>
</div>
<div class="labelledUnderlined" style="margin-left: 1em; width: 2.6in">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_cmb_notes"/>
</div>
</div>
</div>
<div class="cmd">
<div class="blackBox" style="width: 1in">
<div class="shortname">CMD</div>
<div class="longname">Combat Maneuver Defense</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<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"></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"></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"></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"></span></div>
<input type="number" name="attr_cmd_size" style="display:none" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_cmd_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Temp</label>
<div class="inner">
<input type="number" name="attr_cmd_temp"/>
</div>
</div>
<div class="labelledUnderlined" style="margin-left: 1em">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_cmd_notes"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_2" name="mainTabs"/>
<label for="tab_2">Skills</label>
<div class="tabPanel">
<div class="skillsTab">
<div class="skillsHead">
<label class="inlineBlock" style="width: 0.6in">Trained?</label>
<label class="inlineBlock" style="width: 1.75in"></label>
<label class="inlineBlock" style="width: 0.75in">Total</label>
<label class="inlineBlock" style="width: 0.75in"></label>
<label class="inlineBlock" style="width: 0.75in">Ranks</label>
<label class="inlineBlock" style="width: 0.75in">Misc</label>
<label class="inlineBlock" style="width: 2in">Notes</label>
</div>
<div class="skillsBody">
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_acrobatics_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Acrobatics
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<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>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_acrobatics_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_acrobatics_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_acrobatics_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_appraise_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Appraise
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_appraise_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_appraise_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_appraise_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_bluff_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Bluff
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_bluff_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_bluff_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_bluff_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_climb_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Climb
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Str mod</label>
<div class="inner">
<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>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_climb_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_climb_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_climb_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_craft1_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Craft
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft1_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft1_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft1_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft1_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_craft2_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Craft
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft2_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft2_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft2_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft2_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_craft3_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Craft
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft3_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft3_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft3_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft3_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_craft4_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Craft
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft4_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft4_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft4_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft4_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_craft5_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Craft
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft5_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft5_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft5_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft5_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_diplomacy_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Diplomacy
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_diplomacy_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_diplomacy_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_diplomacy_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_disable_device_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Disable device*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<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>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_disable_device_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_disable_device_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_disable_device_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_disguise_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Disguise
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_disguise_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_disguise_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_disguise_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_escape_artist_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Escape artist
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<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>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_escape_artist_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_escape_artist_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_escape_artist_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_fly_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Fly
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<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>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_fly_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_fly_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_fly_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_handle_animal_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Handle animal*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_handle_animal_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_handle_animal_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_handle_animal_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_heal_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Heal
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_heal_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_heal_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_heal_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_intimidate_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Intimidate
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_intimidate_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_intimidate_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_intimidate_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_arcana__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(arcana)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_arcana__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_arcana__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_arcana__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_dungeoneering__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(dungeoneering)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_dungeoneering__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_dungeoneering__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_dungeoneering__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_engineering__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(engineering)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_engineering__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_engineering__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_engineering__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_geography__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(geography)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_geography__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_geography__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_geography__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_history__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(history)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_history__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_history__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_history__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_local__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(local)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_local__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_local__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_local__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_nature__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(nature)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_nature__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_nature__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_nature__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_nobility__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(nobility)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_nobility__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_nobility__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_nobility__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_planes__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(planes)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_planes__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_planes__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_planes__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_knowledge_religion__trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Knowledge(religion)*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_religion__ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_religion__misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_religion__notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_linguistics_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Linguistics*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_linguistics_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_linguistics_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_linguistics_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_perception_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Perception
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perception_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perception_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perception_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_perform1_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Perform
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform1_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform1_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform1_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform1_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_perform2_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Perform
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform2_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform2_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform2_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform2_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_perform3_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Perform
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform3_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform3_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform3_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform3_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_perform4_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Perform
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform4_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform4_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform4_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform4_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_perform5_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Perform
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform5_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform5_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform5_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform5_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_profession1_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Profession*
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession1_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession1_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession1_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession1_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_profession2_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Profession*
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession2_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession2_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession2_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession2_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_profession3_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Profession*
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession3_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession3_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession3_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession3_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_profession4_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Profession*
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession4_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession4_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession4_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession4_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_profession5_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Profession*
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession5_subskill"/>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession5_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession5_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession5_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_ride_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Ride
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<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>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_ride_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_ride_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_ride_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_sense_motive_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Sense motive
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_sense_motive_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_sense_motive_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_sense_motive_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_sleight_of_hand_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Sleight of hand*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<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>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_sleight_of_hand_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_sleight_of_hand_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_sleight_of_hand_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_spellcraft_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Spellcraft*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_spellcraft_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_spellcraft_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_spellcraft_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_stealth_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Stealth
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<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>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_stealth_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_stealth_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_stealth_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_survival_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Survival
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_survival_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_survival_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_survival_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_swim_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Swim
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Str mod</label>
<div class="inner">
<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>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_swim_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_swim_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_swim_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.6in">
<input type="checkbox" name="attr_use_magic_device_trained"/>
</div>
<div class="inlineBlock" style="width: 1.75in">Use magic device*
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<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>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_use_magic_device_ranks"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_use_magic_device_misc"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_use_magic_device_notes"/>
</div>
</div>
</div>
</div><span style="font-size: 0.8em">* Trained only</span>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_3" name="mainTabs"/>
<label for="tab_3">Specials/Feats</label>
<div class="tabPanel">
<div class="specialFeatsTab">
<div class="inlineBlock" style="float: left; width: 45%">
<h2>Racial Abilities</h2>
<fieldset class="repeating_race_abilities">
<div class="card specialAbility">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Ability name"/>
</div>
<div class="labelledBoxH uses">
<label>Uses</label>
<div class="inner">
<div class="fraction">
<input type="number" name="attr_uses"/><span>/</span>
<input type="number" name="attr_uses_max"/>
</div>
</div>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
<h2>Class Abilities</h2>
<fieldset class="repeating_class_abilities">
<div class="card specialAbility">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Ability name"/>
</div>
<div class="labelledBoxH uses">
<label>Uses</label>
<div class="inner">
<div class="fraction">
<input type="number" name="attr_uses"/><span>/</span>
<input type="number" name="attr_uses_max"/>
</div>
</div>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
<h2>Other Abilities</h2>
<fieldset class="repeating_other_abilities">
<div class="card specialAbility">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Ability name"/>
</div>
<div class="labelledBoxH uses">
<label>Uses</label>
<div class="inner">
<div class="fraction">
<input type="number" name="attr_uses"/><span>/</span>
<input type="number" name="attr_uses_max"/>
</div>
</div>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
<div class="inlineBlock" style="float: right; width: 45%">
<h2>Feats</h2>
<fieldset class="repeating_feats">
<div class="card feat">
<div class="head">
<div class="labelledBoxH level">
<label>Lv</label>
<div class="inner">
<select name="attr_level" style="width: 0.5in">
<option value="1">1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
<option value="9">9</option>
<option value="11">11</option>
<option value="13">13</option>
<option value="15">15</option>
<option value="17">17</option>
<option value="19">19</option>
<option value="b">bonus</option>
</select>
</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Feat name" style="width: 2.8in"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
<h2>Traits</h2>
<fieldset class="repeating_traits">
<div class="card trait">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_4" name="mainTabs"/>
<label for="tab_4">Gear</label>
<div class="tabPanel">
<div class="gearTab">
<div class="specialGear">
<h2>Special Gear</h2>
<fieldset class="repeating_specialGear">
<div class="card specialItem">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Item name" style="width: 2.3in"/>
</div>
<div class="floatRight">
<div class="labelledBoxH type">
<label>Type</label>
<div class="inner">
<select name="attr_type" style="width: 1in">
<option value="Main hand">Main hand</option>
<option value="Off hand">Off hand</option>
<option value="Armor">Armor</option>
<option value="Belt">Belt</option>
<option value="Body">Body</option>
<option value="Chest">Chest</option>
<option value="Eyes">Eyes</option>
<option value="Feet">Feet</option>
<option value="Hands">Hands</option>
<option value="Head">Head</option>
<option value="Headband">Headband</option>
<option value="Neck">Neck</option>
<option value="Ring 1">Ring 1</option>
<option value="Ring 2">Ring 2</option>
<option value="Shield">Shield</option>
<option value="Shoulders">Shoulders</option>
<option value="Wrists">Wrists</option>
<option value="Other">Other</option>
<option value="Slotless">Slotless</option>
</select>
</div>
</div>
<div class="labelledBoxH count">
<label>Count</label>
<div class="inner">
<input type="number" name="attr_count" style="width: 0.5in"/>
</div>
</div>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
<div class="mundaneGear">
<h2>Mundane Gear</h2>
<textarea name="attr_mundaneGear" style="height: 5in"></textarea>
<div class="money">
<h2>Money</h2>
<div class="centeredH">
<div class="labelledBoxV">
<label>PP</label>
<div class="inner">
<input type="number" name="attr_money_pp"/>
</div>
</div>
<div class="labelledBoxV">
<label>GP</label>
<div class="inner">
<input type="number" name="attr_money_gp"/>
</div>
</div>
<div class="labelledBoxV">
<label>SP</label>
<div class="inner">
<input type="number" name="attr_money_sp"/>
</div>
</div>
<div class="labelledBoxV">
<label>CP</label>
<div class="inner">
<input type="number" name="attr_money_cp"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_5" name="mainTabs"/>
<label for="tab_5">Magic</label>
<div class="tabPanel">
<div class="magicTab">
<h2>Spellcaster Class</h2>
<div style="height: 0.5in">
<div class="labelledBoxH">
<label>Caster Level</label>
<div class="inner">
<input type="number" name="attr_caster_level" style="width: 0.4in"/>
</div>
</div>
<div class="labelledBoxH">
<label>Ability</label>
<div class="inner">
<select name="attr_caster_ability" style="width: 1in">
<option value="str">Strength</option>
<option value="dex">Dexterity</option>
<option value="con">Constitution</option>
<option value="int">Intelligence</option>
<option value="wis">Wisdom</option>
<option value="cha">Charisma</option>
</select>
</div>
</div>
<div class="inlineBlock saveDc" style="vertical-align: top">
<div class="blackBox" style="font-size: 0.8em">
<div class="shortname">Base DC</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<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"></span></div>
<input type="number" name="attr_spell_dc_ability_mod" style="display:none" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_spell_dc_misc"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_spell_dc_notes"/>
</div>
</div>
</div>
</div>
<div class="specialization">
<div class="labelledBoxH">
<label>Specialty School/Domain</label>
<div class="inner">
<input type="text" name="attr_magic_specialty"/>
</div>
</div>
<div class="labelledBoxH">
<label>Restricted Schools</label>
<div class="inner">
<input type="text" name="attr_magic_restriction"/>
</div>
</div>
<h2>Spellbook</h2>
<div class="spells">
<div class="inlineBlock" style="float: left; width: 45%">
<div class="spellLevel">
<div class="head">
<h3>Level 0 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_0">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 1 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_1">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 2 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_2">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 3 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_3">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 4 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_4">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
<div class="inlineBlock" style="float: right; width: 45%">
<div class="spellLevel">
<div class="head">
<h3>Level 5 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_5">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 6 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_6">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 7 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_7">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 8 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_8">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 9 Spells</h3>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<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>
<div class="body">
<fieldset class="repeating_spells_level_9">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_6" name="mainTabs"/>
<label for="tab_6">Notes</label>
<div class="tabPanel">
<div class="notesTab">
<textarea name="attr_notes" style="height: 6in"></textarea>
</div>
</div>
</div>
</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>