.charsheet label {
    text-align: left; 
    padding-top: 10px;
    font-size: 100%;
    font-weight: bold;
}
.charsheet h3 {
    margin-bottom: 10px;
    background:#000;
    color:#fff;
    text-align:center;
}
.charsheet h5 {
    text-align:center;
    font-size: 1.1em;
}

.charsheet select {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    background-color: #EEEEE;
    border:solid 1px #BFBDBD;
    font-size:90%;
    color: #000;
    height: 28px;
    padding-left:10px;
    width: 191px;
    box-shadow: 2px 2px 0 #828181 inset;
}

.charsheet input {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    background-color: #EEEEE;
    border:solid 1px #BFBDBD;
    font-size:90%;
    color: #000;
    height: 28px;
    padding-left:10px;
    width: 191px;
    box-shadow: 2px 2px 0 #828181 inset;
}
.charsheet input.sheet-short {
    width: 3.5em;
    display: inline-block;text-align: center;font-weight: bold;
    background-color: #EEEEE;
    border:solid 1px #BFBDBD;
    font-size:90%;
    color: #000;
    height: 28px;
    padding-left:10px;
    width: 191px;
    box-shadow: 2px 2px 0 #828181 inset;
}
.charsheet {
    background-image: url("http://myprofilebackgrounds.com/myspace-backgrounds/images/Colors%20~%20Grey/1177987237-953-2.gif");
    font-weight: bold;
}
.charsheet table td {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}
.charsheet table th {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
.sheet-formula{
    display;
}

.sheet-arrow:checked + *.sheet-formula{
    display:none;
}
input.sheet-tab1:not(:checked) ~ .sheet-tab1,
input.sheet-tab2:not(:checked) ~ .sheet-tab2,
input.sheet-tab3:not(:checked) ~ .sheet-tab3,
input.sheet-tab4:not(:checked) ~ .sheet-tab4,
input.sheet-tab5:not(:checked) ~ .sheet-tab5,
input.sheet-tab6:not(:checked) ~ .sheet-tab6,
input.sheet-tab7:not(:checked) ~ .sheet-tab7,
input.sheet-tab8:not(:checked) ~ .sheet-tab8,
input.sheet-tab9:not(:checked) ~ .sheet-tab9 {
    display: none;
}

input.sheet-tab {
    width: calc(20% - 4px);
    max-width: 100px;
    height: 20px;
    
    outline: none !important;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

input.sheet-tab1 {
    margin-left: 1px;
}

input.sheet-tab::before {
    content: attr(title);
    display: inline-block;

    background: #fff;
    border: solid 1px #000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

    font-size: 13px;
    font-weight: bold;
    text-align: center;
    
    width: 100%;
    height: 20px;
}

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

.sheet-tab-br {
    border-bottom: 2px solid #a8a8a8;
    margin-bottom: 5px;
    margin-top: 1px;
}


.sheet-rolltemplate-SF table {
    width: 189px;
    height: 189px;
    padding: 2px;
    background: url(http://m.rgbimg.com/cache1sgtjo/users/x/xy/xymonau/600/ntTGLxu.jpg) top left;
    background-size: 189px 189px;
    background-repeat: no-repeat;
    font-weight: bold;
    border-spacing: 0;
}
 
.sheet-rolltemplate-SF th {
    color: rgb(112, 0, 0);
    padding: 15px 2px 2px 20px;
	line-height: 1.2em;
	font-size: 1.2em;
    text-align: left;
}
 
 
.sheet-rolltemplate-SF td {
    padding-left: 20px;
    font-size: 0.9em;
    vertical-align: top;
}
 
.sheet-rolltemplate-SF .sheet-result {
    font-size: 1.0em;
    color: rgb(112, 0, 0);

}
 
.sheet-rolltemplate-SF .inlinerollresult  {
    font-size: 1.0em;
    font-weight: bold;
    border:solid 1px #BFBDBD;
}
 
.sheet-rolltemplate-SF .inlinerollresult.fullcrit {
	color: #3FB315;
    border:solid 1px #3FB315;
    font-weight: bold;
}
 
.sheet-rolltemplate-SF .inlinerollresult.fullfail {
    color: #FF0000;
    border:solid 1px #FF0000;
    font-weight: bold;
}
 
.sheet-rolltemplate-SF .inlinerollresult.importantroll {
	color: #3FB315;
    border: none;
    font-weight: bold;
}

.sheet-rolltemplate-SFAttack table {
    width: 189px;
    height: 350px;
    padding: 2px;
    background: url(http://l.rgbimg.com/cache1nhX0Q/users/x/xy/xymonau/600/2dyXbiR.jpg) top left;
    background-size: 189px 360px;
    background-repeat: no-repeat;
    font-weight: bold;
    border-spacing: 0;
}
 
.sheet-rolltemplate-SFAttack th {
    color: rgb(112, 0, 0);
	font-size: 1.2em;    
    line-height: 1.2em;
    padding: 10px 5px 2px 10px;
    font-weight: bold;
    text-align: CENTER;
    vertical-align: top;
}
 
 
.sheet-rolltemplate-SFAttack td {
    padding-left: 10px;
    font-size: 0.9em;
    vertical-align: top;
    color:#000;
}
 
.sheet-rolltemplate-SFAttack .sheet-result {
    font-size: 1.0em;
    color: rgb(112, 0, 0);
    vertical-align: top;
}
 
.sheet-rolltemplate-SFAttack .inlinerollresult  {
    font-size: 1.0em;
    font-weight: bold;
    border:solid 1px #FFF;
}
 
.sheet-rolltemplate-SFAttack .inlinerollresult.fullcrit {
    color: #3D5229;
    border:solid 1px #3D5229;
    font-weight: bold;
}
 
.sheet-rolltemplate-SFAttack .inlinerollresult.fullfail {
    color: #FF0000;
    border:solid 1px #FF0000;
    font-weight: bold;
}
 
.sheet-rolltemplate-SFAttack .inlinerollresult.importantroll {
    color: #3FB315;
    border:solid 2px #3FB315;
    font-weight: bold;
}


.sheet-rolltemplate-SFSkill table {
    width: 189px;
    height: 500px;
    background: url(http://i.imgur.com/pYWcD.png) top left;
    background-size: 189px 500px;
    background-repeat: no-repeat;
    font-weight: bold;
    border-spacing: 0;
}
 
.sheet-rolltemplate-SFSkill th {
    color: rgb(112, 0, 0);
    padding: 10px 5px 2px 20px;
	line-height: 1.2em;
	font-size: 1.2em;
    text-align: left;
}
 
 
.sheet-rolltemplate-SFSkill table {
    width: 189px;
    height: 540px;
    background: url(http://i.imgur.com/pYWcD.png) top left;
    background-size: 189px 540px;
    background-repeat: no-repeat;
    font-weight: bold;
    border-spacing: 0;
}
 
.sheet-rolltemplate-SFSkill th {
    color: rgb(112, 0, 0);
    padding: 10px 5px 2px 10px;
    line-height: 1.2em;
	font-size: 1.2em;
    text-align: left;
}
 
 
.sheet-rolltemplate-SFSkill td {
    font-size: 0.9em;
    padding-left: 17px;
    padding-right: 13px;
    vertical-align: Top;
}
 
.sheet-rolltemplate-SFSkill .sheet-result {
    font-size: 1.0em;
    padding-left: 0px;
    padding-right: 8px;
    text-align: center;
    color: rgb(112, 0, 0);
}
.sheet-rolltemplate-SFSkill .sheet-headers {
    padding-left: 20px;
    font-weight: bold;
    text-decoration: underline;
}
.sheet-rolltemplate-SFSkill .sheet-mods {
    padding-left: 20px;
    font-weight: bold;
    font-size:80%;
}
.sheet-rolltemplate-SFSkill .sheet-description {
    font-size: 0.9em;
}
.sheet-rolltemplate-SFSkill .inlinerollresult  {
    font-size: 1.0em;
    font-weight: bold;
    border:solid 1px #BFBDBD;
}
 
.sheet-rolltemplate-SFSkill .inlinerollresult.fullcrit {
	color: #3FB315;
    border:solid 1px #3FB315;
    font-weight: bold;
}
 
.sheet-rolltemplate-SFSkill .inlinerollresult.fullfail {
    color: #FF0000;
    border:solid 1px #FF0000;
    font-weight: bold;
}
 
.sheet-rolltemplate-SFSkill .inlinerollresult.importantroll {
	color: #3FB315;
    border: none;
    font-weight: bold;
}
.sheet-rolltemplate-SFKill .hline { width:100%; height:1px; background: #000 }

.hline { width:100%; height:1px; background: #000 }