Update Images and Charge Set up

Set up Crew Kit Charge box for Salvo Mode
Renamed image folder media folder to work around imgeSrv bug
Added Process box image
Updated Input box image
Updated Decision box image

FreeSpacer/FreeSpacer.css

@@ -269,7 +269,7 @@ textarea
 .sheet-sophontSheetGrid
 {
     grid-area: sheet;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/SophontLog.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/SophontLog.png);
     background-size: 900px 290px;
     background-repeat: no-repeat;
     width: 900px;
@@ -287,7 +287,7 @@ textarea
 .sheet-compositeSophontSheetGrid
 {
     grid-area: sheet;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/compositeSophontLog.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/compositeSophontLog.png);
     background-size: 900px 290px;
     background-repeat: no-repeat;
     width: 900px;
@@ -305,7 +305,7 @@ textarea
 .sheet-swarmSheetGrid
 {
     grid-area: sheet;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/swarmLog.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/swarmLog.png);
     background-size: 900px 340px;
     background-repeat: no-repeat;
     width: 900px;
@@ -323,7 +323,7 @@ textarea
 .sheet-droneSheetGrid
 {
     grid-area: sheet;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/swarmLog.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/swarmLog.png);
     background-size: 900px 340px;
     background-repeat: no-repeat;
     width: 900px;
@@ -341,7 +341,7 @@ textarea
 .sheet-creatureSheetGrid
 {
     grid-area: sheet;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/creatureLog.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/creatureLog.png);
     background-size: 900px 285px;
     background-repeat: no-repeat;
     width: 900px;
@@ -359,7 +359,7 @@ textarea
 .sheet-smallCraftSheetGrid
 {
     grid-area: sheet;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/creatureLog.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/creatureLog.png);
     background-size: 900px 285px;
     background-repeat: no-repeat;
     width: 900px;
@@ -377,7 +377,7 @@ textarea
 .sheet-shuttleLogSheetGrid
 {
     grid-area: sheet;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/shuttleSquadron.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/shuttleSquadron.png);
     background-size: 900px 590px;
     background-repeat: no-repeat;
     width: 900px;
@@ -395,7 +395,7 @@ textarea
 .sheet-behemothSheetGrid
 {
     grid-area: sheet;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/behemoth.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/behemoth.png);
     background-size: 900px 590px;
     background-repeat: no-repeat;
     width: 900px;
@@ -413,7 +413,7 @@ textarea
 .sheet-shipLogSheetGrid
 {
     grid-area: sheet;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/shipLog.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/shipLog.png);
     background-size: 900px 590px;
     background-repeat: no-repeat;
     width: 900px;
@@ -458,7 +458,7 @@ div.sheet-header
 div.sheet-title
 {
     grid-area: title;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/title.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/title.png);
     background-size: 400px 100px;
     background-repeat: no-repeat;
     background-position: center;
@@ -516,7 +516,7 @@ span.sheet-salvoMode
 /* Open Salvo Mode Button*/
 input.sheet-salvoRollButton + span.sheet-salvoRollButton
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/salvo.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/salvo.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -549,7 +549,7 @@ input.sheet-salvoRollButton + span.sheet-salvoRollButton, input.sheet-salvoRollB
     /* Close Salvo Mode Button*/
     input.sheet-salvoRollButton:checked + span.sheet-salvoRollButton
     {
-        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/salvoDeactivate.png);
+        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/salvoDeactivate.png);
         background-repeat: no-repeat;
         background-position: center;
         opacity: 1;
@@ -589,7 +589,7 @@ input.sheet-salvoRollButton + span.sheet-salvoRollButton, input.sheet-salvoRollB
 .sheet-salvoTitle
 {
     grid-area: 1/39/5/50;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/terminal.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/terminal.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 109px 32px;
@@ -607,22 +607,27 @@ input.sheet-salvoRollButton + span.sheet-salvoRollButton, input.sheet-salvoRollB
 
 .sheet-salvoSkillBox
 {
-    grid-area: 6/4/16/24;
+    grid-area: 7/4/18/24;
 }
 
 .sheet-salvoSpecialtyBox
 {
-    grid-area: 6/55/16/75;
+    grid-area: 7/55/18/75;
 }
 
 .sheet-salvoToolTypeBox
 {
-    grid-area: 32/28/40/48;
+    grid-area: 25/55/36/75;
 }
 
 .sheet-salvoToolBox
 {
-    grid-area: 46/4/58/24;
+    grid-area: 37/28/48/48;
+}
+
+.sheet-salvoChargeBox
+{
+    grid-area: 45/4/56/24;
 }
 
 input[type=number].sheet-salvoRating
@@ -665,23 +670,34 @@ select.sheet-salvoToolType
 
 .sheet-inputBox
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/Input.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/Input.png);
     background-repeat: no-repeat;
     background-position: center;
