/* CSS Reset */{}
.charsheet .sheet-wrapper div,
.charsheet .sheet-wrapper span,
.charsheet .sheet-wrapper label,
.charsheet .sheet-wrapper h1,
.charsheet .sheet-wrapper h2,
.charsheet .sheet-wrapper h3,
.charsheet .sheet-wrapper h4,
.charsheet .sheet-wrapper h5,
.charsheet .sheet-wrapper h6,
.charsheet .sheet-wrapper p,
.charsheet .sheet-wrapper table,
.charsheet .sheet-wrapper caption,
.charsheet .sheet-wrapper tbody,
.charsheet .sheet-wrapper tfoot,
.charsheet .sheet-wrapper thead,
.charsheet .sheet-wrapper tr,
.charsheet .sheet-wrapper th,
.charsheet .sheet-wrapper td {
    margin: -1.5px 0 0 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    color: #000000;
    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 0 0 0;
}
.charsheet .sheet-wrapper input[type="number"] {
-moz-appearance: textfield;
}

.charsheet .sheet-wrapper textarea {
  resize: none;
}

/* MAIN SHEET */
.charsheet {
    /*background-image: url(fillertmp.png);*/
    font-family: Helvetica, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	border: 0px;
    margin: 0 0 0 0;
    padding: 0px;
	/*width:850px;*/
	background-color:#FFFFFF;
	/*background-color:#4682B4;*/
}

/* MAIN INPUTS */
input:before, radio:before; text:before, textarea:before, select:before {content: ""; display: none;}

input[type=text]{	
	text-align: center;
	vertical-align: middle;
	height: 25px;
	width: 100%;
	background-image: none;
	background-color: #EBECE4;
	border: 0px solid black;
    margin: 0 0 0 0;
    padding: 0px;	
}
.sheet-input-text-small {
    font-size: 10px!important;
}
.sheet-input-dashed {
    text-decoration: line-through!important;
}
.sheet-input-uppercase {
    text-transform: uppercase!important;
}
.sheet-input-leftaligned {
    text-align: left!important;
}
.sheet-input-rightaligned {
    text-align: right!important;
}
.sheet-input-centeraligned {
    text-align: center!important;
}
.sheet-input-topaligned {
    vertical-align: top!important;
}
.sheet-input-medaligned {
    vertical-align: med!important;
}
.sheet-colored-green {
    background-color: #FDFCDC!important;
}
.sheet-colored-gray {
    background-color: #C9C9C9!important;
}
.charsheet .sheet-fluid-textarea {
    height: 100%;
}

input[disabled], text[disabled], textarea[disabled], select[disabled]{	
    background-color: #E9CFEC;	
    border-color: #aaa;
    cursor: not-allowed;
	text-align: center;
}

button[type=roll]:before {
	content: ""; display: none;
	border: 0px;
    margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
    padding: 0px;	
}
button[type=roll] {
	background-color: #000000;
	color: #ffffff;	
	font-weight: normal;	
	text-align: center;
	border: 0px!important;
    margin-bottom: 0px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-top: 0px!important;
    padding: 0px!important;		
	background-image: none;
	border: none;
	border-radius: 0px;
	height: 25px;
	width: 100%;	
}
.charsheet  .sheet-button-half-height {
    height: 15px!important;
}
.charsheet  .sheet-button-double-height {
    height: 50px!important;
}
.charsheet  .sheet-button-triple-height {
    height: 75px!important;
}

input[type=radio] {
	width: 14px;
	height: 14px;
	position: absolute;
	cursor: pointer;
	z-index: 1;
	background-color: #EBECE4;
}

input[type=checkbox] {	
	text-align: center!important;
	vertical-align: middle!important;
	background-color: #EBECE4;
}

