roll20-character-sheets/DarkEnergy/dark_energy.html

<main>

  <section id="main_demographics">
    <img src="https://i.imgur.com/qomT95d.png" class="logo"/>
    <div class="attribute attribute_character_name">
  <div class="attribute_name">
    Character Name
  </div>
  <input name="attr_character_name" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_player_name">
  <div class="attribute_name">
    Player Name
  </div>
  <input name="attr_player_name" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_race">
  <div class="attribute_name">
    Race
  </div>
  <input name="attr_race" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_nationality">
  <div class="attribute_name">
    Nationality
  </div>
  <input name="attr_nationality" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_size">
  <div class="attribute_name">
    Size
  </div>
  <input name="attr_size" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_class">
  <div class="attribute_name">
    Class
  </div>
  <input name="attr_class" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_background">
  <div class="attribute_name">
    Background
  </div>
  <input name="attr_background" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_languages">
  <div class="attribute_name">
    Languages
  </div>
  <input name="attr_languages" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_alignment">
  <div class="attribute_name">
    Alignment
  </div>
  <input name="attr_alignment" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_physicality">
  <div class="attribute_name">
    Physicality
  </div>
  <input name="attr_physicality" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_mental_state">
  <div class="attribute_name">
    Mental State
  </div>
  <input name="attr_mental_state" type="text" class="attribute_input"/>
</div>

    <div class="attribute attribute_gender">
  <div class="attribute_name">
    Gender
  </div>
  <input name="attr_gender" type="text" class="attribute_input"/>
</div>

    <div class="box box_level ">
  <div class="header ">
    <div class="text main_header">
      Level
    </div>
  </div>
  <div class="box_content">
    
      <input name="attr_level" type="text" class="attribute_input" value="1"/>

  </div>
</div>
  </section>

  <section id="defense">
    <div class="box box_defense ">
  <div class="header ">
    <div class="text main_header">
      Defense
    </div>
  </div>
  <div class="box_content">
    
      <div class="box box_total_def subbox">
  <div class="header ">
    <div class="text main_header">
      Total Def
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_total_def" type="number" class="attribute_input" value="11"/>

  </div>
</div>
      <div class="box box_base_def subbox">
  <div class="header ">
    <div class="text main_header">
      Base Def
    </div>
  </div>
  <div class="box_content">
    
        = 10

  </div>
</div>
      <div class="box  subbox">
  <div class="header ">
    <div class="text main_header">
      Def Bonus
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_def_bonus" type="number" class="attribute_input" value="1"/>

  </div>
</div>
      <div class="box  subbox">
  <div class="header ">
    <div class="text main_header">
      Ability Max
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_ability_max" type="number" class="attribute_input" value="1"/>

  </div>
</div>
      <div class="box  subbox">
  <div class="header ">
    <div class="text main_header">
      Size Mod
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_size_mod" type="number" class="attribute_input" value="1"/>

  </div>
</div>
      <div class="box  subbox">
  <div class="header ">
    <div class="text main_header">
      Other Mods
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_other_mods" type="number" class="attribute_input" value="1"/>

  </div>
</div>

  </div>
</div>
    <div class="box box_armor ">
  <div class="header ">
    <div class="text main_header">
      Armor
    </div>
  </div>
  <div class="box_content">
    
      <div class="box armor_proficiencies subbox">
  <div class="header ">
    <div class="text main_header">
      Proficiencies
    </div>
  </div>
  <div class="box_content">
    
        <label class="armor_prof_light">
  <input type="checkbox" name="attr_has_armor_prof_light" value="1">
  Light
</label>

        <label class="armor_prof_medium">
  <input type="checkbox" name="attr_has_armor_prof_medium" value="1">
  medium
</label>

        <label class="armor_prof_heavy">
  <input type="checkbox" name="attr_has_armor_prof_heavy" value="1">
  heavy
</label>

        <div class="hint">
          -5 Def if not proficient
        </div>
        <label class="armor_prof_shields">
  <input type="checkbox" name="attr_has_armor_prof_shields" value="1">
  shields
</label>


  </div>
</div>

  </div>
</div>
    <div class="box box_armor_type">
      <div class="header">
        <div class="text main_header">
          <div class="box box_armor_type_value inputbox">
  <div class="header ">
    <div class="text main_header">
      Type
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_armor_type" type="text" class="attribute_input" value=""/>

  </div>
</div>
        </div>
      </div>
      <div class="box_content">
        <div class="box box_damage_resistance subbox">
  <div class="header ">
    <div class="text main_header">
      Damage Resistance
    </div>
  </div>
  <div class="box_content">
    
          <div class="damage_resistance">
            <input name="attr_damage_resistance1" type="text" class="attribute_input" value=""/>
            <div class="charges_header">Charges</div>
            <div class="charges">
              <input type="checkbox" name="attr_damage_resistance1_charge1" value="1">
              <input type="checkbox" name="attr_damage_resistance1_charge2" value="1">
              <input type="checkbox" name="attr_damage_resistance1_charge3" value="1">
              <input type="checkbox" name="attr_damage_resistance1_charge4" value="1">
            </div>
          </div>
          <div class="damage_resistance">
            <input name="attr_damage_resistance2" type="text" class="attribute_input" value=""/>
            <div class="charges_header">Charges</div>
            <div class="charges">
              <input type="checkbox" name="attr_damage_resistance2_charge1" value="1">
              <input type="checkbox" name="attr_damage_resistance2_charge2" value="1">
              <input type="checkbox" name="attr_damage_resistance2_charge3" value="1">
              <input type="checkbox" name="attr_damage_resistance2_charge4" value="1">
            </div>
          </div>

  </div>
</div>
      </div>
    </div>
    <div class="box box_hit_points ">
  <div class="header ">
    <div class="text main_header">
      Hit Points
    </div>
  </div>
  <div class="box_content">
    
      <div class="box  subbox">
  <div class="header ">
    <div class="text main_header">
      Max
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_hp_max" type="number" class="attribute_input" value="10"/>

  </div>
</div>
      <div class="box  subbox">
  <div class="header ">
    <div class="text main_header">
      Current
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_hp" type="number" class="attribute_input" value="5"/>

  </div>