-    background-size: 200px 104px;
+    background-size: 200px 110px;
     width: 200px;
-    height: 104px;
+    height: 110px;
     z-index: 16;
 }
 
 .sheet-decisionBox
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/Decision.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/Decision.png);
     background-repeat: no-repeat;
     background-position: center;
-    background-size: 200px 104px;
+    background-size: 200px 110px;
     width: 200px;
-    height: 104px;
+    height: 110px;
+    z-index: 16;
+}
+
+.sheet-processBox
+{
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/Process.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 200px 110px;
+    width: 200px;
+    height: 110px;
     z-index: 16;
 }
 
@@ -712,7 +728,7 @@ button[type=roll].sheet-rollButton
     position: absolute;
     width: 12px;
     height: 10px;
-    grid-area: 5/24/6/25;
+    grid-area: 7/24/8/25;
 }
 
 input.sheet-skillDeselect
@@ -723,7 +739,7 @@ input.sheet-skillDeselect
 
     input.sheet-skillDeselect:not(:checked) + span.sheet-skillDeselect
     {
-        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/salvoDeactivate.png);
+        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/salvoDeactivate.png);
         background-repeat: no-repeat;
         background-position: center;
         opacity: 1;
@@ -764,7 +780,7 @@ input.sheet-skillSelector
 
 span.sheet-skillSelector
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/skillSelector.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/skillSelector.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 225px 75px;
@@ -854,7 +870,7 @@ span.sheet-skillSelector
     position: absolute;
     width: 12px;
     height: 10px;
-    grid-area: 5/75/6/76;
+    grid-area: 7/75/8/76;
 }
 
 input.sheet-specialtyDeselect
@@ -865,7 +881,7 @@ input.sheet-specialtyDeselect
 
     input.sheet-specialtyDeselect:not(:checked) + span.sheet-specialtyDeselect
     {
-        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/salvoDeactivate.png);
+        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/salvoDeactivate.png);
         background-repeat: no-repeat;
         background-position: center;
         opacity: 1;
@@ -923,7 +939,7 @@ input.sheet-specialtySelector
 
 span.sheet-specialtySelector
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/specialtySelector.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/specialtySelector.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 200px 11px;
@@ -1028,7 +1044,7 @@ span.sheet-specialtySelector
     position: absolute;
     width: 12px;
     height: 10px;
-    grid-area: 32/48/33/49;
+    grid-area: 25/75/26/76;
 }
 
 input.sheet-scaleDeselect
@@ -1039,7 +1055,7 @@ input.sheet-scaleDeselect
 
     input.sheet-scaleDeselect:not(:checked) + span.sheet-scaleDeselect
     {
-        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/salvoDeactivate.png);
+        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/salvoDeactivate.png);
         background-repeat: no-repeat;
         background-position: center;
         opacity: 1;
@@ -1073,7 +1089,7 @@ input.sheet-scaleDeselect
 {
     display: initial;
     grid-area: 2/8/19/66;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/skillFlow.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/skillFlow.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 580px 170px;
@@ -1087,7 +1103,7 @@ input.sheet-scaleDeselect
 {
     display: initial;
     grid-area: 10/21/14/57;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/specialtyFlow.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/specialtyFlow.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 340px 20px;
@@ -1100,7 +1116,7 @@ input.sheet-scaleDeselect
 {
     display: initial;
     grid-area: 16/40/36/70;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/toolTypeFlow.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/toolTypeFlow.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 250px 160px;
@@ -1268,7 +1284,7 @@ input.sheet-scaleDeselect
 
 .sheet-species
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/species.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/species.png);
     background-size: 430px 128.1px;
     background-repeat: no-repeat;
     width: 420px;
@@ -1468,7 +1484,7 @@ input.sheet-scaleDeselect
 
 .sheet-skills
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/skills.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/skills.png);
     background-size: 220px 370px;
     background-repeat: no-repeat;
     width: 220px;
@@ -1561,7 +1577,7 @@ input.sheet-scaleDeselect
 .sheet-crewConditionsWidget
 {
     grid-area: Conditions;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/conditionPathogen.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/conditionPathogen.png);
     background-size: 220px 156.3px;
     background-repeat: no-repeat;
     width: 220px;
@@ -1688,7 +1704,7 @@ input.sheet-scaleDeselect
     grid-column-end: 5;
     grid-row-start: 6;
     grid-row-end: 7;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/crewPatchBand.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/crewPatchBand.png);
     background-size: 100% 75%;
     background-repeat: no-repeat;
     background-position: center;
