/* Ghostbusters Character Sheet CSS */
/* Version 0.0.7 */

.sheet-container {
    width: 800px;
    margin: 0 auto;
    background-image: url("http://i.imgur.com/nOk3zYE.png");
    background-repeat: no-repeat;
    background-position: top;

}
.sheet-row {
    text-align: center;
}
.sheet-category {
    font-weight: bold;
    font-size: 20px;
}
input.sheet-name {
    width: 300px;
}
input.sheet-talent {
    width: 125px;
}
hr.sheet-rule {
    border-color: #000000;
}
.sheet-colSM {
    width: calc(4%);
    display: inline-block;

}
.sheet-colMED {
    width: calc(27%);
    display: inline-block;
}

.sheet-colLNG {
    width: calc(53%);
    margin-right: 30px;
    display: inline-block;
}
textarea.sheet-small {
    width: calc(100% - 150px);
    height: auto;
}

.sheet-rolltemplate-buster table {
    width: 200px;
    color: #000000;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.sheet-rolltemplate-buster td {
    /*background: url("http://i.imgur.com/MiNfp0g.png") no-repeat;*/
    background: url("http://i.imgur.com/c89n8XL.png") no-repeat;
    color: #000000;
    padding: 10px 2px 2px 2px;
    height: 219px;
    line-height: 2.2em;
    font-size: 1.2em;
}

.sheet-rolltemplate-content {
    text-align: center;
}

.sheet-rolltemplate-die {
    /*display: block;*/
    font-weight: bold;
}

.sheet-rolltemplate-result {
    /*display: block;*/
    font-weight: bold;
}

.sheet-rolltemplate-rolltext {
    font-weight: bold;
}

.sheet-rolltemplate-crit {
    display: inline-block;
    font-weight: bold;
    width: 50px;
}

.sheet-rolltemplate-buster .inlinerollresult  {
    /*display: inline-block;*/
    min-width: 1.5em;
    text-align: center;
    border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
}

.sheet-rolltemplate-buster .inlinerollresult.fullcrit {
    border: 2px solid #3FB315;
}

.sheet-rolltemplate-buster .inlinerollresult.fullfail {
    border: 2px solid #B31515;
}

.sheet-rolltemplate-buster .inlinerollresult.importantroll {
    border: 2px solid #4A57ED;
}

/* Main Sheet Tabs */
 div[class^="sheet-section"] {  
    display: none;
}

 input.sheet-tab1:checked ~ div.sheet-section-core,
 input.sheet-tab2:checked ~ div.sheet-section-ghost {
    display: block;
}

 input.sheet-tab99:checked ~ div[class^="sheet-section"] {  
    display: block;
}
 input.sheet-tab {
    width: 100px;
    height: 20px;
    cursor: pointer;    
    position: relative;
    opacity: 0;
    z-index: 9999;
}

 span.sheet-tab {
    text-align: center;
    display: inline-block;   
    font-size: 13px;    
    background: #dcdcdc; 
    font-weight: bold;
    border-radius: 4px;
    width: 100px;
    height: 20px;
    cursor: pointer;    
    position: relative;
    margin-left: -91px;
    border-bottom-color: #fff;
}

 input.sheet-tab1:checked + span.sheet-tab1,
 input.sheet-tab2:checked + span.sheet-tab2 {
    background: #ff9999;
    border-radius: 4px;
}

textarea {
    height: 4em;
}

textarea.sheet-small {
    width: calc(100% - 150px);
    height: auto;
}

/*------Roll Template & Roll button-------*/

.charsheet button[type=roll].sheet-d6::before {	/*changes die roller icon to d6*/
	font-family: 'dicefontd6',arial;
	content: 'F ';
}

.sheet-rolltemplate-buster table {
    width: 200px;
    color: #000000;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.sheet-rolltemplate-buster td {
    /*background: url("http://i.imgur.com/MiNfp0g.png") no-repeat;*/
    background: url("http://i.imgur.com/c89n8XL.png") no-repeat;
    color: #000000;
    padding: 10px 2px 2px 2px;
    height: 219px;
    line-height: 2.2em;
    font-size: 1.2em;
}

.sheet-rolltemplate-content {
    text-align: center;
}

.sheet-rolltemplate-die {
    /*display: block;*/
    font-weight: bold;
}

.sheet-rolltemplate-result {
    /*display: block;*/
    font-weight: bold;
}

.sheet-rolltemplate-rolltext {
    font-weight: bold;
}

.sheet-rolltemplate-crit {
    display: inline-block;
    font-weight: bold;
    width: 50px;
}

.sheet-rolltemplate-buster .inlinerollresult  {
    /*display: inline-block;*/
    min-width: 1.5em;
    text-align: center;
    border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
}

.sheet-rolltemplate-buster .inlinerollresult.fullcrit {
    border: 2px solid #3FB315;
}

.sheet-rolltemplate-buster .inlinerollresult.fullfail {
    border: 2px solid #B31515;
}

.sheet-rolltemplate-buster .inlinerollresult.importantroll {
    border: 2px solid #4A57ED;
}