diff --git a/Black Crusade Advanced API/Black Crusade Advanced API.css b/Black Crusade Advanced API/Black Crusade Advanced API.css
new file mode 100644
index 0000000000..83a4581a78
--- /dev/null
+++ b/Black Crusade Advanced API/Black Crusade Advanced API.css	
@@ -0,0 +1,1034 @@
+/*----------- Tabs Setup -------------*/
+
+/*this hides the contents of each tab by default*/
+.charsheet div[class^="sheet-section"] { 	
+	display: none;
+}
+
+/*this shows the tab content when the appropriate input field is selected*/
+.charsheet input.sheet-tab1:checked ~ div.sheet-section-core,
+.charsheet input.sheet-tab2:checked ~ div.sheet-section-gear,
+.charsheet input.sheet-tab3:checked ~ div.sheet-section-advancements,
+.charsheet input.sheet-tab4:checked ~ div.sheet-section-npcsandminions,
+.charsheet input.sheet-tab5:checked ~ div.sheet-section-journal,
+.charsheet input.sheet-tab6:checked ~ div.sheet-section-vehicles,
+.charsheet input.sheet-tab7:checked ~ div.sheet-section-psykana,
+.charsheet input.sheet-tab8:checked ~ div.sheet-section-social {
+	display: block;
+}
+
+.btn:focus {
+    border-color: red;
+}
+
+.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { 	
+	display: block;
+}
+
+/*this hides the radio button for each tab, makes it 100px wide and 40px tall and makes sure it's above everything else*/
+.charsheet input.sheet-tab {
+    width: 100px;
+    height: 40px;
+    cursor: pointer;	
+	position: relative;
+	opacity: 0;
+	z-index: 9999;
+}
+
+/*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/
+.charsheet span.sheet-tab  {
+    text-align: center;
+    display: inline-block;
+    font-size: 12px;
+    background: rgba(229, 229, 229, 0.34);
+    color: black;
+    border: solid 1px rgba(0, 0, 0, 0.21);
+    font-weight: bold;
+    border-radius: 35px;
+    width: 95px;
+    height: 40px;
+    cursor: pointer;
+    position: relative;
+    vertical-align: middle;
+    margin-left: -104px;
+}
+
+/*this modifies the span color once the radio button is selected so you know which tab is selected*/
+.charsheet input.sheet-tab1:checked + span.sheet-tab1,
+.charsheet input.sheet-tab2:checked + span.sheet-tab2,
+.charsheet input.sheet-tab3:checked + span.sheet-tab3,
+.charsheet input.sheet-tab4:checked + span.sheet-tab4,
+.charsheet input.sheet-tab5:checked + span.sheet-tab5,
+.charsheet input.sheet-tab6:checked + span.sheet-tab6,
+.charsheet input.sheet-tab7:checked + span.sheet-tab7,
+.charsheet input.sheet-tab8:checked + span.sheet-tab8,
+.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
+    background: #333333;
+    color: #eaeaea;
+	border-radius: 35px;
+}
+
+/* CSS Reset */{}
+.charsheet .sheet-wrapper div, .charsheet .sheet-wrapper span, .charsheet .sheet-wrapper span,
+.charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h2, .charsheet .sheet-wrapper h3, .charsheet .sheet-wrapper h4, .charsheet .sheet-wrapper h5, .charsheet .sheet-wrapper h6, .charsheet .sheet-wrapper p,
+.charsheet .sheet-wrapper table, .charsheet .sheet-wrapper caption, .charsheet .sheet-wrapper tbody, .charsheet .sheet-wrapper tfoot, .charsheet .sheet-wrapper thead, .charsheet .sheet-wrapper tr, .charsheet .sheet-wrapper th, .charsheet .sheet-wrapper td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	color: #404040;
+	vertical-align: baseline;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+}
+.charsheet .sheet-wrapper table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+.charsheet .sheet-wrapper input::-webkit-outer-spin-button,
+.charsheet .sheet-wrapper input::-webkit-inner-spin-button {
+	-webkit-appearance: none;
+	margin: 0;
+}
+.charsheet .sheet-wrapper input[type="number"] {
+	-moz-appearance: textfield;
+}
+.charsheet .sheet-wrapper textarea {
+	resize: vertical;
+}
+/* Button Reset */
+.charsheet .sheet-wrapper button[type="roll"]:before {
+	content: ""!important;
+	display: none;
+}
+.charsheet .sheet-wrapper button[type="roll"],
+.charsheet .sheet-wrapper .sheet-btn {
+	width: 100%;
+	height:24px;
+	vertical-align: middle;
+	padding: 0;
+	display: inline-block;
+	margin: 0;
+	font-weight: 400;
+	text-align: center;
+	vertical-align: middle;
+	cursor: pointer;
+	background-image: none;
+	background-color: transparent;
+	border: 1px solid #ccc;
+	white-space: nowrap;
+	border-radius: 4px;
+	-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;
+}
+.charsheet .sheet-wrapper button[type="roll"]:hover,
+.charsheet .sheet-wrapper .sheet-btn:hover,
+.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
+    background-color: rgb(51,51,51);
+    border-color: #ff0000;
+}
+.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
+}
+.charsheet .sheet-wrapper button[type="roll"] span,
+.charsheet .sheet-wrapper button[type="roll"] input {
+	height:24px;
+	line-height: 24px;
+	font-size: 11px; /*13px*/
+	vertical-align: middle;
+	text-align:center;
+	width: 99%;
+	cursor: pointer;
+	background: none;
+	box-shadow: none;
+	transition: none;
+	border-radius: none;
+	border:none;
+	font-weight:700;
+}
+
+.charsheet .sheet-wrapper button[type="roll"] input {
+}
+.charsheet .sheet-wrapper button[type="roll"]:hover span,
+.charsheet .sheet-wrapper button[type="roll"]:hover input {
+color: white;
+border: none;
+}
+
+/* Main Styles */
+.charsheet {
+    background-image: url(http://i.imgur.com/5GbMHfg.png);
+    background-size: cover;
+	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
+	font-size: 14px;
+}
+
+.charsheet .sheet-wrapper h3 {
+	color: black;
+	padding:3px;
+	margin-bottom:5px;
+	font-size:18px;
+	font-weight:bold;
+	font-family: inherit;
+	text-transform:uppercase;
+	text-align:center;
+}
+
+.charsheet .sheet-wrapper textarea {
+	display: inline-block;
+	border: 1px solid #aaa;
+	padding: 2px;
+	height: 24px;
+	width: 100%;
+	font-size: 14px;
+	font-family: inherit;
+	line-height: 16px;
+	font-weight: normal;
+	margin: 0;
+	color: rgba(0, 0, 0, 0.8);
+	background: rgba(255, 255, 255, 0.45);
+	vertical-align: middle;
+	cursor: auto;
+	letter-spacing: normal;
+	word-spacing: normal;
+	text-transform: none;
+	text-indent: 0px;
+	text-shadow: none;
+	text-align: start;
+	-webkit-rtl-ordering: logical;
+	-webkit-user-select: text;
+	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-webkit-transition: border linear .2s,box-shadow linear .2s;
+	-moz-transition: border linear .2s,box-shadow linear .2s;
+	-ms-transition: border linear .2s,box-shadow linear .2s;
+	-o-transition: border linear .2s,box-shadow linear .2s;
+	transition: border linear .2s,box-shadow linear .2s;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	-webkit-writing-mode: horizontal-tb;
+}
+
+.charsheet .sheet-wrapper input, .charsheet .sheet-wrapper select, .charsheet .sheet-wrapper input[type="number"] {
+	display: inline-block;
+	border-bottom: 1px dotted #a5a4a0;
+	border-top: none;
+	border-left: none;
+	border-right: none;
+	padding: 2px;
+	height: 24px;
+	width: 100%;
+	font-size: 14px;
+	font-family: inherit;
+	line-height: 16px;
+	font-weight: normal;
+	margin: 0;
+	color: rgba(0, 0, 0, 0.8);
+	background-color: transparent;
+	vertical-align: middle;
+	cursor: auto;
+	letter-spacing: normal;
+	word-spacing: normal;
+	text-transform: none;
+	text-indent: 0px;
+	text-shadow: none;
+	text-align: start;
+	-webkit-rtl-ordering: logical;
+	-webkit-user-select: text;
+	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-webkit-transition: border linear .2s,box-shadow linear .2s;
+	-moz-transition: border linear .2s,box-shadow linear .2s;
+	-ms-transition: border linear .2s,box-shadow linear .2s;
+	-o-transition: border linear .2s,box-shadow linear .2s;
+	transition: border linear .2s,box-shadow linear .2s;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	-webkit-writing-mode: horizontal-tb;
+}
+
+.charsheet .sheet-wrapper input:not([type='checkbox']) {
+	-webkit-appearance: textfield;
+}
+
+.charsheet .sheet-wrapper input[type="checkbox"] {
+	height: 13px;
+	width: 13px;
+	color: rgba(0, 0, 0, 0.8);
+	border: 1px solid #aaa;
+	-webkit-border-radius: 0;
+	-moz-border-radius: 0;
+	border-radius: 0;
+	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+	-webkit-transition: border linear .2s,box-shadow linear .2s;
+	-moz-transition: border linear .2s,box-shadow linear .2s;
+	-ms-transition: border linear .2s,box-shadow linear .2s;
+	-o-transition: border linear .2s,box-shadow linear .2s;
+	transition: border linear .2s,box-shadow linear .2s;
+}
+
+.charsheet .sheet-wrapper input[disabled],
+.charsheet .sheet-wrapper select[disabled],
+.charsheet .sheet-wrapper textarea[disabled],
+.charsheet .sheet-wrapper input[readonly],
+.charsheet .sheet-wrapper select[readonly],
+.charsheet .sheet-wrapper textarea[readonly] {
+	background-color: transparent;
+	border-color: #aaa;
+	cursor: not-allowed;
+}
+
+.charsheet .sheet-wrapper textarea {
+	width: 98%;
+	height: 80px;
+	line-height: 16px;
+	margin-bottom: 5px;
+	margin-top: 5px;
+}
+
+.charsheet .sheet-wrapper span {
+	display: inline-block;
+	width: 100%;
+	font-size: 14px;
+	text-align: left;
+	font-weight: 600;
+	height: 24px;
+	line-height: 24px;
+	vertical-align: middle;
+}
+
+.charsheet .sheet-wrapper .sheet-3colrow .sheet-col {
+	width: calc(40% - 9px) !important;
+	margin-right: 5px !important;
+}
+
+.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:nth-child(2) {
+	width: calc(20% - 9px) !important;
+	margin-right:5px;
+}
+.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:last-child {
+	margin-right: 0 !important;
+}
+.charsheet .sheet-wrapper .sheet-2colrow .sheet-col {
+	width: calc(50% - 3px) !important;
+	margin-right: 2px !important;
+}
+
+.charsheet .sheet-wrapper .sheet-2colrow .sheet-col:last-child {
+	margin-right: 0 !important;
+}
+
+.charsheet .sheet-wrapper .sheet-1colrow .sheet-col {
+	width: calc(100% - 3px) !important;
+	margin-right: 0 !important;
+}
+
+/* Table Container */
+.charsheet .sheet-wrapper .sheet-tablecontainer {
+	display:table;
+}
+.charsheet .sheet-wrapper .sheet-tablecell {
+	display:table-cell;
+}
+
+/* Special Styles */
+.charsheet .sheet-wrapper .sheet-skills td:first-child {
+	width:70%;
+	height:24px;
+	border-bottom:1px solid #a5a4a0;
+}
+.charsheet .sheet-wrapper .sheet-skills td:nth-child(n+2) {
+	width:24px;
+	height:24px;
+	border:1px solid #a5a4a0;
+	text-align:center;
+}
+.charsheet .sheet-wrapper .sheet-skills button[type="roll"] {
+	width:100%; /*24px*/
+}
+
+.charsheet .sheet-wrapper .sheet-transparent {
+	background: transparent;
+	border: transparent;
+}
+
+.charsheet .sheet-wrapper .sheet-inline {
+	display:inline-block;
+}
+
+.charsheet .sheet-wrapper .sheet-quickborder {
+	border: 1px solid #AAAAAA;
+	padding:3px;
+	margin-bottom:5px;
+}
+
+.charsheet .sheet-wrapper .sheet-quickborder2 {
+    border: 1px solid rgba(255, 0, 0, 0.08);
+    padding: 3px;
+    margin-bottom: 5px;
+    background-color: rgba(165, 164, 160, 0.15);
+}
+
+.charsheet .sheet-wrapper .sheet-uppercase {
+	text-transform: uppercase;
+}
+
+.charsheet .sheet-wrapper .sheet-uppercase span {
+	text-align: center;
+}
+
+.charsheet .sheet-wrapper .sheet-armourblock {
+	text-align: center;
+	margin: auto auto 5px auto;
+	width: calc(33% - 3px);
+	display: inline-block;
+}
+
+.charsheet .sheet-wrapper .sheet-armourblock span {
+	text-align: center;
+	text-transform:uppercase;    
+}
+
+.charsheet .sheet-wrapper .sheet-armourblock input {
+	text-align: center;
+	font-size: 1.2em;
+}
+
+/* Rows and Items */
+.charsheet .sheet-wrapper .sheet-row {
+	height: 24px;
+	margin: 0 0 2px;
+}
+
+.charsheet .sheet-wrapper .sheet-doublerow {
+	height: 48px;
+	margin: 0 0 2px;
+}
+
+.charsheet .sheet-wrapper .sheet-alternative:nth-child(even) {
+background-color: #DBB0B1;
+}
+
+.charsheet .sheet-wrapper .sheet-header {
+	height: 20px;
+	margin: 0;
+}
+
+.charsheet .sheet-wrapper .sheet-header span {
+	padding: 0;
+	font-size: 10px;
+	height: 20px;
+	line-height: 20px;
+	font-weight: 700;
+}
+
+.charsheet .sheet-wrapper .sheet-item {
+	display: inline-block;
+	width: 100%;
+	height: 28px;
+	vertical-align: middle;
+	margin: 0 -2px;
+	text-align: left;
+	padding: 3px 2px;
+	overflow: hidden;
+}
+
+.charsheet .sheet-wrapper .sheet-brackets {
+	border-left: 1px solid #aaa;
+	border-right: 1px solid #aaa;
+	border-radius: 12px;    
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-center {
+	text-align: center;
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-multiline span {
+	line-height: 12px;
+	padding-top: 1px;
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-puny {
+	width: calc(10% - 3%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-little {
+	width: calc(12% - 0.5%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-tiny {
+	width: calc(15% - 2%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-small {
+	width: calc(20% - 0.5%);
+}
+
+.charsheet .sheet-wrapper textarea.sheet-small {
+	height: 32px;
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-med {
+	width: calc(30% - 0.5%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-large {
+	width: calc(40% - 3%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-big {
+	width: calc(50% - 3%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-morebig {
+	width: calc(60% - 3%);    
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-bigger {
+	width: calc(70% - 3%);
+}
+
+.charsheet .sheet-wrapper .sheet-item.sheet-huge {
+	width: calc(80% - 3%);
+}
+
+/* Characteristics */
+.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] span,
+.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] input {
+	height:65px;
+	color: black;
+	line-height: 30px;
+	font-size: 16px; 
+	font-weight: bold;
+	font-family: inherit;
+	vertical-align: middle;
+	text-align:center;
+	width: 99%; /* 99% Original*/
+	cursor: pointer;
+	background-color: #666666;
+	border-radius: 6px;
+	box-shadow: none;
+	transition: none;
+	border-radius: none;
+	border:none;
+}
+
+.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover span,
+.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover input {
+	color: #fff;
+	border: none;
+	background-color: rgb(51, 51, 51);
+	border-color: none;
+	border-radius: 5px;
+}
+
+.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] {
+	border: none;
+	height:65px;
+	background-color: transparent;
+	white-space: normal; 
+	width: 100%;
+	margin:auto;
+	text-align:center;
+	font-family: inherit;
+}
+
+.charsheet .sheet-wrapper .sheet-characteristics select {
+	display:inline-block;
+	width:100%;
+	text-align: center;
+	background-color:transparent;
+	border:0;
+	font-weight:bold;
+}
+
+.charsheet .sheet-wrapper .sheet-characteristics input {	
+	display:block;
+	border:1px solid #a5a4a0;
+	background-color:transparent;
+	width:70%;
+	height:65px;
+	margin:auto;
+	text-align:center;
+	font-weight:bolder;
+	font-family: inherit;
+	font-size:3em;
+}
+
+/* Footer */
+.charsheet .sheet-wrapper .sheet-footer {
+	display:inline-block;
+	padding:5px;
+	vertical-align:super;
+	font-size:0.9em;
+	line-height:0.8em;
+	text-align:center;
+}
+
+.charsheet .sheet-wrapper .sheet-footer td {
+}
+
+.charsheet .sheet-wrapper .sheet-innerfooter {
+	display:inline-block;
+	border:inherit;
+	width:47%;
+	padding:2px;
+}
+.charsheet .sheet-wrapper .sheet-innerfooter input {
+	width:100%;
+	margin-top:-7px;
+}
+
+.sheet-mainleft {
+	width:39%;
+	float:left;
+	padding-right: 1%;
+}
+
+.sheet-mainright {
+	width:39%;
+	float:right;
+}
+.roll_advancedskill {
+    width: 30px;
+    height: 25px;
+    text-align: center;
+}
+
+.attr_advancedskill .charsheet .sheet-wrapper button[type="roll"] span, .charsheet .sheet-wrapper button[type="roll"] input {
+    margin-left: -2px;
+}
+
+.tcenter {
+    text-align: center;
+}
+
+input.sheet-arrow
+{
+    float: right;
+}
+
+input.sheet-arrow:checked ~ div.sheet-hbody
+{
+    display: none;
+}
+
+input:focus, textarea:focus
+{
+    border-color: red;
+}
+
+/*=== Red Horizontal Line ===*/
+
+.sheet-dhhr 
+{
+    border-top: 0;
+    margin-top: 0px;
+    border-color: rgba(0, 0, 0, 0);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/*=== Unnatural Characteristic Boxes===*/
+
+.sheet-unnatural_box {
+    position:relative;
+    width: 99px;
+    margin-left: auto !important;
+    margin-right: auto !important;
+}
+.charsheet .sheet-wrapper .sheet-unnatural {
+    position:absolute;
+    left: 59px;
+    top: 40px;
+    z-index:1;
+    margin-bottom:0px;
+    padding-bottom:0px;
+}
+.charsheet .sheet-wrapper .sheet-unnatural[type="number"] {
+    font-size: 1em;
+    height:1.8em;
+    width:1.8em;
+    background: rgba(225, 225, 225, 0.66);
+    border: none;
+    border-top-left-radius: 16px;
+}
+
+/*=== Water mark Inquisitorial Backgrounds ===*/
+ .sheet-section-core   {
+    background: url(http://i.imgur.com/5GbMHfg.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    }
+	
+.sheet-watermark {
+    background: url(http://i.imgur.com/5GbMHfg.png);
+    background-size: cover;
+    background-repeat: no-repeat;
+}    
+
+/*=== Styled Buttons===*/
+
+.sheet-Impskull button[type="roll"] {
+    background-image: url(http://i.imgur.com/VfFmeRL.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: top center;
+}
+.sheet-Impskull {
+    background-color: rgb(102,102,102);
+    background-clip: content-box;
+    border-radius: 6px;
+}
+
+.sheet-redbgns {
+    background-color: rgb(102,102,102);
+    background-clip: content-box;
+    border-radius: 6px;
+}
+
+.sheet-DHBtn span {
+    text-align: center;
+    color: white;
+}
+
+.sheet-DHBtn button[type="roll"] {
+    background-color: rgb(102,102,102);
+    background-clip: content-box;
+    border-radius: 6px;
+    text-align: center;
+    width: 200px;
+    border: none;
+}
+
+.sheet-DHBtn button[type="roll"]:hover {
+    background-color: rgb(51,51,51);
+}
+
+.sheet-DHBtn2 {
+    background-color: rgb(102,102,102);
+    background-clip: content-box;
+    border-radius: 6px;
+    border: none;
+}
+
+.sheet-DHBtn2 button[type="roll"]:hover {
+    background-color: rgb(51,51,51);
+    border: none;
+}
+
+.sheet-DHBtn2 span {
+    color: white;
+}
+.charsheet .sheet-redbgns span {
+    color: white;
+}
+
+.charsheet .sheet-redbgns button[type="roll"]:hover {
+    background-color: rgb(51,51,51);
+    border: none;
+}
+
+/*=== Silhoullette for Armor and Defense Box ===*/
+.sheet-sildh {
+    background-image: url(http://i.imgur.com/3KQMWry.png);
+    background-size: contain;
+    background-position: center center;
+    background-repeat: no-repeat;
+}
+
+.charsheet .sheet-wrapper .sheet-unnaturaltext[type="text"]{
+    background-color: rgba(0, 0, 0, 0.31);
+    border: none;
+        border-radius: 6px;
+}
+
+.sheet-grayborders {
+    background-color: #a5a4a0;
+}
+
+.sheet-tcenter {
+    text-align: center;
+}
+
+/*=== Textarea overides ===*/
+
+.charsheet .sheet-wrapper .sheet-charmotive1[type="text"]  {
+    -webkit-box-shadow: none;
+    text-align: center;
+    font-size: 20px;
+    font-style: italic;
+    font-family: caslon antique;
+}
+
+.charsheet .sheet-wrapper .sheet-charmotive textarea {
+    background: rgba(238, 237, 232, 0.31);
+    border: none;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    height: 50px;
+    resize: none;
+    font-size: 16px;
+    text-align: center;
+    font-style: italic;
+}
+
+.charsheet .sheet-wrapper .sheet-priobj textarea {
+    height: 189px;
+    width: 87%;
+    margin-left: 24px;
+    margin-top: 42px;
+    background: transparent;
+    border: none;
+    color: #0ed80e;
+    font-size: 14px;
+    overflow: hidden;
+}
+
+.charsheet .sheet-wrapper .sheet-misblock textarea {
+    height: 20px;
+    resize: none;
+    display: inline;
+    width: 86%;
+}
+
+/*=== Inquisitorial Dataslate for Missions ===*/
+
+.sheet-priobj {
+    background-image: url(http://i.imgur.com/qs2c0H2.png);
+    background-position: top center;
+    background-clip: initial;
+    background-size: cover;
+    height: 261px;
+    width: 350px;
+}
+
+/*=== Minor/misc Style Edits ===*/
+.sheet-tdother {
+    text-align: center;
+}
+
+.sheet-btn:focus {
+    border-color: #d80a0a;
+}
+
+.sheet-halfcol {
+    width: 50%;
+}
+
+.sheet-tdalignt {
+    vertical-align: top;
+}
+
+.charsheet .sheet-wrapper .sheet-misblock span {
+    display: inline;
+}
+
+.sheet-mutchecks {
+    text-align:center;
+}
+
+.sheet-dhcol {
+    width: calc(25% - 3px) !important;
+    margin-right: 2px !important;
+    display: inline-block;
+}
+
+.sheet-colcor {
+    vertical-align: top !important;
+    width: 49% !important;
+}
+
+/*=== Roll Template Style ===*/
+
+.sheet-rolltemplate-darkheresy2 table {
+    width: 100%;
+    padding: 2px;
+    background:url(http://i.imgur.com/VmcMVk2.png) top left repeat;
+}
+ 
+.sheet-rolltemplate-darkheresy2 th {
+    color: black;
+    padding-left: 5px;
+	padding-top: 5px;
+    line-height: 1.1em;
+    font-size: 1.5em;
+    text-align: left;
+    font-family: Caslon Antique, "Arial", Helvetica, sans-serif;
+    text-transform: capitalize;
+}
+ 
+.sheet-rolltemplate-darkheresy2 .sheet-arrow-right {
+    border-top: 3px solid transparent;
+    border-bottom: 3px solid transparent;
+	border-left: 180px solid rgb(126, 45, 64);
+}
+ 
+.sheet-rolltemplate-darkheresy2 .sheet-tcat {
+    font-weight: bold;
+}
+ 
+.sheet-rolltemplate-darkheresy2 td {
+    padding-left: 5px;
+	font-family: Berylium-Regular;
+    font-size: 15px;
+    color: rgb(80, 80, 80);
+}
+ 
+.sheet-rolltemplate-darkheresy2 .inlinerollresult  {
+    background-color: transparent;
+    border: none;
+}
+ 
+.sheet-rolltemplate-darkheresy2 .inlinerollresult.fullcrit {
+	color: #3FB315;
+    border: none;
+}
+ 
+.sheet-rolltemplate-darkheresy2 .inlinerollresult.fullfail {
+	color: #B31515;
+    border: none;
+}
+ 
+.sheet-rolltemplate-darkheresy2 .inlinerollresult.importantroll {
+	color: #4A57ED;
+    border: none;
+}
+
+.sheet-rolltemplate-scattergram table {
+    width: 100%;
+    padding: 2px;
+    background:url(http://i.imgur.com/VmcMVk2.png) top left repeat;
+}
+ 
+.sheet-rolltemplate-scattergram th {
+    color: black;
+    padding-left: 5px;
+	padding-top: 5px;
+    line-height: 1.1em;
+    font-size: 1.5em;
+    text-align: left;
+    font-family: Caslon Antique, "Arial", Helvetica, sans-serif;
+    text-transform: capitalize;
+}
+
+/*=== Secondary Tabs CSS Style ===*/
+
+.sheet-secondarytabs {
+    position: relative;
+    min-height: 300px;
+    clear: both;
+    margin: 35px 0 25px !important;
+    background: rgba(255, 255, 255, 0.34);
+}
+
+.sheet-secondarytab {
+  float: left;
+   
+}
+.sheet-secondarytab span {
+  background: #eee; 
+  padding: 10px; 
+  border: 1px solid #ccc; 
+  margin-left: -1px; 
+  position: relative;
+  left: 1px; 
+  top: -29px;
+  -webkit-transition: background-color .17s linear;
+}
+.sheet-secondarytab [type=radio] {
+  display: none;   
+}
+.sheet-content {
+  position: absolute;
+  top: -1px;
+  left: 0;
+  background: transparent;
+  right: 0;
+  bottom: 0;
+  padding: 5px !important;
+  border: 1px solid #ccc; 
+  -webkit-transition: opacity .6s linear;
+  opacity: 0;
+}
+[type=radio]:checked ~ span {
+  z-index: 2;
+}
+[type=radio]:checked ~ span ~ .sheet-content {
+  z-index: 1;
+  opacity: 1;
+}
+
+.charsheet .sheet-wrapper .sheet-secondarytab span  {
+    display: inline-block;
+    width: 100%;
+    font-size: 14px;
+    text-align: left;
+    font-weight: 600;
+    height: 24px;
+    line-height: 5px;
+    vertical-align: top;
+}
+
+.charsheet .sheet-wrapper .sheet-socialitem input[type="number"] {
+	text-align:center;
+	}
+	
+.charsheet .sheet-wrapper .sheet-socialspan span{
+    font-weight: bold;
+    padding-left: 5px;
+	vertical-align: inherit;
+}	
+
+.sheet-DHBtn2 span{
+    height: 24px;
+    color: white;
+    line-height: 24px;
+    font-size: 11px;
+    vertical-align: middle;
+    text-align: center;
+    width: 99%;
+    cursor: pointer;
+    background: none;
+    box-shadow: none;
+    transition: none;
+    border-radius: none;
+    border: none;
+    font-weight: 700;
+}
+
+.sheet-span2 span{
+	display: inline-block;
+    width: 100%;
+    font-size: 14px;
+    text-align: left;
+    font-weight: 600;
+    height: 24px;
+    line-height: 24px;
+    vertical-align: middle;
+	float: none;
+	}
+	
+[class*="span"] {
+    float: none;
+    margin-left: 20px;
+}	
+
+/*=== Advance select reconfiguration ===*/
+
+.charsheet .sheet-wrapper .sheet-characteristics .sheet-advanceselect input {
+    height: 20px;
+    font-size: 15px;
+}