.charsheet {
    font-family: Georgia;
    background: white;
    width: 838px;
}

p {
    font-family: Georgia;
}

.sheet-colrow {
    margin-top: 15px;
}

.sheet-spacer {
    border-bottom: 1px none;
    margin-bottom: 5px;
    margin-top: 2px;
}

.charsheet textarea {
    background: white;
    box-shadow: none;
    font-size: 12px;
    color: #000000;
    font-family: Helvetica;
    resize: none;
    border: none;
}

.charsheet tbody {
    background: white;
}

.charsheet table {
    width: 100%;
    border: 2px solid black;
}

.charsheet td {
    background: white;
}

/* -------------TAB CODE------------- */
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,
{display: block;}

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

input.sheet-tab::before {
    content: attr(title);
    display: inline-block;
    background: #03385a;
    border: solid 1px black;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 20px;
}

input.sheet-tab:checked::before {
    border-bottom-color: #007ab8;
}

div.sheet-tab-content {
    border: 10px solid #010101;
    border-top-color: #000;
    margin: 2px 0 0 2px;
    padding: 5px;
    background: white;
}

/* -------------NAME, BACKGROUND, GENDER, AGE AND APPEARANCE------------- */
.sheet-characterinfotable {
    border: 2px solid black;
    width: 300px;
    margin-bottom: 5px;
}

.sheet-characterinfotable td {
    border: 2px solid black;
}

.sheet-basicinfotextbox {
    width: 100%;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: left;
    font-size:13px;
    color: #000000;
    font-family: Helvetica;
}

.sheet-blackbox {
    border: 2px solid black;
    background-color: #007ab8;
    font-weight: 500;
    color: white;
    font-size: 12px;
    text-align: left;
    height: 25px;
    padding: 3px;
    font-family: Georgia;
}

.sheet-blackbox_alternate {
    border: 2px solid black;
    background-color: #007ab8;
    font-weight: 500;
    color: white;
    font-size: 13px;
    text-align: center;
    padding: 3px;
}

/* -------------SKILLS------------- */
.sheet-skilltable {
    border: 2px solid black;
    width: 100%;
}

.sheet-skilltable td {
    border: 2px solid black;
}

.sheet-skilltable div {
    text-align: left;
}

/* input type text */
.sheet-skillvaluebox {
    font-weight: bold;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0px auto 0px auto;
    text-align: center;
    font-size:50px;
    width: 100%;
    color: black;
    font-family: Helvetica;
}

/* custom td for skill value in skill */
.sheet-skillvalue {
    width: 90px;
}

/* for textarea */
.sheet-focustextarea {
    width: 97%;
    height: 35px;
    text-align: justify;
}

.sheet-focustextarea::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}