select {
	-webkit-appearance: none;
	background-color: #CDC8B1!important;
	font-size: 10px;
	text-align: center;
	border: 0px!important;
    margin-bottom: 0px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-top: 0px!important;
    padding: 0px!important;		
	background-image: none;
	background-color: #EBECE4;
	border: none;
	border-radius: 0px;
	height: 25px;
	width: 100%;
}

textarea {	
	font-size: 10px;
	text-align: left;
	height: 50px;
	width: 99%;
	background-image: none;
	background-color: #EBECE4;
	border: 0px solid black;
    margin: 0 0 0 0;
    padding: 2px;
	resize:none;	
}

/* OTHER SETTINGS */
.charsheet h4 {	
	text-align: center;
	text-transform: uppercase;
	color:#ffffff;
	background-color: #8B1A1A;
	margin: 5px 0 10px 0;	
	border-radius: 12px;
	width: 500px;
}

.charsheet h3{	
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #556B2F;
	margin: 5px 0 10px 0;	
	border-radius: 12px;	
}

.charsheet hr{	
	text-align: center; text-transform: uppercase; /*color:none;border-bottom-color:transparent;*/
	height: 2px; width: 100%; align: center;
	margin: 2px 2px 2px 2px;	
	border-radius: 0px;
	border:none;
}

.charsheet .sheet-row {
	height: 25px;
    text-rendering: optimizespeed;
}
.charsheet .sheet-smalllerrowing {
	height: 18px!important;
}
.charsheet .sheet-row-panel {
    text-rendering: optimizespeed;
}

.charsheet .sheet-col {
    /*display: inline-block;zoom: 1; *display: inline;
    letter-spacing: normal; word-spacing: normal; vertical-align: middle;*/
    text-rendering: auto;
}