</div>
      <div class="box box_armor_hardness inputbox">
  <div class="header ">
    <div class="text main_header">
      Armor Hardness
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_armor_hardness" type="number" class="attribute_input" value="0"/>

  </div>
</div>
      <div class="box box_hp_temporary inputbox">
  <div class="header ">
    <div class="text main_header">
      Temporary Hit Points
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_hp_temporary" type="number" class="attribute_input" value="3"/>

  </div>
</div>

  </div>
</div>
    <div class="shield_def">
      <div class="box box_shield_def ">
  <div class="header ">
    <div class="text main_header">
      Shield Def
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_shield_def" type="text" class="attribute_input" value=""/>

  </div>
</div>
      <div class="box box_shield_def_name inputbox">
  <div class="header ">
    <div class="text main_header">
      Name
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_shield_def_name" type="text" class="attribute_input" value=""/>

  </div>
</div>
      <div class="box box_shield_def_hardness inputbox">
  <div class="header ">
    <div class="text main_header">
      Hardness
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_shield_def_hardness" type="text" class="attribute_input" value=""/>

  </div>
</div>
      <div class="box box_shield_def_max_hp subbox">
  <div class="header no_border">
    <div class="text main_header">
      Max HP
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_shield_def_hp_max" type="number" class="attribute_input" value="10"/>

  </div>
</div>
      <div class="box box_shield_def_current subbox">
  <div class="header no_border">
    <div class="text main_header">
      Current
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_shield_def_hp" type="number" class="attribute_input" value="5"/>

  </div>
</div>
    </div>
    <div class="movement">
      <div class="box box_movement horizontal_box">
  <div class="header ">
    <div class="text main_header">
      Movement
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_movement" type="text" class="attribute_input" value=""/>

  </div>
</div>
      <div class="box box_initiative horizontal_box">
  <div class="header ">
    <div class="text main_header">
      Initiative
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_initiative" type="number" class="attribute_input" value="0"/>

  </div>
</div>
      <div class="box box_heroic_actions horizontal_box">
  <div class="header ">
    <div class="text main_header">
      Heroic Actions
    </div>
  </div>
  <div class="box_content">
    
        <input type="checkbox" name="attr_damage_heroic_action1" value="1">
        <input type="checkbox" name="attr_damage_heroic_action2" value="1">
        <input type="checkbox" name="attr_damage_heroic_action3" value="1">

  </div>
</div>
    </div>
  </section>

  <section id="proficiencies">
    <div class="box box_weapon_proficiencies ">
  <div class="header ">
    <div class="text main_header">
      Weapon Proficiencies
    </div>
  </div>
  <div class="box_content">
    
        <label class="">
  <input type="checkbox" name="attr_weapon_prof_simple_melee_weapons" value="1">
  Simple melee weapons
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_martial_melee_weapons" value="1">
  Martial melee weapons
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_simple_ranged_weapons" value="1">
  Simple ranged weapons
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_martial_ranged_weapons" value="1">
  Martial ranged weapons
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_exotic_weapons" value="1">
  Exotic weapons
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_sidearms" value="1">
  Sidearms
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_longarms" value="1">
  Longarms
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_heavy_weapons" value="1">
  Heavy weapons
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_grenades/explosives" value="1">
  Grenades/explosives
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_improvised_weapons" value="1">
  Improvised weapons
</label>

        <label class="">
  <input type="checkbox" name="attr_weapon_prof_unarmed_strike" value="1">
  Unarmed strike
</label>

      <div class="hint">
        -5 If not prof + Talent modifier = Atk bonus
      </div>

  </div>