@@ -1729,7 +1745,7 @@ input.sheet-scaleDeselect
 .sheet-pathogen
 {
     grid-area: Pathogens;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/conditionPathogen.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/conditionPathogen.png);
     background-size: 220px 156.3px;
     background-repeat: no-repeat;
     width: 220px;
@@ -1760,7 +1776,7 @@ input.sheet-scaleDeselect
 .sheet-upkeep
 {
     grid-area: Upkeep;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/upkeep.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/upkeep.png);
     background-size: 220px 77px;
     background-repeat: no-repeat;
     width: 220px;
@@ -1830,7 +1846,7 @@ input[type="number"].sheet-upkeepBox
 .sheet-EVASuit
 {
     grid-area: EVASuit;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/EVAsuit.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/EVAsuit.png);
     background-size: 180px 314px;
     background-repeat: no-repeat;
     display: grid;
@@ -1986,7 +2002,7 @@ input[type="number"].sheet-upkeepBox
 .sheet-Augments
 {
     grid-area: Augments;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/augmentation.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/augmentation.png);
     background-size: 180px 314px;
     background-repeat: no-repeat;
     display: grid;
@@ -2109,7 +2125,7 @@ input[type="number"].sheet-upkeepBox
 .sheet-Associations
 {
     grid-area: Associations;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/associations.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/associations.png);
     background-size: 900px 255px;
     background-repeat: no-repeat;
     display: grid;
@@ -2317,7 +2333,7 @@ input[type="number"].sheet-upkeepBox
 .sheet-descriptionWidget
 {
     grid-area: description;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/description.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/description.png);
     background-size: 900px 100.5px;
     background-repeat: no-repeat;
     display: grid;
@@ -2387,7 +2403,7 @@ input[type="number"].sheet-upkeepBox
 .sheet-languageWidget
 {
     grid-area: language;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/language.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/language.png);
     background-size: 900px 212px;
     background-repeat: no-repeat;
     display: grid;
@@ -2480,7 +2496,7 @@ input[type="number"].sheet-upkeepBox
 .sheet-contactWidget
 {
     grid-area: contact;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/contactNotes.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/contactNotes.png);
     background-size: 440px 390px;
     background-repeat: no-repeat;
     display: grid;
@@ -2518,7 +2534,7 @@ input[type="number"].sheet-upkeepBox
 .sheet-crewNoteWidget
 {
     grid-area: notes;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/contactNotes.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/contactNotes.png);
     background-size: 440px 390px;
     background-repeat: no-repeat;
     display: grid;
@@ -2562,7 +2578,7 @@ input[type="number"].sheet-upkeepBox
 .sheet-retirementPlan
 {
     grid-area: plan;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/Retirement.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/Retirement.png);
     background-size: 700px 390px;
     background-repeat: no-repeat;
     display: grid;
@@ -2623,19 +2639,19 @@ input[type="number"].sheet-upkeepBox
 .sheet-retirementReserve
 {
     grid-area: reserve;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/resources.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/resources.png);
 }
 
 .sheet-retirementDebt
 {
     grid-area: debt;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/debt.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/debt.png);
 }
 
 .sheet-retirementShares
 {
     grid-area: shares;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/shares.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/shares.png);
 }
 
 .sheet-retirementResourceBox
