diff --git a/Serenity/serenity.css b/Serenity/serenity.css
index 06e97296b9..c18e2ff88f 100644
--- a/Serenity/serenity.css
+++ b/Serenity/serenity.css
@@ -142,6 +142,9 @@
 	    -ms-flex-order: 1;
 	        order: 1;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun0 + span:before {
+	content: "0";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun1 {
 	-webkit-box-ordinal-group: 3;
 	-webkit-order: 2;
@@ -154,6 +157,9 @@
 	    -ms-flex-order: 2;
 	        order: 2;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun1 + span:before {
+	content: "1";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun2 {
 	-webkit-box-ordinal-group: 4;
 	-webkit-order: 3;
@@ -166,6 +172,9 @@
 	    -ms-flex-order: 3;
 	        order: 3;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun2 + span:before {
+	content: "2";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun3 {
 	-webkit-box-ordinal-group: 5;
 	-webkit-order: 4;
@@ -178,6 +187,9 @@
 	    -ms-flex-order: 4;
 	        order: 4;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun3 + span:before {
+	content: "3";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun4 {
 	-webkit-box-ordinal-group: 6;
 	-webkit-order: 5;
@@ -190,6 +202,9 @@
 	    -ms-flex-order: 5;
 	        order: 5;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun4 + span:before {
+	content: "4";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun5 {
 	-webkit-box-ordinal-group: 7;
 	-webkit-order: 6;
@@ -202,6 +217,9 @@
 	    -ms-flex-order: 6;
 	        order: 6;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun5 + span:before {
+	content: "5";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun6 {
 	-webkit-box-ordinal-group: 8;
 	-webkit-order: 7;
@@ -214,6 +232,9 @@
 	    -ms-flex-order: 7;
 	        order: 7;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun6 + span:before {
+	content: "6";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun7 {
 	-webkit-box-ordinal-group: 9;
 	-webkit-order: 8;
@@ -226,6 +247,9 @@
 	    -ms-flex-order: 8;
 	        order: 8;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun7 + span:before {
+	content: "7";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun8 {
 	-webkit-box-ordinal-group: 10;
 	-webkit-order: 9;
@@ -238,6 +262,9 @@
 	    -ms-flex-order: 9;
 	        order: 9;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun8 + span:before {
+	content: "8";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun9 {
 	-webkit-box-ordinal-group: 11;
 	-webkit-order: 10;
@@ -250,6 +277,9 @@
 	    -ms-flex-order: 10;
 	        order: 10;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun9 + span:before {
+	content: "9";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun10 {
 	-webkit-box-ordinal-group: 12;
 	-webkit-order: 11;
@@ -262,6 +292,9 @@
 	    -ms-flex-order: 11;
 	        order: 11;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun10 + span:before {
+	content: "10";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun11 {
 	-webkit-box-ordinal-group: 13;
 	-webkit-order: 12;
@@ -274,6 +307,9 @@
 	    -ms-flex-order: 12;
 	        order: 12;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun11 + span:before {
+	content: "11";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun12 {
 	-webkit-box-ordinal-group: 14;
 	-webkit-order: 13;
@@ -286,6 +322,9 @@
 	    -ms-flex-order: 13;
 	        order: 13;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun12 + span:before {
+	content: "12";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun13 {
 	-webkit-box-ordinal-group: 15;
 	-webkit-order: 14;
@@ -298,6 +337,9 @@
 	    -ms-flex-order: 14;
 	        order: 14;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun13 + span:before {
+	content: "13";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun14 {
 	-webkit-box-ordinal-group: 16;
 	-webkit-order: 15;
@@ -310,6 +352,9 @@
 	    -ms-flex-order: 15;
 	        order: 15;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun14 + span:before {
+	content: "14";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun15 {
 	-webkit-box-ordinal-group: 17;
 	-webkit-order: 16;
@@ -322,6 +367,9 @@
 	    -ms-flex-order: 16;
 	        order: 16;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun15 + span:before {
+	content: "15";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun16 {
 	-webkit-box-ordinal-group: 18;
 	-webkit-order: 17;
@@ -334,6 +382,9 @@
 	    -ms-flex-order: 17;
 	        order: 17;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun16 + span:before {
+	content: "16";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun17 {
 	-webkit-box-ordinal-group: 19;
 	-webkit-order: 18;
@@ -346,6 +397,9 @@
 	    -ms-flex-order: 18;
 	        order: 18;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun17 + span:before {
+	content: "17";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun18 {
 	-webkit-box-ordinal-group: 20;
 	-webkit-order: 19;
@@ -358,6 +412,9 @@
 	    -ms-flex-order: 19;
 	        order: 19;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun18 + span:before {
+	content: "18";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun19 {
 	-webkit-box-ordinal-group: 21;
 	-webkit-order: 20;
@@ -370,6 +427,9 @@
 	    -ms-flex-order: 20;
 	        order: 20;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun19 + span:before {
+	content: "19";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun20 {
 	-webkit-box-ordinal-group: 22;
 	-webkit-order: 21;
@@ -382,6 +442,9 @@
 	    -ms-flex-order: 21;
 	        order: 21;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun20 + span:before {
+	content: "20";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun21 {
 	-webkit-box-ordinal-group: 23;
 	-webkit-order: 22;
@@ -394,6 +457,9 @@
 	    -ms-flex-order: 22;
 	        order: 22;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun21 + span:before {
+	content: "21";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun22 {
 	-webkit-box-ordinal-group: 24;
 	-webkit-order: 23;
@@ -406,6 +472,9 @@
 	    -ms-flex-order: 23;
 	        order: 23;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun22 + span:before {
+	content: "22";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun23 {
 	-webkit-box-ordinal-group: 25;
 	-webkit-order: 24;
@@ -418,11 +487,13 @@
 	    -ms-flex-order: 24;
 	        order: 24;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun23 + span:before {
+	content: "23";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stuns-taken .sheet-serenity-stun0 + span:before {
 	width: 24px;
 	height: 24px;
 	margin: 3px 3px 0 3px;
-	content: attr(data-value);
 	text-align: center;
 	font-size: 9pt;
 	margin: auto auto;
@@ -450,7 +521,6 @@
 	width: 24px;
 	height: 24px;
 	margin: 3px 3px 0 3px;
-	content: attr(data-value);
 	text-align: center;
 	font-weight: bold;
 	font-size: 9pt;
@@ -466,7 +536,7 @@
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun:not( .sheet-serenity-stun0):active + span:before {
 	border: 2px inset #808080;
 }
-.sheet-serenity-charactersheet .sheet-character-life-points input[type="radio"].sheet-serenity-stun {
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stun {
 	opacity: 0;
 	z-index: 1;
 	width: 24px;
@@ -492,6 +562,9 @@
 	    -ms-flex-order: 24;
 	        order: 24;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound0 + span:before {
+	content: "0";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound1 {
 	-webkit-box-ordinal-group: 24;
 	-webkit-order: 23;
@@ -504,6 +577,9 @@
 	    -ms-flex-order: 23;
 	        order: 23;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound1 + span:before {
+	content: "1";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound2 {
 	-webkit-box-ordinal-group: 23;
 	-webkit-order: 22;
@@ -516,6 +592,9 @@
 	    -ms-flex-order: 22;
 	        order: 22;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound2 + span:before {
+	content: "2";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound3 {
 	-webkit-box-ordinal-group: 22;
 	-webkit-order: 21;
@@ -528,6 +607,9 @@
 	    -ms-flex-order: 21;
 	        order: 21;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound3 + span:before {
+	content: "3";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound4 {
 	-webkit-box-ordinal-group: 21;
 	-webkit-order: 20;
@@ -540,6 +622,9 @@
 	    -ms-flex-order: 20;
 	        order: 20;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound4 + span:before {
+	content: "4";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound5 {
 	-webkit-box-ordinal-group: 20;
 	-webkit-order: 19;
@@ -552,6 +637,9 @@
 	    -ms-flex-order: 19;
 	        order: 19;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound5 + span:before {
+	content: "5";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound6 {
 	-webkit-box-ordinal-group: 19;
 	-webkit-order: 18;
@@ -564,6 +652,9 @@
 	    -ms-flex-order: 18;
 	        order: 18;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound6 + span:before {
+	content: "6";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound7 {
 	-webkit-box-ordinal-group: 18;
 	-webkit-order: 17;
@@ -576,6 +667,9 @@
 	    -ms-flex-order: 17;
 	        order: 17;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound7 + span:before {
+	content: "7";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound8 {
 	-webkit-box-ordinal-group: 17;
 	-webkit-order: 16;
@@ -588,6 +682,9 @@
 	    -ms-flex-order: 16;
 	        order: 16;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound8 + span:before {
+	content: "8";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound9 {
 	-webkit-box-ordinal-group: 16;
 	-webkit-order: 15;
@@ -600,6 +697,9 @@
 	    -ms-flex-order: 15;
 	        order: 15;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound9 + span:before {
+	content: "9";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound10 {
 	-webkit-box-ordinal-group: 15;
 	-webkit-order: 14;
@@ -612,6 +712,9 @@
 	    -ms-flex-order: 14;
 	        order: 14;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound10 + span:before {
+	content: "10";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound11 {
 	-webkit-box-ordinal-group: 14;
 	-webkit-order: 13;
@@ -624,6 +727,9 @@
 	    -ms-flex-order: 13;
 	        order: 13;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound11 + span:before {
+	content: "11";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound12 {
 	-webkit-box-ordinal-group: 13;
 	-webkit-order: 12;
@@ -636,6 +742,9 @@
 	    -ms-flex-order: 12;
 	        order: 12;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound12 + span:before {
+	content: "12";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound13 {
 	-webkit-box-ordinal-group: 12;
 	-webkit-order: 11;
@@ -648,6 +757,9 @@
 	    -ms-flex-order: 11;
 	        order: 11;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound13 + span:before {
+	content: "13";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound14 {
 	-webkit-box-ordinal-group: 11;
 	-webkit-order: 10;
@@ -660,6 +772,9 @@
 	    -ms-flex-order: 10;
 	        order: 10;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound14 + span:before {
+	content: "14";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound15 {
 	-webkit-box-ordinal-group: 10;
 	-webkit-order: 9;
@@ -672,6 +787,9 @@
 	    -ms-flex-order: 9;
 	        order: 9;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound15 + span:before {
+	content: "15";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound16 {
 	-webkit-box-ordinal-group: 9;
 	-webkit-order: 8;
@@ -684,6 +802,9 @@
 	    -ms-flex-order: 8;
 	        order: 8;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound16 + span:before {
+	content: "16";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound17 {
 	-webkit-box-ordinal-group: 8;
 	-webkit-order: 7;
@@ -696,6 +817,9 @@
 	    -ms-flex-order: 7;
 	        order: 7;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound17 + span:before {
+	content: "17";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound18 {
 	-webkit-box-ordinal-group: 7;
 	-webkit-order: 6;
@@ -708,6 +832,9 @@
 	    -ms-flex-order: 6;
 	        order: 6;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound18 + span:before {
+	content: "18";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound19 {
 	-webkit-box-ordinal-group: 6;
 	-webkit-order: 5;
@@ -720,6 +847,9 @@
 	    -ms-flex-order: 5;
 	        order: 5;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound19 + span:before {
+	content: "19";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound20 {
 	-webkit-box-ordinal-group: 5;
 	-webkit-order: 4;
@@ -732,6 +862,9 @@
 	    -ms-flex-order: 4;
 	        order: 4;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound20 + span:before {
+	content: "20";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound21 {
 	-webkit-box-ordinal-group: 4;
 	-webkit-order: 3;
@@ -744,6 +877,9 @@
 	    -ms-flex-order: 3;
 	        order: 3;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound21 + span:before {
+	content: "21";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound22 {
 	-webkit-box-ordinal-group: 3;
 	-webkit-order: 2;
@@ -756,6 +892,9 @@
 	    -ms-flex-order: 2;
 	        order: 2;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound22 + span:before {
+	content: "22";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound23 {
 	-webkit-box-ordinal-group: 2;
 	-webkit-order: 1;
@@ -768,11 +907,13 @@
 	    -ms-flex-order: 1;
 	        order: 1;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound23 + span:before {
+	content: "23";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wounds-taken .sheet-serenity-wound0 + span:before {
 	width: 24px;
 	height: 24px;
 	margin: 3px 3px 0 3px;
-	content: attr(data-value);
 	text-align: center;
 	font-size: 9pt;
 	margin: auto auto;
@@ -800,7 +941,6 @@
 	width: 24px;
 	height: 24px;
 	margin: 3px 3px 0 3px;
-	content: attr(data-value);
 	text-align: center;
 	font-weight: bold;
 	font-size: 9pt;
@@ -816,7 +956,7 @@
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound:not( .sheet-serenity-wound0):active + span:before {
 	border: 2px inset #808080;
 }
-.sheet-serenity-charactersheet .sheet-character-life-points input[type="radio"].sheet-serenity-wound {
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wound {
 	opacity: 0;
 	z-index: 1;
 	width: 24px;
@@ -842,6 +982,9 @@
 	    -ms-flex-order: 1;
 	        order: 1;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock0 + span:before {
+	content: "0";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock1 {
 	-webkit-box-ordinal-group: 3;
 	-webkit-order: 2;
@@ -854,6 +997,9 @@
 	    -ms-flex-order: 2;
 	        order: 2;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock1 + span:before {
+	content: "1";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock2 {
 	-webkit-box-ordinal-group: 4;
 	-webkit-order: 3;
@@ -866,6 +1012,9 @@
 	    -ms-flex-order: 3;
 	        order: 3;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock2 + span:before {
+	content: "2";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock3 {
 	-webkit-box-ordinal-group: 5;
 	-webkit-order: 4;
@@ -878,6 +1027,9 @@
 	    -ms-flex-order: 4;
 	        order: 4;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock3 + span:before {
+	content: "3";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock4 {
 	-webkit-box-ordinal-group: 6;
 	-webkit-order: 5;
@@ -890,6 +1042,9 @@
 	    -ms-flex-order: 5;
 	        order: 5;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock4 + span:before {
+	content: "4";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock5 {
 	-webkit-box-ordinal-group: 7;
 	-webkit-order: 6;
@@ -902,6 +1057,9 @@
 	    -ms-flex-order: 6;
 	        order: 6;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock5 + span:before {
+	content: "5";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock6 {
 	-webkit-box-ordinal-group: 8;
 	-webkit-order: 7;
@@ -914,6 +1072,9 @@
 	    -ms-flex-order: 7;
 	        order: 7;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock6 + span:before {
+	content: "6";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock7 {
 	-webkit-box-ordinal-group: 9;
 	-webkit-order: 8;
@@ -926,6 +1087,9 @@
 	    -ms-flex-order: 8;
 	        order: 8;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock7 + span:before {
+	content: "7";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock8 {
 	-webkit-box-ordinal-group: 10;
 	-webkit-order: 9;
@@ -938,6 +1102,9 @@
 	    -ms-flex-order: 9;
 	        order: 9;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock8 + span:before {
+	content: "8";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock9 {
 	-webkit-box-ordinal-group: 11;
 	-webkit-order: 10;
@@ -950,6 +1117,9 @@
 	    -ms-flex-order: 10;
 	        order: 10;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock9 + span:before {
+	content: "9";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock10 {
 	-webkit-box-ordinal-group: 12;
 	-webkit-order: 11;
@@ -962,6 +1132,9 @@
 	    -ms-flex-order: 11;
 	        order: 11;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock10 + span:before {
+	content: "10";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock11 {
 	-webkit-box-ordinal-group: 13;
 	-webkit-order: 12;
@@ -974,6 +1147,9 @@
 	    -ms-flex-order: 12;
 	        order: 12;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock11 + span:before {
+	content: "11";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock12 {
 	-webkit-box-ordinal-group: 14;
 	-webkit-order: 13;
@@ -986,6 +1162,9 @@
 	    -ms-flex-order: 13;
 	        order: 13;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock12 + span:before {
+	content: "12";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock13 {
 	-webkit-box-ordinal-group: 15;
 	-webkit-order: 14;
@@ -998,9 +1177,11 @@
 	    -ms-flex-order: 14;
 	        order: 14;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock13 + span:before {
+	content: "13";
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shocks-taken .sheet-serenity-shock0 + span:before {
 	margin: 3px 3px 0 3px;
-	content: attr(data-value);
 	text-align: center;
 	font-size: 9pt;
 	margin: auto auto;
@@ -1033,7 +1214,6 @@
 	border: 1px outset #808080;
 	border-radius: 25px;
 	margin: 3px 3px 0 3px;
-	content: attr(data-value);
 	text-align: center;
 	font-weight: bold;
 	font-size: 9pt;
@@ -1051,7 +1231,7 @@
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock:not( .sheet-serenity-shock0):active + span:before {
 	border: 2px inset #808080;
 }
-.sheet-serenity-charactersheet .sheet-character-life-points input[type="radio"].sheet-serenity-shock {
+.sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shock {
 	opacity: 0;
 	z-index: 1;
 	width: 24px;
@@ -1068,6 +1248,9 @@
 .sheet-serenity-charactersheet .sheet-character-life-points input[type="radio"].sheet-serenity-shock0 {
 	width: 48px;
 }
+.sheet-serenity-charactersheet .sheet-character-life-points div.sheet-serenity-stun,.sheet-serenity-charactersheet .sheet-character-life-points div.sheet-serenity-wound {
+	cursor: default;
+}
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-life-points {
 	float: left;
 }
@@ -1132,6 +1315,9 @@
 	    -ms-flex-order: 1;
 	        order: 1;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint0 + span:before {
+	content: "0";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint1 {
 	-webkit-box-ordinal-group: 3;
 	-webkit-order: 2;
@@ -1144,6 +1330,9 @@
 	    -ms-flex-order: 2;
 	        order: 2;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint1 + span:before {
+	content: "1";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint2 {
 	-webkit-box-ordinal-group: 4;
 	-webkit-order: 3;
@@ -1156,6 +1345,9 @@
 	    -ms-flex-order: 3;
 	        order: 3;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint2 + span:before {
+	content: "2";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint3 {
 	-webkit-box-ordinal-group: 5;
 	-webkit-order: 4;
@@ -1168,6 +1360,9 @@
 	    -ms-flex-order: 4;
 	        order: 4;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint3 + span:before {
+	content: "3";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint4 {
 	-webkit-box-ordinal-group: 6;
 	-webkit-order: 5;
@@ -1180,6 +1375,9 @@
 	    -ms-flex-order: 5;
 	        order: 5;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint4 + span:before {
+	content: "4";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint5 {
 	-webkit-box-ordinal-group: 7;
 	-webkit-order: 6;
@@ -1192,6 +1390,9 @@
 	    -ms-flex-order: 6;
 	        order: 6;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint5 + span:before {
+	content: "5";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint6 {
 	-webkit-box-ordinal-group: 8;
 	-webkit-order: 7;
@@ -1204,6 +1405,9 @@
 	    -ms-flex-order: 7;
 	        order: 7;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint6 + span:before {
+	content: "6";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint7 {
 	-webkit-box-ordinal-group: 9;
 	-webkit-order: 8;
@@ -1216,6 +1420,9 @@
 	    -ms-flex-order: 8;
 	        order: 8;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint7 + span:before {
+	content: "7";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint8 {
 	-webkit-box-ordinal-group: 10;
 	-webkit-order: 9;
@@ -1228,6 +1435,9 @@
 	    -ms-flex-order: 9;
 	        order: 9;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint8 + span:before {
+	content: "8";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint9 {
 	-webkit-box-ordinal-group: 11;
 	-webkit-order: 10;
@@ -1240,6 +1450,9 @@
 	    -ms-flex-order: 10;
 	        order: 10;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint9 + span:before {
+	content: "9";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint10 {
 	-webkit-box-ordinal-group: 12;
 	-webkit-order: 11;
@@ -1252,6 +1465,9 @@
 	    -ms-flex-order: 11;
 	        order: 11;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint10 + span:before {
+	content: "10";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint11 {
 	-webkit-box-ordinal-group: 13;
 	-webkit-order: 12;
@@ -1264,6 +1480,9 @@
 	    -ms-flex-order: 12;
 	        order: 12;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint11 + span:before {
+	content: "11";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint12 {
 	-webkit-box-ordinal-group: 14;
 	-webkit-order: 13;
@@ -1276,10 +1495,12 @@
 	    -ms-flex-order: 13;
 	        order: 13;
 }
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint12 + span:before {
+	content: "12";
+}
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plot-points-input .sheet-serenity-plotpoint0 + span:before {
 	width: 40px;
 	height: 25px;
-	content: attr(data-value);
 	text-align: center;
 	position: absolute;
 	top: 0;
@@ -1299,7 +1520,6 @@
 	border-radius: 25px;
 	width: 40px;
 	height: 25px;
-	content: attr(data-value);
 	text-align: center;
 	font-weight: bold;
 	position: absolute;
@@ -1313,7 +1533,7 @@
 .sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint:not( .sheet-serenity-plotpoint0):active + span:before {
 	border: 2px inset #808080;
 }
-.sheet-serenity-charactersheet .sheet-serenity-plot-points input[type="radio"].sheet-serenity-plotpoint {
+.sheet-serenity-charactersheet .sheet-serenity-plot-points .sheet-serenity-plotpoint {
 	opacity: 0;
 	z-index: 1;
 	width: 40px;
diff --git a/Serenity/serenity.html b/Serenity/serenity.html
index 0ea81b0c8b..989f8b2d31 100644
--- a/Serenity/serenity.html
+++ b/Serenity/serenity.html
@@ -33,64 +33,64 @@
             </table>
         </div>
         <!-- LIFE POINTS -->
-        <div class="sheet-character-life-points sheet-serenity-float-group"> <span class="sheet-serenity-stuns-taken">	<input type="radio" class="sheet-serenity-stun sheet-serenity-stun23">	<input type="radio" class="sheet-serenity-stun sheet-serenity-stun22" value="22" title="22 Stuns Taken" name="attr_stuns"><span data-value="22"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun21" value="21" title="21 Stuns Taken" name="attr_stuns"><span data-value="21"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun20" value="20" title="20 Stuns Taken" name="attr_stuns"><span data-value="20"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun19" value="19" title="19 Stuns Taken" name="attr_stuns"><span data-value="19"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun18" value="18" title="18 Stuns Taken" name="attr_stuns"><span data-value="18"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun17" value="17" title="17 Stuns Taken" name="attr_stuns"><span data-value="17"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun16" value="16" title="16 Stuns Taken" name="attr_stuns"><span data-value="16"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun15" value="15" title="15 Stuns Taken" name="attr_stuns"><span data-value="15"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun14" value="14" title="14 Stuns Taken" name="attr_stuns"><span data-value="14"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun13" value="13" title="13 Stuns Taken" name="attr_stuns"><span data-value="13"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun12" value="12" title="12 Stuns Taken" name="attr_stuns"><span data-value="12"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun11" value="11" title="11 Stuns Taken" name="attr_stuns"><span data-value="11"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun10" value="10" title="10 Stuns Taken" name="attr_stuns"><span data-value="10"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun9" value="9" title="9 Stuns Taken" name="attr_stuns"><span data-value="9"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun8" value="8" title="8 Stuns Taken" name="attr_stuns"><span data-value="8"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun7" value="7" title="7 Stuns Taken" name="attr_stuns"><span data-value="7"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun6" value="6" title="6 Stuns Taken" name="attr_stuns"><span data-value="6"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun5" value="5" title="5 Stuns Taken" name="attr_stuns"><span data-value="5"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun4" value="4" title="4 Stuns Taken" name="attr_stuns"><span data-value="4"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun3" value="3" title="3 Stuns Taken" name="attr_stuns"><span data-value="3"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun2" value="2" title="2 Stuns Taken" name="attr_stuns"><span data-value="2"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun1" value="1" title="1 Stuns Taken" name="attr_stuns"><span data-value="1"></span>
-            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun0" value="0" title="No Stuns Taken (Click to clear)" name="attr_stuns"><span data-value="0"></span></span> <span class="sheet-serenity-wounds-taken">	<input type="radio" class="sheet-serenity-wound sheet-serenity-wound23">	<input type="radio" class="sheet-serenity-wound sheet-serenity-wound22" value="22" title="22 Wounds Taken" name="attr_wounds"><span data-value="22"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound21" value="21" title="21 Wounds Taken" name="attr_wounds"><span data-value="21"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound20" value="20" title="20 Wounds Taken" name="attr_wounds"><span data-value="20"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound19" value="19" title="19 Wounds Taken" name="attr_wounds"><span data-value="19"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound18" value="18" title="18 Wounds Taken" name="attr_wounds"><span data-value="18"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound17" value="17" title="17 Wounds Taken" name="attr_wounds"><span data-value="17"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound16" value="16" title="16 Wounds Taken" name="attr_wounds"><span data-value="16"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound15" value="15" title="15 Wounds Taken" name="attr_wounds"><span data-value="15"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound14" value="14" title="14 Wounds Taken" name="attr_wounds"><span data-value="14"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound13" value="13" title="13 Wounds Taken" name="attr_wounds"><span data-value="13"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound12" value="12" title="12 Wounds Taken" name="attr_wounds"><span data-value="12"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound11" value="11" title="11 Wounds Taken" name="attr_wounds"><span data-value="11"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound10" value="10" title="10 Wounds Taken" name="attr_wounds"><span data-value="10"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound9" value="9" title="9 Wounds Taken" name="attr_wounds"><span data-value="9"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound8" value="8" title="8 Wounds Taken" name="attr_wounds"><span data-value="8"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound7" value="7" title="7 Wounds Taken" name="attr_wounds"><span data-value="7"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound6" value="6" title="6 Wounds Taken" name="attr_wounds"><span data-value="6"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound5" value="5" title="5 Wounds Taken" name="attr_wounds"><span data-value="5"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound4" value="4" title="4 Wounds Taken" name="attr_wounds"><span data-value="4"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound3" value="3" title="3 Wounds Taken" name="attr_wounds"><span data-value="3"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound2" value="2" title="2 Wounds Taken" name="attr_wounds"><span data-value="2"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound1" value="1" title="1 Wounds Taken" name="attr_wounds"><span data-value="1"></span>
-            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound0" value="0" title="No Wounds Taken (Click to clear)" name="attr_wounds"><span data-value="0"></span></span> <span class="sheet-serenity-shocks-taken">	<input type="radio" class="sheet-serenity-shock sheet-serenity-shock13" value="13" title="13 Shocks Taken" name="attr_shocks"><span data-value="13"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock12" value="12" title="12 Shocks Taken" name="attr_shocks"><span data-value="12"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock11" value="11" title="11 Shocks Taken" name="attr_shocks"><span data-value="11"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock10" value="10" title="10 Shocks Taken" name="attr_shocks"><span data-value="10"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock9" value="9" title="9 Shocks Taken" name="attr_shocks"><span data-value="9"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock8" value="8" title="8 Shocks Taken" name="attr_shocks"><span data-value="8"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock7" value="7" title="7 Shocks Taken" name="attr_shocks"><span data-value="7"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock6" value="6" title="6 Shocks Taken" name="attr_shocks"><span data-value="6"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock5" value="5" title="5 Shocks Taken" name="attr_shocks"><span data-value="5"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock4" value="4" title="4 Shocks Taken" name="attr_shocks"><span data-value="4"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock3" value="3" title="3 Shocks Taken" name="attr_shocks"><span data-value="3"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock2" value="2" title="2 Shocks Taken" name="attr_shocks"><span data-value="2"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock1" value="1" title="1 Shocks Taken" name="attr_shocks"><span data-value="1"></span>
-            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock0" value="0" title="No Shocks Taken (Click to clear)" name="attr_shocks"><span data-value="0"></span></span> <span class="sheet-serenity-life-points">	Life Points: <input type="text" name="attr_LifePoints" disabled="true" value="@{Vitality}+@{Willpower}" title="Vitality + Willpower"></span> <span class="sheet-serenity-life-penalty">	-2 Attribute Penalty: <input type="text" name="attr_LifePenalty" disabled="true" value="( @{Vitality}+@{Willpower} ) / 2" title="When you've taken half or more of your total LifePoints in Wounds, you suffer a -2 step penalty on all Attributes"></span>
+        <div class="sheet-character-life-points sheet-serenity-float-group"> <span class="sheet-serenity-stuns-taken">	<div class="sheet-serenity-stun sheet-serenity-stun23"></div>	<input type="radio" class="sheet-serenity-stun sheet-serenity-stun22" value="22" title="22 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun21" value="21" title="21 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun20" value="20" title="20 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun19" value="19" title="19 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun18" value="18" title="18 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun17" value="17" title="17 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun16" value="16" title="16 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun15" value="15" title="15 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun14" value="14" title="14 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun13" value="13" title="13 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun12" value="12" title="12 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun11" value="11" title="11 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun10" value="10" title="10 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun9" value="9" title="9 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun8" value="8" title="8 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun7" value="7" title="7 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun6" value="6" title="6 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun5" value="5" title="5 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun4" value="4" title="4 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun3" value="3" title="3 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun2" value="2" title="2 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun1" value="1" title="1 Stuns Taken" name="attr_stuns"><span></span>
+            <input type="radio" class="sheet-serenity-stun sheet-serenity-stun0" value="0" title="No Stuns Taken (Click to clear)" name="attr_stuns"><span></span></span> <span class="sheet-serenity-wounds-taken">	<div class="sheet-serenity-wound sheet-serenity-wound23"></div>	<input type="radio" class="sheet-serenity-wound sheet-serenity-wound22" value="22" title="22 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound21" value="21" title="21 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound20" value="20" title="20 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound19" value="19" title="19 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound18" value="18" title="18 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound17" value="17" title="17 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound16" value="16" title="16 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound15" value="15" title="15 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound14" value="14" title="14 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound13" value="13" title="13 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound12" value="12" title="12 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound11" value="11" title="11 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound10" value="10" title="10 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound9" value="9" title="9 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound8" value="8" title="8 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound7" value="7" title="7 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound6" value="6" title="6 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound5" value="5" title="5 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound4" value="4" title="4 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound3" value="3" title="3 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound2" value="2" title="2 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound1" value="1" title="1 Wounds Taken" name="attr_wounds"><span></span>
+            <input type="radio" class="sheet-serenity-wound sheet-serenity-wound0" value="0" title="No Wounds Taken (Click to clear)" name="attr_wounds"><span></span></span> <span class="sheet-serenity-shocks-taken">	<input type="radio" class="sheet-serenity-shock sheet-serenity-shock13" value="13" title="13 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock12" value="12" title="12 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock11" value="11" title="11 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock10" value="10" title="10 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock9" value="9" title="9 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock8" value="8" title="8 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock7" value="7" title="7 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock6" value="6" title="6 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock5" value="5" title="5 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock4" value="4" title="4 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock3" value="3" title="3 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock2" value="2" title="2 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock1" value="1" title="1 Shocks Taken" name="attr_shocks"><span></span>
+            <input type="radio" class="sheet-serenity-shock sheet-serenity-shock0" value="0" title="No Shocks Taken (Click to clear)" name="attr_shocks"><span></span></span> <span class="sheet-serenity-life-points">	Life Points: <input type="text" name="attr_LifePoints" disabled="true" value="@{Vitality}+@{Willpower}" title="Vitality + Willpower"></span> <span class="sheet-serenity-life-penalty">	-2 Attribute Penalty: <input type="text" name="attr_LifePenalty" disabled="true" value="( @{Vitality}+@{Willpower} ) / 2" title="When you've taken half or more of your total LifePoints in Wounds, you suffer a -2 step penalty on all Attributes"></span>
         </div>
         <div class="sheet-serenity-character-stats">
             <div class="sheet-serenity-float-group">
@@ -270,19 +270,19 @@
                 <!-- PLOT POINTS -->
                 <div class="sheet-serenity-fieldset sheet-serenity-plot-points" title="Plot Points">
                     <div class="sheet-serenity-plot-points-input">
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint12" value="12" title="12 Plot Points" name="attr_plotpoints"><span data-value="12"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint11" value="11" title="11 Plot Points" name="attr_plotpoints"><span data-value="11"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint10" value="10" title="10 Plot Points" name="attr_plotpoints"><span data-value="10"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint9" value="9" title="9 Plot Points" name="attr_plotpoints"><span data-value="9"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint8" value="8" title="8 Plot Points" name="attr_plotpoints"><span data-value="8"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint7" value="7" title="7 Plot Points" name="attr_plotpoints"><span data-value="7"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint6" value="6" title="6 Plot Points" name="attr_plotpoints"><span data-value="6"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint5" value="5" title="5 Plot Points" name="attr_plotpoints"><span data-value="5"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint4" value="4" title="4 Plot Points" name="attr_plotpoints"><span data-value="4"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint3" value="3" title="3 Plot Points" name="attr_plotpoints"><span data-value="3"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint2" value="2" title="2 Plot Points" name="attr_plotpoints"><span data-value="2"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint1" value="1" title="1 Plot Points" name="attr_plotpoints"><span data-value="1"></span>
-                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint0" value="0" title="No Plot Points (Click to clear)" name="attr_plotpoints"><span data-value="0"></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint12" value="12" title="12 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint11" value="11" title="11 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint10" value="10" title="10 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint9" value="9" title="9 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint8" value="8" title="8 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint7" value="7" title="7 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint6" value="6" title="6 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint5" value="5" title="5 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint4" value="4" title="4 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint3" value="3" title="3 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint2" value="2" title="2 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint1" value="1" title="1 Plot Points" name="attr_plotpoints"><span></span>
+                        <input type="radio" class="sheet-serenity-plotpoint sheet-serenity-plotpoint0" value="0" title="No Plot Points (Click to clear)" name="attr_plotpoints"><span></span>
                     </div>
                     <table border="0" cellspacing="0" cellpadding="0">
                         <tbody>