</div>
    <div class="box box_talents box_with_header_input">
  <div class="header ">
    <div class="text main_header">
      Talents
    </div>
      <div class="text input_header">
        Proficiency Bonus
      </div>
      <input type="number" name="attr_proficiency_bonus" value="" class="attribute_input"/>
  </div>
  <div class="box_content">
    
          <label>
            <div class="hint">
              Prof
            </div>
          </label>
        <label class="">
            <input type="checkbox" name="attr_agility" value="1">
          <input name="attr_agility_mod" type="number" class="" value=""/>
            <span class="name">
              
              Agility
              (S)
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_animal_handling" value="1">
          <input name="attr_animal_handling_mod" type="number" class="" value=""/>
            <span class="name">
              
              Animal handling
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_arcana" value="1">
          <input name="attr_arcana_mod" type="number" class="" value=""/>
            <span class="name">
              
              Arcana
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_athletics" value="1">
          <input name="attr_athletics_mod" type="number" class="" value=""/>
            <span class="name">
              
              Athletics
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_computer_use" value="1">
          <input name="attr_computer_use_mod" type="number" class="" value=""/>
            <span class="name">
              
              Computer use
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_art" value="1">
          <input name="attr_art_mod" type="number" class="" value=""/>
            <span class="name">
              Craft: 
              Art
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_drugs" value="1">
          <input name="attr_drugs_mod" type="number" class="" value=""/>
            <span class="name">
              Craft: 
              Drugs
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_device" value="1">
          <input name="attr_device_mod" type="number" class="" value=""/>
            <span class="name">
              Craft: 
              Device
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_cybernetics" value="1">
          <input name="attr_cybernetics_mod" type="number" class="" value=""/>
            <span class="name">
              Craft: 
              Cybernetics
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_runes" value="1">
          <input name="attr_runes_mod" type="number" class="" value=""/>
            <span class="name">
              Craft: 
              Runes
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_structure" value="1">
          <input name="attr_structure_mod" type="number" class="" value=""/>
            <span class="name">
              Craft: 
              Structure
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_tattoo" value="1">
          <input name="attr_tattoo_mod" type="number" class="" value=""/>
            <span class="name">
              Craft: 
              Tattoo
              
            </span>
        </label>
          <label>
            <div class="hint">
              Prof
            </div>
          </label>
        <label class="">
            <input type="checkbox" name="attr_writing" value="1">
          <input name="attr_writing_mod" type="number" class="" value=""/>
            <span class="name">
              Craft: 
              Writing
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_deception" value="1">
          <input name="attr_deception_mod" type="number" class="" value=""/>
            <span class="name">
              
              Deception
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_demolitions" value="1">
          <input name="attr_demolitions_mod" type="number" class="" value=""/>
            <span class="name">
              
              Demolitions
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_disable_device" value="1">
          <input name="attr_disable_device_mod" type="number" class="" value=""/>
            <span class="name">
              
              Disable device
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_drive_or_pilot" value="1">
          <input name="attr_drive_or_pilot_mod" type="number" class="" value=""/>
            <span class="name">
              
              Drive/Pilot
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_intelligence" value="1">
          <input name="attr_intelligence_mod" type="number" class="" value=""/>
            <span class="name">
              
              Intelligence
              (S)
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_intimidation" value="1">
          <input name="attr_intimidation_mod" type="number" class="" value=""/>
            <span class="name">
              
              Intimidation
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_investigation" value="1">
          <input name="attr_investigation_mod" type="number" class="" value=""/>
            <span class="name">
              
              Investigation
              
            </span>
        </label>
        <label class="">
            <div class="filler"/>
          <input name="attr_luck_mod" type="number" class="" value=""/>
            <span class="name">
              
              Luck
              (S)
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_might" value="1">
          <input name="attr_might_mod" type="number" class="" value=""/>
            <span class="name">
              
              Might
              (S)
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_nature" value="1">
          <input name="attr_nature_mod" type="number" class="" value=""/>
            <span class="name">
              
              Nature
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_perception" value="1">
          <input name="attr_perception_mod" type="number" class="" value=""/>
            <span class="name">
              
              Perception
              
            </span>
        </label>
          <label>
            <div class="hint">
              Prof
            </div>
          </label>
        <label class="">
            <input type="checkbox" name="attr_personality" value="1">
          <input name="attr_personality_mod" type="number" class="" value=""/>
            <span class="name">
              
              Personality
              (S)
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_repair" value="1">
          <input name="attr_repair_mod" type="number" class="" value=""/>
            <span class="name">
              
              Repair
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_science" value="1">
          <input name="attr_science_mod" type="number" class="" value=""/>
            <span class="name">
              
              Science
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_spiritual" value="1">
          <input name="attr_spiritual_mod" type="number" class="" value=""/>
            <span class="name">
              
              Spiritual
              (S)
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_stealth" value="1">
          <input name="attr_stealth_mod" type="number" class="" value=""/>
            <span class="name">
              
              Stealth
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_streetwise" value="1">
          <input name="attr_streetwise_mod" type="number" class="" value=""/>
            <span class="name">
              
              Streetwise
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_surgery" value="1">
          <input name="attr_surgery_mod" type="number" class="" value=""/>
            <span class="name">
              
              Surgery
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_survival" value="1">
          <input name="attr_survival_mod" type="number" class="" value=""/>
            <span class="name">
              
              Survival
              
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_treat_injury" value="1">
          <input name="attr_treat_injury_mod" type="number" class="" value=""/>
            <span class="name">
              
              Treat injury
              
            </span>
        </label>
        <label class="">
            <div class="filler"/>
          <input name="attr_vitality_mod" type="number" class="" value=""/>
            <span class="name">
              
              Vitality
              (S)
            </span>
        </label>
        <label class="">
            <input type="checkbox" name="attr_knowledge1" value="1">
          <input name="attr_knowledge1_mod" type="number" class="" value=""/>
            <span class="name">
              
              Knowledge
              
            </span>
            <input name="attr_knowledge1_name" type="text" class="" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr_knowledge2" value="1">
          <input name="attr_knowledge2_mod" type="number" class="" value=""/>
            <span class="name">
              
              Knowledge
              
            </span>
            <input name="attr_knowledge2_name" type="text" class="" value=""/>
        </label>
          <label>
            <div class="hint">
              Prof
            </div>
          </label>
        <label class="">
            <input type="checkbox" name="attr_tool1" value="1">
          <input name="attr_tool1_mod" type="number" class="" value=""/>
            <span class="name">
              
              Tool
              
            </span>
            <input name="attr_tool1_name" type="text" class="" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr_tool2" value="1">
          <input name="attr_tool2_mod" type="number" class="" value=""/>
            <span class="name">
              
              Tool
              
            </span>
            <input name="attr_tool2_name" type="text" class="" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr_tool3" value="1">
          <input name="attr_tool3_mod" type="number" class="" value=""/>
            <span class="name">
              
              Tool
              
            </span>
            <input name="attr_tool3_name" type="text" class="" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr_tool4" value="1">
          <input name="attr_tool4_mod" type="number" class="" value=""/>
            <span class="name">
              
              Tool
              
            </span>
            <input name="attr_tool4_name" type="text" class="" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr_tool5" value="1">
          <input name="attr_tool5_mod" type="number" class="" value=""/>
            <span class="name">
              
              Tool
              
            </span>
            <input name="attr_tool5_name" type="text" class="" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr_tool6" value="1">
          <input name="attr_tool6_mod" type="number" class="" value=""/>
            <span class="name">
              
              Tool
              
            </span>
            <input name="attr_tool6_name" type="text" class="" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr__custom1" value="1">
          <input name="attr__custom1_mod" type="number" class="" value=""/>
            <input name="attr__custom1_name" type="text" class="fully" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr__custom2" value="1">
          <input name="attr__custom2_mod" type="number" class="" value=""/>
            <input name="attr__custom2_name" type="text" class="fully" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr__custom3" value="1">
          <input name="attr__custom3_mod" type="number" class="" value=""/>
            <input name="attr__custom3_name" type="text" class="fully" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr__custom4" value="1">
          <input name="attr__custom4_mod" type="number" class="" value=""/>
            <input name="attr__custom4_name" type="text" class="fully" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr__custom5" value="1">
          <input name="attr__custom5_mod" type="number" class="" value=""/>
            <input name="attr__custom5_name" type="text" class="fully" value=""/>
        </label>
        <label class="">
            <input type="checkbox" name="attr__custom6" value="1">
          <input name="attr__custom6_mod" type="number" class="" value=""/>
            <input name="attr__custom6_name" type="text" class="fully" value=""/>
        </label>

  </div>