/* CUSTOM FOCUS CHECKBOX TO CHECK STATE OF THE SKILLFOCUS  */
/* Hide actual radio/checkbox */
.sheet-focuscheck {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

.sheet-focuscheck + span::before
{
    margin-right: 4px;
    border: solid 1px #a8a8a8;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    
    background: #f6f6f6;
    background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
    background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
    background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
    background: -o-radial-gradient(#f6f6f6, #dfdfdf);
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

/* Fake checkbox */
.sheet-focuscheck + span::before
{
    content: "";
    width: 14px;
    height: 14px;
    font-size: 12px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.sheet-focuscheck:checked + span::before
{
    content: "✓";
    color: green;
    font-weight: bold;
}

/* div for textarea(focuses) and focuses checkboxes */
.sheet-focusbox {
    background: none;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align:center;
    z-index:0;
    position:relative;
}

.sheet-checkerpose {
    background: none;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align:center;
    padding:0;
    right: -2px;
    top: 33px;
    z-index: 2;
    position: absolute;
}
.sheet-bananas {
    background: none;
    border: none;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align:center;
    font-family: Georgia;
    color: #000000;
    padding: 0;
    margin: 0px auto 0px auto;
    right: 26px;
    z-index: 1;
    position: absolute;
}

.sheet-tagger {
    
}
/* --------- XP, CLASS, LEVEL --------- */

.sheet-xptable {
    border: 2px solid black;
}

.sheet-xptable td {
    border: 2px solid black;
}

.sheet-blackboxlarge {
    border: 2px solid black;
    background-color: #007ab8;
    font-weight: 500;
    color: white;
    font-size: 14px;
    text-align: center;
    height: 25px;
    padding: 1px;
    font-family: Georgia;
}

.sheet-class_and_convictionbox {
    width: 197px;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: center;
    font-size:13px;
    color: #000000;
    font-family: Helvetica;
}

.sheet-class-div {
	text-align: center;
}

.sheet-level-div {
	text-align: center;
}

.sheet-conviction-div {
	text-align: center;
}

/* --------- SECONDARY STATS --------- */
.sheet-2ndstattable {
    border: 2px solid black;
}

.sheet-2ndstattable td {
    border: 2px solid black;
    text-align:center;
}

.sheet-2ndstatbox {
    text-align:center;
}

.sheet-otherinput {
    width: 50px;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-family: Helvetica;
}

.sheet-2nd_statstextbox {
    width: 75px;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: center;
    font-size: 35px;
    color: #000000;
    font-family: Helvetica;
}

.sheet-armortypetextarea {
    width: 97%;
    background: none;
    border-style:none;
    box-shadow: none;
    border-color: #000000;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    font-family: Helvetica;
}

.sheet-armortypetextarea::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}

/* --------- WEAPONS TABLE --------- */
.sheet-container {
    position: relative;
    min-height: 60px;
    border-radius: 0px;
    border: 1px solid black;
    background: white;
    width: 468px;
}

.sheet-weapons-content {
    overflow-y: auto;
    height: 100%;
}

.sheet-weaponscont {
    border: 2px solid black;
    position: relative;
}

.sheet-weaponstable {
    border: 2px solid black;
    width: 100%;
}
.sheet-weaponstable td{
    text-align: center;
}

.sheet-blackbox_alternate2 {
    border: 2px solid black;
    background-color: #007ab8;
    font-weight: 500;	
    color: white;
    font-size: 13px;
    text-align: center;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.sheet-weaponnametext {
    width: 168px;
    background: none;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid;
    box-shadow: none;
    border-color: #000000;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Helvetica;
}

.sheet-weaponnametext::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}

.sheet-weaponatacktext {
    width: 60px;
    background: none;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid;
    box-shadow: none;
    text-align: center;
    font-size: 12px;
    color: #000000;
    font-family: Helvetica;
}

.sheet-weaponrangetext {
    width: 40px;
    background: none;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid;
    box-shadow: none;
    text-align: center;
    font-size: 12px;
    color: #000000;
    font-family: Helvetica;
}

.sheet-weaponrangetext::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}

.sheet-weapondamagetext {
    width: 60px;
    background: none;
    border: none;
    border-bottom: 2px solid;
    border-radius: 0px;
    box-shadow: none;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Helvetica;
}

.sheet-weapondamagetext::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}

.sheet-borderdown {
    border-bottom: 2px solid black;
    font-size: 9px;
}

.sheet-borderall {
    border: 2px solid black;
    font-size: 9px;
}

.sheet-weaponstype {
    height: 30px;
    width: 98%;
    text-align: left;
}

.sheet-weaponstype::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}

.sheet-weapondetails {
    height: 30px;
    width: 98%;
    text-align: center;
}

.sheet-weapondetails::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}

/* -------------RANGED WEAPONS SPECS------------- */
.sheet-weaponnametext2 {
    width: 150px;
    background: none;
    border: none;
    box-shadow: none;
    border-color: #000000;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Helvetica;
}

.sheet-reloadtext {
    height: 100%;
    width: 85px;
    background: none;
    border: none;
    box-shadow: none;
    border-color: #000000;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Helvetica;
    -webkit-appearance: none;
}

.sheet-weaponspecs {
    width: 231px;
    height: 100%;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-family: Helvetica;
}

/* -------------SPELLS, CLASSPOWERS AND TALENTS------------- */
.sheet-spellbox {
    width: 100%;
    height: 100%;
    border: 2px solid black;
}

.sheet-powerstext {
    width: 453px;
    height: 150px;
    text-align: left;
		resize: vertical;
}

/*------------------------ GRIMOIRE TAB CODES ------------------------*/
.sheet-spelltable td {
    border: 2px solid black;
}
.sheet-spelltable {
    border: 2px solid black;
    width: 100%;
}

.sheet-spelltext {
    width:110px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-family: Helvetica;
    padding:0;
}

.sheet-spelltext::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}

.sheet-spellselect2 {
    width: 90px;
    font-size: 12px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    color: #000000;
    font-family: Helvetica;
    -webkit-appearance: none;
    padding:0;
}
.sheet-timetext {
    width:100px;
    font-size:12px;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-family: Helvetica;
    padding:0;
}
.sheet-natext {
    width:28px;
    font-size:12px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-family: Helvetica;
    padding:0;
}
.sheet-vstext {
    width:100px;
    font-size:10px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-family: Helvetica;
    padding:0;
}
.sheet-spelltext {
    width:100%;
    height: 40px;
		resize: vertical;
}
/*------------------------ EQUIPS AND BACKGROUND TAB CODES ------------------------*/
.sheet-talent {
    height: 360px;
    position: relative;
}

