header{
    background-color: #7A7A7A;
    outline: 1px solid black;
}

input {
    box-shadow: 0px 0px 0px 1px #000000 inset;
    position: center;
    padding: 0.2em;
}


/* Remove number spinners. (The arrows that pop up on number inputs)*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

table{
    width:100%;
}

tr{
    vertical-align: top;
}

.sheet-TableHeader {
    border: 1px solid black;
    background-color: #A6A6A6;
    padding: 0px 0px 0px 1px;
}

.sheet-CharacterOverview{
    font-size: 12px;
    margin:0;
    background-color: #cecece;
    padding: 3px 0px 3px 0px;
    text-align:center;
    border: 1px solid #5C5C5C;
    border-radius: 6px;
}

.sheet-SectionHeader{
    font-size: 18px;
    margin:0;
    text-shadow: 2px 2px #000;
    background-color: #963B3B; 
    width:100%;
    color:#fff;
    padding:3px 0px 3px 0px;
    text-align:center;
    border: 1px solid #000;
    border-radius: 15px 15px 0px 0px;
}

.sheet-CombatHeader{
    background:#AD3232;
    text-align:center;
}

.sheet-CombatRelatedHeader{
    background-color:#4D4D4D; 
    text-align:center;

}

.sheet-HandToHandTextInput{
    width:100px;
    float: right;
}

.sheet-CombatLabel{
    width:120px;
}

.sheet-CombatInput{
    width:50px;
    float: right;
}

.sheet-MiscLabel{
    width:160px;
}

.sheet-MiscInput{
    width:100px;
    float: right;
}

/* Tab set-up */

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: 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: #C7C7C7;
    
    width: 150px;
    height: 20px;
    font-size: 18px;
}

input.sheet-tab:checked::before
{
    background-color: white;
}

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

div.sheet-tab-content
{
}