</div>
  </section>

  <div id="page1_lower">
    <div id="page1_lower_left">

      <section id="weapon_attacks">
        <div class="box box_weapon_attacks ">
  <div class="header ">
    <div class="text main_header">
      Weapon Attacks
    </div>
  </div>
  <div class="box_content">
    
          <fieldset class="repeating_attacks">
            <div class="box box_weapon subbox">
  <div class="header ">
    <div class="text main_header">
      Weapon
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_weapon_name" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_atk_bonus subbox">
  <div class="header ">
    <div class="text main_header">
      Atk Bonus
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_weapon_atk_bonus" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_base_damage subbox">
  <div class="header ">
    <div class="text main_header">
      Base Damage + Prof Bonus + Mods
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_weapon_base_damage" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_base_range subbox">
  <div class="header ">
    <div class="text main_header">
      Range
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_weapon_range" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_notes inputbox">
  <div class="header ">
    <div class="text main_header">
      Notes
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_weapon_notes" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_damage_type inputbox">
  <div class="header ">
    <div class="text main_header">
      Damage Type
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_weapon_damage_type" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_ammo_count inputbox">
  <div class="header ">
    <div class="text main_header">
      Ammo Count
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_weapon_ammo_count" type="number" class="attribute_input" value="0"/>

  </div>
</div>
          </fieldset>

  </div>
</div>
      </section>

      <section id="resistances">
        <div class="box box_resistances ">
  <div class="header ">
    <div class="text main_header">
      Resistance
    </div>
  </div>
  <div class="box_content">
    
            <label class="">
  <input type="checkbox" name="attr_resistance_acid" value="1">
  Acid
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_ballistic" value="1">
  Ballistic
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_bludgeoning" value="1">
  Bludgeoning
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_cold" value="1">
  Cold
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_electricity" value="1">
  Electricity
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_fire" value="1">
  Fire
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_force" value="1">
  Force
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_laser" value="1">
  Laser
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_necrotic" value="1">
  Necrotic
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_piercing" value="1">
  Piercing
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_plasma" value="1">
  Plasma
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_poison" value="1">
  Poison
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_psychic" value="1">
  Psychic
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_radiant" value="1">
  Radiant
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_slashing" value="1">
  Slashing
</label>

            <label class="">
  <input type="checkbox" name="attr_resistance_thunder" value="1">
  Thunder
</label>


  </div>
</div>
      </section>

      <section id="immunities">
        <div class="box box_immunities ">
  <div class="header ">
    <div class="text main_header">
      Immunity
    </div>
  </div>
  <div class="box_content">
    
            <label class="">
  <input type="checkbox" name="attr_immunity_blinded" value="1">
  Blinded
</label>

            <label class="">
  <input type="checkbox" name="attr_immunity_charmed" value="1">
  Charmed
</label>

            <label class="">
  <input type="checkbox" name="attr_immunity_deafened" value="1">
  Deafened
</label>

            <label class="">
  <input type="checkbox" name="attr_immunity_disease" value="1">
  Disease
</label>

            <label class="">
  <input type="checkbox" name="attr_immunity_frightened" value="1">
  Frightened
</label>

            <label class="">
  <input type="checkbox" name="attr_immunity_paralyzed" value="1">
  Paralyzed
</label>

            <label class="">
  <input type="checkbox" name="attr_immunity_petrified" value="1">
  Petrified
</label>

            <label class="">
  <input type="checkbox" name="attr_immunity_poisoned" value="1">
  Poisoned
</label>

            <label class="">
  <input type="checkbox" name="attr_immunity_radiation" value="1">
  Radiation
</label>


  </div>
</div>
      </section>

      <section id="curses">
        <div class="box box_curses ">
  <div class="header ">
    <div class="text main_header">
      Curses
    </div>
  </div>
  <div class="box_content">
    
          <div class="weredisease curse_type">
            <label>
              Weredisease
              <input type="checkbox" name="attr_has_weredisease" value="1"/>
            </label>
            <div class="remark">Bitten</div>
          </div>
          <div class="vampirism curse_type">
            <label>
              Vampirism
              <input type="checkbox" name="attr_has_vampirism" value="1"/>
            </label>
          </div>
          <div class="box box_curses_notes inputbox">
  <div class="header ">
    <div class="text main_header">
      Notes
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_curses_notes" class="attribute_input" value="" rows="2"/>

  </div>
</div>

  </div>
</div>
      </section>

      <section id="conditions">
        <div class="box box_conditions ">
  <div class="header ">
    <div class="text main_header">
      Conditions
    </div>
  </div>
  <div class="box_content">
    
          <textarea name="attr_conditions" class="attribute_input" value="" rows="4"/>

  </div>
</div>
      </section>
    </div>

    <div id="page1_lower_right">

      <section id="mutations">
        <div class="box box_mutations box_with_header_input">
  <div class="header ">
    <div class="text main_header">
      Mutations
    </div>
      <div class="text input_header">
        MPs
      </div>
      <input type="number" name="attr_mutation_mps" value="" class="attribute_input"/>
  </div>
  <div class="box_content">
    
          <fieldset class="repeating_mutations">
            <div class="box box_mutation_name inputbox">
  <div class="header ">
    <div class="text main_header">
      Mutation
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_mutation_name" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_mutation_type inputbox">
  <div class="header ">
    <div class="text main_header">
      Type
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_mutation_type" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_mutation_notes inputbox">
  <div class="header ">
    <div class="text main_header">
      Notes
    </div>
  </div>
  <div class="box_content">
    
              <textarea name="attr_mutation_notes" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          </fieldset>

  </div>
</div>
      </section>

      <section id="cybernetics">
        <div class="box box_cybernetics ">
  <div class="header ">
    <div class="text main_header">
      Cybernetics
    </div>
  </div>
  <div class="box_content">
    
          <fieldset class="repeating_cybernetics">
            <div class="box box_cybernetic_name inputbox">
  <div class="header ">
    <div class="text main_header">
      Replacement/Enhancement
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_cybernetic_name" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_cybernetic_type inputbox">
  <div class="header ">
    <div class="text main_header">
      Type
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_cybernetic_type" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_cybernetic_hardness inputbox">
  <div class="header ">
    <div class="text main_header">
      HP/Hardness
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_cybernetic_hardness" type="text" class="attribute_input" value=""/>

  </div>
