diff --git a/The_Dee_Sanction/The_Dee_Sanction.css b/The_Dee_Sanction/The_Dee_Sanction.css
index a296b0972e..fedddeeac2 100644
--- a/The_Dee_Sanction/The_Dee_Sanction.css
+++ b/The_Dee_Sanction/The_Dee_Sanction.css
@@ -1,1089 +1,1089 @@
-@import url('https://fonts.googleapis.com/css?family=Tangerine&display=swap|Tinos:wght@700&display=swap|Quando&display=swap');
-
-.charsheet{
-	font-family: 'Tangerine', cursive;
-	font-weight:bold;
-	font-size:xx-large;
-	/*font-family: 'Verdana';*/
-	min-width: 832px;
-	max-width: 832px;	
-
-}
-
-
-
-
-
-
-.sheet-rolltemplate-challenge .sheet-wrapper{
-    height: 101px;
-    width: 207px;
-	padding:16px 5px 10px 5px;
-	background-repeat:no-repeat;
-	background-image: url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/roll-background25.jpg)
-}
-
-.sheet-rolltemplate-challenge div{
-	text-align:center;
-}
-
-
-.sheet-rolltemplate-challenge hr {
-    margin-top: 5px;
-    margin-bottom: 5px;	
-}
-
-
-.sheet-rolltemplate-challenge  .sheet-name{
-	font-family:Tangerine;
-	font-size:xx-large;
-	font-weight:bold;
-}
-
-.sheet-rolltemplate-challenge  .sheet-resource{
-	font-family:Tangerine;
-	font-size:xx-large;
-	font-weight:bold;
-	margin-top: 11px;
-	margin-bottom:5px;
-}
-
-.sheet-rolltemplate-challenge  .sheet-roll{
-	font-family:Quando;
-}
-
-.sheet-rolltemplate-challenge  .sheet-result{
-	font-family:Quando;
-	text-transform:uppercase;
-}
-
-	.sheet-rolltemplate-challenge .inlinerollresult{
-		background-color: transparent;
-		border:none;
-	}
-	
-
-	.sheet-rolltemplate-challenge .inlineroll {
-		
-    
-	}
-	
-	.sheet-rolltemplate-challenge .inlinerollresult.importantroll{
-		border:none;
-	}
-	
-	.sheet-rolltemplate-challenge .inlinerollresult.fullcrit{
-		border:none;
-	}
-	
-	.sheet-rolltemplate-challenge .inlinerollresult.fullfail {
-		border:none;
-	}
-
-
-.headerSection{
-    position: relative;
-    height: 168px
-}
-
-
-
-.headerSection .section1{
-	position: absolute;
-    font-size: 32px;
-    top: 0px;
-    left: 145px
-}
-
-.headerSection .section2{
-    position: absolute;
-    font-size: 100px;
-    top: -15px;
-    left: 152px;
-}
-
-.headerSection .section3{
-	position: absolute;
-    font-size: 100px;
-    top: 40px;
-    left: 83px;  
-}
-
-.main-grid-container{
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0px 5px;
-}
-
-
-.left-grid-container{
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: 169px max-content  max-content   max-content ;
-  gap: 5px 0px;
-}
-
-
-.right-grid-container{
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows:  max-content max-content  max-content   max-content ;
-  /*grid-template-rows: 103px 100px 100px 100px 100px;*/
-  gap: 5px 0px;
-}
-
-
-.x1frContent{
-    display: grid;
-    grid-template-columns: max-content 1fr;
-    gap: 13px;
-    /* grid-template-rows: max-content; */
-    line-height: 34px;
-    align-items: center;
-}
-
-.x1frContent input{
-    width: 100%;
-    padding: 0px;
-    border-bottom: 1px solid black;
-}
-
-.x1frContent span{
-    align-self: end;
-    display: block;
-	Font-size: x-large;
-}
-
-
-.details input[type="text"]{
-	font-family: Tino;
-    text-transform: uppercase;
-    font-size: large;
-}
-
-.sheet-quirks{
-	font-size:xx-small;
-}
-
-
-.resource-grid{
-	display: grid;
-    grid-template-columns: 82px 82px 82px;
-    gap: 5px;
-	margin: 0px 28px 0px 63px
-}
-
-.resource-grid button{
-	font-size:x-large;
-}
-
-.resource-bubble{
-	position:relative;
-	                      
-	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/resource-bubble24.png");
-    height: 137px;
-    width: 85px;
-	background-repeat: no-repeat;
-}
-
-
-.resource-bubble input{
-    position: absolute;
-    width: 80%;
-    left: 7px;
-    top: 63px;
-    height: 64px;
-    border: none;
-    background: transparent;
-    font-size: xx-large;
-	font-weight:bold;
-    font-family: Tino;
-	text-align:center;
-}
-
-.resource-bubble select{
-    border-radius: 100%;
-    position: absolute;
-    width: 80%;
-    left: 12px;
-    top: 63px;
-    height: 64px;
-    border: none;
-    background: transparent;
-    font-size: xx-large;
-    font-weight: bold;
-    font-family: Tino;
-    text-align: center;
-	margin:0px;
-}
-
-.ExpertiseAbilities{
-    margin: 0px;
-    width: 393px;
-    height: 58px;
-    font-family: Quando;
-    font-size: small;
-    text-transform: uppercase
-}
-
-
-.fortuneGrid{
-	display: grid;
-    grid-template-columns: max-content 1fr;
-    gap: 1px;
-}
-
-
-.fortuneGrid span{
-	display:block;
-}
-
-.fortune{
-	position:relative;
-	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/fortune22.png");
-    height: 95px;
-    width: 66px;
-	background-repeat: no-repeat;
-}
-
-
-.fortune input{
-position: absolute;
-    width: 80%;
-    left: 6px;
-    top: 16px;
-    height: 64px;
-    border: none;
-    background: transparent;
-    font-size: xxx-large;
-    font-weight: bold;
-    font-family: Tino;
-    text-align: center;
-}
-
-
-.fortuneNotes{
-    margin: 0px;
-    width: 90%;
-    height: 102px;
-	font-family:Quando;
-	border: 1px solid lightgray;
-	text-transform:uppercase;
-	
-}
-
-.tradecraftGrid{
-	display: grid;
-    grid-template-columns: max-content 1fr;
-    gap: 25px;
-    line-height: normal;
-    padding: 0px;;	
-}
-
-.tradecraftGrid textarea{
-	font-family: Quando;
-	font-size:small;
-	width: 293px;
-    height: 74px;
-}
-
-
-.InjuriesAfflicationGrid{
-	display: grid;
-    grid-template-columns: 307px 80px;
-    gap: 1px;
-}
-
-.InjuriesAfflicationGrid input{
-	width:100%;
-	border-bottom:1px solid black;
-	font-family: Quando;
-}
-
-.InjuriesAfflicationGrid select{
-	width:100%;
-	margin:0px;
-	font-family: Quando;
-	border:none;
-	border-bottom: 1px solid black;
-    border-radius: 0px;
-	padding:0px;
-}
-
-
-
-.HitsGrid{
-	display: grid;
-    grid-template-columns: max-content 1fr;
-    gap: 1px;
-	margin-top: 10px;
-}
-
-.hits{
-	position:relative;
-	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/hits23.png");
-    height: 95px;
-    width: 66px;
-	background-repeat: no-repeat;
-}
-
-
-.hits input[type=text]{
-	position: absolute;
-    width: 80%;
-    left: 5px;
-    top: 16px;
-    height: 45px;
-    border: none;
-    background: transparent;
-    font-size: xxx-large;
-    font-weight: bold;
-    font-family: Tino;
-    text-align: center;
-}
-
-
-.ArmorGrid{
-	display: grid;
-    grid-template-columns: max-content 1fr;
-    gap: 1px;
-	margin-top: 10px;
-	align-items: end;
-}
-
-.ArmorGrid button[type="roll"]{
-	font-weight: bold;
-    font-family: Tino;
-	font-size:large;
-}
-
-
-
-.ArmorGrid textarea{
-}
-
-.ArmorGrid span{
-	display:block
-}
-
-.Armor{
-	position:relative;
-	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/armor23.png");
-    height:107px;
-    width: 66px;
-	background-repeat: no-repeat;
-}
-
-
-.Armor input[type=text]{
-	position: absolute;
-    width: 80%;
-    left: 5px;
-    top: 22px;
-    height: 45px;
-    border: none;
-    background: transparent;
-    font-size: 27px;
-    font-weight: bold;
-    font-family: Tino;
-    text-align: center;
-}
-
-
-
-.Armor select{
-	border-radius: 100%;
-    position: absolute;
-    width: 95%;
-    left: 2px;
-    top: 15px;
-    height: 64px;
-    border: none;
-    background: transparent;
-    font-size: x-large;
-    font-weight: bold;
-    font-family: Tino;
-    text-align: center;
-    margin: 0px
-}
-
-
-.possessions span{
-	font-weight: bold;
-    font-family: Tino;
-	font-size:large;
-}
-
-.possessions textarea{
-    margin: 0px;
-    width: 97%;
-    height:  365px;
-    border: 1px solid lightgray;
-	font-family: Quando;
-	font-size: small;
-	text-transform: uppercase;
-}
-
-
-
-.hits input[type=checkbox]{
-}
-
-.hitsFalter1{
-	position: absolute;
-    width: 80%;
-    left: 6px;
-    top: 56px;
-}
-
-.hitsFalter2{
-	position: absolute;
-    width: 80%;
-    left: 41px;
-    top: 56px;
-}
-
-.minorHdr {
-	font-weight: bold;
-    font-family: Tino;
-	font-size:large;
-}
-
-.quirk textarea{
-    margin: 0px;
-    width: 97%;
-    height: 27px;
-    border: 1px solid lightgray;
-	font-family: Quando;
-	font-size: xx-small;
-}
-
-.favour span{
-	font-weight: bold;
-    font-family: Tino;
-	font-size:large;
-}
-
-
-.favour input[type=text]{
-	width:200px;
-	font-family: Tino;
-	font-size:large;
-}
-
-.favourDtls{
-    margin: 0px;
-    width: 97%;
-    height: 60px;
-    border: 1px solid lightgray;
-	font-family: Tino;
-	font-size:small;
-	text-transform: uppercase
-}
-
-
-.esoterica{
-    margin: 0px;
-    width: 97%;
-    height: 60px;
-    border: 1px solid lightgray;
-	font-family: Tino;
-	font-size:large;
-	text-transform: uppercase
-	
-	
-}
-
-
-.unravelling{
-	position:relative;
-	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/dice22.png");
-	background-repeat:no-repeat;
-	height:110px;
-	width:330px;
-	margin-left: 45px;
-	margin-bottom: 10px;
-}
-
-.unravelling button.text_roll[type="roll"]{
-	position: absolute;
-    top: 8px;
-    left:127px;
-    font-family: Tangerine;
-	font-size:32px;
-}
-
-
-.unravelling #d12{
-	position: absolute;
-	top: 71px;
-    left: 25px;
-}
-
-.unravelling #d10{
-	position: absolute;
-	top: 74px;
-    left: 92px;
-}
-
-
-
-.unravelling #d8{
-	position: absolute;
-	top: 74px;
-    left: 159px;
-}
-
-.unravelling #d6{
-	position: absolute;
-	top: 72px;
-    left:224px;
-}
-
-
-.unravelling #d4{
-	position: absolute;
-	top: 75px;
-    left: 290px;
-}
-
-
-
-
-input[type="radio"].diced12{
-  display:none;
-}
-
-.diced12 + label[for=d12]
-{
-	top: 39px;
-    left: -5px;
-	width:63px;
-}
-
-.diced12:checked + label[for=d12]
-{
-	background-repeat:no-repeat;
-    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
-}
-
-
-.diced10{
-   display:none;
-}
-
-.diced10 + label[for=d10]
-{
-    top: 40px;
-    left: 60px;
-	width:63px;
-
-}
-
-.diced10:checked + label[for=d10]
-{
-	background-repeat:no-repeat;
-    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
-}
-
-
-.diced8{
-   display:none;
-}
-
-.diced8 + label[for=d8]
-{
-    top: 39px;
-    left: 129px;
-	width:63px;	
-}
-
-.diced8:checked + label[for=d8]
-{
-	background-repeat:no-repeat;
-    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
-}
-
-
-.diced6{
-   display:none;
-}
-
-.diced6 + label[for=d6]
-{
-    top: 39px;
-    left: 195px;
-	width:63px;	
-}
-
-.diced6:checked + label[for=d6]
-{
-	background-repeat:no-repeat;
-    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
-}
-
-.diced4{
-   display:none;
-}
-
-.diced4 + label[for=d4]
-{
-    top: 46px;
-    left: 260px;
-	width:63px;	
-}
-
-.diced4:checked + label[for=d4]
-{
-	background-repeat:no-repeat;
-    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
-}
-
-.baseDieLabel{
-	position: absolute;
-    background-image: none;
-    height: 72px;
-    width: 72px;
-    display: inline-block;
-    padding: 0 0 0 0px;
-    cursor: pointer;
-
-}
-
-
-.AffilationContact{
-    margin: 0px;
-    width: 393px;
-    height: 58px;
-    font-family: Quando;
-    font-size: small;
-    text-transform: uppercase
-}
-
-.resource-selector{
-	display: grid;
-    grid-template-columns: 50px 79px 50px 79px 50px 79px;
-    gap: 1px;
-    align-items: center;
-    grid-template-rows: 49px;
-}
-
-	
-	
-.resource-selector input{
-    margin:0;padding:0;
-    -webkit-appearance:none;
-       -moz-appearance:none;
-            appearance:none;
-}
-
-.systemIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/system2.png);}
-.kitIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/kit22.png);}
-.vigilanceIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/vigilance22.png);}
-.magicIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/magic22.png);}
-.accessIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/access22.png);}
-.conspiracyIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/conspiracy22.png);}
-
-
-.charsheet *:focus {
-  outline: none;
-}			
-
-.charsheet textarea {
-    width: 96%;
-}
-
-
-.resource-selector input:active +.resource-used{opacity: .9;}
-.resource-selector input:checked +.resource-used{
-    -webkit-filter: none;
-       -moz-filter: none;
-            filter: none;
-}
-label.resource-used{
-    cursor:pointer;
-    background-size:contain;
-    background-repeat:no-repeat;
-    display:inline-block;
-	width: 46px;
-    height: 75px;
-    -webkit-transition: all 100ms ease-in;
-       -moz-transition: all 100ms ease-in;
-            transition: all 100ms ease-in;
-    -webkit-filter: brightness(1.1) grayscale(1) opacity(.4);
-       -moz-filter: brightness(1.1) grayscale(1) opacity(.4);
-			filter: brightness(1.1) grayscale(1) opacity(.4);
-
-}
-
-label.resource-used:hover{
-    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
-       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
-            filter: brightness(1.2) grayscale(.5) opacity(.9);
-}
-
-
-.fixLH{
-	line-height:0.5em;
-    z-index: 0;
-}
-
-.TaC{
-    padding-left: 137px;
-	margin-top:0px;
-}
-
-.section-wrapper{
-	padding:5px;
-	border:1px solid black;
-}
-
-.text_input{
-	border: none;
-    box-shadow: none;
-    /*border-bottom: 1px solid black;*/
-    border-radius: 0;
-	display:inline-block;
-	outline:none;
-	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
-
-}
-
-
-
-
-/* Text button */
-
-.charsheet button[type=roll].text_roll::before {    
-    content: " ";
-    background-image: none;
-}
-
-.charsheet button.text_roll[type="roll"] {
-	font-size: x-large;
-	font-weight:bold;
-    display: inline-block;
-    box-shadow: none;
-	outline:none;
-    margin: 0;
-    text-align: center;
-    cursor: pointer;
-    background-image: none;
-    background-color: transparent;
-    white-space: nowrap;
-    border: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    color: black;
-    line-height: 11px;
-
-}
-
-.charsheet button.text_roll[type="roll"]:hover {
-    /*background-color:rgb(230, 239, 230);*/
-    /*border-color: red;*/
-    color:red;
-}
-
-.charsheet button.text_roll[type="roll"] label, .charsheet button[type="roll"] input {
-    height:24px;
-    line-height: 24px;
-    text-align:center;
-    width: 100%;
-    cursor: pointer;
-    background: none;
-    box-shadow: none;
-    transition: none;
-    border:none;
-    font-weight:700;
-}
-
-
-.charsheet button.text_roll[type="roll"]:hover label, .charsheet button[type="roll"]:hover input {
-    color: white;
-    border: none;
-}
-
-
-/* End Text button end*/
-
-
-/* Text Action button */
-
-.charsheet button[type="action"] text_roll::before {    
-    content: " ";  
-	*background-image: none;
-}
-
-.charsheet button.text_roll[type="action"] {
-	font-size: x-large;
-	font-weight:bold;
-	font-family:tangerine;
-    display: inline-block;
-    box-shadow: none;
-	outline:none;
-    margin: 0;
-    text-align: left;
-    cursor: pointer;
-    background-image: none;
-    background-color: transparent;
-    white-space: nowrap;
-    border: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    color: black;
-    line-height: 11px;
-
-}
-
-.charsheet button.text_roll[type="action"]:hover {
-    /*background-color:rgb(230, 239, 230);*/
-    /*border-color: red;*/
-    color:red;
-}
-
-.charsheet button.text_roll[type="action"] label, .charsheet button[type="action"] input {
-    height:24px;
-    line-height: 24px;
-    text-align:left;
-    width: 100%;
-    cursor: pointer;
-    background: none;
-    box-shadow: none;
-    transition: none;
-    /*border-radius: none;*/
-    border:none;
-    font-weight:700;
-}
-
-
-.charsheet button.text_roll[type=action]:hover label, .charsheet button[type=action]:hover input {
-    color: white;
-    border: none;
-}
-
-
-/* End Text button end*/
-.unravelling button.clearButt[type="action"]{
-	position: absolute;
-    top: 91px;
-    left: 327px;
-    z-index: 0;
-    font-size: medium;
-}
-
-	
-	/*Unravelling template */
-	
-.sheet-rolltemplate-unravelling .sheet-wrapper{
-    height: 232px;
-    width: 207px;
-	padding:16px 5px 10px 5px;
-	background-repeat:no-repeat;
-	background-image: url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/roll-background33.jpg)
-}
-
-.sheet-rolltemplate-unravelling .sheet-immediateGrid 
-{
-	display: grid;
-    grid-template-columns: 50px 151px;
-    gap: 1px;
-	margin: 2px 0px 10px 0px;
-}
-
-
-.sheet-rolltemplate-unravelling .sheet-humour{
-	font-weight:bold;
-}
-
-.sheet-rolltemplate-unravelling .sheet-dtls{
-	font-size: x-small;
-    line-height: 1em;
-    text-align: left;
-	text-transform: none;
-}
-
-
-.sheet-rolltemplate-unravelling div{
-	text-align:center;
-}
-
-
-.sheet-rolltemplate-unravelling hr {
-    margin-top: 5px;
-    margin-bottom: 5px;	
-}
-
-
-.sheet-rolltemplate-unravelling  .sheet-name{
-	font-family:Tangerine;
-	font-size:xx-large;
-	font-weight:bold;
-}
-
-.sheet-rolltemplate-unravelling  .sheet-resource{
-	font-family:Tangerine;
-	font-size:xx-large;
-	font-weight:bold;
-	margin-top: 11px;
-	margin-bottom:5px;
-}
-
-.sheet-rolltemplate-unravelling  .sheet-roll{
-	font-family:Quando;
-}
-
-.sheet-rolltemplate-unravelling  .sheet-result{
-	font-family:Quando;
-	text-transform:uppercase;
-	line-height: 1em;
-}
-
-	.sheet-rolltemplate-unravelling .inlinerollresult{
-		background-color: transparent;
-		border:none;
-	}
-	
-
-	.sheet-rolltemplate-unravelling .inlineroll {
-		
-    
-	}
-	
-	.sheet-rolltemplate-unravelling .inlinerollresult.importantroll{
-		border:none;
-	}
-	
-	.sheet-rolltemplate-unravelling .inlinerollresult.fullcrit{
-		border:none;
-	}
-	
-	.sheet-rolltemplate-unravelling .inlinerollresult.fullfail {
-		border:none;
-	}
-		
-	
-	/*                      */
-	
-/* Armour Template */
-.sheet-rolltemplate-armour .sheet-wrapper{
-    height: 101px;
-    width: 207px;
-	padding:16px 5px 10px 5px;
-	background-repeat:no-repeat;
-	background-image: url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/roll-background25.jpg)
-}
-
-.sheet-rolltemplate-armour div{
-	text-align:center;
-}
-
-
-.sheet-rolltemplate-armour hr {
-    margin-top: 5px;
-    margin-bottom: 5px;	
-}
-
-
-.sheet-rolltemplate-armour  .sheet-name{
-	font-family:Tangerine;
-	font-size:xx-large;
-	font-weight:bold;
-}
-
-.sheet-rolltemplate-armour  .sheet-resource{
-	font-family:Tangerine;
-	font-size:xx-large;
-	font-weight:bold;
-	margin-top: 11px;
-	margin-bottom:5px;
-}
-
-.sheet-rolltemplate-armour  .sheet-roll{
-	font-family:Quando;
-}
-
-.sheet-rolltemplate-armour  .sheet-result{
-	font-family:Quando;
-	text-transform:uppercase;
-}
-
-	.sheet-rolltemplate-armour .inlinerollresult{
-		background-color: transparent;
-		border:none;
-	}
-	
-
-	.sheet-rolltemplate-armour .inlineroll {
-		
-    
-	}
-	
-	.sheet-rolltemplate-armour .inlinerollresult.importantroll{
-		border:none;
-	}
-	
-	.sheet-rolltemplate-armour .inlinerollresult.fullcrit{
-		border:none;
-	}
-	
-	.sheet-rolltemplate-armour .inlinerollresult.fullfail {
-		border:none;
-	}
-	/*               */
-
-/*-------------------------------------------*/
-/*------------ Repeating Buttons ------------*/
-/*-------------------------------------------*/
-
-.repcontrol .btn {
-    border: 0 solid transparent;
-    color: white !important;
-    background: none;
-    font-size: 0px;
-    box-shadow: none;
-    margin-bottom: 1px;
-	font-family: pictos;
-	font-style: normal;
-}
-
-.repcontrol .repcontrol_edit::after {
-    content: '(';
-}
-
- .editmode ~ .repcontrol .repcontrol_edit::after {
-    content: ')';
-}
-
-.repcontrol .repcontrol_add::before {
-	content: '&';
-}
-
- .repcontrol .repcontrol_add::before,
- .repcontrol .repcontrol_edit::after {
-    visibility: visible;
-    background-color: #fff;
-    border: 1px solid #999;
-    border-radius: 2px;
-    font-size: 12px;
-    height: 12px;
-    width: 12px;
-    padding: 2px 4px 2px 4px;
-    color: #333;
-}
-
-.repcontrol .repcontrol_edit:hover::after,
-.repcontrol .repcontrol_add:hover::before
-{
-    background-color: #EFEFEF;
-}
+@import url('https://fonts.googleapis.com/css?family=Tangerine&display=swap|Tinos:wght@700&display=swap|Quando&display=swap');
+
+.charsheet{
+	font-family: 'Tangerine', cursive;
+	font-weight:bold;
+	font-size:xx-large;
+	/*font-family: 'Verdana';*/
+	min-width: 832px;
+	max-width: 832px;
+
+}
+
+
+
+
+
+
+.sheet-rolltemplate-challenge .sheet-wrapper{
+    height: 101px;
+    width: 207px;
+	padding:16px 5px 10px 5px;
+	background-repeat:no-repeat;
+	background-image: url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/roll-background25.jpg)
+}
+
+.sheet-rolltemplate-challenge div{
+	text-align:center;
+}
+
+
+.sheet-rolltemplate-challenge hr {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+
+.sheet-rolltemplate-challenge  .sheet-name{
+	font-family:Tangerine;
+	font-size:xx-large;
+	font-weight:bold;
+}
+
+.sheet-rolltemplate-challenge  .sheet-resource{
+	font-family:Tangerine;
+	font-size:xx-large;
+	font-weight:bold;
+	margin-top: 11px;
+	margin-bottom:5px;
+}
+
+.sheet-rolltemplate-challenge  .sheet-roll{
+	font-family:Quando;
+}
+
+.sheet-rolltemplate-challenge  .sheet-result{
+	font-family:Quando;
+	text-transform:uppercase;
+}
+
+	.sheet-rolltemplate-challenge .inlinerollresult{
+		background-color: transparent;
+		border:none;
+	}
+
+
+	.sheet-rolltemplate-challenge .inlineroll {
+
+
+	}
+
+	.sheet-rolltemplate-challenge .inlinerollresult.importantroll{
+		border:none;
+	}
+
+	.sheet-rolltemplate-challenge .inlinerollresult.fullcrit{
+		border:none;
+	}
+
+	.sheet-rolltemplate-challenge .inlinerollresult.fullfail {
+		border:none;
+	}
+
+
+.headerSection{
+    position: relative;
+    height: 168px
+}
+
+
+
+.headerSection .section1{
+	position: absolute;
+    font-size: 32px;
+    top: 0px;
+    left: 145px
+}
+
+.headerSection .section2{
+    position: absolute;
+    font-size: 100px;
+    top: -15px;
+    left: 152px;
+}
+
+.headerSection .section3{
+	position: absolute;
+    font-size: 100px;
+    top: 40px;
+    left: 83px;
+}
+
+.main-grid-container{
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0px 5px;
+}
+
+
+.left-grid-container{
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 169px max-content  max-content   max-content ;
+  gap: 5px 0px;
+}
+
+
+.right-grid-container{
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows:  max-content max-content  max-content   max-content ;
+  /*grid-template-rows: 103px 100px 100px 100px 100px;*/
+  gap: 5px 0px;
+}
+
+
+.x1frContent{
+    display: grid;
+    grid-template-columns: max-content 1fr;
+    gap: 13px;
+    /* grid-template-rows: max-content; */
+    line-height: 34px;
+    align-items: center;
+}
+
+.x1frContent input{
+    width: 100%;
+    padding: 0px;
+    border-bottom: 1px solid black;
+}
+
+.x1frContent span{
+    align-self: end;
+    display: block;
+	Font-size: x-large;
+}
+
+
+.details input[type="text"]{
+	font-family: Tino;
+    text-transform: uppercase;
+    font-size: large;
+}
+
+.sheet-quirks{
+	font-size:xx-small;
+}
+
+
+.resource-grid{
+	display: grid;
+    grid-template-columns: 82px 82px 82px;
+    gap: 5px;
+	margin: 0px 28px 0px 63px
+}
+
+.resource-grid button{
+	font-size:x-large;
+}
+
+.resource-bubble{
+	position:relative;
+
+	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/resource-bubble24.png");
+    height: 137px;
+    width: 85px;
+	background-repeat: no-repeat;
+}
+
+
+.resource-bubble input{
+    position: absolute;
+    width: 80%;
+    left: 7px;
+    top: 63px;
+    height: 64px;
+    border: none;
+    background: transparent;
+    font-size: xx-large;
+	font-weight:bold;
+    font-family: Tino;
+	text-align:center;
+}
+
+.resource-bubble select{
+    border-radius: 100%;
+    position: absolute;
+    width: 80%;
+    left: 12px;
+    top: 63px;
+    height: 64px;
+    border: none;
+    background: transparent;
+    font-size: xx-large;
+    font-weight: bold;
+    font-family: Tino;
+    text-align: center;
+	margin:0px;
+}
+
+.ExpertiseAbilities{
+    margin: 0px;
+    width: 393px;
+    height: 58px;
+    font-family: Quando;
+    font-size: small;
+    text-transform: uppercase
+}
+
+
+.fortuneGrid{
+	display: grid;
+    grid-template-columns: max-content 1fr;
+    gap: 1px;
+}
+
+
+.fortuneGrid span{
+	display:block;
+}
+
+.fortune{
+	position:relative;
+	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/fortune22.png");
+    height: 95px;
+    width: 66px;
+	background-repeat: no-repeat;
+}
+
+
+.fortune input{
+position: absolute;
+    width: 80%;
+    left: 6px;
+    top: 16px;
+    height: 64px;
+    border: none;
+    background: transparent;
+    font-size: xxx-large;
+    font-weight: bold;
+    font-family: Tino;
+    text-align: center;
+}
+
+
+.fortuneNotes{
+    margin: 0px;
+    width: 90%;
+    height: 102px;
+	font-family:Quando;
+	border: 1px solid lightgray;
+	text-transform:uppercase;
+
+}
+
+.tradecraftGrid{
+	display: grid;
+    grid-template-columns: max-content 1fr;
+    gap: 25px;
+    line-height: normal;
+    padding: 0px;;
+}
+
+.tradecraftGrid textarea{
+	font-family: Quando;
+	font-size:small;
+	width: 293px;
+    height: 74px;
+}
+
+
+.InjuriesAfflicationGrid{
+	display: grid;
+    grid-template-columns: 307px 80px;
+    gap: 1px;
+}
+
+.InjuriesAfflicationGrid input{
+	width:100%;
+	border-bottom:1px solid black;
+	font-family: Quando;
+}
+
+.InjuriesAfflicationGrid select{
+	width:100%;
+	margin:0px;
+	font-family: Quando;
+	border:none;
+	border-bottom: 1px solid black;
+    border-radius: 0px;
+	padding:0px;
+}
+
+
+
+.HitsGrid{
+	display: grid;
+    grid-template-columns: max-content 1fr;
+    gap: 1px;
+	margin-top: 10px;
+}
+
+.hits{
+	position:relative;
+	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/hits23.png");
+    height: 95px;
+    width: 66px;
+	background-repeat: no-repeat;
+}
+
+
+.hits input[type=text]{
+	position: absolute;
+    width: 80%;
+    left: 5px;
+    top: 16px;
+    height: 45px;
+    border: none;
+    background: transparent;
+    font-size: xxx-large;
+    font-weight: bold;
+    font-family: Tino;
+    text-align: center;
+}
+
+
+.ArmorGrid{
+	display: grid;
+    grid-template-columns: max-content 1fr;
+    gap: 1px;
+	margin-top: 10px;
+	align-items: end;
+}
+
+.ArmorGrid button[type="roll"]{
+	font-weight: bold;
+    font-family: Tino;
+	font-size:large;
+}
+
+
+
+.ArmorGrid textarea{
+}
+
+.ArmorGrid span{
+	display:block
+}
+
+.Armor{
+	position:relative;
+	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/armor23.png");
+    height:107px;
+    width: 66px;
+	background-repeat: no-repeat;
+}
+
+
+.Armor input[type=text]{
+	position: absolute;
+    width: 80%;
+    left: 5px;
+    top: 22px;
+    height: 45px;
+    border: none;
+    background: transparent;
+    font-size: 27px;
+    font-weight: bold;
+    font-family: Tino;
+    text-align: center;
+}
+
+
+
+.Armor select{
+	border-radius: 100%;
+    position: absolute;
+    width: 95%;
+    left: 2px;
+    top: 15px;
+    height: 64px;
+    border: none;
+    background: transparent;
+    font-size: x-large;
+    font-weight: bold;
+    font-family: Tino;
+    text-align: center;
+    margin: 0px
+}
+
+
+.possessions span{
+	font-weight: bold;
+    font-family: Tino;
+	font-size:large;
+}
+
+.possessions textarea{
+    margin: 0px;
+    width: 97%;
+    height:  365px;
+    border: 1px solid lightgray;
+	font-family: Quando;
+	font-size: small;
+	text-transform: uppercase;
+}
+
+
+
+.hits input[type=checkbox]{
+}
+
+.hitsFalter1{
+	position: absolute;
+    width: 80%;
+    left: 6px;
+    top: 56px;
+}
+
+.hitsFalter2{
+	position: absolute;
+    width: 80%;
+    left: 41px;
+    top: 56px;
+}
+
+.minorHdr {
+	font-weight: bold;
+    font-family: Tino;
+	font-size:large;
+}
+
+.quirk textarea{
+    margin: 0px;
+    width: 97%;
+    height: 27px;
+    border: 1px solid lightgray;
+	font-family: Quando;
+	font-size: xx-small;
+}
+
+.favour span{
+	font-weight: bold;
+    font-family: Tino;
+	font-size:large;
+}
+
+
+.favour input[type=text]{
+	width:200px;
+	font-family: Tino;
+	font-size:large;
+}
+
+.favourDtls{
+    margin: 0px;
+    width: 97%;
+    height: 60px;
+    border: 1px solid lightgray;
+	font-family: Tino;
+	font-size:small;
+	text-transform: uppercase
+}
+
+
+.esoterica{
+    margin: 0px;
+    width: 97%;
+    height: 60px;
+    border: 1px solid lightgray;
+	font-family: Tino;
+	font-size:large;
+	text-transform: uppercase
+
+
+}
+
+
+.unravelling{
+	position:relative;
+	background-image:url("https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/dice22.png");
+	background-repeat:no-repeat;
+	height:110px;
+	width:330px;
+	margin-left: 45px;
+	margin-bottom: 10px;
+}
+
+.unravelling button.text_roll[type="roll"]{
+	position: absolute;
+    top: 8px;
+    left:127px;
+    font-family: Tangerine;
+	font-size:32px;
+}
+
+
+.unravelling #d12{
+	position: absolute;
+	top: 71px;
+    left: 25px;
+}
+
+.unravelling #d10{
+	position: absolute;
+	top: 74px;
+    left: 92px;
+}
+
+
+
+.unravelling #d8{
+	position: absolute;
+	top: 74px;
+    left: 159px;
+}
+
+.unravelling #d6{
+	position: absolute;
+	top: 72px;
+    left:224px;
+}
+
+
+.unravelling #d4{
+	position: absolute;
+	top: 75px;
+    left: 290px;
+}
+
+
+
+
+input[type="radio"].diced12{
+  display:none;
+}
+
+.diced12 + label[for=d12]
+{
+	top: 39px;
+    left: -5px;
+	width:63px;
+}
+
+.diced12:checked + label[for=d12]
+{
+	background-repeat:no-repeat;
+    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
+}
+
+
+.diced10{
+   display:none;
+}
+
+.diced10 + label[for=d10]
+{
+    top: 40px;
+    left: 60px;
+	width:63px;
+
+}
+
+.diced10:checked + label[for=d10]
+{
+	background-repeat:no-repeat;
+    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
+}
+
+
+.diced8{
+   display:none;
+}
+
+.diced8 + label[for=d8]
+{
+    top: 39px;
+    left: 129px;
+	width:63px;
+}
+
+.diced8:checked + label[for=d8]
+{
+	background-repeat:no-repeat;
+    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
+}
+
+
+.diced6{
+   display:none;
+}
+
+.diced6 + label[for=d6]
+{
+    top: 39px;
+    left: 195px;
+	width:63px;
+}
+
+.diced6:checked + label[for=d6]
+{
+	background-repeat:no-repeat;
+    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
+}
+
+.diced4{
+   display:none;
+}
+
+.diced4 + label[for=d4]
+{
+    top: 46px;
+    left: 260px;
+	width:63px;
+}
+
+.diced4:checked + label[for=d4]
+{
+	background-repeat:no-repeat;
+    background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/ring23.png);
+}
+
+.baseDieLabel{
+	position: absolute;
+    background-image: none;
+    height: 72px;
+    width: 72px;
+    display: inline-block;
+    padding: 0 0 0 0px;
+    cursor: pointer;
+
+}
+
+
+.AffilationContact{
+    margin: 0px;
+    width: 393px;
+    height: 58px;
+    font-family: Quando;
+    font-size: small;
+    text-transform: uppercase
+}
+
+.resource-selector{
+	display: grid;
+    grid-template-columns: 50px 79px 50px 79px 50px 79px;
+    gap: 1px;
+    align-items: center;
+    grid-template-rows: 49px;
+}
+
+
+
+.resource-selector input{
+    margin:0;padding:0;
+    -webkit-appearance:none;
+       -moz-appearance:none;
+            appearance:none;
+}
+
+.systemIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/system2.png);}
+.kitIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/kit22.png);}
+.vigilanceIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/vigilance22.png);}
+.magicIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/magic22.png);}
+.accessIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/access22.png);}
+.conspiracyIcon{background-image:url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/conspiracy22.png);}
+
+
+.charsheet *:focus {
+  outline: none;
+}
+
+.charsheet textarea {
+    width: 96%;
+}
+
+
+.resource-selector input:active +.resource-used{opacity: .9;}
+.resource-selector input:checked +.resource-used{
+    -webkit-filter: none;
+       -moz-filter: none;
+            filter: none;
+}
+label.resource-used{
+    cursor:pointer;
+    background-size:contain;
+    background-repeat:no-repeat;
+    display:inline-block;
+	width: 46px;
+    height: 75px;
+    -webkit-transition: all 100ms ease-in;
+       -moz-transition: all 100ms ease-in;
+            transition: all 100ms ease-in;
+    -webkit-filter: brightness(1.1) grayscale(1) opacity(.4);
+       -moz-filter: brightness(1.1) grayscale(1) opacity(.4);
+			filter: brightness(1.1) grayscale(1) opacity(.4);
+
+}
+
+label.resource-used:hover{
+    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
+       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
+            filter: brightness(1.2) grayscale(.5) opacity(.9);
+}
+
+
+.fixLH{
+	line-height:0.5em;
+    z-index: 0;
+}
+
+.TaC{
+    padding-left: 137px;
+	margin-top:0px;
+}
+
+.section-wrapper{
+	padding:5px;
+	border:1px solid black;
+}
+
+.text_input{
+	border: none;
+    box-shadow: none;
+    /*border-bottom: 1px solid black;*/
+    border-radius: 0;
+	display:inline-block;
+	outline:none;
+	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
+
+}
+
+
+
+
+/* Text button */
+
+.charsheet button[type=roll].text_roll::before {
+    content: " ";
+    background-image: none;
+}
+
+.charsheet button.text_roll[type="roll"] {
+	font-size: x-large;
+	font-weight:bold;
+    display: inline-block;
+    box-shadow: none;
+	outline:none;
+    margin: 0;
+    text-align: center;
+    cursor: pointer;
+    background-image: none;
+    background-color: transparent;
+    white-space: nowrap;
+    border: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    color: black;
+    line-height: 11px;
+
+}
+
+.charsheet button.text_roll[type="roll"]:hover {
+    /*background-color:rgb(230, 239, 230);*/
+    /*border-color: red;*/
+    color:red;
+}
+
+.charsheet button.text_roll[type="roll"] label, .charsheet button[type="roll"] input {
+    height:24px;
+    line-height: 24px;
+    text-align:center;
+    width: 100%;
+    cursor: pointer;
+    background: none;
+    box-shadow: none;
+    transition: none;
+    border:none;
+    font-weight:700;
+}
+
+
+.charsheet button.text_roll[type="roll"]:hover label, .charsheet button[type="roll"]:hover input {
+    color: white;
+    border: none;
+}
+
+
+/* End Text button end*/
+
+
+/* Text Action button */
+
+.charsheet button[type="action"] text_roll::before {
+    content: " ";
+	*background-image: none;
+}
+
+.charsheet button.text_roll[type="action"] {
+	font-size: x-large;
+	font-weight:bold;
+	font-family:tangerine;
+    display: inline-block;
+    box-shadow: none;
+	outline:none;
+    margin: 0;
+    text-align: left;
+    cursor: pointer;
+    background-image: none;
+    background-color: transparent;
+    white-space: nowrap;
+    border: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    color: black;
+    line-height: 11px;
+
+}
+
+.charsheet button.text_roll[type="action"]:hover {
+    /*background-color:rgb(230, 239, 230);*/
+    /*border-color: red;*/
+    color:red;
+}
+
+.charsheet button.text_roll[type="action"] label, .charsheet button[type="action"] input {
+    height:24px;
+    line-height: 24px;
+    text-align:left;
+    width: 100%;
+    cursor: pointer;
+    background: none;
+    box-shadow: none;
+    transition: none;
+    /*border-radius: none;*/
+    border:none;
+    font-weight:700;
+}
+
+
+.charsheet button.text_roll[type=action]:hover label, .charsheet button[type=action]:hover input {
+    color: white;
+    border: none;
+}
+
+
+/* End Text button end*/
+.unravelling button.clearButt[type="action"]{
+	position: absolute;
+    top: 91px;
+    left: 327px;
+    z-index: 0;
+    font-size: medium;
+}
+
+
+	/*Unravelling template */
+
+.sheet-rolltemplate-unravelling .sheet-wrapper{
+    height: 232px;
+    width: 207px;
+	padding:16px 5px 10px 5px;
+	background-repeat:no-repeat;
+	background-image: url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/roll-background33.jpg)
+}
+
+.sheet-rolltemplate-unravelling .sheet-immediateGrid
+{
+	display: grid;
+    grid-template-columns: 50px 151px;
+    gap: 1px;
+	margin: 2px 0px 10px 0px;
+}
+
+
+.sheet-rolltemplate-unravelling .sheet-humour{
+	font-weight:bold;
+}
+
+.sheet-rolltemplate-unravelling .sheet-dtls{
+	font-size: x-small;
+    line-height: 1em;
+    text-align: left;
+	text-transform: none;
+}
+
+
+.sheet-rolltemplate-unravelling div{
+	text-align:center;
+}
+
+
+.sheet-rolltemplate-unravelling hr {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+
+.sheet-rolltemplate-unravelling  .sheet-name{
+	font-family:Tangerine;
+	font-size:xx-large;
+	font-weight:bold;
+}
+
+.sheet-rolltemplate-unravelling  .sheet-resource{
+	font-family:Tangerine;
+	font-size:xx-large;
+	font-weight:bold;
+	margin-top: 11px;
+	margin-bottom:5px;
+}
+
+.sheet-rolltemplate-unravelling  .sheet-roll{
+	font-family:Quando;
+}
+
+.sheet-rolltemplate-unravelling  .sheet-result{
+	font-family:Quando;
+	text-transform:uppercase;
+	line-height: 1em;
+}
+
+	.sheet-rolltemplate-unravelling .inlinerollresult{
+		background-color: transparent;
+		border:none;
+	}
+
+
+	.sheet-rolltemplate-unravelling .inlineroll {
+
+
+	}
+
+	.sheet-rolltemplate-unravelling .inlinerollresult.importantroll{
+		border:none;
+	}
+
+	.sheet-rolltemplate-unravelling .inlinerollresult.fullcrit{
+		border:none;
+	}
+
+	.sheet-rolltemplate-unravelling .inlinerollresult.fullfail {
+		border:none;
+	}
+
+
+	/*                      */
+
+/* Armour Template */
+.sheet-rolltemplate-armour .sheet-wrapper{
+    height: 101px;
+    width: 207px;
+	padding:16px 5px 10px 5px;
+	background-repeat:no-repeat;
+	background-image: url(https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/The_Dee_Sanction/images/roll-background25.jpg)
+}
+
+.sheet-rolltemplate-armour div{
+	text-align:center;
+}
+
+
+.sheet-rolltemplate-armour hr {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+
+.sheet-rolltemplate-armour  .sheet-name{
+	font-family:Tangerine;
+	font-size:xx-large;
+	font-weight:bold;
+}
+
+.sheet-rolltemplate-armour  .sheet-resource{
+	font-family:Tangerine;
+	font-size:xx-large;
+	font-weight:bold;
+	margin-top: 11px;
+	margin-bottom:5px;
+}
+
+.sheet-rolltemplate-armour  .sheet-roll{
+	font-family:Quando;
+}
+
+.sheet-rolltemplate-armour  .sheet-result{
+	font-family:Quando;
+	text-transform:uppercase;
+}
+
+	.sheet-rolltemplate-armour .inlinerollresult{
+		background-color: transparent;
+		border:none;
+	}
+
+
+	.sheet-rolltemplate-armour .inlineroll {
+
+
+	}
+
+	.sheet-rolltemplate-armour .inlinerollresult.importantroll{
+		border:none;
+	}
+
+	.sheet-rolltemplate-armour .inlinerollresult.fullcrit{
+		border:none;
+	}
+
+	.sheet-rolltemplate-armour .inlinerollresult.fullfail {
+		border:none;
+	}
+	/*               */
+
+/*-------------------------------------------*/
+/*------------ Repeating Buttons ------------*/
+/*-------------------------------------------*/
+
+.repcontrol .btn {
+    border: 0 solid transparent;
+    color: white !important;
+    background: none;
+    font-size: 0px;
+    box-shadow: none;
+    margin-bottom: 1px;
+	font-family: pictos;
+	font-style: normal;
+}
+
+.repcontrol .repcontrol_edit::after {
+    content: '(';
+}
+
+ .editmode ~ .repcontrol .repcontrol_edit::after {
+    content: ')';
+}
+
+.repcontrol .repcontrol_add::before {
+	content: '&';
+}
+
+ .repcontrol .repcontrol_add::before,
+ .repcontrol .repcontrol_edit::after {
+    visibility: visible;
+    background-color: #fff;
+    border: 1px solid #999;
+    border-radius: 2px;
+    font-size: 12px;
+    height: 12px;
+    width: 12px;
+    padding: 2px 4px 2px 4px;
+    color: #333;
+}
+
+.repcontrol .repcontrol_edit:hover::after,
+.repcontrol .repcontrol_add:hover::before
+{
+    background-color: #EFEFEF;
+}
diff --git a/The_Dee_Sanction/The_Dee_Sanction.html b/The_Dee_Sanction/The_Dee_Sanction.html
index 3e5b906db0..0737fbaedb 100644
--- a/The_Dee_Sanction/The_Dee_Sanction.html
+++ b/The_Dee_Sanction/The_Dee_Sanction.html
@@ -1,571 +1,571 @@
-<div class="main-grid-container">
-	<div > <!--- Start Left hand column -->
-		<div class="headerSection">
-			<span  class="section1" data-il8n="the">the</span>
-			<span  class="section2" data-il8n="Dee">Dee</span> 
-			<span  class="section3" data-il8n="Sanction">Sanction</span> 
-		</div>
-		<div class="left-grid-container">
-		  <div>
-		  		<div class="resource-grid">
-					<div class="resource-bubble">
-						<!--input type="text" value="D4" name="attr_intelectuall">-->
-						<select name="attr_intelectuall" value="D4">
-							<option value="D4">D4</option>
-							<option value="D6">D6</option>
-							<option value="D8">D8</option>
-							<option value="D10">D10</option>
-							<option value="D12">D12</option>
-						</select>
-					</div>
-					<div class="resource-bubble">
-						<!--<input type="text" name="attr_physicall">-->
-						<select name="attr_physicall" value="D4">
-							<option value="D4">D4</option>
-							<option value="D6">D6</option>
-							<option value="D8">D8</option>
-							<option value="D10">D10</option>
-							<option value="D12">D12</option>
-						</select>						
-					</div>
-					<div class="resource-bubble">
-						<!--<input type="text" name="attr_supernaturall">-->
-						<select name="attr_supernaturall" value="D4">
-							<option value="D4">D4</option>
-							<option value="D6">D6</option>
-							<option value="D8">D8</option>
-							<option value="D10">D10</option>
-							<option value="D12">D12</option>
-						</select>	
-					</div>					
-				</div>
-				<div class="resource-grid fixLH">
-					<div>
-						<button  type="roll" class="text_roll" data-il8n="Intellectuall" value="&{template:challenge} {{name=@{character_name}}} {{resource=^{Intellectuall}}} {{roll=[[?{Roll with|@{intelectuall}|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}">Intellectuall</button>
-					</div>
-					<div>
-						<button  type="roll" value="&{template:challenge} {{name=@{character_name}}} {{resource=^{Physicall}}} {{roll=[[?{Roll with|@{physicall}|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}" class="text_roll" data-il8n="Physicall">Physicall</button>
-					</div>
-					<div>
-						<button  type="roll" class="text_roll" value="&{template:challenge} {{name=@{character_name}}} {{resource=^{Supernaturall}}} {{roll=[[?{Roll with|@{Supernaturall}|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}"  data-il8n="Supernaturall">Supernaturall</button>
-					</div>
-				</div>
-		  </div>
-		  <div class="section-wrapper">
-			 <div>
-				<span  data-il8n="Expertise-Abilities">Expertise & Abilities</span>	
-				 <fieldset class="repeating_ExpertiseAbilities">
-					<textarea class="ExpertiseAbilities" name="attr_ExpertiseAbilities"></textarea>
-				</fieldset>			
-			 </div>
-			 <div>
-				<div class="fortuneGrid">
-						<div>
-							<span  class="minorHdr" data-il8n="Fortune">Fortune</span>
-							<div class="fortune">
-								<input type="text" value="0" name="attr_fortune">
-							</div>
-						</div>
-						<div>
-							<textarea class="fortuneNotes" name="attr_fortuneNotes">
-							</textarea>
-						</div>
-				</div>
-			 </div>
-		  </div>    
-		  <div class="section-wrapper">
-			 <div>
-				<span  data-il8n="Mundane-Possessions">Mundane Possessions</span>	
-			 </div>
-			<div>
-				
-				<div class="ArmorGrid">
-						<div>
-							<button type="roll" value="&{template:armour} {{name=@{character_name}}} {{resource=^{Armour}}} {{roll=[[?{Roll with|@{armor}|0,0|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}"  class="text_roll"><span class="minorHdr"  data-il8n="Armour">Armour</span></button>
-							<div class="Armor">
-								<!--<input type="text" value="0"  name="attr_Armor">-->
-								<select name="attr_Armor" value="0">
-									<option value="0">0</option>
-									<option value="D4">D4</option>
-									<option value="D6">D6</option>
-									<option value="D8">D8</option>
-									<option value="D10">D10</option>
-									<option value="D12">D12</option>
-								</select>
-								
-							</div>
-						</div> 
-						<div class="possessions">
-							<textarea name="attr_possession">
-							</textarea>
-						</div>
-					</div>
-				</div>	
-			</div>    
-		</div>
-	</div> <!--- End Left hand column -->		
-	<div> <!--- Start Right hand column -->
-		<div class="right-grid-container">
-			<div class="details">
-				<div class="x1frContent">
-					<span  data-il8n="Name">Name:</span>
-					<input class="text_input" type="text" name="attr_character_name"> 		
-				</div>	
-				<div class="x1frContent">
-					<span  data-il8n="Occupation">Occupation:</span>
-					<input  class="text_input"  type="text" name="attr_Occupation"> 		
-				</div>
-				<div class="x1frContent">
-					<span  data-il8n="Home">Home:</span>
-					<input  class="text_input"  type="text" name="attr_Home"> 		
-				</div>
-			</div>
-		 
-		  <div class="section-wrapper">
-			 <div class="tradecraftGrid">
-				<div  data-il8n="Tradecraft">Tradecraft</div>
-				<div><textarea class="tradecraftDtls"></textarea></div>
-			</div>	
-			<div>
-				<div class="resource-selector">
-				   <span> <input id="system" type="radio" name="attr_resourceName" value="system" />
-					<label class="resource-used systemIcon" for="system"></label></span>
-					<button type="action" name="act_system" class="text_roll">System</button>
-					<span><input id="kit" type="radio" name="attr_resourceName" value="kit" />
-					<label class="resource-used kitIcon"for="kit"></label></span>
-					<button type="action" name="act_kit" class="text_roll">Kit</button>
-					<span><input id="vigilance" type="radio" name="attr_resourceName" value="vigilance" />
-					<label class="resource-used vigilanceIcon" for="vigilance"></label></span>
-					<button type="action" name="act_vigilance" class="text_roll">Vigilance</button>
-				</div>
-				<div class="resource-selector">
-				   <span> <input id="magic" type="radio" name="attr_resourceName" value="magic" />
-					<label class="resource-used magicIcon" for="magic"></label></span>
-					<button type="action" name="act_magic" class="text_roll">Magic</button>
-					<span><input id="access" type="radio" name="attr_resourceName" value="access" />
-					<label class="resource-used accessIcon"for="access"></label></span>
-					<button type="action" name="act_access" class="text_roll">Access</button>
-					<span><input id="conspiracy" type="radio" name="attr_resourceName" value="conspiracy" />
-					<label class="resource-used conspiracyIcon" for="conspiracy"></label></span>
-					<button type="action" name="act_conspiracy" class="text_roll">Conspiracy</button>
-				</div>
-			</div>			 
-		  </div>
-		  <div class="section-wrapper">
-			<div>
-				<span  data-il8n="Injuries-Afflications">Injuries & Afflications</span>		
-				<fieldset class="repeating_InjuriesAfflications">
-					<div class="InjuriesAfflicationGrid">
-						<input type="text" class="text_input" name="attr_InjuriesAfflication">
-						<select name="attr_duration">
-							<option value="" selected></option> 
-							<option value="Scene"  data-il8n="Scene">Scene</option> 
-							<option value="Ongoing"  data-il8n="Ongoing" >Ongoing</option> 
-						</select>
-					</div>
-				</fieldset>						
-			 </div>
-
-			<div>
-				<div class="HitsGrid">
-					<div class="hits">
-						<input type="text" value="0"  name="attr_hits">
-						<div class="hitsFalter1">
-							<input type="checkbox"  name="attr_hitFalter1">
-						</div>
-						<div class="hitsFalter2">
-							<input type="checkbox"   name="attr_hitFalter2">
-						</div>							
-					</div>
-					
-					<div class="quirk">
-						<span   class="minorHdr" data-il8n="Quirk">Quirk</span>
-						<textarea class="quirks" name="attr_quirks">
-						</textarea>
-					</div>
-				</div>
-			</div>			 
-		  </div>    
-		  <div  class="section-wrapper">
-			<span  data-il8n="Affliations-Contacts">Affliations & Contacts</span>
-			<fieldset class="repeating_AffilationContact">
-					<textarea class="AffilationContact" name="attr_AffilationContact"></textarea>
-			</fieldset>			
-		  </div>    
-		  <div  class="section-wrapper">
-			<div>
-				<span  data-il8n="Favours-Esoterica">Favours & Esoterica</span>
-				
-				<fieldset class="repeating_favours">
-					<div class="favour">
-						<div class="1frContent">	
-							<span  data-il8n="Favour">Favour:</span>
-							<input type="text" class="text_input" name="attr_favor">
-						</div>	
-						<textarea class="favourDtls" name="attr_FavourDesc">
-						</textarea>
-					</div>
-				</fieldset>
-				<textarea class="esoterica" name="attr_FavourDesc">
-				</textarea>
-
-				<div class="unravelling">
-				
-					<button type="action" name="act_clearButt" class="text_roll clearButt">X</button>
-					<button type="roll" value="&{template:unravelling} {{name=@{character_name}}} {{Immediate=[[1d8]]}}  {{Ongoing=[[1d6]]}}  {{resource=^{Unravelling}}} {{roll=[[?{Roll with|@{URdie}|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}" class="text_roll"><span  data-il8n="Unravelling">Unravelling</span></button> 
-					<input  style="display:none"  value="D8" name="attr_URdie">
-					<input class="diced12" type="radio" value="D12" id="d12" name="attr_URdie">
-					<label id="d12Label"  class="baseDieLabel" for="d12">	
-					</label>
-					
-					<input class="diced10" type="radio" id="d10" value="D10" name="attr_URdie">
-					<label id="d10Label" class="baseDieLabel"  for="d10">	
-					</label>
-					
-					<input class="diced8" checked="checked" type="radio" id="d8" value="D8" name="attr_URdie">
-					<label id="d8Label" class="baseDieLabel"  for="d8">	
-					</label>
-					
-					<input class="diced6" type="radio" id="d6" value="D6" name="attr_URdie">
-					<label id="d6Label"  class="baseDieLabel" for="d6">	
-					</label>					
-					
-					<input class="diced4" type="radio" id="d4" value="D4" name="attr_URdie">
-					<label id="d4Label" class="baseDieLabel" for="d4">	
-					</label>					
-					
-				</div>
-				
-			</div>
-			<div>
-			</div>
-		  </div>
-		</div>	
-	</div> <!--- End Right hand column -->			
-</div>
-
-<rolltemplate class="sheet-rolltemplate-challenge">
-<div class="sheet-wrapper">
-	<div class="sheet-name">{{name}}</div>
-	<div class="sheet-resource">{{resource}}</div>
-	<div><hr></div>
-	<div class="sheet-roll">Roll: {{roll}}</div>
-	<div>
-	{{#rollGreater() roll 2}}
-		<span class="sheet-result" data-il8n="success">Success</span>
-	{{/rollGreater() roll 2}}
-	{{#^rollGreater() roll 2}}
-		<span  class="sheet-result" data-il8n="falter">Falter</span>
-	{{/^rollGreater() roll 2}}
-	</div>
-
-</div>
-</rolltemplate>
-
-
-<rolltemplate class="sheet-rolltemplate-armour">
-<div class="sheet-wrapper">
-	<div class="sheet-name">{{name}}</div>
-	<div class="sheet-resource">{{resource}}</div>
-	<div><hr></div>
-	<div class="sheet-roll">Roll: {{roll}}</div>
-	<div>
-	{{#rollTotal() roll 0}}
-		<span class="sheet-result" data-il8n="no-armor">No Armour</span>
-	{{/rollTotal() roll 0}}
-	{{#rollBetween() roll 1 2}}
-		<div  data-il8n="hits-negated">Hits Negated</div> 
-	{{/rollBetween() roll 1 2}}
-	{{#rollGreater() roll 2}}
-		<span class="sheet-result" data-il8n="no-effect">No Effect</span>
-	{{/rollGreater() roll 2}}
-	</div>
-
-</div>
-</rolltemplate>
-
-
-<rolltemplate class="sheet-rolltemplate-unravelling">
-<div class="sheet-wrapper">
-	<div class="sheet-name">{{name}}</div>
-	<div class="sheet-resource">{{resource}}</div>
-	<div><hr></div>
-	<div class="sheet-roll">Roll: {{roll}}</div>
-	<div>
-		{{#rollTotal() roll 0}}
-			<span class="sheet-result" data-il8n="Call-To-Fail">Call To Fail</span>
-			<!------                   ----->
-			{{#rollGreater() roll 2}}
-				<span class="sheet-result" data-il8n="success">Success</span>	
-			{{/rollGreater() roll 2}}
-			{{#^rollGreater() roll 2}}
-				<span  class="sheet-result" data-il8n="falter">Falter</span>
-				<div class="sheet-result">Immediate {{Immediate}}</div>
-				{{#rollBetween() Immediate 1 2}}
-					<div class="sheet-immediateGrid">
-						<span  class="sheet-humour" data-il8n="Phlegm">Phlegm</span>
-						<span  class="sheet-dtls" data-il8n="phlegm-details">Dulled senses; acts of perception or problem-solving are ▼1 while in the presence of fear source.</span> 
-					</div>
-					
-					<div class="sheet-result">Ongoing {{Ongoing}}</div>
-					{{#rollBetween() Ongoing 1 2}}
-						<div class="result">
-							<span  class="sheet-dtls" data-il8n="Fat-witted"><b>Fat-witted</b> – acts carelessly, lacking in reason when making decisions</span> 
-						</div>
-					{{/rollBetween() Ongoing 1 2}}
-					{{#rollBetween() Ongoing 3 4}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Canker-sorrowed"><b>Canker-sorrowed</b> – afflicted with a sense of grief, struggling to see worth in self</span> 
-						</div>		
-					{{/rollBetween() Ongoing 3 4}}
-					{{#rollBetween() Ongoing 5 6}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Unheedy"><b>Unheedy</b> – lacking in caution and careless of the consequences from any decisions made</span> 
-						</div>				
-					{{/rollBetween() Ongoing 5 6}}			
-					
-					
-					
-				{{/rollBetween() Immediate 1 2}}
-				{{#rollBetween() Immediate 3 4}}
-					<div class="immediateGrid">
-						<span   class="sheet-humour"  data-il8n="Black-Bile">Black Bile</span>
-						<span  class="sheet-dtls"  data-il8n="black-details">Overwhelmed by extreme emotion. Eyes fill with tears, body wracked by sobbing. <b>Take a Chance</b> to complete any complex action in the presence of fear source.</span> 
-					</div>
-					
-					<div class="sheet-result">Ongoing {{Ongoing}}</div>
-					{{#rollBetween() Ongoing 1 2}}
-						<div class="result">
-							<span  class="sheet-dtls" data-il8n="Sullen"><b>Sullen</b> – resentful silence, overcast with notes of despondency about any situation</span> 
-						</div>
-					{{/rollBetween() Ongoing 1 2}}
-					{{#rollBetween() Ongoing 3 4}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Afeared"><b>Afeared</b> – prone to tip into panic and alarm at the smallest trigger</span> 
-						</div>		
-					{{/rollBetween() Ongoing 3 4}}
-					{{#rollBetween() Ongoing 5 6}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Sickly"><b>Sickly</b> – trembling with an unshakeable chill; pale and drawn</span> 
-						</div>				
-					{{/rollBetween() Ongoing 5 6}}
-					
-				{{/rollBetween() Immediate 3 4}}
-				{{#rollBetween() Immediate 5 6}}
-					<div class="immediateGrid">
-						<span    class="sheet-humour"  data-il8n="Yellow-Bile">Yellow Bile</span>
-						<span  class="sheet-dtls"  data-il8n="yellow-details">Character fills with bitter rage toward all allies while in the presence of fear source. <b>Take a Chance</b>, act in a selfish way on a falter. Attitude persists in the presence of fear source.</span> 
-					</div>
-
-					<div class="sheet-result">Ongoing {{Ongoing}}</div>
-					{{#rollBetween() Ongoing 1 2}}
-						<div class="result">
-							<span  class="sheet-dtls" data-il8n="Crabbed"><b>Crabbed</b> – prone to sharp changes in emotional state; short-tempered, sharp, and loud</span> 
-						</div>
-					{{/rollBetween() Ongoing 1 2}}
-					{{#rollBetween() Ongoing 3 4}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Choleric"><b>Choleric</b> – eager for conflict, with a simmering hostility toward everyone and everything</span> 
-						</div>		
-					{{/rollBetween() Ongoing 3 4}}
-					{{#rollBetween() Ongoing 5 6}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Despiteful"><b>Despiteful</b> – unforgiving and driven to seek redress for any slight or wrong</span> 
-						</div>				
-					{{/rollBetween() Ongoing 5 6}}
-				{{/rollBetween() Immediate 5 6}}			
-				{{#rollBetween() Immediate 7 8}}
-					<div class="sheet-immediateGrid">
-						<span   class="sheet-humour"   data-il8n="Blood">Blood</span>
-						<span  class="sheet-dtls"  data-il8n="blood-details">Inadvisably optimistic despite the horrors or the difficult situation faced. Blindly positive. Acts of violence or aggression are ▼1 while in the presence of fear source.</span> 
-					</div>
-
-					<div class="sheet-result">Ongoing {{Ongoing}}</div>
-					{{#rollBetween() Ongoing 1 2}}
-						<div class="result">
-							<span  class="sheet-dtls" data-il8n="Foolish"><b>Foolish</b> – recklessly courageous and bold, heedless of the potency or peril of a challenge</span> 
-						</div>
-					{{/rollBetween() Ongoing 1 2}}
-					{{#rollBetween() Ongoing 3 4}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Gullible"><b>Gullible</b> – willing to believe or trust anyone without adequate evidence</span> 
-						</div>		
-					{{/rollBetween() Ongoing 3 4}}
-					{{#rollBetween() Ongoing 5 6}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Capricious"><b>Capricious</b> – given to sudden, unpredictable,and erratic change in focus</span> 
-						</div>				
-					{{/rollBetween() Ongoing 5 6}}			
-				{{/rollBetween() Immediate 7 8}}				
-					
-			{{/^rollGreater() roll 2}}
-			<!------                   ----->			
-		{{/rollTotal() roll 0}}
-		{{#^rollTotal() roll 0}}
-			<!------                   ----->
-			{{#rollGreater() roll 2}}
-				<span class="sheet-result" data-il8n="success">Success</span>	
-			{{/rollGreater() roll 2}}
-			{{#^rollGreater() roll 2}}
-				<span  class="sheet-result" data-il8n="falter">Falter</span>
-				<div class="sheet-result">Immediate {{Immediate}}</div>
-				{{#rollBetween() Immediate 1 2}}
-					<div class="sheet-immediateGrid">
-						<span  class="sheet-humour" data-il8n="Phlegm">Phlegm</span>
-						<span  class="sheet-dtls" data-il8n="phlegm-details">Dulled senses; acts of perception or problem-solving are ▼1 while in the presence of fear source.</span> 
-					</div>
-					
-					<div class="sheet-result">Ongoing {{Ongoing}}</div>
-					{{#rollBetween() Ongoing 1 2}}
-						<div class="result">
-							<span  class="sheet-dtls" data-il8n="Fat-witted"><b>Fat-witted</b> – acts carelessly, lacking in reason when making decisions</span> 
-						</div>
-					{{/rollBetween() Ongoing 1 2}}
-					{{#rollBetween() Ongoing 3 4}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Canker-sorrowed"><b>Canker-sorrowed</b> – afflicted with a sense of grief, struggling to see worth in self</span> 
-						</div>		
-					{{/rollBetween() Ongoing 3 4}}
-					{{#rollBetween() Ongoing 5 6}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Unheedy"><b>Unheedy</b> – lacking in caution and careless of the consequences from any decisions made</span> 
-						</div>				
-					{{/rollBetween() Ongoing 5 6}}			
-					
-					
-					
-				{{/rollBetween() Immediate 1 2}}
-				{{#rollBetween() Immediate 3 4}}
-					<div class="immediateGrid">
-						<span   class="sheet-humour"  data-il8n="Black-Bile">Black Bile</span>
-						<span  class="sheet-dtls"  data-il8n="black-details">Overwhelmed by extreme emotion. Eyes fill with tears, body wracked by sobbing. <b>Take a Chance</b> to complete any complex action in the presence of fear source.</span> 
-					</div>
-					
-					<div class="sheet-result">Ongoing {{Ongoing}}</div>
-					{{#rollBetween() Ongoing 1 2}}
-						<div class="result">
-							<span  class="sheet-dtls" data-il8n="Sullen"><b>Sullen</b> – resentful silence, overcast with notes of despondency about any situation</span> 
-						</div>
-					{{/rollBetween() Ongoing 1 2}}
-					{{#rollBetween() Ongoing 3 4}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Afeared"><b>Afeared</b> – prone to tip into panic and alarm at the smallest trigger</span> 
-						</div>		
-					{{/rollBetween() Ongoing 3 4}}
-					{{#rollBetween() Ongoing 5 6}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Sickly"><b>Sickly</b> – trembling with an unshakeable chill; pale and drawn</span> 
-						</div>				
-					{{/rollBetween() Ongoing 5 6}}
-					
-				{{/rollBetween() Immediate 3 4}}
-				{{#rollBetween() Immediate 5 6}}
-					<div class="immediateGrid">
-						<span    class="sheet-humour"  data-il8n="Yellow-Bile">Yellow Bile</span>
-						<span  class="sheet-dtls"  data-il8n="yellow-details">Character fills with bitter rage toward all allies while in the presence of fear source. <b>Take a Chance</b>, act in a selfish way on a falter. Attitude persists in the presence of fear source.</span> 
-					</div>
-
-					<div class="sheet-result">Ongoing {{Ongoing}}</div>
-					{{#rollBetween() Ongoing 1 2}}
-						<div class="result">
-							<span  class="sheet-dtls" data-il8n="Crabbed"><b>Crabbed</b> – prone to sharp changes in emotional state; short-tempered, sharp, and loud</span> 
-						</div>
-					{{/rollBetween() Ongoing 1 2}}
-					{{#rollBetween() Ongoing 3 4}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Choleric"><b>Choleric</b> – eager for conflict, with a simmering hostility toward everyone and everything</span> 
-						</div>		
-					{{/rollBetween() Ongoing 3 4}}
-					{{#rollBetween() Ongoing 5 6}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Despiteful"><b>Despiteful</b> – unforgiving and driven to seek redress for any slight or wrong</span> 
-						</div>				
-					{{/rollBetween() Ongoing 5 6}}
-				{{/rollBetween() Immediate 5 6}}			
-				{{#rollBetween() Immediate 7 8}}
-					<div class="sheet-immediateGrid">
-						<span   class="sheet-humour"   data-il8n="Blood">Blood</span>
-						<span  class="sheet-dtls"  data-il8n="blood-details">Inadvisably optimistic despite the horrors or the difficult situation faced. Blindly positive. Acts of violence or aggression are ▼1 while in the presence of fear source.</span> 
-					</div>
-
-					<div class="sheet-result">Ongoing {{Ongoing}}</div>
-					{{#rollBetween() Ongoing 1 2}}
-						<div class="result">
-							<span  class="sheet-dtls" data-il8n="Foolish"><b>Foolish</b> – recklessly courageous and bold, heedless of the potency or peril of a challenge</span> 
-						</div>
-					{{/rollBetween() Ongoing 1 2}}
-					{{#rollBetween() Ongoing 3 4}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Gullible"><b>Gullible</b> – willing to believe or trust anyone without adequate evidence</span> 
-						</div>		
-					{{/rollBetween() Ongoing 3 4}}
-					{{#rollBetween() Ongoing 5 6}}
-						<div class="result">
-							<span  class="sheet-dtls"  data-il8n="Capricious"><b>Capricious</b> – given to sudden, unpredictable,and erratic change in focus</span> 
-						</div>				
-					{{/rollBetween() Ongoing 5 6}}			
-				{{/rollBetween() Immediate 7 8}}				
-					
-			{{/^rollGreater() roll 2}}
-			<!------                   ----->
-			{{/^rollTotal() roll 0}}
-	</div>
-</div>
-</rolltemplate>
-
-<rolltemplate class="sheet-rolltemplate-chance">
-	{{#rollGreater() roll 1}}
-		<img src="https://raw.githubusercontent.com/Lockbox313/imagedump/master/the_dee_sanction/images/heads.png" title="Success">
-	{{/rollGreater() roll 1}}
-	{{#^rollGreater() roll 1}}
-		<img src="https://raw.githubusercontent.com/Lockbox313/imagedump/master/the_dee_sanction/images/tails.png" title="Falter">
-	{{/^rollGreater() roll 1}}
-</rolltemplate>
-
-
-
-
-
-	<script type="text/worker">
-	
-	
-	on("clicked:clearButt", function() {
-		 console.log("clear dice");
-		 setAttrs({URdie:"0"});
-	});
-	
-	on("clicked:kit", function() {
-		 console.log("kit button clicked");
-		 setAttrs({resourceName:"kit"});
-	});
-	
-	on("clicked:system", function() {
-		 console.log("system button clicked");
-		 setAttrs({resourceName:"system"});
-	});
-		
-	on("clicked:vigilance", function() {
-		 console.log("vigilance button clicked");
-		 setAttrs({resourceName:"vigilance"});
-	});	
-	
-	on("clicked:magic", function() {
-		 console.log("magic button clicked");
-		 setAttrs({resourceName:"magic"});
-	});	
-	
-	
-	on("clicked:access", function() {
-		 console.log("access button clicked");
-		 setAttrs({resourceName:"access"});
-	});	
-	
-		on("clicked:conspiracy", function() {
-		 console.log("conspiracy button clicked");
-		 setAttrs({resourceName:"conspiracy"});
-	});	
-	
-	</script>
-
-
-
+<div class="main-grid-container">
+	<div > <!--- Start Left hand column -->
+		<div class="headerSection">
+			<span  class="section1" data-il8n="the">the</span>
+			<span  class="section2" data-il8n="Dee">Dee</span>
+			<span  class="section3" data-il8n="Sanction">Sanction</span>
+		</div>
+		<div class="left-grid-container">
+		  <div>
+		  		<div class="resource-grid">
+					<div class="resource-bubble">
+						<!--input type="text" value="D4" name="attr_intelectuall">-->
+						<select name="attr_intelectuall" value="D4">
+							<option value="D4">D4</option>
+							<option value="D6">D6</option>
+							<option value="D8">D8</option>
+							<option value="D10">D10</option>
+							<option value="D12">D12</option>
+						</select>
+					</div>
+					<div class="resource-bubble">
+						<!--<input type="text" name="attr_physicall">-->
+						<select name="attr_physicall" value="D4">
+							<option value="D4">D4</option>
+							<option value="D6">D6</option>
+							<option value="D8">D8</option>
+							<option value="D10">D10</option>
+							<option value="D12">D12</option>
+						</select>
+					</div>
+					<div class="resource-bubble">
+						<!--<input type="text" name="attr_supernaturall">-->
+						<select name="attr_supernaturall" value="D4">
+							<option value="D4">D4</option>
+							<option value="D6">D6</option>
+							<option value="D8">D8</option>
+							<option value="D10">D10</option>
+							<option value="D12">D12</option>
+						</select>
+					</div>
+				</div>
+				<div class="resource-grid fixLH">
+					<div>
+						<button  type="roll" class="text_roll" data-il8n="Intellectuall" value="&{template:challenge} {{name=@{character_name}}} {{resource=^{Intellectuall}}} {{roll=[[?{Roll with|@{intelectuall}|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}">Intellectuall</button>
+					</div>
+					<div>
+						<button  type="roll" value="&{template:challenge} {{name=@{character_name}}} {{resource=^{Physicall}}} {{roll=[[?{Roll with|@{physicall}|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}" class="text_roll" data-il8n="Physicall">Physicall</button>
+					</div>
+					<div>
+						<button  type="roll" class="text_roll" value="&{template:challenge} {{name=@{character_name}}} {{resource=^{Supernaturall}}} {{roll=[[?{Roll with|@{Supernaturall}|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}"  data-il8n="Supernaturall">Supernaturall</button>
+					</div>
+				</div>
+		  </div>
+		  <div class="section-wrapper">
+			 <div>
+				<span  data-il8n="Expertise-Abilities">Expertise & Abilities</span>
+				 <fieldset class="repeating_ExpertiseAbilities">
+					<textarea class="ExpertiseAbilities" name="attr_ExpertiseAbilities"></textarea>
+				</fieldset>
+			 </div>
+			 <div>
+				<div class="fortuneGrid">
+						<div>
+							<span  class="minorHdr" data-il8n="Fortune">Fortune</span>
+							<div class="fortune">
+								<input type="text" value="0" name="attr_fortune">
+							</div>
+						</div>
+						<div>
+							<textarea class="fortuneNotes" name="attr_fortuneNotes">
+							</textarea>
+						</div>
+				</div>
+			 </div>
+		  </div>
+		  <div class="section-wrapper">
+			 <div>
+				<span  data-il8n="Mundane-Possessions">Mundane Possessions</span>
+			 </div>
+			<div>
+
+				<div class="ArmorGrid">
+						<div>
+							<button type="roll" value="&{template:armour} {{name=@{character_name}}} {{resource=^{Armour}}} {{roll=[[?{Roll with|@{armor}|0,0|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}"  class="text_roll"><span class="minorHdr"  data-il8n="Armour">Armour</span></button>
+							<div class="Armor">
+								<!--<input type="text" value="0"  name="attr_Armor">-->
+								<select name="attr_Armor" value="0">
+									<option value="0">0</option>
+									<option value="D4">D4</option>
+									<option value="D6">D6</option>
+									<option value="D8">D8</option>
+									<option value="D10">D10</option>
+									<option value="D12">D12</option>
+								</select>
+
+							</div>
+						</div>
+						<div class="possessions">
+							<textarea name="attr_possession">
+							</textarea>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div> <!--- End Left hand column -->
+	<div> <!--- Start Right hand column -->
+		<div class="right-grid-container">
+			<div class="details">
+				<div class="x1frContent">
+					<span  data-il8n="Name">Name:</span>
+					<input class="text_input" type="text" name="attr_character_name">
+				</div>
+				<div class="x1frContent">
+					<span  data-il8n="Occupation">Occupation:</span>
+					<input  class="text_input"  type="text" name="attr_Occupation">
+				</div>
+				<div class="x1frContent">
+					<span  data-il8n="Home">Home:</span>
+					<input  class="text_input"  type="text" name="attr_Home">
+				</div>
+			</div>
+
+		  <div class="section-wrapper">
+			 <div class="tradecraftGrid">
+				<div  data-il8n="Tradecraft">Tradecraft</div>
+				<div><textarea class="tradecraftDtls"></textarea></div>
+			</div>
+			<div>
+				<div class="resource-selector">
+				   <span> <input id="system" type="radio" name="attr_resourceName" value="system" />
+					<label class="resource-used systemIcon" for="system"></label></span>
+					<button type="action" name="act_system" class="text_roll">System</button>
+					<span><input id="kit" type="radio" name="attr_resourceName" value="kit" />
+					<label class="resource-used kitIcon"for="kit"></label></span>
+					<button type="action" name="act_kit" class="text_roll">Kit</button>
+					<span><input id="vigilance" type="radio" name="attr_resourceName" value="vigilance" />
+					<label class="resource-used vigilanceIcon" for="vigilance"></label></span>
+					<button type="action" name="act_vigilance" class="text_roll">Vigilance</button>
+				</div>
+				<div class="resource-selector">
+				   <span> <input id="magic" type="radio" name="attr_resourceName" value="magic" />
+					<label class="resource-used magicIcon" for="magic"></label></span>
+					<button type="action" name="act_magic" class="text_roll">Magic</button>
+					<span><input id="access" type="radio" name="attr_resourceName" value="access" />
+					<label class="resource-used accessIcon"for="access"></label></span>
+					<button type="action" name="act_access" class="text_roll">Access</button>
+					<span><input id="conspiracy" type="radio" name="attr_resourceName" value="conspiracy" />
+					<label class="resource-used conspiracyIcon" for="conspiracy"></label></span>
+					<button type="action" name="act_conspiracy" class="text_roll">Conspiracy</button>
+				</div>
+			</div>
+		  </div>
+		  <div class="section-wrapper">
+			<div>
+				<span  data-il8n="Injuries-Afflications">Injuries & Afflications</span>
+				<fieldset class="repeating_InjuriesAfflications">
+					<div class="InjuriesAfflicationGrid">
+						<input type="text" class="text_input" name="attr_InjuriesAfflication">
+						<select name="attr_duration">
+							<option value="" selected></option>
+							<option value="Scene"  data-il8n="Scene">Scene</option>
+							<option value="Ongoing"  data-il8n="Ongoing" >Ongoing</option>
+						</select>
+					</div>
+				</fieldset>
+			 </div>
+
+			<div>
+				<div class="HitsGrid">
+					<div class="hits">
+						<input type="text" value="0"  name="attr_hits">
+						<div class="hitsFalter1">
+							<input type="checkbox"  name="attr_hitFalter1">
+						</div>
+						<div class="hitsFalter2">
+							<input type="checkbox"   name="attr_hitFalter2">
+						</div>
+					</div>
+
+					<div class="quirk">
+						<span   class="minorHdr" data-il8n="Quirk">Quirk</span>
+						<textarea class="quirks" name="attr_quirks">
+						</textarea>
+					</div>
+				</div>
+			</div>
+		  </div>
+		  <div  class="section-wrapper">
+			<span  data-il8n="Affliations-Contacts">Affliations & Contacts</span>
+			<fieldset class="repeating_AffilationContact">
+					<textarea class="AffilationContact" name="attr_AffilationContact"></textarea>
+			</fieldset>
+		  </div>
+		  <div  class="section-wrapper">
+			<div>
+				<span  data-il8n="Favours-Esoterica">Favours & Esoterica</span>
+
+				<fieldset class="repeating_favours">
+					<div class="favour">
+						<div class="1frContent">
+							<span  data-il8n="Favour">Favour:</span>
+							<input type="text" class="text_input" name="attr_favor">
+						</div>
+						<textarea class="favourDtls" name="attr_FavourDesc">
+						</textarea>
+					</div>
+				</fieldset>
+				<textarea class="esoterica" name="attr_FavourDesc">
+				</textarea>
+
+				<div class="unravelling">
+
+					<button type="action" name="act_clearButt" class="text_roll clearButt">X</button>
+					<button type="roll" value="&{template:unravelling} {{name=@{character_name}}} {{Immediate=[[1d8]]}}  {{Ongoing=[[1d6]]}}  {{resource=^{Unravelling}}} {{roll=[[?{Roll with|@{URdie}|D4,d4|D6,d6|D8,d8|D10,d10|D12,d12}]]}}" class="text_roll"><span  data-il8n="Unravelling">Unravelling</span></button>
+					<input  style="display:none"  value="D8" name="attr_URdie">
+					<input class="diced12" type="radio" value="D12" id="d12" name="attr_URdie">
+					<label id="d12Label"  class="baseDieLabel" for="d12">
+					</label>
+
+					<input class="diced10" type="radio" id="d10" value="D10" name="attr_URdie">
+					<label id="d10Label" class="baseDieLabel"  for="d10">
+					</label>
+
+					<input class="diced8" checked="checked" type="radio" id="d8" value="D8" name="attr_URdie">
+					<label id="d8Label" class="baseDieLabel"  for="d8">
+					</label>
+
+					<input class="diced6" type="radio" id="d6" value="D6" name="attr_URdie">
+					<label id="d6Label"  class="baseDieLabel" for="d6">
+					</label>
+
+					<input class="diced4" type="radio" id="d4" value="D4" name="attr_URdie">
+					<label id="d4Label" class="baseDieLabel" for="d4">
+					</label>
+
+				</div>
+
+			</div>
+			<div>
+			</div>
+		  </div>
+		</div>
+	</div> <!--- End Right hand column -->
+</div>
+
+<rolltemplate class="sheet-rolltemplate-challenge">
+<div class="sheet-wrapper">
+	<div class="sheet-name">{{name}}</div>
+	<div class="sheet-resource">{{resource}}</div>
+	<div><hr></div>
+	<div class="sheet-roll">Roll: {{roll}}</div>
+	<div>
+	{{#rollGreater() roll 2}}
+		<span class="sheet-result" data-il8n="success">Success</span>
+	{{/rollGreater() roll 2}}
+	{{#^rollGreater() roll 2}}
+		<span  class="sheet-result" data-il8n="falter">Falter</span>
+	{{/^rollGreater() roll 2}}
+	</div>
+
+</div>
+</rolltemplate>
+
+
+<rolltemplate class="sheet-rolltemplate-armour">
+<div class="sheet-wrapper">
+	<div class="sheet-name">{{name}}</div>
+	<div class="sheet-resource">{{resource}}</div>
+	<div><hr></div>
+	<div class="sheet-roll">Roll: {{roll}}</div>
+	<div>
+	{{#rollTotal() roll 0}}
+		<span class="sheet-result" data-il8n="no-armor">No Armour</span>
+	{{/rollTotal() roll 0}}
+	{{#rollBetween() roll 1 2}}
+		<div  data-il8n="hits-negated">Hits Negated</div>
+	{{/rollBetween() roll 1 2}}
+	{{#rollGreater() roll 2}}
+		<span class="sheet-result" data-il8n="no-effect">No Effect</span>
+	{{/rollGreater() roll 2}}
+	</div>
+
+</div>
+</rolltemplate>
+
+
+<rolltemplate class="sheet-rolltemplate-unravelling">
+<div class="sheet-wrapper">
+	<div class="sheet-name">{{name}}</div>
+	<div class="sheet-resource">{{resource}}</div>
+	<div><hr></div>
+	<div class="sheet-roll">Roll: {{roll}}</div>
+	<div>
+		{{#rollTotal() roll 0}}
+			<span class="sheet-result" data-il8n="Call-To-Fail">Call To Fail</span>
+			<!------                   ----->
+			{{#rollGreater() roll 2}}
+				<span class="sheet-result" data-il8n="success">Success</span>
+			{{/rollGreater() roll 2}}
+			{{#^rollGreater() roll 2}}
+				<span  class="sheet-result" data-il8n="falter">Falter</span>
+				<div class="sheet-result">Immediate {{Immediate}}</div>
+				{{#rollBetween() Immediate 1 2}}
+					<div class="sheet-immediateGrid">
+						<span  class="sheet-humour" data-il8n="Phlegm">Phlegm</span>
+						<span  class="sheet-dtls" data-il8n="phlegm-details">Dulled senses; acts of perception or problem-solving are ▼1 while in the presence of fear source.</span>
+					</div>
+
+					<div class="sheet-result">Ongoing {{Ongoing}}</div>
+					{{#rollBetween() Ongoing 1 2}}
+						<div class="result">
+							<span  class="sheet-dtls" data-il8n="Fat-witted"><b>Fat-witted</b> – acts carelessly, lacking in reason when making decisions</span>
+						</div>
+					{{/rollBetween() Ongoing 1 2}}
+					{{#rollBetween() Ongoing 3 4}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Canker-sorrowed"><b>Canker-sorrowed</b> – afflicted with a sense of grief, struggling to see worth in self</span>
+						</div>
+					{{/rollBetween() Ongoing 3 4}}
+					{{#rollBetween() Ongoing 5 6}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Unheedy"><b>Unheedy</b> – lacking in caution and careless of the consequences from any decisions made</span>
+						</div>
+					{{/rollBetween() Ongoing 5 6}}
+
+
+
+				{{/rollBetween() Immediate 1 2}}
+				{{#rollBetween() Immediate 3 4}}
+					<div class="immediateGrid">
+						<span   class="sheet-humour"  data-il8n="Black-Bile">Black Bile</span>
+						<span  class="sheet-dtls"  data-il8n="black-details">Overwhelmed by extreme emotion. Eyes fill with tears, body wracked by sobbing. <b>Take a Chance</b> to complete any complex action in the presence of fear source.</span>
+					</div>
+
+					<div class="sheet-result">Ongoing {{Ongoing}}</div>
+					{{#rollBetween() Ongoing 1 2}}
+						<div class="result">
+							<span  class="sheet-dtls" data-il8n="Sullen"><b>Sullen</b> – resentful silence, overcast with notes of despondency about any situation</span>
+						</div>
+					{{/rollBetween() Ongoing 1 2}}
+					{{#rollBetween() Ongoing 3 4}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Afeared"><b>Afeared</b> – prone to tip into panic and alarm at the smallest trigger</span>
+						</div>
+					{{/rollBetween() Ongoing 3 4}}
+					{{#rollBetween() Ongoing 5 6}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Sickly"><b>Sickly</b> – trembling with an unshakeable chill; pale and drawn</span>
+						</div>
+					{{/rollBetween() Ongoing 5 6}}
+
+				{{/rollBetween() Immediate 3 4}}
+				{{#rollBetween() Immediate 5 6}}
+					<div class="immediateGrid">
+						<span    class="sheet-humour"  data-il8n="Yellow-Bile">Yellow Bile</span>
+						<span  class="sheet-dtls"  data-il8n="yellow-details">Character fills with bitter rage toward all allies while in the presence of fear source. <b>Take a Chance</b>, act in a selfish way on a falter. Attitude persists in the presence of fear source.</span>
+					</div>
+
+					<div class="sheet-result">Ongoing {{Ongoing}}</div>
+					{{#rollBetween() Ongoing 1 2}}
+						<div class="result">
+							<span  class="sheet-dtls" data-il8n="Crabbed"><b>Crabbed</b> – prone to sharp changes in emotional state; short-tempered, sharp, and loud</span>
+						</div>
+					{{/rollBetween() Ongoing 1 2}}
+					{{#rollBetween() Ongoing 3 4}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Choleric"><b>Choleric</b> – eager for conflict, with a simmering hostility toward everyone and everything</span>
+						</div>
+					{{/rollBetween() Ongoing 3 4}}
+					{{#rollBetween() Ongoing 5 6}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Despiteful"><b>Despiteful</b> – unforgiving and driven to seek redress for any slight or wrong</span>
+						</div>
+					{{/rollBetween() Ongoing 5 6}}
+				{{/rollBetween() Immediate 5 6}}
+				{{#rollBetween() Immediate 7 8}}
+					<div class="sheet-immediateGrid">
+						<span   class="sheet-humour"   data-il8n="Blood">Blood</span>
+						<span  class="sheet-dtls"  data-il8n="blood-details">Inadvisably optimistic despite the horrors or the difficult situation faced. Blindly positive. Acts of violence or aggression are ▼1 while in the presence of fear source.</span>
+					</div>
+
+					<div class="sheet-result">Ongoing {{Ongoing}}</div>
+					{{#rollBetween() Ongoing 1 2}}
+						<div class="result">
+							<span  class="sheet-dtls" data-il8n="Foolish"><b>Foolish</b> – recklessly courageous and bold, heedless of the potency or peril of a challenge</span>
+						</div>
+					{{/rollBetween() Ongoing 1 2}}
+					{{#rollBetween() Ongoing 3 4}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Gullible"><b>Gullible</b> – willing to believe or trust anyone without adequate evidence</span>
+						</div>
+					{{/rollBetween() Ongoing 3 4}}
+					{{#rollBetween() Ongoing 5 6}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Capricious"><b>Capricious</b> – given to sudden, unpredictable,and erratic change in focus</span>
+						</div>
+					{{/rollBetween() Ongoing 5 6}}
+				{{/rollBetween() Immediate 7 8}}
+
+			{{/^rollGreater() roll 2}}
+			<!------                   ----->
+		{{/rollTotal() roll 0}}
+		{{#^rollTotal() roll 0}}
+			<!------                   ----->
+			{{#rollGreater() roll 2}}
+				<span class="sheet-result" data-il8n="success">Success</span>
+			{{/rollGreater() roll 2}}
+			{{#^rollGreater() roll 2}}
+				<span  class="sheet-result" data-il8n="falter">Falter</span>
+				<div class="sheet-result">Immediate {{Immediate}}</div>
+				{{#rollBetween() Immediate 1 2}}
+					<div class="sheet-immediateGrid">
+						<span  class="sheet-humour" data-il8n="Phlegm">Phlegm</span>
+						<span  class="sheet-dtls" data-il8n="phlegm-details">Dulled senses; acts of perception or problem-solving are ▼1 while in the presence of fear source.</span>
+					</div>
+
+					<div class="sheet-result">Ongoing {{Ongoing}}</div>
+					{{#rollBetween() Ongoing 1 2}}
+						<div class="result">
+							<span  class="sheet-dtls" data-il8n="Fat-witted"><b>Fat-witted</b> – acts carelessly, lacking in reason when making decisions</span>
+						</div>
+					{{/rollBetween() Ongoing 1 2}}
+					{{#rollBetween() Ongoing 3 4}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Canker-sorrowed"><b>Canker-sorrowed</b> – afflicted with a sense of grief, struggling to see worth in self</span>
+						</div>
+					{{/rollBetween() Ongoing 3 4}}
+					{{#rollBetween() Ongoing 5 6}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Unheedy"><b>Unheedy</b> – lacking in caution and careless of the consequences from any decisions made</span>
+						</div>
+					{{/rollBetween() Ongoing 5 6}}
+
+
+
+				{{/rollBetween() Immediate 1 2}}
+				{{#rollBetween() Immediate 3 4}}
+					<div class="immediateGrid">
+						<span   class="sheet-humour"  data-il8n="Black-Bile">Black Bile</span>
+						<span  class="sheet-dtls"  data-il8n="black-details">Overwhelmed by extreme emotion. Eyes fill with tears, body wracked by sobbing. <b>Take a Chance</b> to complete any complex action in the presence of fear source.</span>
+					</div>
+
+					<div class="sheet-result">Ongoing {{Ongoing}}</div>
+					{{#rollBetween() Ongoing 1 2}}
+						<div class="result">
+							<span  class="sheet-dtls" data-il8n="Sullen"><b>Sullen</b> – resentful silence, overcast with notes of despondency about any situation</span>
+						</div>
+					{{/rollBetween() Ongoing 1 2}}
+					{{#rollBetween() Ongoing 3 4}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Afeared"><b>Afeared</b> – prone to tip into panic and alarm at the smallest trigger</span>
+						</div>
+					{{/rollBetween() Ongoing 3 4}}
+					{{#rollBetween() Ongoing 5 6}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Sickly"><b>Sickly</b> – trembling with an unshakeable chill; pale and drawn</span>
+						</div>
+					{{/rollBetween() Ongoing 5 6}}
+
+				{{/rollBetween() Immediate 3 4}}
+				{{#rollBetween() Immediate 5 6}}
+					<div class="immediateGrid">
+						<span    class="sheet-humour"  data-il8n="Yellow-Bile">Yellow Bile</span>
+						<span  class="sheet-dtls"  data-il8n="yellow-details">Character fills with bitter rage toward all allies while in the presence of fear source. <b>Take a Chance</b>, act in a selfish way on a falter. Attitude persists in the presence of fear source.</span>
+					</div>
+
+					<div class="sheet-result">Ongoing {{Ongoing}}</div>
+					{{#rollBetween() Ongoing 1 2}}
+						<div class="result">
+							<span  class="sheet-dtls" data-il8n="Crabbed"><b>Crabbed</b> – prone to sharp changes in emotional state; short-tempered, sharp, and loud</span>
+						</div>
+					{{/rollBetween() Ongoing 1 2}}
+					{{#rollBetween() Ongoing 3 4}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Choleric"><b>Choleric</b> – eager for conflict, with a simmering hostility toward everyone and everything</span>
+						</div>
+					{{/rollBetween() Ongoing 3 4}}
+					{{#rollBetween() Ongoing 5 6}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Despiteful"><b>Despiteful</b> – unforgiving and driven to seek redress for any slight or wrong</span>
+						</div>
+					{{/rollBetween() Ongoing 5 6}}
+				{{/rollBetween() Immediate 5 6}}
+				{{#rollBetween() Immediate 7 8}}
+					<div class="sheet-immediateGrid">
+						<span   class="sheet-humour"   data-il8n="Blood">Blood</span>
+						<span  class="sheet-dtls"  data-il8n="blood-details">Inadvisably optimistic despite the horrors or the difficult situation faced. Blindly positive. Acts of violence or aggression are ▼1 while in the presence of fear source.</span>
+					</div>
+
+					<div class="sheet-result">Ongoing {{Ongoing}}</div>
+					{{#rollBetween() Ongoing 1 2}}
+						<div class="result">
+							<span  class="sheet-dtls" data-il8n="Foolish"><b>Foolish</b> – recklessly courageous and bold, heedless of the potency or peril of a challenge</span>
+						</div>
+					{{/rollBetween() Ongoing 1 2}}
+					{{#rollBetween() Ongoing 3 4}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Gullible"><b>Gullible</b> – willing to believe or trust anyone without adequate evidence</span>
+						</div>
+					{{/rollBetween() Ongoing 3 4}}
+					{{#rollBetween() Ongoing 5 6}}
+						<div class="result">
+							<span  class="sheet-dtls"  data-il8n="Capricious"><b>Capricious</b> – given to sudden, unpredictable,and erratic change in focus</span>
+						</div>
+					{{/rollBetween() Ongoing 5 6}}
+				{{/rollBetween() Immediate 7 8}}
+
+			{{/^rollGreater() roll 2}}
+			<!------                   ----->
+			{{/^rollTotal() roll 0}}
+	</div>
+</div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-chance">
+	{{#rollGreater() roll 1}}
+		<img src="https://raw.githubusercontent.com/Lockbox313/imagedump/master/the_dee_sanction/images/heads.png" title="Success">
+	{{/rollGreater() roll 1}}
+	{{#^rollGreater() roll 1}}
+		<img src="https://raw.githubusercontent.com/Lockbox313/imagedump/master/the_dee_sanction/images/tails.png" title="Falter">
+	{{/^rollGreater() roll 1}}
+</rolltemplate>
+
+
+
+
+
+	<script type="text/worker">
+
+
+	on("clicked:clearButt", function() {
+		 console.log("clear dice");
+		 setAttrs({URdie:"0"});
+	});
+
+	on("clicked:kit", function() {
+		 console.log("kit button clicked");
+		 setAttrs({resourceName:"kit"});
+	});
+
+	on("clicked:system", function() {
+		 console.log("system button clicked");
+		 setAttrs({resourceName:"system"});
+	});
+
+	on("clicked:vigilance", function() {
+		 console.log("vigilance button clicked");
+		 setAttrs({resourceName:"vigilance"});
+	});
+
+	on("clicked:magic", function() {
+		 console.log("magic button clicked");
+		 setAttrs({resourceName:"magic"});
+	});
+
+
+	on("clicked:access", function() {
+		 console.log("access button clicked");
+		 setAttrs({resourceName:"access"});
+	});
+
+		on("clicked:conspiracy", function() {
+		 console.log("conspiracy button clicked");
+		 setAttrs({resourceName:"conspiracy"});
+	});
+
+	</script>
+
+
+
diff --git a/The_Dee_Sanction/translation.json b/The_Dee_Sanction/translation.json
index 6b11833b93..afd599764c 100644
--- a/The_Dee_Sanction/translation.json
+++ b/The_Dee_Sanction/translation.json
@@ -1,49 +1,49 @@
-{
-	"Name": "Name:",
-	"Occupation": "Occupation",
-	"Home": "Home:",
-	"Injuries-Afflications": "Injuries & Afflications",
-	"Affliations-Contacts": "Affliations & Contacts",
-	"Favours-Esoterica": "Favours & Esoterica",
-	"Expertise-Abilities": "Expertise & Abilities",
-	"Mundane-Possessions": "Mundane Possessions",
-	"Intellectuall": "Intellectuall",
-	"Physicall": "Physicall",
-	"Supernaturall": "Supernaturall",
-	"Tradecraft": "Tradecraft",
-	"Scene": "Scene",
-	"Ongoing": "Ongoing",
-	"Quirk": "Quirk",
-	"Armour": "Armour",
-	"Fortune": "Fortune",
-	"Unravelling": "Unravelling",
-	"the": "the",
-	"Dee": "Dee",
-	"Sanction": "Sanction",
-	"success": "Success",
-	"falter": "Falter",
-	"Take-a-Chance": "Take a Chance",
-	"Phlegm": "Phlegm",
-	"phlegm-details": "Dulled senses; acts of perception or problem-solving are ▼1 while in the presence of fear source.",
-	"Black-Bile": "Black Bile",
-	"black-details": "Overwhelmed by extreme emotion. Eyes fill with tears, body wracked by sobbing. <b>Take a Chance</b> to complete any complex action in the presence of fear source.",
-	"Yellow-Bile": "Yellow Bile",
-	"yellow-details": "Character fills with bitter rage toward all allies while in the presence of fear source. <b>Take a Chance</b>, act in a selfish way on a falter. Attitude persists in the presence of fear source.",
-	"Blood": "Blood",
-	"blood-details": "Inadvisably optimistic despite the horrors or the difficult situation faced. Blindly positive. Acts of violence or aggression are ▼1 while in the presence of fear source.",
-	"Fat-witted": "<b>Fat-witted</b> – acts carelessly, lacking in reason when making decisions",
-	"Canker-sorrowed": "<b>Canker-sorrowed</b> – afflicted with a sense of grief, struggling to see worth in self",
-	"Unheedy": "<b>Unheedy</b> – lacking in caution and careless of the consequences from any decisions made",
-	"Sullen": "<b>Sullen</b> – resentful silence, overcast with notes of despondency about any situation",
-	"Afeared": "<b>Afeared</b> – prone to tip into panic and alarm at the smallest trigger",
-	"Sickly": "<b>Sickly</b> – trembling with an unshakeable chill; pale and drawn",
-	"Crabbed": "<b>Crabbed</b> – prone to sharp changes in emotional state; short-tempered, sharp, and loud",
-	"Choleric": "<b>Choleric</b> – eager for conflict, with a simmering hostility toward everyone and everything",
-	"Despiteful": "<b>Despiteful</b> – unforgiving and driven to seek redress for any slight or wrong",
-	"Foolish": "<b>Foolish</b> – recklessly courageous and bold, heedless of the potency or peril of a challenge",
-	"Gullible": "<b>Gullible</b> – willing to believe or trust anyone without adequate evidence",
-	"Capricious": "<b>Capricious</b> – given to sudden, unpredictable, and erratic change in focus",
-	"no-armor": "No Armor",
-	"hits-negated": "Hits Negated",
-	"no-effect": "No Effect"
+{
+	"Name": "Name:",
+	"Occupation": "Occupation",
+	"Home": "Home:",
+	"Injuries-Afflications": "Injuries & Afflications",
+	"Affliations-Contacts": "Affliations & Contacts",
+	"Favours-Esoterica": "Favours & Esoterica",
+	"Expertise-Abilities": "Expertise & Abilities",
+	"Mundane-Possessions": "Mundane Possessions",
+	"Intellectuall": "Intellectuall",
+	"Physicall": "Physicall",
+	"Supernaturall": "Supernaturall",
+	"Tradecraft": "Tradecraft",
+	"Scene": "Scene",
+	"Ongoing": "Ongoing",
+	"Quirk": "Quirk",
+	"Armour": "Armour",
+	"Fortune": "Fortune",
+	"Unravelling": "Unravelling",
+	"the": "the",
+	"Dee": "Dee",
+	"Sanction": "Sanction",
+	"success": "Success",
+	"falter": "Falter",
+	"Take-a-Chance": "Take a Chance",
+	"Phlegm": "Phlegm",
+	"phlegm-details": "Dulled senses; acts of perception or problem-solving are ▼1 while in the presence of fear source.",
+	"Black-Bile": "Black Bile",
+	"black-details": "Overwhelmed by extreme emotion. Eyes fill with tears, body wracked by sobbing. <b>Take a Chance</b> to complete any complex action in the presence of fear source.",
+	"Yellow-Bile": "Yellow Bile",
+	"yellow-details": "Character fills with bitter rage toward all allies while in the presence of fear source. <b>Take a Chance</b>, act in a selfish way on a falter. Attitude persists in the presence of fear source.",
+	"Blood": "Blood",
+	"blood-details": "Inadvisably optimistic despite the horrors or the difficult situation faced. Blindly positive. Acts of violence or aggression are ▼1 while in the presence of fear source.",
+	"Fat-witted": "<b>Fat-witted</b> – acts carelessly, lacking in reason when making decisions",
+	"Canker-sorrowed": "<b>Canker-sorrowed</b> – afflicted with a sense of grief, struggling to see worth in self",
+	"Unheedy": "<b>Unheedy</b> – lacking in caution and careless of the consequences from any decisions made",
+	"Sullen": "<b>Sullen</b> – resentful silence, overcast with notes of despondency about any situation",
+	"Afeared": "<b>Afeared</b> – prone to tip into panic and alarm at the smallest trigger",
+	"Sickly": "<b>Sickly</b> – trembling with an unshakeable chill; pale and drawn",
+	"Crabbed": "<b>Crabbed</b> – prone to sharp changes in emotional state; short-tempered, sharp, and loud",
+	"Choleric": "<b>Choleric</b> – eager for conflict, with a simmering hostility toward everyone and everything",
+	"Despiteful": "<b>Despiteful</b> – unforgiving and driven to seek redress for any slight or wrong",
+	"Foolish": "<b>Foolish</b> – recklessly courageous and bold, heedless of the potency or peril of a challenge",
+	"Gullible": "<b>Gullible</b> – willing to believe or trust anyone without adequate evidence",
+	"Capricious": "<b>Capricious</b> – given to sudden, unpredictable, and erratic change in focus",
+	"no-armor": "No Armor",
+	"hits-negated": "Hits Negated",
+	"no-effect": "No Effect"
 }
\ No newline at end of file