diff --git a/WFRP-2nd-Ed/WFRP-2nd-Ed.css b/WFRP-2nd-Ed/WFRP-2nd-Ed.css
index adc533b205..a175b144a8 100644
--- a/WFRP-2nd-Ed/WFRP-2nd-Ed.css
+++ b/WFRP-2nd-Ed/WFRP-2nd-Ed.css
@@ -1,45 +1,239 @@
-.charsheet .sheet-3colrowCust .sheet-col {
-    width: calc(33% - 4px);
-    margin-right: 5px;
+/* CSS Reset */{}
+.charsheet .sheet-wrapper div, .charsheet .sheet-wrapper span, .charsheet .sheet-wrapper label,
+.charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h2, .charsheet .sheet-wrapper h3, .charsheet .sheet-wrapper h4, .charsheet .sheet-wrapper h5, .charsheet .sheet-wrapper h6, .charsheet .sheet-wrapper p,
+.charsheet .sheet-wrapper table, .charsheet .sheet-wrapper caption, .charsheet .sheet-wrapper tbody, .charsheet .sheet-wrapper tfoot, .charsheet .sheet-wrapper thead, .charsheet .sheet-wrapper tr, .charsheet .sheet-wrapper th, .charsheet .sheet-wrapper td {
+    margin: 0;
+    padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	color: #404040;
+	vertical-align: baseline;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
 }
 
-.sheet-col:last-child {
-    margin-right: 0!important;
+.charsheet .sheet-wrapper table {
+	border-collapse: collapse;
+	border-spacing: 0;
 }
 
-.charsheet label {
-    display: inline-block;
-    width: 75px;
-    text-align: right;
+.charsheet .sheet-wrapper input::-webkit-outer-spin-button,
+.charsheet .sheet-wrapper input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
 }
 
-.charsheet input[type='number'], .charsheet input[type='text'] {
-	display: inline-block;
-	width: 165px;
+.charsheet .sheet-wrapper textarea {
+  resize: none;
 }
 
+/* Main Styles */{}
+
 .charsheet {
 	background-color: white;
 }
 
-/* baseinfo - Top section with name, class, etc */
-
-.sheet-baseinfo {
-    display: inline-block;
-    width: 149px;
-    margin-right: 3px;
+.charsheet .sheet-wrapper h2 {
+	margin: 1px 0;
+	font-weight:bold;
+	font-size: 15px;
 }
 
-.sheet-baseinfo label, .sheet-baseinfo input, .sheet-baseinfo select {
-    display: block;
-    text-align: left;
-    width: 100%;
+.charsheet .sheet-wrapper input, .charsheet .sheet-wrapper textarea, .charsheet .sheet-wrapper select, .charsheet .sheet-wrapper input[type="number"] {
+	display: inline-block;
+	border: 1px solid #ccc;
+	padding: 2px;
+	height: 28px;
+	width: 100%;
+	font-size: 12px;
+	line-height: 16px;
+	font-weight: normal;
+	margin: 0;
+	color: #555;
+	background-color: white;
+	vertical-align: middle;
+	cursor: auto;
+	letter-spacing: normal;
+	word-spacing: normal;
+	text-transform: none;
+	text-indent: 0px;
+	text-shadow: none;
+	text-align: start;
+	
+	-webkit-rtl-ordering: logical;
+	-webkit-user-select: text;
+	
+	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-webkit-transition: border linear .2s,box-shadow linear .2s;
+	-moz-transition: border linear .2s,box-shadow linear .2s;
+	-ms-transition: border linear .2s,box-shadow linear .2s;
+	-o-transition: border linear .2s,box-shadow linear .2s;
+	transition: border linear .2s,box-shadow linear .2s;
+	
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	
+	-webkit-writing-mode: horizontal-tb;
+}
+
+.charsheet .sheet-wrapper input:not([type='checkbox']) {
+	-webkit-appearance: textfield;
+}
+
+.charsheet .sheet-wrapper input[type="checkbox"] {
+	margin-top: 7px;
+	height: 13px;
+	width: 13px;
+	color: #555;
+	border: 1px solid #ccc;
+    
+	
+	-webkit-border-radius: 0;
+	-moz-border-radius: 0;
+	border-radius: 0;
+	
+	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-webkit-transition: border linear .2s,box-shadow linear .2s;
+	-moz-transition: border linear .2s,box-shadow linear .2s;
+	-ms-transition: border linear .2s,box-shadow linear .2s;
+	-o-transition: border linear .2s,box-shadow linear .2s;
+	transition: border linear .2s,box-shadow linear .2s;
+}
+
+.charsheet .sheet-wrapper input[disabled], .charsheet .sheet-wrapper select[disabled], .charsheet .sheet-wrapper textarea[disabled], .charsheet .sheet-wrapper input[readonly], .charsheet .sheet-wrapper select[readonly], .charsheet .sheet-wrapper textarea[readonly] {
+    background-color: #f5f5f5;
+    border-color: #ddd;
+    cursor: not-allowed;
+}
+
+.charsheet .sheet-wrapper textarea {
+    width: 98%;
+    height: 50px;
+    font-size: 13px;
+    line-height: 18px;
+}
+
+.charsheet .sheet-wrapper label {
+	display: inline-block;
+	width: 100%;
+	font-size: 12px;
+	text-align: left;
+	height: 28px;
+	line-height: 28px;
+	vertical-align: middle;
+}
+
+.charsheet .sheet-wrapper .sheet-3colrow .sheet-col {
+	width: calc(33% - 3px) !important;
+	margin-right: 2px !important;
+}
+
+.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:last-child {
+	margin-right: 0 !important;
+}
+
+.charsheet .sheet-wrapper .sheet-2colrow .sheet-col {
+	width: calc(50% - 3px) !important;
+	margin-right: 2px !important;
+}
+
+.charsheet .sheet-wrapper .sheet-2colrow .sheet-col:last-child {
+	margin-right: 0 !important;
+}
+
+/* Row And Items */{}
+
+.charsheet .sheet-wrapper .sheet-row {
+    height: 34px;
+    margin: 0 0 2px;
+}
+
+.charsheet .sheet-wrapper .sheet-alternative:nth-child(2n) {
+    background-color: #E3E3E3;
+}
+
+.charsheet .sheet-wrapper .sheet-header {
+    height: 20px;
     margin: 0;
 }
 
-.sheet-baseinfo label {
-    border-top: 1px solid black;
-    width: 92%;
+.charsheet .sheet-wrapper .sheet-header label {
+    padding: 0;
+    font-size: 9px;
+    height: 20px;
+    line-height: 20px;
+    font-weight: normal;
+    word-wrap:break-word;
+}
+
+.charsheet .sheet-wrapper .sheet-item {
+	display: inline-block;
+	width: 100%;
+	height: 34px;
+	vertical-align: middle;
+	margin: 0 -2px;
+	text-align: left;
+	padding: 3px 2px;
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-multiline label {
+	line-height: 9px;
+	padding-top: 1px;
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-nano {
+	width: calc(7.5% - 3%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-micro {
+	width: calc(10% - 3%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-tiny {
+	width: calc(15% - 3%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-smaller {
+    width: calc(19% - 3%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-small {
+	width: calc(20% - 0.5%);
+}
+
+.charsheet .sheet-wrapper textarea.sheet-small {
+	height: 32px;
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-med {
+	width: calc(30% - 0.5%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-large {
+	width: calc(40% - 5%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-hulking {
+    width: calc(60% - 0.5%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-huge {
+	width: calc(80% - 3%);
+}
+
+/* Base Info */{}
+
+.sheet-baseinfo {
+	display: inline-block;
+	width: 145px;
+	margin-right: 3px;
 }
 
 .sheet-baseinfo.sheet-number {
@@ -55,158 +249,114 @@
     width: 100px;
 }
 
-/* statblock */
-.sheet-statblock {
-    margin-bottom: 10px;
+/* Stat Blocks */{}
+
+.charsheet .sheet-wrapper .sheet-statblock {
+    margin-bottom: 5px;
+	display: block;
+    visibility: visible;
+	
+	-webkit-transition: .125s linear;
+    -moz-transition: .125s linear;
+    -ms-transition: .125s linear;
+    -o-transition: .125s linear;
+    transition: .125s linear;
 }
 
-.sheet-statblock:last-child {
+.charsheet .sheet-wrapper .sheet-statblock:last-child {
     margin-bottom: 0!important;
 }
 
-.sheet-statblock input[type='number'], .sheet-statblock input[type='text']  {
-    display: inline-block;
-    border: 1px solid #ccc;
-    padding: 4px;
-    height: 28px;
-    width: 50px;
-    font-size: 13px;
-    line-height: 18px;
-    margin: 0;
-}
-
-.sheet-statblock label {
-    padding: 5px 0;
-    font-size: 13px;
-    line-height: 18px;
-    height: 28px;
-    margin: 0;
-    text-align: left;
-    width: 100%;
-}
-
-.sheet-statblock .sheet-black label {
+.charsheet .sheet-wrapper .sheet-statblock .sheet-black label {
     color: white;
 }
 
-.sheet-statblock input, .sheet-statblock select, .sheet-statblock textarea {
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-}
-
-.sheet-statblock h2 {
+.charsheet .sheet-wrapper .sheet-statblock h2, .charsheet .sheet-wrapper .sheet-headtwo {
     width: 100%;
     background-color: black;
     color: white;
     text-align: center;
+	margin: 1px 0;
+	font-weight:bold;
+	font-size: 15px;
 }
 
-.sheet-statblock .sheet-rowitem {
-    height: 40px;
-    margin: 2px 0;
+.charsheet .sheet-wrapper input[type=checkbox]:checked ~ label.sheet-headtwo {
+    background-color: #333;
 }
 
-.sheet-statblock .sheet-tinyitem, 
-.sheet-statblock .sheet-smallitem, 
-.sheet-statblock .sheet-meditem, 
-.sheet-statblock .sheet-medlargeitem, 
-.sheet-statblock .sheet-largeitem, 
-.sheet-statblock textarea {
-    display: inline-block;
-    padding: 6px 5px;
-    width: calc(80% - 13px);
-    height: 28px;
-    vertical-align: middle;
-    margin: 0 -2px;
-    text-align: left;
+.charsheet .sheet-wrapper input[type=checkbox]:checked ~ .sheet-statblock {
+	display: none;
+    visibility: hidden;
 }
 
-.sheet-statblock textarea {
-    width: 100%;
-    height: 50px;
-    font-size: 13px;
-    line-height: 18px;
+.charsheet .sheet-wrapper .sheet-hidden {
+	display: none;
+    visibility: hidden;
 }
 
-.sheet-statblock textarea.sheet-small {
-    height: 32px;
-}
-
-.sheet-statblock input[type='checkbox'] {
-    height: 28px;
-}
-
-.sheet-statblock .sheet-tinyitem input[type='number'], .sheet-statblock .sheet-tinyitem input[type='text'], .sheet-statblock .sheet-tinyitem select,
-.sheet-statblock .sheet-smallitem input[type='number'], .sheet-statblock .sheet-smallitem input[type='text'], .sheet-statblock .sheet-smallitem select,
-.sheet-statblock .sheet-meditem input[type='number'], .sheet-statblock .sheet-meditem input[type='text'], .sheet-statblock .sheet-meditem select,
-.sheet-statblock .sheet-medlargeitem input[type='number'], .sheet-statblock .sheet-medlargeitem input[type='text'], .sheet-statblock .sheet-medlargeitem select,
-.sheet-statblock .sheet-largeitem input[type='number'], .sheet-statblock .sheet-largeitem input[type='text'], .sheet-statblock .sheet-largeitem select {
-    width: 100%;
-}
-
-.sheet-statblock .sheet-tinyitem {
-    width: calc(15% - 10px);
-    padding: 6px 3px;
-}
-
-.sheet-statblock .sheet-smallitem {
-    width: calc(20% - 4px);
-}
-
-.sheet-statblock .sheet-meditem {
-    width: calc(33% - 9px);
-}
-
-.sheet-statblock .sheet-medlargeitem {
-    width: calc(40% - 8px);
-}
-
-.sheet-statblock .sheet-largeitem {
-    width: calc(50% - 8px);
-}
-
-.sheet-statblock .sheet-halfblack {
+.charsheet .sheet-wrapper .sheet-statblock .sheet-halfblack {
     background: linear-gradient(to right, white 50%, black 50%);
 }
-.sheet-statblock .sheet-black {
+.charsheet .sheet-wrapper .sheet-statblock .sheet-black {
     background: black;
     color: white;
 }
 
-.sheet-statblock .sheet-headerrowitem  .sheet-tinyitem,
-.sheet-statblock .sheet-headerrowitem .sheet-smallitem, 
-.sheet-statblock .sheet-headerrowitem  .sheet-meditem, 
-.sheet-statblock .sheet-headerrowitem  .sheet-medlargeitem, 
-.sheet-statblock .sheet-headerrowitem  .sheet-largeitem {
-    padding: 0 5px;
-    height: 20px;
+/* Pure CSS Hide/Show - For settings */{}
+
+.charsheet .sheet-wrapper .sheet-hider .sheet-article input[type=checkbox] ~ label {
+    display: inline-block;
+	font-size: 16px;
+	line-height: 16px;
+	font-weight: bold;
+	color: #555;
+    width: 100%;
+    border: 1px solid #CCC;
+    padding: 5px;
+    text-align: center;
+    
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-webkit-transition: border linear .2s,box-shadow linear .2s;
+	-moz-transition: border linear .2s,box-shadow linear .2s;
+	-ms-transition: border linear .2s,box-shadow linear .2s;
+	-o-transition: border linear .2s,box-shadow linear .2s;
+	transition: border linear .2s,box-shadow linear .2s;
+	
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
 }
 
-.sheet-statblock .sheet-headerrowitem .sheet-tinyitem {
-    padding: 6px 3px;
+.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ label {
+    color: white;
+    background-color: #555;
+    border: 1px solid black;
 }
 
-.sheet-statblock .sheet-headerrowitem label {
-    padding: 0;
-    font-size: 9px;
-    line-height: 9px;
-    font-weight: normal;
-    word-wrap:break-word;
+.charsheet .sheet-wrapper .sheet-hider .sheet-article .sheet-section:last-of-type {
+    display: none;
+    visibility: hidden;
 }
 
-/* Fixes */
-
-input[type='number'] {
-    -moz-appearance:textfield;
+.charsheet .sheet-wrapper .sheet-hider .sheet-section {
+    -webkit-transition: .125s linear;
+    -moz-transition: .125s linear;
+    -ms-transition: .125s linear;
+    -o-transition: .125s linear;
+    transition: .125s linear;
 }
 
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
+.charsheet .sheet-wrapper .sheet-hider input[type=checkbox] {
+    display: none;
+    visibility: hidden;
 }
 
-textarea {
-    resize: none;
+.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-section {
+    display: block;
+    visibility: visible;
+    width: 100%;
 }
+