</div>
            <div class="box box_cybernetic_notes inputbox">
  <div class="header ">
    <div class="text main_header">
      Notes
    </div>
  </div>
  <div class="box_content">
    
              <input name="attr_cybernetic_notes" type="text" class="attribute_input" value=""/>

  </div>
</div>
          </fieldset>

  </div>
</div>
      </section>

      <section id="barter_units">
        <div class="box box_barter_units">
          <div class="header">
            <div class="text main_header">
              Barter Units
            </div>
            <input name="attr_barter_units" type="text" class="attribute_input" value=""/>
          </div>
        </div>
        <div class="box box_barter_units_notes inputbox">
  <div class="header ">
    <div class="text main_header">
      Notes
    </div>
  </div>
  <div class="box_content">
    
          <textarea name="attr_barter_units_notes" class="attribute_input" value="" rows="2"/>

  </div>
</div>
      </section>

    </div>
  </div>

  <div id="page2">

    <section id="race_traits">
      <div class="box box_race_traits ">
  <div class="header ">
    <div class="text main_header">
      Race Traits
    </div>
  </div>
  <div class="box_content">
    
        <div class="attribute attribute_race_traits_common">
  <div class="attribute_name">
    Common
  </div>
  <input name="attr_race_traits_common" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_race_traits_4th">
  <div class="attribute_name">
    4th
  </div>
  <input name="attr_race_traits_4th" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_race_traits_8th">
  <div class="attribute_name">
    8th
  </div>
  <input name="attr_race_traits_8th" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_race_traits_12th">
  <div class="attribute_name">
    12th
  </div>
  <input name="attr_race_traits_12th" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_race_traits_16th">
  <div class="attribute_name">
    16th
  </div>
  <input name="attr_race_traits_16th" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_race_traits_20th">
  <div class="attribute_name">
    20th
  </div>
  <input name="attr_race_traits_20th" type="text" class="attribute_input"/>
</div>


  </div>
</div>
    </section>

    <section id="general_feats">
      <div class="box box_general_feats ">
  <div class="header ">
    <div class="text main_header">
      General Feats
    </div>
  </div>
  <div class="box_content">
    
        <div class="attribute attribute_general_feats_6th">
  <div class="attribute_name">
    6th
  </div>
  <input name="attr_general_feats_6th" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_general_feats_10th">
  <div class="attribute_name">
    10th
  </div>
  <input name="attr_general_feats_10th" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_general_feats_14th">
  <div class="attribute_name">
    14th
  </div>
  <input name="attr_general_feats_14th" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_general_feats_18th">
  <div class="attribute_name">
    18th
  </div>
  <input name="attr_general_feats_18th" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_general_feats_22nd">
  <div class="attribute_name">
    22nd
  </div>
  <input name="attr_general_feats_22nd" type="text" class="attribute_input"/>
</div>


  </div>
</div>
    </section>

    <section id="bonus_feats">
      <div class="box box_bonus_feats ">
  <div class="header ">
    <div class="text main_header">
      Bonus Feats
    </div>
  </div>
  <div class="box_content">
    
        <div class="attribute attribute_bonus_feats_1">
  <div class="attribute_name">
    
  </div>
  <input name="attr_bonus_feats_1" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_bonus_feats_2">
  <div class="attribute_name">
    
  </div>
  <input name="attr_bonus_feats_2" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_bonus_feats_3">
  <div class="attribute_name">
    
  </div>
  <input name="attr_bonus_feats_3" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_bonus_feats_4">
  <div class="attribute_name">
    
  </div>
  <input name="attr_bonus_feats_4" type="text" class="attribute_input"/>
</div>

        <div class="attribute attribute_bonus_feats_5">
  <div class="attribute_name">
    
  </div>
  <input name="attr_bonus_feats_5" type="text" class="attribute_input"/>
</div>


  </div>
</div>
    </section>

    <section id="class_skills">
      <div class="box box_class_skills ">
  <div class="header ">
    <div class="text main_header">
      Class Skills
    </div>
  </div>
  <div class="box_content">
    
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      1st
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_1st_0" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      1st
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_1st_1" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      2nd
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_2nd_0" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      2nd
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_2nd_1" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      3rd
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_3rd_0" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      3rd
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_3rd_1" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      5th
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_5th_0" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      5th
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_5th_1" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      7th
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_7th_0" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      9th
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_9th_1" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      11th
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_11th_0" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      13th
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_13th_1" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      15th
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_15th_0" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      17th
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_17th_1" class="attribute_input" value="" rows="2"/>

  </div>
</div>
          <div class="box box_class_skills_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      19th
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_class_skills_19th_0" class="attribute_input" value="" rows="2"/>

  </div>
</div>

  </div>
</div>
    </section>

    <section id="henchmen">
      <div class="box box_henchmen ">
  <div class="header ">
    <div class="text main_header">
      Henchmen/Companions/Minions
    </div>
  </div>
  <div class="box_content">
    
        <fieldset class="repeating_henchmen">
          <div class="box box_henchmen_name subbox">
  <div class="header ">
    <div class="text main_header">
      Name
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_name" type="text" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_level subbox">
  <div class="header ">
    <div class="text main_header">
      Level/CR
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_level" type="number" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_hp subbox">
  <div class="header ">
    <div class="text main_header">
      HP
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_hp" type="number" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_size subbox">
  <div class="header ">
    <div class="text main_header">
      Size
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_size" type="text" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_movement subbox">
  <div class="header ">
    <div class="text main_header">
      Movement
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_movement" type="text" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_def subbox">
  <div class="header ">
    <div class="text main_header">
      Def
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_def" type="number" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_init subbox">
  <div class="header ">
    <div class="text main_header">
      Init
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_init" type="number" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_talents subbox">
  <div class="header ">
    <div class="text main_header">
      Talents
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_talents" type="text" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_weapon subbox">
  <div class="header ">
    <div class="text main_header">
      Weapon
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_weapon" type="text" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_attack_bonus subbox">
  <div class="header ">
    <div class="text main_header">
      Atk Bonus
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_attack_bonus" type="number" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_damage subbox">
  <div class="header ">
    <div class="text main_header">
      damage
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_damage" type="text" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_range subbox">
  <div class="header ">
    <div class="text main_header">
      range
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_range" type="text" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_saves subbox">
  <div class="header ">
    <div class="text main_header">
      saves
    </div>
  </div>
  <div class="box_content">
    
            <input name="attr_henchmen_saves" type="text" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_henchmen_notes inputbox">
  <div class="header ">
    <div class="text main_header">
      Abilities/Notes
    </div>
  </div>
  <div class="box_content">
    
            <textarea name="attr_henchmen_notes" class="attribute_input" value="" rows="2"/>

  </div>