@@ -2930,7 +2946,7 @@ span.sheet-smallPips
 /* Graphics */
 input[type="radio"] + span.sheet-ZeroDie
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/D10ZeroPip.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/D10ZeroPip.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -2939,7 +2955,7 @@ input[type="radio"] + span.sheet-ZeroDie
 
 input[type="radio"] + span.sheet-D10, span.sheet-FittingD10
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/D10PipFilled.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/D10PipFilled.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -2948,7 +2964,7 @@ input[type="radio"] + span.sheet-D10, span.sheet-FittingD10
 
 input[type="radio"]:checked + span.sheet-D10 ~ input[type="radio"] + span.sheet-D10, input[type="radio"]:checked + span.sheet-ZeroDie ~ input[type="radio"] + span.sheet-D10
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/D10Pip.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/D10Pip.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -2957,7 +2973,7 @@ input[type="radio"]:checked + span.sheet-D10 ~ input[type="radio"] + span.sheet-
 
 input[type="radio"] + span.sheet-Boost, span.sheet-FittingBoost
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/BoostFilled.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/BoostFilled.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -2966,7 +2982,7 @@ input[type="radio"] + span.sheet-Boost, span.sheet-FittingBoost
 
 input[type="radio"]:checked + span.sheet-Boost ~ input[type="radio"] + span.sheet-Boost, input[type="radio"]:checked + span.sheet-ZeroDie ~ input[type="radio"] + span.sheet-Boost
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/Boost.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/Boost.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -2975,7 +2991,7 @@ input[type="radio"]:checked + span.sheet-Boost ~ input[type="radio"] + span.shee
 
 input[type="radio"] + span.sheet-capacityPips
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/CapacityPipsFilled.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/CapacityPipsFilled.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -2984,7 +3000,7 @@ input[type="radio"] + span.sheet-capacityPips
 
 input[type="radio"]:checked + span.sheet-capacityPips ~ input[type="radio"] + span.sheet-capacityPips
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/CapacityPips.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/CapacityPips.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -2993,7 +3009,7 @@ input[type="radio"]:checked + span.sheet-capacityPips ~ input[type="radio"] + sp
 
 input[type="checkbox"] + span.sheet-overcharge
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/overchargeEmpty.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/overchargeEmpty.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3002,7 +3018,7 @@ input[type="checkbox"] + span.sheet-overcharge
 
 input[type="checkbox"]:checked + span.sheet-overcharge
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/overcharge.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/overcharge.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3011,7 +3027,7 @@ input[type="checkbox"]:checked + span.sheet-overcharge
 
 input[type="checkbox"] + span.sheet-hexSelector
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/HexPip.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/HexPip.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3020,7 +3036,7 @@ input[type="checkbox"] + span.sheet-hexSelector
 
 input[type="checkbox"]:checked + span.sheet-hexSelector
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/HexPipFilled.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/HexPipFilled.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3029,7 +3045,7 @@ input[type="checkbox"]:checked + span.sheet-hexSelector
 
 input[type="checkbox"] + span.sheet-armour
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/armor.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/armor.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3038,7 +3054,7 @@ input[type="checkbox"] + span.sheet-armour
 
 input[type="checkbox"]:checked + span.sheet-armour
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/armor2.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/armor2.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3047,7 +3063,7 @@ input[type="checkbox"]:checked + span.sheet-armour
 
 input[type="checkbox"] + span.sheet-resilience
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/resiliance.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/resiliance.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3056,7 +3072,7 @@ input[type="checkbox"] + span.sheet-resilience
 
 input[type="checkbox"]:checked + span.sheet-resilience
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/resiliance2.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/resiliance2.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3065,7 +3081,7 @@ input[type="checkbox"]:checked + span.sheet-resilience
 
 input[type="checkbox"] + span.sheet-resilienceThreat
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/resilianceThreat.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/resilianceThreat.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3074,7 +3090,7 @@ input[type="checkbox"] + span.sheet-resilienceThreat
 
 input[type="checkbox"]:checked + span.sheet-resilienceThreat
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/resilianceThreatFilled.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/resilianceThreatFilled.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3083,7 +3099,7 @@ input[type="checkbox"]:checked + span.sheet-resilienceThreat
 
 input[type="checkbox"] + span.sheet-integrity
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/sys-int.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/sys-int.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3092,7 +3108,7 @@ input[type="checkbox"] + span.sheet-integrity
 
 input[type="checkbox"]:checked + span.sheet-integrity
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/sys-int2.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/sys-int2.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3101,7 +3117,7 @@ input[type="checkbox"]:checked + span.sheet-integrity
 
 input[type="checkbox"] + span.sheet-integrityThreat
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/IntegrityThreat.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/IntegrityThreat.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3110,7 +3126,7 @@ input[type="checkbox"] + span.sheet-integrityThreat
 
 input[type="checkbox"]:checked + span.sheet-integrityThreat
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/IntegrityThreatFilled.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/IntegrityThreatFilled.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3119,7 +3135,7 @@ input[type="checkbox"]:checked + span.sheet-integrityThreat
 
 input[type="checkbox"] + span.sheet-crewIntegrity
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/crewIntegrity.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/crewIntegrity.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3128,7 +3144,7 @@ input[type="checkbox"] + span.sheet-crewIntegrity
 
 input[type="checkbox"]:checked + span.sheet-crewIntegrity
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/crewIntegrity2.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/crewIntegrity2.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3137,7 +3153,7 @@ input[type="checkbox"]:checked + span.sheet-crewIntegrity
 
 input[type="checkbox"] + span.sheet-vital
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/vital.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/vital.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3146,7 +3162,7 @@ input[type="checkbox"] + span.sheet-vital
 
 input[type="checkbox"]:checked + span.sheet-vital
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/vital2.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/vital2.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3155,7 +3171,7 @@ input[type="checkbox"]:checked + span.sheet-vital
 
 input[type="checkbox"] + span.sheet-patch
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/Patches.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/Patches.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3164,7 +3180,7 @@ input[type="checkbox"] + span.sheet-patch
 
 input[type="checkbox"]:checked + span.sheet-patch
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/PatchesFilled.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/PatchesFilled.png);
     background-repeat: no-repeat;
     background-position: center;
     opacity: 1;