/* ROW & COLUMNS SETTINGS */
.charsheet .sheet-tabbed-panel,
.charsheet .sheet-attributebox-attributes-panel,
.charsheet .sheet-attributebox-right-block,
.charsheet .sheet-attributebox-second-panel,
.charsheet .sheet-attributebox-third-panel,
.charsheet .sheet-attributebox-singlelabel,
.charsheet .sheet-attributebox-smalllabel,
.charsheet .sheet-attributebox-smalllabel-centered,
.charsheet .sheet-attributebox-doublelabel,
.charsheet .sheet-attributebox-button,
.charsheet .sheet-attributebox-smallbutton,
.charsheet .sheet-attributebox-input,
.charsheet .sheet-attributebox-smallinput,
.charsheet .sheet-attributebox-doubleinput,
.charsheet .column-filler,
.charsheet .sheet-attributebox-second-title,
.charsheet .sheet-attributebox-second-left,
.charsheet .sheet-attributebox-second-col,
.charsheet .sheet-attributebox-second-input,
.charsheet .sheet-attributebox-third-title,
.charsheet .sheet-attributebox-third-left,
.charsheet .sheet-attributebox-third-col,
.charsheet .sheet-attributebox-fourth-panel,
.charsheet .sheet-attributebox-fourth-main-col,
.charsheet .sheet-attributebox-fourth-parry-button,
.charsheet .sheet-attributebox-fourth-parry-left,
.charsheet .sheet-attributebox-fourth-parry-right,
.charsheet .sheet-attributebox-fourth-block-button,
.charsheet .sheet-attributebox-fourth-block-left,
.charsheet .sheet-attributebox-fourth-block-right,
.charsheet .sheet-attributebox-fourth-dodge-button,
.charsheet .sheet-attributebox-fourth-dodge-right,
.charsheet .sheet-mainlower-leftpanel,
.charsheet .sheet-mainlower-rightpanel,
.charsheet .sheet-armorpanel-location,
.charsheet .sheet-armorpanel-tohit,
.charsheet .sheet-armorpanel-front,
.charsheet .sheet-armorpanel-back,
.charsheet .sheet-rightpanel-rangedweapons,
.charsheet .sheet-rightpanel-meleeweapons,
.charsheet .sheet-rightpanel-attackstyle,
.charsheet .sheet-attackpanel-atk,
.charsheet .sheet-meleeweapons-button,
.charsheet .sheet-meleeweapons-name,
.charsheet .sheet-meleeweapons-skill,
.charsheet .sheet-meleeweapons-parry,
.charsheet .sheet-meleeweapons-parryskill,
.charsheet .sheet-meleeweapons-reach,
.charsheet .sheet-meleeweapons-type,
.charsheet .sheet-meleeweapons-damage,
.charsheet .sheet-rangedweapons-button,
.charsheet .sheet-rangedweapons-name,
.charsheet .sheet-rangedweapons-skill,
.charsheet .sheet-rangedweapons-acc,
.charsheet .sheet-rangedweapons-range,
.charsheet .sheet-rangedweapons-rof,
.charsheet .sheet-rangedweapons-shots,
.charsheet .sheet-rangedweapons-bulk,
.charsheet .sheet-rangedweapons-recoil,
.charsheet .sheet-rangedweapons-type,
.charsheet .sheet-rangedweapons-damage,
.charsheet .sheet-mainlower-leftlowerpanel,
.charsheet .sheet-injury-name,
.charsheet .sheet-injury-desc,
.charsheet .sheet-mainlower-armorpanel,
.charsheet .sheet-mainlower-injurtpanel,
.charsheet .sheet-armorpanel-calcdamage,
.charsheet .sheet-armorpanel-calcDR,
.charsheet .sheet-armorpanel-calclocation,
.charsheet .sheet-armorpanel-calctype,
.charsheet .sheet-armorpanel-calcbutton,
.charsheet .sheet-attributebox-doublebutton {
    display: inline-block; 
    letter-spacing: normal; word-spacing: normal;    
    text-rendering: auto;
    margin: 0 0 0 0;
    padding: 0px;
}
.charsheet .sheet-tabbed-panel {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* MAIN PAGE ATTRIBUTE BOX */
.charsheet .sheet-attributebox-attributes-panel {
    width: 340px;
    vertical-align: top;
}
.charsheet .sheet-attributebox-singlelabel {
    width: 20%;
}
.charsheet .sheet-attributebox-smalllabel {
    width: 10%;
}
.charsheet .sheet-attributebox-smalllabel-centered {
    width: 10%;
    text-align: center
}
.charsheet .sheet-attributebox-doublelabel {
    width: 32%;
    margin-right: 3px;
    text-align: center;
}
.charsheet .sheet-attributebox-button {
    width: 20%;
}
.charsheet .sheet-attributebox-doublebutton {
    width: 35%;
}
.charsheet .sheet-attributebox-smallbutton {
    width: 20%;
    font-size: 8px;
}
.charsheet .sheet-attributebox-input {
    width: 12%;
}
.charsheet .sheet-attributebox-smallinput {
    width: 10%;
    font-size: 10px;
}
.charsheet .sheet-attributebox-doubleinput {
    width: 32%;
}
.charsheet .sheet-attributebox-right-block {
    width: 500px;
    vertical-align: top;
    border: 1px dashed black;
    border-radius: 5px;
}
.charsheet .sheet-attributebox-second-panel {
    width: 65%;
    height: 155px;
    vertical-align: top;
}
.charsheet .sheet-attributebox-second-title {
    width: 30%;
    font-weight:bold;
    text-align:center;
}
.charsheet .sheet-attributebox-second-left {
    width: 18%;
    text-align: right;
}
.charsheet .sheet-attributebox-second-col {
    width: 15%;
    text-align: center;
}
.charsheet .sheet-attributebox-second-input {
    width: 15%;
    text-align: center;
}
.charsheet .sheet-attributebox-third-panel {
    width: 33%;
    height: 155px;
    vertical-align: top;
}
.charsheet .sheet-attributebox-third-title {
    width: 90%;
    text-align: center;
}
.charsheet .sheet-attributebox-third-left {
    width: 75%;
    text-align: center;
    margin-left: 4px;
}
.charsheet .sheet-attributebox-third-col {
    width: 20%;
    text-align: center;
}
.charsheet .sheet-attributebox-fourth-panel {
    width: 100%;
    height: 100px;
    vertical-align: top;
    text-align: center;
    background-color: #A2CD5A;
}
.charsheet .sheet-attributebox-fourth-main-col {
    width: 40%;
    text-align: center;
    font-weight: bold;
    vertical-align: top;
}
.charsheet .sheet-attributebox-fourth-parry-button {
    width: 42%;
    text-align: center;
    font-size: 8px;
}
.charsheet .sheet-attributebox-fourth-parry-left {
    width: 40%;
    text-align: center;
    font-size: 8px;
}
.charsheet .sheet-attributebox-fourth-parry-right {
    width: 14%;
    text-align: center;
}
.charsheet .sheet-attributebox-fourth-block-button {
    width: 50%;
    text-align: center;
    font-size: 8px;
}
.charsheet .sheet-attributebox-fourth-block-left {
    width: 50%;
    text-align: center;
}
.charsheet .sheet-attributebox-fourth-block-right {
    width: 48%;
    text-align: center;
}
.charsheet .sheet-attributebox-fourth-dodge-button {
    width: 60%;
    text-align: center;
    font-size: 8px;
}
.charsheet .sheet-attributebox-fourth-dodge-right {
    width: 38%;
    text-align: center;
}
.charsheet .sheet-mainlower-leftpanel {
    width: 260px;
    vertical-align: top;
}
.charsheet .sheet-mainlower-rightpanel {
    width: 580px;
    vertical-align: top;
}
.charsheet .sheet-rightpanel-attackstyle {
    width: 98%;
    border: 1px dashed black;
}
.charsheet .sheet-rightpanel-rangedweapons {
    width: 98%;
    border: 1px solid black;
    background-color: #A2CD5A;
    border-radius: 5px;
}
.charsheet .sheet-rightpanel-meleeweapons {
    width: 98%;
    border: 1px solid black;
    background-color: #A2CD5A;
    border-radius: 5px;
}
.charsheet .sheet-mainlower-armorpanel {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: top;
    border: 1px dashed black;
    background-color: #A2B5CD;
    border-radius: 20px;
}
.charsheet .sheet-armorpanel-location {
    width: 20%;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    margin-left: 4px;
}
.charsheet .sheet-armorpanel-tohit {
    width: 20%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-armorpanel-front {
    width: 20%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-armorpanel-back {
    width: 20%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-armorpanel-calcdamage {
    width: 15%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    margin-left: 4px;
}
.charsheet .sheet-armorpanel-calcDR {
    width: 15%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-armorpanel-calclocation {
    width: 28%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-armorpanel-calctype {
    width: 30%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-armorpanel-calcbutton {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-mainlower-injurypanel {
    width: 100%;
    vertical-align: top;
}
.charsheet .sheet-injury-name {
    width: 30%;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    margin-left: 4px;
}
.charsheet .sheet-injury-desc {
    width: 65%;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-attackpanel-atk {
    width: 19%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-meleeweapons-button {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-meleeweapons-name {
    width: 25%;
    font-size: 10px;
    text-align: left;
    vertical-align: middle;
}
.charsheet .sheet-meleeweapons-skill {
    width: 8%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-meleeweapons-parry {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-meleeweapons-parryskill {
    width: 8%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-meleeweapons-reach {
    width: 10%;
    font-size: 10px;
    text-align :center;
    vertical-align: middle;
}
.charsheet .sheet-meleeweapons-type {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-meleeweapons-damage {
    width: 16%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-button {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-name {
    width: 16%;
    font-size: 10px;
    text-align: left;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-skill {
    width: 8%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-acc {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-range {
    width: 10%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-rof {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-shots {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-bulk {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-recoil {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-type {
    width: 5%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-rangedweapons-damage {
    width: 16%;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}


/* SKILL PAGE SETUP */
.charsheet .sheet-skillpanel-top,
.charsheet .sheet-skillpanel-bottom,
.charsheet .sheet-skill-button,
.charsheet .sheet-skill-name,
.charsheet .sheet-skill-note,
.charsheet .sheet-skill-ref,
.charsheet .sheet-skill-tl,
.charsheet .sheet-skill-base,
.charsheet .sheet-skill-stat,
.charsheet .sheet-skill-level,
.charsheet .sheet-skill-trained {
    display: inline-block; 
    letter-spacing: normal;
    word-spacing: normal;    
    text-rendering: auto;
    margin: 0 0 0 0;
    padding: 0px;
}

/* SKILL PAGE ATTRIBUTE BOX */
.charsheet .sheet-skillpanel-top {
    width: 100%;
    vertical-align: top;
}
.charsheet .sheet-skillpanel-bottom {
    width: 100%;
    vertical-align: top;
}
.charsheet .sheet-skill-button {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-skill-name {
    width: 18%;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
}
.charsheet .sheet-skill-note {
    width: 45%;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
}
.charsheet .sheet-skill-ref {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-skill-tl {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-skill-base {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-skill-stat {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-skill-level {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-skill-trained {
    width: 2%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

/* TRAITS PAGE SETUP */
.charsheet .sheet-traitpanel-top,
.charsheet .sheet-traitpanel-bottom,
.charsheet .sheet-trait-name,
.charsheet .sheet-trait-note,
.charsheet .sheet-trait-ref {
    display: inline-block; 
    letter-spacing: normal;
    word-spacing: normal;    
    text-rendering: auto;
    margin: 0 0 0 0;
    padding: 0px;
}

/* TRAIT PAGE ATTRIBUTE BOX */
.charsheet .sheet-traitpanel-top {
    width: 100%;
    vertical-align: top;
}
.charsheet .sheet-traitpanel-bottom {
    width: 100%;
    vertical-align: top;
}

.charsheet .sheet-trait-name {
    width: 18%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-trait-note {
    width: 70%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-trait-ref {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}

/* INVENTORY PAGE SETUP */
.charsheet .sheet-inventorypanel-top,
.charsheet .sheet-inventorypanel-bottom,
.charsheet .sheet-inventorypanel-coin,
.charsheet .sheet-coin-name,
.charsheet .sheet-coin-amount,
.charsheet .sheet-inventory-title,
.charsheet .sheet-inventory-quicknotes,
.charsheet .sheet-inventory-carried,
.charsheet .sheet-inventory-name,
.charsheet .sheet-inventory-ref,
.charsheet .sheet-inventory-note,
.charsheet .sheet-inventory-location,
.charsheet .sheet-inventory-WT,
.charsheet .sheet-inventory-QT,
.charsheet .sheet-inventory-totalWT {
    display: inline-block; 
    letter-spacing: normal;
    word-spacing: normal;    
    text-rendering: auto;
    margin: 0 0 0 0;
    padding: 0px;
}

/* INVENTORY PAGE ATTRIBUTE BOX */
.charsheet .sheet-inventorypanel-top {
    width: 100%;
    vertical-align: top;
}
.charsheet .sheet-inventorypanel-bottom {
    width: 100%;
    vertical-align: top;
}
.charsheet .sheet-inventorypanel-coin {
    width: 650px;
    vertical-align: top;
}

.charsheet .sheet-coin-name {
    width: 60px;
    vertical-align: top;
}
.charsheet .sheet-coin-amount {
    width: 50px;
    vertical-align: top;
}

.charsheet .sheet-inventory-title {
    width: 10%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-inventory-quicknotes {
    width: 88%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}

.charsheet .sheet-inventory-carried {
    width: 25px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.charsheet .sheet-inventory-name {
    width: 20%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-inventory-ref {
    width: 5%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-inventory-note {
    width: 42%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-inventory-location {
    width: 10%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-inventory-WT {
    width: 5%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-inventory-QT {
    width: 5%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-inventory-totalWT {
    width: 5%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}

/* SPELL PAGE SETUP */
.charsheet .sheet-spellpanel-top,
.charsheet .sheet-spell-button,
.charsheet .sheet-spell-name,
.charsheet .sheet-spell-ref,
.charsheet .sheet-spell-duration,
.charsheet .sheet-spell-cost,
.charsheet .sheet-spell-emote,
.charsheet .sheet-spell-effect,
.charsheet .sheet-spell-stat,
.charsheet .sheet-spell-level,
.charsheet .sheet-spell-base,
.charsheet .sheet-spell-trained {
    display: inline-block; 
    letter-spacing: normal;
    word-spacing: normal;    
    text-rendering: auto;
    margin: 0 0 0 0;
    padding: 0px;
}

/* SPELL PAGE ATTRIBUTE BOX */
.charsheet .sheet-spellpanel-top {
    width: 100%;
    vertical-align: top;
}

.charsheet .sheet-spell-button {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}
.charsheet .sheet-spell-name {
    width: 17%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-spell-ref {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}
.charsheet .sheet-spell-duration {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}
.charsheet .sheet-spell-cost {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}
.charsheet .sheet-spell-emote {
    width: 20%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-spell-effect {
    width: 20%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-spell-stat {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}
.charsheet .sheet-spell-level {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}
.charsheet .sheet-spell-base {
    width: 5%;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}
.charsheet .sheet-spell-trained {
    width: 2%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

/* VARIOUS PAGE SETUP */
.charsheet .sheet-variouspanel-cp,
.charsheet .sheet-variouspanel-desc,
.charsheet .sheet-variouspanel-appear,
.charsheet .sheet-variouspanel-languages,
.charsheet .sheet-variouspanel-culture,
.charsheet .sheet-variouspanel-quicknotes,
.charsheet .sheet-variouspanel-contacts,
.charsheet .sheet-cpoint-name,
.charsheet .sheet-cpoint-amount,
.charsheet .sheet-desc-label,
.charsheet .sheet-desc-field,
.charsheet .sheet-desc-fieldlarge,
.charsheet .sheet-appear-label,
.charsheet .sheet-appear-field,
.charsheet .sheet-appear-selectfield,
.charsheet .sheet-appear-textfield,
.charsheet .sheet-notes-label,
.charsheet .sheet-notes-textfield,
.charsheet .sheet-contacts-name,
.charsheet .sheet-contacts-location,
.charsheet .sheet-contacts-details,
.charsheet .sheet-language-button,
.charsheet .sheet-language-label,
.charsheet .sheet-language-field,
.charsheet .sheet-culture-label,
.charsheet .sheet-culture-field {
	display: inline-block; 
    letter-spacing: normal;
    word-spacing: normal;    
    text-rendering: auto;
    margin: 0 0 0 0;
    padding: 0px;
}

/* VARIOUS PAGE ATTRIBUTE BOX */
.charsheet .sheet-variouspanel-cp {
    width: 100%;
    vertical-align: top;
}
.charsheet .sheet-variouspanel-desc {
    width: 100%;
    vertical-align: top;
    border: 1px solid black;
    background-color: #A2CD5A;
    border-radius: 5px;
}
.charsheet .sheet-variouspanel-appear {
    width: 100%;
    vertical-align: top;
    border: 1px dashed black;
    border-radius: 5px;
}
.charsheet .sheet-variouspanel-languages {
    width: 50%;
    vertical-align: top;
}
.charsheet .sheet-variouspanel-culture {
    width: 50%;
    vertical-align: top;
}
.charsheet .sheet-variouspanel-quicknotes {
    width: 100%;
    vertical-align: top;
}
.charsheet .sheet-variouspanel-contacts {
    width: 600px;
    vertical-align: top;
}

.charsheet .sheet-cpoint-name {
    width: 100px;
    vertical-align: top;
}
.charsheet .sheet-cpoint-amount {
    width: 50px;
    vertical-align: top;
}

.charsheet .sheet-desc-label {
    width: 10%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-desc-field {
    width: 10%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-desc-fieldlarge {
    width: 15%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}

.charsheet .sheet-appear-label {
    width: 10%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-appear-field {
    width: 5%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-appear-selectfield {
    width: 20%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-appear-textfield {
    width: 88%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}

.charsheet .sheet-language-button {
    width: 5%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-language-label {
    width: 42%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-language-field {
    width: 25%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}

.charsheet .sheet-culture-label {
    width: 48%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-culture-field {
    width: 25%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}

.charsheet .sheet-notes-label {
    width: 10%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-notes-textfield {
    width: 88%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}

.charsheet .sheet-contacts-name {
    width: 15%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-contacts-location {
    width: 15%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-contacts-details {
    width: 68%;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}


.charsheet .column-filler {
	background-color:#000000;color:#000000;width: 1px;margin: 0 0 0 0;		
}

/* NPC STAT BLOCK SETUP */
.charsheet .sheet-NPC-mainpanel,
.charsheet .sheet-NPC-headerpanel,
.charsheet .sheet-NPC-statpanel,
.charsheet .sheet-NPC-actionpanel,
.charsheet .sheet-NPC-maneuverpanel,
.charsheet .sheet-NPC-attackpanel,
.charsheet .sheet-NPC-notepanel,
.charsheet .sheet-headerpanel-input,
.charsheet .sheet-headerpanel-button,
.charsheet .sheet-headerpanel-smallbutton,
.charsheet .sheet-statpanel-name,
.charsheet .sheet-statpanel-input,
.charsheet .sheet-maneuver-select,
.charsheet .sheet-notepanel-label,
.charsheet .sheet-notepanel-textfield,
.charsheet .sheet-attackpanel-name,
.charsheet .sheet-attackpanel-smallname,
.charsheet .sheet-attackpanel-field,
.charsheet .sheet-attackpanel-smallfield,
.charsheet .sheet-attackpanel-medname,
.charsheet .sheet-attackpanel-dummymacro {
    display: inline-block; 
    letter-spacing: normal;
    word-spacing: normal;    
    text-rendering: auto;
    margin: 0 0 0 0;
    padding: 0px;
}

/* NPC STAT BLOCK PAGE */
.charsheet .sheet-NPC-headerpanel {
    width: 500px;
    vertical-align: top;
    text-align: center!important;
}
.charsheet .sheet-headerpanel-input {
    width: 20%;
    font-size: 8px!important;
    vertical-align: top;
}
.charsheet .sheet-headerpanel-button {
    width: 20%;
    font-size: 8px!important;
    vertical-align: top;
}
.charsheet .sheet-headerpanel-smallbutton {
    width: 10%;
    font-size: 8px!important;
    vertical-align: top;
}

.charsheet .sheet-NPC-mainpanel {
    width: 100%;
    vertical-align: top;
    border: 1px solid black;
    border-radius: 0px;
}
.charsheet .sheet-NPC-statpanel {
    width: 125px;
    text-align: center!important;
    vertical-align: top;
    border: 1px dashed black;
    border-radius: 0px;
}
.charsheet .sheet-NPC-actionpanel {
    width: 370px;
    vertical-align: top;
}
.charsheet .sheet-NPC-maneuverpanel {
    width: 100%;
    vertical-align: top;
}
.charsheet .sheet-NPC-attackpanel {
    width: 100%;
    vertical-align: top;
    text-align: right!important;
}
.charsheet .sheet-NPC-notepanel {
    width: 100%;
    vertical-align: top;
}

.charsheet .sheet-statpanel-name {
    width: 35px;
    font-size: 8px!important;
}
.charsheet .sheet-statpanel-input {
    width: 20px;
    font-size: 10px!important;
}
.charsheet .sheet-maneuver-select {
    width: 19%;
    font-size: 8px!important;
}
.charsheet .sheet-notepanel-label {
    width: 10%;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
}
.charsheet .sheet-notepanel-textfield {
    width: 88%;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
}

.charsheet .sheet-attackpanel-name {
    width: 50%;
    font-size: 10px!important;
}
.charsheet .sheet-attackpanel-smallname {
    width: 18%;
    font-size: 10px!important;
}
.charsheet .sheet-attackpanel-medname {
    width:95px;
    font-size: 10px!important;
}
.charsheet .sheet-attackpanel-field {
    width: 10%;
    text-align: center!important;
    font-size: 10px!important;
}
.charsheet .sheet-attackpanel-smallfield {
    width: 7%;
    text-align: center!important;
    font-size: 10px!important;
}

/* TAB SHEET TYPE SETTINGS */
div.sheet-tabsheet-content {
    display: none;
}
input.sheet-tabPC:checked ~ div.sheet-tabPC {
    display: block;
}
input.sheet-tabNPC:checked ~ div.sheet-tabNPC {
    display: block;
	width:500px;
}

input.sheet-tabtype {
    width: 50px;
    height: 10px;
    position: relative;
    top: 0px;
    left: 0px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
}

input.sheet-tabtype::before {
    content: attr(title);
    border: solid 1px black;
    text-align: center;
    display: inline-block;    
    background: #FFFFFF;    
    width: 50px;
    height: 10;
    font-size: 10px;
}

input.sheet-tabtype:checked::before {
    background: #A2CD5A;
}

input.sheet-tabtype:not(:first-child)::before {
    border-left: none;
}

div.sheet-tabtype-content {
    border: 0px solid #a8a8a8;
    border-top-color: #000;
    margin: 0 0 0 0;
    padding: 0px;
	width: 500px;
}


/* TAB SETTINGS */
div.sheet-tab-content {
    display: none;
}
input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5,
input.sheet-tab6:checked ~ div.sheet-tab6 {
    display: block;
}

input.sheet-tab {
    width: 100px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
}

input.sheet-tab::before {
    content: attr(title);
    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;    
    background: #fff;    
    width: 100px;
    height: 20px;
    font-size: 18px;
}

input.sheet-tab:checked::before {
    background: #dcdcdc;    
    border-bottom-color: #fff;
}

input.sheet-tab:not(:first-child)::before {
    border-left: none;
}

div.sheet-tab-content {
    border: 0px solid #a8a8a8;
    border-top-color: #000;
    margin: 0 0 0 0;
    padding: 0px;
	width: 850px;
}

/* ===== CSS TOOLTIP ===== */
.sheet-popup {}

.sheet-popup + .sheet-tooltip {
    z-index: 10;
    display: none;
    padding: 4px;
    text-align: left;
    margin-left: -40px;
    font-weight: normal;
    text-transform: initial;
    font-variant: initial;
}

.sheet-popup:hover + .sheet-tooltip {
    width: auto;
	height: auto;
    display: inline;
    position: absolute;
	bottom:0px;right:0px;
	width:250px;	
    color: #111;
    border: 1px solid black;
	border-radius:5px;
    background: #fffAF0;
    line-height: 1.5em;
	font-size: 10px;
}

.sheet-popup + .sheet-tooltip {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: 5px #CCC;
    -webkit-box-shadow: 5px #CCC;
    box-shadow: 5px #CCC;
}

.sheet-tooltip table {
    float: left;
    line-height: 2em;
    font-size: 10px;
    border-collapse: collapse;
    text-align: center;
}

.sheet-tooltip td {
    padding: 0 8px;
}

.sheet-tooltip tbody tr:nth-child(odd) {
    background: #FFF;
}