.sheet-lefter {
    margin-left: 10px;
}

/* ------------- FAMILY AND TIES, LANGUAGE ------------- */
.sheet-general {
    width: 99%;
}

.sheet-goalstext {
    height: 160px;
    width: 99%;
		resize: vertical;
}

.sheet-tiestext::placeholder {
		color: #c0deed;
		font-family: Century Schoolbook;
		font-size:14px;
}

.sheet-languages {
    height: 60px;
		width: 98%;
		resize: vertical;
}

.sheet-concepttext {
    height: 180px;
		width: 98%;
		resize: vertical;
}

.sheet-tiestext {
    height: 120px;
		width: 98%;
		resize: vertical;
}

.sheet-tiestext::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}

.sheet-featurestextarea {
    height: 60px;
		width: 98%;
		resize: vertical;
}

.sheet-featurestextarea::placeholder {
	color: #c0deed;
	font-family: Century Schoolbook;
	font-size:14px;
}

/* ------------- INVENTORY ------------- */
.sheet-section {
    position: relative;
    min-height: 30px;
    border-radius: 0px;
    border: 2px solid black;
    background: none;
}

.sheet-inventory {
	margin-top: 15px;
    min-height: 200px;
    border: 2px solid black;
    padding-bottom: 35px;
    position: relative;
	background: white;
}

.sheet-inventory-content {
    overflow-y: auto;
    height: 100%;
}

.sheet-InventoryName {
    border: none;
    width: 100%;
    font-size: 10px;
    font-family: Helvetica;
    box-shadow: none;
}
.sheet-InventoryAmount {
    border: none;
    width: 50px;
    font-size: 10px;
    font-family: Helvetica;
    box-shadow: none;
}

.sheet-invTable td {
    border: 2px solid black;
}

/*------------------------ TALENTS TAB CODES ------------------------*/
.sheet-talenttext {
    width:300px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 20px;
    color: #000000;
    font-family: Helvetica;
    padding:0;
}
.sheet-talentnumber {
    background: none;
    border: 2px solid black;
    box-shadow: none;
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-family: Helvetica;
    padding:0;
}
.sheet-talentselect {
    width: 100%;
    font-size: 15px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    color: #000000;
    font-family: Helvetica;
    -webkit-appearance: none;
    padding:0;
}
.sheet-talentarea {
    width:97%;
    height: 40px;
		resize: vertical;
}
/*------------------------ ROLL TEMPLATES ------------------------*/

/* Generic Template */
.sheet-rolltemplate-blueroseage_generic table {
    width:100%;
    background-color:white;
    border:2px solid #000;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 5px #000;
    -webkit-box-shadow: 2px 2px 5px #000;
    box-shadow:2px 2px 5px #000;
    overflow: hidden;
}

.sheet-rolltemplate-blueroseage_generic .sheet-header {
    background-color:#000;
    margin: 2px 25px 2px 25px;
    border: 1px solid #000;
    color:white;
    font-family:"Helvetica Neue",Helvetica,sans-serif;
    font-size:1em;
    font-weight:bold;
    text-align: center;
}

.sheet-rolltemplate-blueroseage_generic .sheet-header a{
    color:white;
    text-decoration: underline;
}

.sheet-rolltemplate-blueroseage_generic td {
    padding:5px;line-height:1.4em;
    vertical-align:top;
    text-align:right
}

.sheet-rolltemplate-blueroseage_generic tr:nth-child(odd) {
    background-color:#D3D3D3;
}

.sheet-rolltemplate-blueroseage_generic td:nth-child(odd) {
    text-align:left;
    font-weight:bold
}

.sheet-rolltemplate-blueroseage_generic .inlinerollresult  {
    color: white;
    background-color: #007ab8;
    border-color:#007ab8;
}

.sheet-rolltemplate-blueroseage_generic .inlinerollresult.fullcrit {
    color: white;
    background-color: #3FB315
}

.sheet-rolltemplate-blueroseage_generic .inlinerollresult.fullfail {
    color: white;
    background-color: #B31515
}

.sheet-rolltemplate-blueroseage_generic .inlinerollresult.importantroll {
    color: white;
    background-color: #4A57ED;
}