@@ -3204,22 +3220,22 @@ input[type="checkbox"]:checked + span.sheet-patch
 
 .sheet-reactorSystem
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/Reactor.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/Reactor.png);
 }
 
 .sheet-shipSystem
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ShipSystem.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ShipSystem.png);
 }
 
 .sheet-weaponSystem
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/PulseArray.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/PulseArray.png);
 }
 
 .sheet-dataStorage
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/DataStorage.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/DataStorage.png);
 }
 
 .sheet-system
@@ -3654,12 +3670,12 @@ input[type="number"].sheet-currentCharge
 
 .sheet-basicModule
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/Module.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/Module.png);
 }
 
 .sheet-weaponModule
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/WeaponModule.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/WeaponModule.png);
 }
 
 .sheet-module
@@ -4021,7 +4037,7 @@ input[type="number"].sheet-currentCharge
 .sheet-launchBay
 {
     grid-area: launchbay;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/Shuttle.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/Shuttle.png);
     background-size: 385px 335px;
     background-repeat: no-repeat;
     display: grid;
@@ -4735,7 +4751,7 @@ input[type=number].sheet-txtfield
 /* General layout */
 .sheet-ship-block
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ship-section.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ship-section.png);
     background-size: 218px 330px;
     background-repeat: no-repeat;
     display: grid;
@@ -5010,7 +5026,7 @@ input[type=number].sheet-txtfield
         display: flex;
         justify-content: center;
         align-items: center;
-        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ship-section-75su.png);
+        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ship-section-75su.png);
         background-size: 45px 45px;
         background-repeat: no-repeat;
         background-position: bottom;
@@ -5021,7 +5037,7 @@ input[type=number].sheet-txtfield
         display: flex;
         justify-content: center;
         align-items: center;
-        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ship-section-grey-oct.png);
+        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ship-section-grey-oct.png);
         background-size: 24px 24px;
         background-repeat: no-repeat;
         background-position: center;
@@ -5053,7 +5069,7 @@ input[type=number].sheet-txtfield
     display: flex;
     justify-content: center;
     align-items: center;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/armor.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/armor.png);
     background-size: 24px 24px;
     background-repeat: no-repeat;
     background-position: center;
@@ -5066,7 +5082,7 @@ input[type=number].sheet-txtfield
     display: flex;
     justify-content: center;
     align-items: center;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/vital.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/vital.png);
     background-size: 24px 24px;
     background-repeat: no-repeat;
     background-position: center;