</div>
        </fieldset>

  </div>
</div>
    </section>

    <section id="psionics">
      <div class="box box_will ">
  <div class="header ">
    <div class="text main_header">
      Will
    </div>
  </div>
  <div class="box_content">
    
        <div class="box box_will_max inputbox">
  <div class="header ">
    <div class="text main_header">
      Max
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_will_max" type="number" class="attribute_input" value=""/>

  </div>
</div>
        <div class="box box_will_current inputbox">
  <div class="header ">
    <div class="text main_header">
      Current
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_will_current" type="number" class="attribute_input" value=""/>

  </div>
</div>

  </div>
</div>
      <div class="box box_psionic_ability ">
  <div class="header ">
    <div class="text main_header">
      Psionic Ability
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_psionic_ability" type="text" class="attribute_input" value=""/>

  </div>
</div>
      <div class="box box_psi_attack_bonus ">
  <div class="header ">
    <div class="text main_header">
      Psi Attack Bonus
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_psi_attack_bonus" type="number" class="attribute_input" value=""/>

  </div>
</div>
      <div class="box box_psi_save_dc ">
  <div class="header ">
    <div class="text main_header">
      Psi Save DC
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_psi_save_dc" type="number" class="attribute_input" value=""/>

  </div>
</div>
      <div class="box box_psionic_powers_known ">
  <div class="header ">
    <div class="text main_header">
      Psionic Powers Known
    </div>
  </div>
  <div class="box_content">
    
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      1
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power1" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      2
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power2" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      3
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power3" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      4
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power4" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      5
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power5" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      6
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power6" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      7
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power7" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      8
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power8" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      9
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power9" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      10
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power10" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      11
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power11" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      12
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power12" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      13
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power13" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      14
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power14" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      15
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power15" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      16
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power16" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      17
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power17" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      18
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power18" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      19
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power19" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      20
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power20" class="attribute_input" value=""/>

  </div>
</div>
          <div class="box box_psionic_powers_known_attr inputbox">
  <div class="header ">
    <div class="text main_header">
      21
    </div>
  </div>
  <div class="box_content">
    
            <input type="text" name="attr_psionic_power21" class="attribute_input" value=""/>

  </div>
</div>

  </div>
</div>
      <div class="box box_psionic_powers_known_will ">
  <div class="header ">
    <div class="text main_header">
      Will
    </div>
  </div>
  <div class="box_content">
    
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power1_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power2_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power3_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power4_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power5_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power6_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power7_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power8_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power9_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power10_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power11_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power12_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power13_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power14_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power15_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power16_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power17_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power18_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power19_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power20_will" class="attribute_input" value=""/>
          </div>
          <div class="box_psionic_powers_known_will_attr">
            <input type="text" name="attr_psionic_power21_will" class="attribute_input" value=""/>
          </div>

  </div>
</div>
    </section>

    <section id="equipment">
      <div class="box box_equipment ">
  <div class="header ">
    <div class="text main_header">
      Equipment/Notes
    </div>
  </div>
  <div class="box_content">
    
        <textarea name="attr_equipment" class="attribute_input" value="" rows="25"/>

  </div>
</div>
    </section>
  </div>

  <div id="page3">

    <section id="backstory">
      <div class="box box_backstory ">
  <div class="header ">
    <div class="text main_header">
      Backstory
    </div>
  </div>
  <div class="box_content">
    
        <textarea name="attr_backstory" class="attribute_input" value="" rows="10"/>

  </div>
</div>
    </section>

    <section id="misc_demographics">
      <div class="attribute attribute_house">
  <div class="attribute_name">
    House
  </div>
  <input name="attr_house" type="text" class="attribute_input"/>
</div>

      <div class="attribute attribute_species">
  <div class="attribute_name">
    Species
  </div>
  <input name="attr_species" type="text" class="attribute_input"/>
</div>

      <div class="attribute attribute_age">
  <div class="attribute_name">
    Age
  </div>
  <input name="attr_age" type="text" class="attribute_input"/>
</div>

      <div class="attribute attribute_clan">
  <div class="attribute_name">
    Clan/Tribe
  </div>
  <input name="attr_clan" type="text" class="attribute_input"/>
</div>

      <div class="attribute attribute_height">
  <div class="attribute_name">
    Height
  </div>
  <input name="attr_height" type="text" class="attribute_input"/>
</div>

      <div class="attribute attribute_weight">
  <div class="attribute_name">
    Weight
  </div>
  <input name="attr_weight" type="text" class="attribute_input"/>
</div>

    </section>

    <section id="tattoos">
      <div class="box box_tattoos ">
  <div class="header ">
    <div class="text main_header">
      Enchanted Tattoos
    </div>
  </div>
  <div class="box_content">
    
        <div class="box box_tattoos_mark subbox">
  <div class="header ">
    <div class="text main_header">
      Mark/Benefit
    </div>
  </div>
  <div class="box_content">
    

  </div>
</div>
        <div class="box box_tattoos_location subbox">
  <div class="header ">
    <div class="text main_header">
      Location
    </div>
  </div>
  <div class="box_content">
    

  </div>
</div>
        <div class="box box_tattoos_size subbox">
  <div class="header ">
    <div class="text main_header">
      Size
    </div>
  </div>
  <div class="box_content">
    

  </div>
