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;
}

.charsheet{
	background-color:white;
}

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

input.sheet-tab + span::before
{
    content:attr(title);

    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;
    
    background: #fff;
    background: -moz-linear-gradient(to top, #dc1818, #fff, #dc1818);
    background: -webkit-linear-gradient(to top, #dc18188, #fff, #dc1818);
    background: -ms-linear-gradient(to top, #dc1818, #fff, #dc1818);
    background: -o-linear-gradient(to top, #dc1818, #fff, #dc1818);
    background: linear-gradient(to top, #dc1818, #fff, #dc1818);
    
    width: 100px;
    height: 20px;
    font-size: 18px;
    
    position: absolute;
    top: 70px;
    left: 30px;
}

input.sheet-tab:checked + span::before
{
    background: #dcdcdc;
    background: -moz-linear-gradient(to top, #dc1818, #dcdcdc, #dc1818);
    background: -webkit-linear-gradient(to top, #dc1818, #dcdcdc, #dc1818);
    background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -o-linear-gradient(to top, #dc1818, #dcdcdc, #dc1818);
    background: linear-gradient(to top, #dc1818, #dcdcdc, #dc1818);
    border-bottom-color: #fff;
}

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


input.sheet-tab2 + span::before
{
  	left: 133px;
    
    background: #fff;
    background: -moz-linear-gradient(to top, #dc1818, #fff, #dc1818);
    background: -webkit-linear-gradient(to top, #dc1818, #fff, #dc1818);
    background: -ms-linear-gradient(to top, #dc1818, #fff, #dc1818);
    background: -o-linear-gradient(to top, #dc1818, #fff, #dc1818);
    background: linear-gradient(to top, #dc1818, #fff, #dc1818);
}


input.sheet-tab3 + span::before
{
    /* left: 330px; */
	left: 234px;
}


input.sheet-tab4 + span::before
{
	/*left: 480px;*/
    left: 336px;
}
input.sheet-tab5 + span::before
{
	/*left: 630px;*/
    left: 438px;
}

input.sheet-tab6 + span::before
{
    /*left: 780px;*/
	left: 540px;
}

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


.charsheet .sheet-label1{
	background-color: #353535;
	color: #fcfcfc;
	font-style: italic;
	width: 150px;
} 


.charsheet .sheet-label2{
	background-color: #353535;
	color: #fcfcfc;
	font-style: italic;
	text-align: center;
	width: 98%
} 


.charsheet .sheet-label3{
	background-color: #353535;
	color: #fcfcfc;
	font-style: italic;
	width: 28px;
} 

.charsheet .sheet-label4{
	background-color: #353535;
	color: #fcfcfc;
	font-style: italic;
	
}


.charsheet .sheet-label5{
	background-color: #353535;
	color: #fcfcfc;
	font-style: italic;
	
}

.charsheet .sheet-label6{
	background-color: #353535;
	color: #fcfcfc;
	font-style: italic;
	display:inline-block;
}

.sheet-disadvantage-name{
		width:197px;
		display:inline;
}
.sheet-academic-skill-name{
	width:256px;
	display:inline-block;
}
.sheet-basic-skill-name{
	width:117px;
	display:inline-block;
}
.sheet-wounds-labels{
	font-size:1.2em;
	text-align:center;
	border-color:#353535;
	width:7em;
	background-color:#353535;
	color:white;
	display:inline;
}


.sheet-rolltemplate-skillRoll table{
	border: 1px solid black;
	background-color:white;
	
}

.sheet-rolltemplate-skillRoll  th{
	background-color:lightgray;
}

.sheet-rolltemplate-skillRoll  td{
	padding: 0.2em 1em ;
	text-align:center;
	font-weight:bold;
	
}
.sheet-rolltemplate-skillRoll .inlinerollresult  {
    background-color: transparent;
    color: #000000;
    border: none;
}