@@ -5079,7 +5095,7 @@ input[type=number].sheet-txtfield
     display: flex;
     justify-content: center;
     align-items: center;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/resiliance.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/resiliance.png);
     background-size: 24px 24px;
     background-repeat: no-repeat;
     background-position: center;
@@ -5092,7 +5108,7 @@ input[type=number].sheet-txtfield
     display: flex;
     justify-content: center;
     align-items: center;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/sys-int.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/sys-int.png);
     background-size: 24px 24px;
     background-repeat: no-repeat;
     background-position: center;
@@ -5197,7 +5213,7 @@ input[type=number].sheet-txtfield
 
 .sheet-ship-block .sheet-ship-armor input[type="checkbox"] + span.sheet-armor-x
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/armor2.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/armor2.png);
     background-size: 24px 24px;
     background-repeat: no-repeat;
     background-position: center;
@@ -5212,7 +5228,7 @@ input[type=number].sheet-txtfield
 
 .sheet-ship-block .sheet-ship-resilience input[type="checkbox"] + span.sheet-res-x
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/resiliance2.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/resiliance2.png);
     background-size: 24px 24px;
     background-repeat: no-repeat;
     background-position: center;
@@ -5225,7 +5241,7 @@ input[type=number].sheet-txtfield
 
 .sheet-ship-block .sheet-ship-sys-integrity input[type="checkbox"] + span.sheet-integ-x
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/sys-int2.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/sys-int2.png);
     background-size: 24px 24px;
     background-repeat: no-repeat;
     background-position: center;
@@ -5238,7 +5254,7 @@ input[type=number].sheet-txtfield
 
 .sheet-ship-block .sheet-ship-vital input[type="checkbox"] + span.sheet-vital-x
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/vital2.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/vital2.png);
     background-size: 24px 24px;
     background-repeat: no-repeat;
     background-position: center;
@@ -5261,7 +5277,7 @@ input[type=number].sheet-txtfield
     align-items: center;
     width: 25px;
     height: 25px;
-    background: linear-gradient( rgba(0, 255, 0, 0), rgba(0, 255, 0, 0) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ship-section-grey-oct.png);
+    background: linear-gradient( rgba(0, 255, 0, 0), rgba(0, 255, 0, 0) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ship-section-grey-oct.png);
     background-size: 24px 24px;
     background-repeat: no-repeat;
     background-position: center;
