@font-face {
  font-family: 'IM Fell English SC';
  font-style: normal;
  font-weight: 400;
  src: local('IM FELL English SC'), local('IM_FELL_English_SC'), url(http://themes.googleusercontent.com/static/fonts/imfellenglishsc/v3/h3Tn6yWfw4b5qaLD1RWvz9gX5f6-V0DImePmAcKHNfQ.ttf) format('truetype');
}

h1, h2, h3 {
   font-family: 'IM Fell English SC', serif;
}

/* Inputs */
.charsheet label {
    display: inline-block;
    width: 75px;
    text-align: right;
    padding-bottom: 2px;
    margin-top: 14px;
    margin-left: 20px;
}

.charsheet input {
    display: inline-block;
    width: 155px;
    margin-bottom: 2px;
}

.charsheet {
    background-color: white;
}

.charsheet select {
    width: 42px;
}

select { 
    margin-bottom: 2px; 
}

span.sheet-skill-name {
    font-size: 14px;
    font-weight: bold;
    line-height: 29px;
}

span.sheet-background {
    font-size: 14px;
    font-weight: bold;
    line-height: 29px;
    display: block;
}

span.sheet-skill-panel {
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    color:#787878;
}

span.sheet-skill-combat {
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
}

div.sheet-row { margin-bottom: 2px; }


/*Checkboxes*/
input[type="checkbox"]
{
    position: left;
    opacity: 100;
    width:15px;
    cursor: pointer;
    z-index: 1;
    margin-top: -1px;
}

/*Sheet Tabs*/
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: 121px;
    height: 20px;
    position: relative;
    top: 5px;
    margin: 4px;
    cursor: pointer;
    z-index: 1;
    font-family: 'IM Fell English SC', serif;
}

input.sheet-tab::before
{
    content: attr(title);
    border: solid 2px #E8E8E8;
    text-align: center;
    display: inline-block;
    background: #FFFFFF;
    width: 121px;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
}

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

div.sheet-tab-content
{
    border: 0px solid #a8a8a8;
    border-top-color: #000;
    margin: 2px 0 0 5px;
    padding: 5px;
}
/*end Sheet Tabs*/


/*Hiding Sections*/
.charsheet .sheet-togglepanel {
    width: 95%;
    vertical-align:top;
    border: 1px 
    solid black;
    background-color:#F0F0F0;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
}


input.sheet-arrow {
    margin-top: 3px;
    float: left;
}

div.sheet-togglepanel {
    display: none;
}

input.sheet-arrow:checked ~ div.sheet-togglepanel {
    display: block;
}

.sheet-newtoggel {
    border-left: 4px solid;
    color:#787878;
    padding: 8px 8px 8px 8px;
    background: #F0F0F0;
    width: 95%;
    vertical-align: top;
}

.sheet-details-togglepanel { 
    text-align: justify;
    text-justify: inter-word;
    display: none; 
}

input.sheet-arrow:checked ~ .sheet-details-togglepanel { display: block; }
/*end Hiding Sections*/