</div>
        <fieldset class="repeating_tattoos">
          <input name="attr_tattoo_mark" type="text" class="attribute_input input_tattoo_mark" value=""/>
          <input name="attr_tattoo_location" type="text" class="attribute_input" value=""/>
          <input name="attr_tattoo_size" type="text" class="attribute_input" value=""/>
        </fieldset>

  </div>
</div>
    </section>

    <section id="devotee_benefits">
      <div class="box box_devotee_benefits ">
  <div class="header ">
    <div class="text main_header">
      Devotee Benefits
    </div>
  </div>
  <div class="box_content">
    
        <div class="box box_pantheon inputbox">
  <div class="header ">
    <div class="text main_header">
      Pantheon
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_pantheon" type="text" class="attribute_input" value=""/>

  </div>
</div>
        <div class="box box_believer inputbox">
  <div class="header ">
    <div class="text main_header">
      Believer <span class='hint'>Level 1+</span>
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_believer" type="text" class="attribute_input" value=""/>

  </div>
</div>
        <div class="box box_adherent inputbox">
  <div class="header ">
    <div class="text main_header">
      Adherent <span class='hint'>Level 8+</span>
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_adherent" type="text" class="attribute_input" value=""/>

  </div>
</div>
        <div class="box box_apostle inputbox">
  <div class="header ">
    <div class="text main_header">
      Apostle <span class='hint'>Level 18+</span>
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_apostle" type="text" class="attribute_input" value=""/>

  </div>
</div>
        <div class="box box_deity inputbox">
  <div class="header ">
    <div class="text main_header">
      Deity
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_deity" type="text" class="attribute_input" value=""/>

  </div>
</div>
        <div class="box box_alignment inputbox">
  <div class="header ">
    <div class="text main_header">
      Alignment
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_devotee_alignment" type="text" class="attribute_input" value=""/>

  </div>
</div>
        <div class="box box_follower inputbox">
  <div class="header ">
    <div class="text main_header">
      Follower <span class='hint'>Level 3+</span>
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_follower" type="text" class="attribute_input" value=""/>

  </div>
</div>
        <div class="box box_fanatic inputbox">
  <div class="header ">
    <div class="text main_header">
      Fanatic <span class='hint'>Level 12+</span>
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_fanatic" type="text" class="attribute_input" value=""/>

  </div>
</div>

  </div>
</div>
    </section>

    <section id="philosophy">
      <div class="box box_philosophy ">
  <div class="header ">
    <div class="text main_header">
      Philosophy
    </div>
  </div>
  <div class="box_content">
    
        <div class="box box_type inputbox">
  <div class="header ">
    <div class="text main_header">
      Type
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_type" type="text" class="attribute_input" value=""/>

  </div>
</div>
        <div class="box box_description inputbox">
  <div class="header ">
    <div class="text main_header">
      Description
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_description" type="text" class="attribute_input" value=""/>

  </div>
</div>

  </div>
</div>
    </section>

    <section id="campaign_notes">
      <div class="box box_campaign_notes ">
  <div class="header ">
    <div class="text main_header">
      Campaign Notes
    </div>
  </div>
  <div class="box_content">
    
        <textarea name="attr_campaign_notes" class="attribute_input" value="" rows="14"/>

  </div>
</div>
    </section>

    <section id="allies_enemies">
      <div class="box box_allies ">
  <div class="header ">
    <div class="text main_header">
      Allies
    </div>
  </div>
  <div class="box_content">
    
        <textarea name="attr_allies" class="attribute_input" value="" rows="3"/>

  </div>
</div>
      <div class="box box_enemies ">
  <div class="header ">
    <div class="text main_header">
      Enemies
    </div>
  </div>
  <div class="box_content">
    
        <textarea name="attr_enemies" class="attribute_input" value="" rows="3"/>

  </div>
</div>
    </section>

    <section id="organizations">
      <div class="box box_organizations ">
  <div class="header ">
    <div class="text main_header">
      Organizations
    </div>
  </div>
  <div class="box_content">
    
        <textarea name="attr_organizations" class="attribute_input" value="" rows="3"/>

  </div>
</div>
    </section>

    <section id="additional_notes">
      <div class="box box_additional_notes ">
  <div class="header ">
    <div class="text main_header">
      Additional Notes
    </div>
  </div>
  <div class="box_content">
    
        <textarea name="attr_additional_notes" class="attribute_input" value="" rows="3"/>

  </div>
</div>
    </section>
  </div>

  <div id="page4">

    <section id="spells_header">
      <div class="box box_spells_title">
        <div class="header">
          <div class="text main_header">
            Spells
          </div>
        </div>
      </div>
      <div class="box box_spell_origins ">
  <div class="header ">
    <div class="text main_header">
      Spell Origins
    </div>
  </div>
  <div class="box_content">
    
        <label class="">
  <input type="checkbox" name="attr_spell_origins_arcane" value="1">
  Arcane
</label>

        <label class="">
  <input type="checkbox" name="attr_spell_origins_elemental" value="1">
  Elemental
</label>

        <label class="">
  <input type="checkbox" name="attr_spell_origins_divine" value="1">
  Divine
</label>

        <label class="">
  <input type="checkbox" name="attr_spell_origins_occult" value="1">
  Occult
</label>


  </div>
</div>
      <div class="box box_spell_attack_mod horizontal_box">
  <div class="header ">
    <div class="text main_header">
      Spell Attack Mod
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_spell_attack_mod" type="number" class="attribute_input" value="0"/>

  </div>
</div>
      <div class="box box_spells_known horizontal_box">
  <div class="header ">
    <div class="text main_header">
      Spells Known
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_spells_known" type="number" class="attribute_input" value="0"/>

  </div>
</div>
      <div class="box box_spells_will ">
  <div class="header ">
    <div class="text main_header">
      Will
    </div>
  </div>
  <div class="box_content">
    
        <div class="box box_spells_will_max subbox">
  <div class="header ">
    <div class="text main_header">
      Max
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_spells_will_max" type="number" class="attribute_input" value="0"/>

  </div>