@@ -5271,25 +5287,25 @@ input[type=number].sheet-txtfield
 /* Orange */
 .sheet-inv-color[value*="1"] + .sheet-ship-oct
 {
-    background: linear-gradient( rgba(255, 125, 0, 0.5), rgba(255, 126, 0, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ship-section-grey-oct.png);
+    background: linear-gradient( rgba(255, 125, 0, 0.5), rgba(255, 126, 0, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ship-section-grey-oct.png);
     background-size: 24px 24px;
 }
 /* Cyan */
 .sheet-inv-color[value*="2"] + .sheet-ship-oct
 {
-    background: linear-gradient( rgba(0, 183, 235, 0.5), rgba(0, 183, 235, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ship-section-grey-oct.png);
+    background: linear-gradient( rgba(0, 183, 235, 0.5), rgba(0, 183, 235, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ship-section-grey-oct.png);
     background-size: 24px 24px;
 }
 /* Yellow */
 .sheet-inv-color[value*="3"] + .sheet-ship-oct
 {
-    background: linear-gradient( rgba(255, 223, 0, 0.5), rgba(255, 223, 0, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ship-section-grey-oct.png);
+    background: linear-gradient( rgba(255, 223, 0, 0.5), rgba(255, 223, 0, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ship-section-grey-oct.png);
     background-size: 24px 24px;
 }
 /* Green */
 .sheet-inv-color[value*="4"] + .sheet-ship-oct
 {
-    background: linear-gradient( rgba(16, 115, 85, 0.5), rgba(16, 115, 85, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ship-section-grey-oct.png);
+    background: linear-gradient( rgba(16, 115, 85, 0.5), rgba(16, 115, 85, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ship-section-grey-oct.png);
     background-size: 24px 24px;
 }
 /*     sheet section label toggle     */
@@ -5405,7 +5421,7 @@ input[type=number].sheet-txtfield
 .sheet-inv-color + .sheet-ship-oct, .sheet-inv-color[value*="0"] + .sheet-ship-oct
 {
     background: /* transparent/no color */
-    linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/ship-section-grey-oct.png);
+    linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/ship-section-grey-oct.png);
     background-size: 24px 24px;
 }
 /* default insec & artery */
@@ -5515,7 +5531,7 @@ div.sheet-colorselector
 
 .sheet-resource
 {
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/resources.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/resources.png);
     background-size: 140px 94.618px;
     background-repeat: no-repeat;
     display: grid;
@@ -5574,7 +5590,7 @@ input[type="number"].sheet-resourceBox
 .sheet-letterOfMarque
 {
     grid-area: letter;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/LetterofMarque.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/LetterofMarque.png);
     background-size: 440px 416.49px;
     background-repeat: no-repeat;
     display: grid;
@@ -5660,7 +5676,7 @@ input[type="number"].sheet-resourceBox
 .sheet-cargo
 {
     grid-area: cargo;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/AssetTradeGoods.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/AssetTradeGoods.png);
     background-size: 440px 1066.5px;
     background-repeat: no-repeat;
     display: grid;
@@ -5729,7 +5745,7 @@ input[type="number"].sheet-resourceBox
 .sheet-notes
 {
     grid-area: notes;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/notes.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/notes.png);
     background-size: 440px 750px;
     background-repeat: no-repeat;
     display: grid;
@@ -6044,7 +6060,7 @@ span.sheet-threatDamageBoxBG
     grid-row-end: 13;
     align-self: center;
     justify-self: start;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/damage.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/damage.png);
     background-size: 44px 44.5px;
     background-repeat: no-repeat;
     width: 44px;
@@ -6062,7 +6078,7 @@ span.sheet-creatureDamageBoxBG
     grid-row-end: 13;
     align-self: center;
     justify-self: start;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/damage.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/damage.png);
     background-size: 44px 44.5px;
     background-repeat: no-repeat;
     width: 44px;
@@ -6080,7 +6096,7 @@ span.sheet-droneDamageBoxBG
     grid-row-end: 13;
     align-self: center;
     justify-self: start;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/damage.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/damage.png);
     background-size: 44px 44.5px;
     background-repeat: no-repeat;
     width: 44px;
@@ -6098,7 +6114,7 @@ span.sheet-sectionDamageBoxBG
     grid-row-end: -1;
     align-self: center;
     justify-self: start;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/damage.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/damage.png);
     background-size: 44px 44.5px;
     background-repeat: no-repeat;
     width: 44px;
@@ -6116,7 +6132,7 @@ span.sheet-sectionBehemothDamageBoxBG
     grid-row-end: -1;
     align-self: center;
     justify-self: start;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/images/damage.png);
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/media/damage.png);
     background-size: 44px 44.5px;
     background-repeat: no-repeat;
     width: 44px;

FreeSpacer/FreeSpacer.html

@@ -170,12 +170,21 @@
 				<input type="text" class="salvoAttr" name="attr_salvoTool" readonly />
 			</div>
 
+			<!--Charge Process Box-->
+			<div class="salvoChargeBox processBox">
+				<input type="number" class="salvoRating" name="attr_salvoCharge" readonly />
+				<input type="text" class="salvoAttr" name="attr_salvoResource" readonly />
+			</div>
+
+
 
 			<!--Flow Lines-->
 			<div class="flowLine skillDirection">Choose a Skill</div><!--Skill Flow Line-->
 			<div class="flowLine specialtyDirection">Choose a Specialty</div><!--Specialty Flow Line-->
 			<div class="flowLine toolTypeDirection">Choose a Type of Tool</div><!--Tool Type Flow Line-->
-
+			<div class="flowLine toolCrewKitDirection">Choose a Tool from your Crew Kit</div><!--Crew Kit Tool Flow Line-->
+			<div class="flowLine chargeCrewKitDirection">Spend 1 Charge per Mod or 2 for Mods with Rating 0</div><!--Crew Kit Charge Flow Line-->
+			<div class="flowLine overchargeCrewKitDirection">Overcharged! Spend 1 Charge per Mod or 2 for Mods with Rating 0</div><!--Crew Kit Charge Flow Line-->
 		</div>