diff --git a/Doctor Who 2e/DoctorWho2e.css b/Doctor Who 2e/DoctorWho2e.css
index 98e538675c..b0871833a1 100644
--- a/Doctor Who 2e/DoctorWho2e.css	
+++ b/Doctor Who 2e/DoctorWho2e.css	
@@ -4,7 +4,7 @@
 	opacity: 1.0;
 	min-width: 822px;
 	max-width: 826px;
-	height:    1300px;
+	height:    1320px;
 }
 
 .sheet-clipPhoto {
diff --git a/Doctor Who 2e/DoctorWho2e.html b/Doctor Who 2e/DoctorWho2e.html
index ae0ecdf901..9f4000c2fd 100644
--- a/Doctor Who 2e/DoctorWho2e.html	
+++ b/Doctor Who 2e/DoctorWho2e.html	
@@ -31,23 +31,23 @@
 	<div  style="display: inline-block; vertical-align: top;">
 		<div style="display: inline-block; vertical-align: top; width: 224px; height: 284px; margin: -154px 0px 0px 6px; padding-left: 0px;">
 			<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="characterName-u">CHARACTER NAME</label>
-			<input type="text" spellcheck="false" name="attr_character_name" style="width: 226px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
+			<input type="text" spellcheck="false" name="attr_character_name" style="width: 226px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border-radius: 0; border: 0; border-bottom: 2px solid Black;" />
 			<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="concept-u">CONCEPT</label>
-			<input type="text" spellcheck="false" name="attr_concept" style="width: 226px; height: 28px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;" />
-			<input type="text" spellcheck="false" name="attr_concept" style="width: 226px; height: 28px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent; border-bottom: 2px solid Black;" />
+			<input type="text" spellcheck="false" name="attr_concept" style="width: 226px; height: 28px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0;" />
+			<input type="text" spellcheck="false" name="attr_concept" style="width: 226px; height: 28px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
 			<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="focus-u">FOCUS</label>
-			<input type="text" spellcheck="false" name="attr_focus" style="width: 226px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
+			<input type="text" spellcheck="false" name="attr_focus" style="width: 226px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
 			<label style="display: inline-block; vertical-align: top;width: 146px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="homeworld-u">HOMEWORLD</label>
 			<label style="display: inline-block; vertical-align: top;width: 64px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="techLevel-u">TECH LEVEL</label>
 
-			<input type="text" spellcheck="false" name="attr_homeworld" style="display: inline-block; vertical-align: top;width: 150px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
-			<input type="text" name="attr_techLevel" style="display: inline-block; vertical-align: top;width: 62px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
+			<input type="text" spellcheck="false" name="attr_homeworld" style="display: inline-block; vertical-align: top;width: 150px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
+			<input type="text" name="attr_techLevel" style="display: inline-block; vertical-align: top;width: 62px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
 
 			<label style="display: inline-block; vertical-align: top; width: 290px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="short-termGoal-u">SHORT-TERM GOAL</label>
-			<input type="text" spellcheck="false" name="attr_shortTerm" style="display: inline-block; vertical-align: top; width: 295px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
+			<input type="text" spellcheck="false" name="attr_shortTerm" style="display: inline-block; vertical-align: top; width: 295px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
 
 			<label style="display: inline-block; vertical-align: top;width: 304px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="long-termGoal-u">LONG-TERM GOAL</label>
-			<input type="text" spellcheck="false" name="attr_longTerm" style="display: inline-block; vertical-align: top; width: 304px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;;" />
+			<input type="text" spellcheck="false" name="attr_longTerm" style="display: inline-block; vertical-align: top; width: 304px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0;" />
 
 		</div>
 	</div>
@@ -56,12 +56,12 @@
 	<div style="display: inline-block; vertical-align: top; width: 104px; height: 94px; margin: 50px 0px 0px 110px; padding-left: 0px; border: 0px solid Red;">
 		<label style="display: inline-block; vertical-align: top; width: 104px; height: 20px; color: Black; font-weight: bold; font-size: 20px; text-align: center; margin: 2px 0px 0px 4px; padding: 0px 1px 0px 0px;" data-i18n="story-u">STORY</label>
 		<label style="display: inline-block; vertical-align: top; width: 104px; height: 20px; color: Black; font-weight: bold; font-size: 20px; text-align: center; margin: 2px 0px 0px 4px; padding: 0px 1px 0px 0px;" data-i18n="points-u">POINTS</label>
-		<input type="number"  name="attr_storyPoints" style="width: 104px; height: 52px; font-weight: bold; font-size: 36px; text-align: center; background-color: transparent; border: 0px solid transparent; margin: 2px 2px 2px 12px;" min=0 value=12 />
+		<input type="number"  name="attr_storyPoints" style="width: 104px; height: 52px; font-weight: bold; font-size: 36px; color: DimGray; text-align: center; background-color: transparent; border: 0; border-radius: 0; margin: 2px 2px 2px 12px;" min=0 value=12 />
 	</div>
 	<!-- Distinctions -->
 	<div  style="display: inline-block; vertical-align: top; width: 228px; height: 280px; margin: -154px 0px 0px 112px;">
 		<label style="width: 230px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="distinctions-u">DISTINCTIONS</label>
-		<textarea name="attr_distinctions" cols=120 rows=12 style="width: 226px; height: 250px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 8px; padding: 0px 3px 0px 3px;" placeholder="Critical Distinctions"></textarea>
+		<textarea name="attr_distinctions" cols=120 rows=12 style="width: 226px; height: 250px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 8px; padding: 0px 3px 0px 3px;" placeholder="Critical Distinctions"></textarea>
 	</div>
 	<!-- Attributes and Skills -->
 	<div style="display: inline-block; vertical-align: top; width: 388px; height: 588px; margin: 10px 6px 0px 6px; padding-left: 0px;">
@@ -211,17 +211,17 @@
 	<!-- Experiences -->
 	<div style="display: inline-block; vertical-align: top; width: 380px; height: 218px; margin: 10px 6px 0px 14px; padding-left: 0px;">
 		<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="experiences-u">EXPERIENCES</label>
-		<textarea name="attr_experiences" spellcheck="false" cols=120 rows=12 style="width: 372px; height: 180px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 10px; padding: 0px 3px 0px 3px;" placeholder="Notable Experiences"></textarea>
+		<textarea name="attr_experiences" spellcheck="false" cols=120 rows=12 style="width: 372px; height: 180px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 10px; padding: 0px 3px 0px 3px;" placeholder="Notable Experiences"></textarea>
 	</div>
 	<!-- Equipment -->
 	<div style="display: inline-block; vertical-align: top; width: 380px; height: 176px; margin: -346px 6px 0px 414px; padding-left: 0px;">
 		<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="equipment-u">EQUIPMENT</label>
-		<textarea name="attr_equipment" cols=120 rows=12 spellcheck="false" style="width: 372px; height: 142px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Important Equipment"></textarea>
+		<textarea name="attr_equipment" cols=120 rows=12 spellcheck="false" style="width: 372px; height: 142px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Important Equipment"></textarea>
 	</div>
 	<!-- Conditions -->
 	<div style="display: inline-block; vertical-align: top; width: 380px; height: 140px; margin: -166px 6px 0px 414px; padding-left: 0px;">
 		<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="conditions-u">CONDITIONS</label>
-		<textarea name="attr_conditions" cols=120 rows=12 spellcheck="false" style="width: 372px; height: 110px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Abnormal Conditions"></textarea>
+		<textarea name="attr_conditions" cols=120 rows=12 spellcheck="false" style="width: 372px; height: 110px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Abnormal Conditions"></textarea>
 	</div>	
 	
 	<!-- Rolls -->
@@ -241,7 +241,7 @@
 
 		<div class="dicepool">
 		  <input type='hidden' name='attr_dicepool1Title' value="Attribute+Skill Roll1a">
-		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt1">
+		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAtt1">
 			<option value="0" selected></option>
 			<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
 			<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -250,7 +250,7 @@
 			<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
 			<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
 		  </select>
-		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi1">
+		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi1">
 			<option value="0" selected></option>
 			<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
 			<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -274,7 +274,7 @@
 		<div class="dicepool">
 		  <input type='hidden' name='attr_dicepool2Title' value="Attribute+Skill Roll2">
 
-		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt2">
+		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray" name="attr_DPAtt2">
 			<option value="0" selected></option>
 			<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
 			<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -283,7 +283,7 @@
 			<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
 			<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
 		  </select>
-		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi2">
+		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi2">
 			<option value="0" selected></option>
 			<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
 			<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -306,7 +306,7 @@
 		</div>
 		<div class="dicepool">
 		  <input type='hidden' name='attr_dicepool3Title' value="Attribute+Skill Roll3">
-		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt3">
+		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAtt3">
 			<option value="0" selected></option>
 			<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
 			<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -315,7 +315,7 @@
 			<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
 			<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
 		  </select>
-		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi3">
+		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi3">
 			<option value="0" selected></option>
 			<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
 			<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -338,7 +338,7 @@
 		</div>
 		<div class="dicepool">
 		  <input type='hidden' name='attr_dicepool4Title' value="Attribute+Skill Roll4">
-		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt4">
+		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAtt4">
 			<option value="0" selected></option>
 			<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
 			<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -347,7 +347,7 @@
 			<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
 			<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
 		  </select>
-		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi4">
+		  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi4">
 			<option value="0" selected></option>
 			<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
 			<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -372,7 +372,7 @@
 		<div class="dicepool">
 			<fieldset class="repeating_roll">
 			  <input type='hidden' name='attr_dicepoolTitle' value="Attribute+Skill Roll">
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAtt">
 				<option value="0" selected></option>
 				<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
 				<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -381,7 +381,7 @@
 				<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
 				<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
 			  </select>
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi">
 				<option value="0" selected></option>
 				<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
 				<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -448,22 +448,22 @@
 	<div  style="display: inline-block; vertical-align: top;">
 		<div style="display: inline-block; vertical-align: top; width: 224px; height: 284px; margin: -154px 0px 0px 6px; padding-left: 0px;">
 			<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="deviceName-u">DEVICE NAME</label>
-			<input type="text"  name="attr_TMcharacter_name" spellcheck="false" style="width: 226px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
+			<input type="text"  name="attr_TMcharacter_name" spellcheck="false" style="width: 226px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
 			<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" spellcheck="false" data-i18n="concept-u">CONCEPT</label>
-			<input type="text"  name="attr_TMconcept" spellcheck="false" style="width: 226px; height: 60px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
+			<input type="text"  name="attr_TMconcept" spellcheck="false" style="width: 226px; height: 60px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
 			<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" spellcheck="false" data-i18n="focus-u">FOCUS</label>
-			<input type="text"  name="attr_TMfocus" spellcheck="false" style="width: 226px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
+			<input type="text"  name="attr_TMfocus" spellcheck="false" style="width: 226px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
 			<label style="display: inline-block; vertical-align: top;width: 146px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="homeworld-u">HOMEWORLD</label>
 			<label style="display: inline-block; vertical-align: top;width: 64px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="techLevel-u">TECH LEVEL</label>
 
-			<input type="text"  name="attr_TMhomeworld" spellcheck="false" style="display: inline-block; vertical-align: top;width: 150px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
-			<input type="text"  name="attr_TMtechLevel" style="display: inline-block; vertical-align: top;width: 62px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
+			<input type="text"  name="attr_TMhomeworld" spellcheck="false" style="display: inline-block; vertical-align: top;width: 150px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
+			<input type="text"  name="attr_TMtechLevel" style="display: inline-block; vertical-align: top;width: 62px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
 
 			<label style="display: inline-block; vertical-align: top; width: 290px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="short-termGoal-u">SHORT-TERM GOAL</label>
-			<input type="text"  name="attr_TMshortTerm" spellcheck="false" style="display: inline-block; vertical-align: top; width: 295px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
+			<input type="text"  name="attr_TMshortTerm" spellcheck="false" style="display: inline-block; vertical-align: top; width: 295px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
 
 			<label style="display: inline-block; vertical-align: top;width: 304px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="long-termGoal-u">LONG-TERM GOAL</label>
-			<input type="text"  name="attr_TMlongTerm" spellcheck="false" style="display: inline-block; vertical-align: top; width: 304px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;;" />
+			<input type="text"  name="attr_TMlongTerm" spellcheck="false" style="display: inline-block; vertical-align: top; width: 304px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0;" />
 
 		</div>
 	</div>
@@ -471,13 +471,13 @@
 	<div style="display: inline-block; vertical-align: top; width: 104px; height: 94px; margin: 50px 0px 0px 110px; padding-left: 0px; border: 0px solid Red;">
 		<label style="display: inline-block; vertical-align: top; width: 104px; height: 20px; color: Black; font-weight: bold; font-size: 20px; text-align: center; margin: 2px 0px 0px 4px; padding: 0px 1px 0px 0px;" data-i18n="story-u">STORY</label>
 		<label style="display: inline-block; vertical-align: top; width: 104px; height: 20px; color: Black; font-weight: bold; font-size: 20px; text-align: center; margin: 2px 0px 0px 4px; padding: 0px 1px 0px 0px;" data-i18n="points-u">POINTS</label>
-		<input type="number"  name="attr_TMstoryPoints" style="width: 104px; height: 52px; font-weight: bold; font-size: 36px; text-align: center; background-color: transparent; border: 0px solid transparent; margin: 2px 2px 2px 12px;" min=0 value=12 />
+		<input type="number"  name="attr_TMstoryPoints" style="width: 104px; height: 52px; font-weight: bold; color: DimGray; font-size: 36px; text-align: center; background-color: transparent; border: 0; border-radius: 0; margin: 2px 2px 2px 12px;" min=0 value=12 />
 	</div>	
 
 	<!-- Distinctions -->
 	<div  style="display: inline-block; vertical-align: top; width: 228px; height: 280px; margin: -154px 0px 0px 112px;">
 		<label style="width: 230px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="distinctions-u">DISTINCTIONS</label>
-		<textarea name="attr_TMdistinctions" cols=120 rows=12 style="width: 226px; height: 250px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 8px; padding: 0px 3px 0px 3px;" placeholder="Critical Distinctions"></textarea>
+		<textarea name="attr_TMdistinctions" cols=120 rows=12 style="width: 226px; height: 250px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 8px; padding: 0px 3px 0px 3px;" placeholder="Critical Distinctions"></textarea>
 	</div>
 	<!-- Attributes and Skills -->
 	<div style="display: inline-block; vertical-align: top; width: 380px; height: 580px; margin: 10px 6px 0px 6px; padding-left: 0px;">
@@ -614,17 +614,17 @@
 		<!-- Experiences -->
 		<div style="display: inline-block; vertical-align: top; width: 380px; height: 218px; margin: 10px 6px 0px 14px; padding-left: 0px;">
 			<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="experiences-u">EXPERIENCES</label>
-			<textarea name="attr_TMexperiences" cols=120 rows=12 style="width: 372px; height: 180px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 10px; padding: 0px 3px 0px 3px;" placeholder="Notable Experiences"></textarea>
+			<textarea name="attr_TMexperiences" cols=120 rows=12 style="width: 372px; height: 180px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 10px; padding: 0px 3px 0px 3px;" placeholder="Notable Experiences"></textarea>
 		</div>
 		<!-- Equipment -->
 		<div style="display: inline-block; vertical-align: top; width: 380px; height: 176px; margin: -346px 6px 0px 414px; padding-left: 0px;">
 			<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="equipment-u">EQUIPMENT</label>
-			<textarea name="attr_TMequipment" cols=120 rows=12 style="width: 372px; height: 142px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Important Equipment"></textarea>
+			<textarea name="attr_TMequipment" cols=120 rows=12 style="width: 372px; height: 142px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Important Equipment"></textarea>
 		</div>
 		<!-- Conditions -->
 		<div style="display: inline-block; vertical-align: top; width: 380px; height: 140px; margin: -166px 6px 0px 414px; padding-left: 0px;">
 			<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="conditions-u">CONDITIONS</label>
-			<textarea name="attr_TMconditions" cols=120 rows=12 style="width: 372px; height: 110px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Abnormal Conditions"></textarea>
+			<textarea name="attr_TMconditions" cols=120 rows=12 style="width: 372px; height: 110px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Abnormal Conditions"></textarea>
 		</div>
 
 		<!-- Rolls -->
@@ -643,7 +643,7 @@
 
 			<div class="dicepool">
 			  <input type='hidden' name='attr_TMdicepool1Title' value="Attribute+Skill Roll1a">
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt1">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt1">
 				<option value="0" selected></option>
 				<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
 				<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -652,7 +652,7 @@
 				<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
 				<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
 			  </select>
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi1">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi1">
 				<option value="0" selected></option>
 				<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
 				<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -681,7 +681,7 @@
 			<div class="dicepool">
 			  <input type='hidden' name='attr_TMdicepool2Title' value="Attribute+Skill Roll2">
 
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt2">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt2">
 				<option value="0" selected></option>
 				<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
 				<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -690,7 +690,7 @@
 				<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
 				<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
 			  </select>
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi2">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi2">
 				<option value="0" selected></option>
 				<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
 				<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -718,7 +718,7 @@
 			</div>
 			<div class="dicepool">
 			  <input type='hidden' name='attr_TMdicepool3Title' value="Attribute+Skill Roll3">
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt3">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt3">
 				<option value="0" selected></option>
 				<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
 				<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -727,7 +727,7 @@
 				<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
 				<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
 			  </select>
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi3">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi3">
 				<option value="0" selected></option>
 				<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
 				<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -754,7 +754,7 @@
 			</div>
 			<div class="dicepool">
 			  <input type='hidden' name='attr_TMdicepool4Title' value="Attribute+Skill Roll4">
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt4">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt4">
 				<option value="0" selected></option>
 				<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
 				<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -763,7 +763,7 @@
 				<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
 				<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
 			  </select>
-			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi4">
+			  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi4">
 				<option value="0" selected></option>
 				<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
 				<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -792,7 +792,7 @@
 			<div class="dicepool">
 				<fieldset class="repeating_tmroll">
 				  <input type='hidden' name='attr_TMdicepoolTitle' value="Attribute+Skill Roll">
-				  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt">
+				  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt">
 					<option value="0" selected></option>
 					<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
 					<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -801,7 +801,7 @@
 					<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
 					<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
 				  </select>
-				  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi">
+				  <select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi">
 					<option value="0" selected></option>
 					<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
 					<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>