</div>
        <div class="box box_spells_will_current subbox">
  <div class="header ">
    <div class="text main_header">
      Current
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_spells_will" type="number" class="attribute_input" value="0"/>

  </div>
</div>
        <div class="box box_will_temporary inputbox">
  <div class="header ">
    <div class="text main_header">
      Temporary
    </div>
  </div>
  <div class="box_content">
    
          <input name="attr_spells_will_temporary" type="number" class="attribute_input" value="0"/>

  </div>
</div>

  </div>
</div>
      <div class="box box_spellcasting_ability ">
  <div class="header ">
    <div class="text main_header">
      Spellcasting Ability
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_spellcasting_ability" type="text" class="attribute_input"/>

  </div>
</div>
      <div class="box box_weary horizontal_box">
  <div class="header ">
    <div class="text main_header">
      Weary
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_weary" type="text" class="attribute_input" value="0"/>

  </div>
</div>
      <div class="box box_spell_save_dc horizontal_box">
  <div class="header ">
    <div class="text main_header">
      Spell Save DC
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_spell_save_dc" type="number" class="attribute_input" value="0"/>

  </div>
</div>
      <div class="box box_cantrips_known horizontal_box">
  <div class="header ">
    <div class="text main_header">
      Cantrips Known
    </div>
  </div>
  <div class="box_content">
    
        <input name="attr_cantrips_known" type="number" class="attribute_input" value="0"/>

  </div>
</div>
    </section>

    <section id="cantrips">
      <div class="box box_cantrips ">
  <div class="header ">
    <div class="text main_header">
      Cantrips
    </div>
  </div>
  <div class="box_content">
    
        <textarea name="attr_cantrips" class="attribute_input" value="" rows="5"/>

  </div>
</div>
    </section>

    <section id="spells_known">
      <div class="box box_spells_known ">
  <div class="header ">
    <div class="text main_header">
      Spells Known
    </div>
  </div>
  <div class="box_content">
    
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell0_prepared" value="1">
  Prep
</label>

            <input name="attr_spell0_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell1_prepared" value="1">
  Prep
</label>

            <input name="attr_spell1_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell2_prepared" value="1">
  Prep
</label>

            <input name="attr_spell2_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell3_prepared" value="1">
  Prep
</label>

            <input name="attr_spell3_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell4_prepared" value="1">
  Prep
</label>

            <input name="attr_spell4_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell5_prepared" value="1">
  Prep
</label>

            <input name="attr_spell5_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell6_prepared" value="1">
  Prep
</label>

            <input name="attr_spell6_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell7_prepared" value="1">
  Prep
</label>

            <input name="attr_spell7_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell8_prepared" value="1">
  Prep
</label>

            <input name="attr_spell8_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell9_prepared" value="1">
  Prep
</label>

            <input name="attr_spell9_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell10_prepared" value="1">
  Prep
</label>

            <input name="attr_spell10_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell11_prepared" value="1">
  Prep
</label>

            <input name="attr_spell11_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell12_prepared" value="1">
  Prep
</label>

            <input name="attr_spell12_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell13_prepared" value="1">
  Prep
</label>

            <input name="attr_spell13_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell14_prepared" value="1">
  Prep
</label>

            <input name="attr_spell14_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell15_prepared" value="1">
  Prep
</label>

            <input name="attr_spell15_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell16_prepared" value="1">
  Prep
</label>

            <input name="attr_spell16_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell17_prepared" value="1">
  Prep
</label>

            <input name="attr_spell17_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell18_prepared" value="1">
  Prep
</label>

            <input name="attr_spell18_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell19_prepared" value="1">
  Prep
</label>

            <input name="attr_spell19_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell20_prepared" value="1">
  Prep
</label>

            <input name="attr_spell20_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell21_prepared" value="1">
  Prep
</label>

            <input name="attr_spell21_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell22_prepared" value="1">
  Prep
</label>

            <input name="attr_spell22_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell23_prepared" value="1">
  Prep
</label>

            <input name="attr_spell23_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell24_prepared" value="1">
  Prep
</label>

            <input name="attr_spell24_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell25_prepared" value="1">
  Prep
</label>

            <input name="attr_spell25_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell26_prepared" value="1">
  Prep
</label>

            <input name="attr_spell26_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell27_prepared" value="1">
  Prep
</label>

            <input name="attr_spell27_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell28_prepared" value="1">
  Prep
</label>

            <input name="attr_spell28_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell29_prepared" value="1">
  Prep
</label>

            <input name="attr_spell29_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell30_prepared" value="1">
  Prep
</label>

            <input name="attr_spell30_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell31_prepared" value="1">
  Prep
</label>

            <input name="attr_spell31_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell32_prepared" value="1">
  Prep
</label>

            <input name="attr_spell32_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell33_prepared" value="1">
  Prep
</label>

            <input name="attr_spell33_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell34_prepared" value="1">
  Prep
</label>

            <input name="attr_spell34_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell35_prepared" value="1">
  Prep
</label>

            <input name="attr_spell35_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell36_prepared" value="1">
  Prep
</label>

            <input name="attr_spell36_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell37_prepared" value="1">
  Prep
</label>

            <input name="attr_spell37_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell38_prepared" value="1">
  Prep
</label>

            <input name="attr_spell38_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell39_prepared" value="1">
  Prep
</label>

            <input name="attr_spell39_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell40_prepared" value="1">
  Prep
</label>

            <input name="attr_spell40_name" type="text" class="attribute_input"/>
          </div>
          <div class="spell_known">
            <label class="">
  <input type="checkbox" name="attr_spell41_prepared" value="1">
  Prep
</label>

            <input name="attr_spell41_name" type="text" class="attribute_input"/>
          </div>

  </div>
</div>
    </section>

    <section id="spell_components">
      <div class="box box_spell_components ">
  <div class="header ">
    <div class="text main_header">
      Spell Components/Notes
    </div>
  </div>
  <div class="box_content">
    
        <textarea name="attr_spell_components" class="attribute_input" value="" rows="46"/>

  </div>
</div>
    </section>

  </div>

</main>