.charsheet input {
    display: inline-block;
    width: 165px;
}
.charsheet input.sheet-tiny {
    display: inline-block;
    width: 2.0em;
}
.charsheet input.sheet-short {
   display: inline-block;
   width: 3.5em;
}
.charsheet input.sheet-short2 {
   display: inline-block;
   width: 4.0em;
}
.charsheet input.sheet-mid {
   display: inline-block;
   width: 5.0em;
}
.charsheet input.sheet-mid2 {
   display: inline-block;
   width: 7.0em;
}
.charsheet input.sheet-medium {
   display: inline-block;
   width: 115px;
}
.charsheet input[type="number"].sheet-tiny {
    display: inline-block;
    width: 2.0em;
    text-align: center;
}

input[type="number"].sheet-tiny::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"].sheet-nobut::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.charsheet select.sheet-tiny {
    display: inline-block;
    width: 2.0em;
}

.charsheet select.sheet-short{
    display: inline-block;
    margin: 0px 0px;
    width: 4.0em;
}
.charsheet select.sheet-short2 {
   display: inline-block;
   width: 5.0em;
}
.charsheet select.sheet-mid {
   display: inline-block;
   width: 5.0em;
}
.charsheet select.sheet-mid2 {
   display: inline-block;
   width: 7.0em;
}

.charsheet th {
    background-color: #26ADE4;
    color: #FFF;
    font-weight: bold;
    padding: 3px;
    }

.charsheet input[type="checkbox"].left {
    float: left;
    margin: 5px 0px;
    width: 2px;
}
input.sheet-arrow
{
    float: left;
}

input.sheet-arrow:checked ~ div.sheet-body
{
    display: none;
}
/* Hide actual radio/checkbox */
input[type="radio"],
input[type="checkbox"]
{
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* Fake radio/checkbox */
input[type="radio"] + span::before,
input[type="checkbox"] + span::before
{
    margin-right: 4px;
    border: solid 1px #a8a8a8;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    
    background: #f6f6f6;
    background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
    background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
    background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
    background: -o-radial-gradient(#f6f6f6, #dfdfdf);
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

/* Fake radio */
input[type="radio"] + span::before
{
    content: "";
    width: 12px;
    height: 12px;
    font-size: 24px;
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
input[type="radio"]:checked + span::before
{
    content: "•";
}

/* Fake checkbox */
input[type="checkbox"] + span::before
{
    content: "";
    width: 14px;
    height: 14px;
    font-size: 12px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
input[type="checkbox"]:checked + span::before
{
    content: "✓";
}

.charsheet div.sheet-tab-content { display: none; }

.charsheet input.sheet-tab1:checked ~ div.sheet-tab1,
.charsheet input.sheet-tab2:checked ~ div.sheet-tab2,
.charsheet input.sheet-tab3:checked ~ div.sheet-tab3,
.charsheet input.sheet-tab4:checked ~ div.sheet-tab4
{
    display: block;
}
.charsheet input.sheet-tab + span::before,
.charsheet input.sheet-tab + span::before
{
    margin-right: 4px;
    border: solid 1px #a8a8a8;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    
    background: #f6f6f6;
    background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
    background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
    background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
    background: -o-radial-gradient(#f6f6f6, #dfdfdf);
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

/* Fake radio */
.charsheet input.sheet-tab + span::before
{
    content: "";
    width: 12px;
    height: 12px;
    font-size: 24px;
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.charsheet input.sheet-tab:checked + span::before
{
    content: "•";
}
.charsheet input.sheet-tab:not(:first-child)::before
{
    border-left: none;
}

/*/ Styles for 2ESheet rolltemplates /*/

/*/ Styles common to all 2E Templates /*/
.sheet-rolltemplate-2Edefault div.sheet-template-container,
.sheet-rolltemplate-2Eattack div.sheet-template-container,
.sheet-rolltemplate-2Espell div.sheet-template-container,
.sheet-rolltemplate-2Eprotscroll div.sheet-template-container,
.sheet-rolltemplate-2Echeck div.sheet-template-container,
.sheet-rolltemplate-2Einversecheck div.sheet-template-container,
.sheet-rolltemplate-2Esave div.sheet-template-container {
	border: none;
	text-align: left;
}

.sheet-rolltemplate-2Edefault th.sheet-template-title1,
.sheet-rolltemplate-2Eattack th.sheet-template-title1,
.sheet-rolltemplate-2Espell th.sheet-template-title1,
.sheet-rolltemplate-2Eprotscroll th.sheet-template-title1,
.sheet-rolltemplate-2Echeck th.sheet-template-title1,
.sheet-rolltemplate-2Einversecheck th.sheet-template-title1,
.sheet-rolltemplate-2Esave th.sheet-template-title1 {
	font-size: 12pt;
	font-weight: bold;
	font-family: "verdana", "tahoma", "ariel";
	text-align: center;
	color: white;
	border: none;
	padding: 2px;
	margin: 0px;
    background-color: none;
}

.sheet-rolltemplate-2Edefault th.sheet-template-title2,
.sheet-rolltemplate-2Eattack th.sheet-template-title2,
.sheet-rolltemplate-2Espell th.sheet-template-title2,
.sheet-rolltemplate-2Eprotscroll th.sheet-template-title2,
.sheet-rolltemplate-2Echeck th.sheet-template-title2,
.sheet-rolltemplate-2Einversecheck th.sheet-template-title2,
.sheet-rolltemplate-2Esave th.sheet-template-title2 {
	font-size: 12pt;
	font-weight: bold;
	font-family: "verdana", "tahoma", "ariel";
	text-align: center;
	color: black;
	border: none;
	padding: 2px;
	margin: 0px;
    background-color: none;
}

.sheet-rolltemplate-2Edefault th.sheet-template-subtitle1,
.sheet-rolltemplate-2Eattack th.sheet-template-subtitle1,
.sheet-rolltemplate-2Espell th.sheet-template-subtitle1,
.sheet-rolltemplate-2Eprotscroll th.sheet-template-subtitle1,
.sheet-rolltemplate-2Echeck th.sheet-template-subtitle1,
.sheet-rolltemplate-2Einversecheck th.sheet-template-subtitle1,
.sheet-rolltemplate-2Esave th.sheet-template-subtitle1 {
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	font-family: "verdana", "tahoma", "ariel";
	text-align: center;
	color: white;
	border: none;
	padding: 1px;
	margin: 0px;
    background-color: none;
}

.sheet-rolltemplate-2Edefault th.sheet-template-subtitle2,
.sheet-rolltemplate-2Eattack th.sheet-template-subtitle2,
.sheet-rolltemplate-2Espell th.sheet-template-subtitle2,
.sheet-rolltemplate-2Eprotscroll th.sheet-template-subtitle2,
.sheet-rolltemplate-2Echeck th.sheet-template-subtitle2,
.sheet-rolltemplate-2Einversecheck th.sheet-template-subtitle2,
.sheet-rolltemplate-2Esave th.sheet-template-subtitle2 {
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
	font-family: "verdana", "tahoma", "ariel";
	text-align: center;
	color: black;
	border: none;
	padding: 1px;
	margin: 0px;
    background-color: none;
}

.sheet-rolltemplate-2Edefault table,
.sheet-rolltemplate-2Eattack table,
.sheet-rolltemplate-2Espell table,
.sheet-rolltemplate-2Eprotscroll table,
.sheet-rolltemplate-2Eprotscroll table,
.sheet-rolltemplate-2Einversecheck table,
.sheet-rolltemplate-2Esave table {
    width: 100%;
}

.sheet-rolltemplate-2Edefault .sheet-template-body tr:nth-child(even),
.sheet-rolltemplate-2Espell .sheet-template-body tr:nth-child(even),
.sheet-rolltemplate-2Eprotscroll .sheet-template-body tr:nth-child(even),
.sheet-rolltemplate-2Echeck .sheet-template-body tr:nth-child(even),
.sheet-rolltemplate-2Einversecheck .sheet-template-body tr:nth-child(even),
.sheet-rolltemplate-2Esave .sheet-template-body tr:nth-child(even) {
	background-color: #e0e0e0;
}
.sheet-rolltemplate-2Edefault .sheet-template-body tr:nth-child(odd),
.sheet-rolltemplate-2Espell .sheet-template-body tr:nth-child(odd),
.sheet-rolltemplate-2Eprotscroll .sheet-template-body tr:nth-child(odd),
.sheet-rolltemplate-2Echeck .sheet-template-body tr:nth-child(odd),
.sheet-rolltemplate-2Einversecheck .sheet-template-body tr:nth-child(odd),
.sheet-rolltemplate-2Esave .sheet-template-body tr:nth-child(odd) {
    background-color: #f4f4f4;
}

.sheet-rolltemplate-2Edefault div.sheet-template-body,
.sheet-rolltemplate-2Eattack div.sheet-template-body,
.sheet-rolltemplate-2Espell div.sheet-template-body,
.sheet-rolltemplate-2Eprotscroll div.sheet-template-body,
.sheet-rolltemplate-2Echeck div.sheet-template-body,
.sheet-rolltemplate-2Einversecheck div.sheet-template-body,
.sheet-rolltemplate-2Esave div.sheet-template-body {
	border: 1px solid black;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	background: #727272;
	padding: 4px;
	margin-top: -1px;
}

.sheet-rolltemplate-2Edefault div.sheet-default-head,
.sheet-rolltemplate-2Eattack div.sheet-attack-head,
.sheet-rolltemplate-2Espell div.sheet-spell-head,
.sheet-rolltemplate-2Eprotscroll div.sheet-protscroll-head,
.sheet-rolltemplate-2Echeck div.sheet-check-head,
.sheet-rolltemplate-2Einversecheck div.sheet-check-head,
.sheet-rolltemplate-2Esave div.sheet-save-head {
	border: 1px solid #000000;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	padding: 3px;
	padding-top: 5px;
	margin-bottom: 0px;
}

/*/ Styles for the 2Edefault Template /*/
.sheet-rolltemplate-2Edefault div.sheet-default-head {
	background: #093a01;
}

.sheet-rolltemplate-2Edefault td.sheet-default-c1 {
    font-size: 9pt;
    font-weight: bold;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
    font-family: "verdana";
    border: 1px solid black;
    border-right: none;
    padding: 4px;
    margin: 0px;
}

.sheet-rolltemplate-2Edefault td.sheet-default-c2 {
    font-size: 10pt;
    color: #000000;
    text-align: center;
    font-family: "verdana";
    border: 1px solid black;
    border-left: none;
    padding: 4px;
    margin: 0px;
}

.sheet-rolltemplate-2Edefault td.sheet-default-c3 {
    font-size: 9pt;
    color: #000000;
    text-align: left;
    font-family: "verdana";
    border: 1px solid black;
    padding: 4px;
    margin: 0px;
}


/*/ Styles for the 2Eattack Template /*/
.sheet-rolltemplate-2Eattack div.sheet-attack-head {
    background: #a01616;
}

.sheet-rolltemplate-2Eattack td {
	padding: 5px;
	text-align: center;
	background-color: #f4f4f4;
}

.sheet-rolltemplate-2Eattack span.sheet-weapon-used {
	text-align: center;
	font-size: 10pt;
	font-style: italic;
	color: black;
}

.sheet-rolltemplate-2Eattack td.sheet-attack-c1 {
	vertical-align: bottom;
    width: 33%;
}

.sheet-rolltemplate-2Eattack td.sheet-attack-c2 {
	position: relative;
	background-image: url("http://i.imgur.com/rFM5RnH.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: center;
    height: 50px;
    width: 33%;
}

.sheet-rolltemplate-2Eattack td.sheet-attack-c3 {
    position: relative;
    background-image: url("http://i.imgur.com/QFPPKuq.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: center;
    height: 50px;
}

.sheet-rolltemplate-2Eattack td.sheet-attack-c4 {
	vertical-align: top;
}

.sheet-rolltemplate-2Eattack td.sheet-attack-c5 {
    background-color: #093a01;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
	font-family: "verdana", "tahoma", "ariel";
    color: #ffffff;
}

.sheet-rolltemplate-2Eattack span.sheet-attack-crit {
    font-size: 10pt;
	font-weight: normal;
	padding: 2px;
}

.sheet-rolltemplate-2Eattack td.sheet-attack-c6 {
    background-color: #a01616;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
	font-family: "verdana", "tahoma", "ariel";
    color: #ffffff;
}

.sheet-rolltemplate-2Eattack span.sheet-attack-fumble {
    font-size: 10pt;
	font-weight: normal;
	padding: 2px;
}

/*/ Inline Roll Styling for 2Eattack Template /*/
.sheet-rolltemplate-2Eattack .inlinerollresult  {
	display: inline-block;
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
	text-align: center;
	vertical-align: middle;
	border: none;
	background-color: white;
}
.sheet-rolltemplate-2Eattack .inlinerollresult.fullcrit {
	color: #093a01;
	border: none;
}
.sheet-rolltemplate-2Eattack .inlinerollresult.fullfail {
	color: #a01616;
	border: none;
}
.sheet-rolltemplate-2Eattack .inlinerollresult.importantroll {
	color: #000000;
	border: none;
}

/*/ Styles for the 2Espell & 2Eprotscroll Template /*/
.sheet-rolltemplate-2Espell div.sheet-spell-head,
.sheet-rolltemplate-2Eprotscroll div.sheet-protscroll-head {
	background: #1f2354;
}

.sheet-rolltemplate-2Espell td.sheet-spell-c1,
.sheet-rolltemplate-2Eprotscroll td.sheet-spell-c1 {
    font-size: 10pt;
    color: #000000;
    text-align: center;
    font-family: "verdana";
    border: 1px solid black;
    padding: 4px;
    margin: 0px;
    width: 50%;
}

.sheet-rolltemplate-2Espell span.sheet-spell-prop,
.sheet-rolltemplate-2Eprotscroll span.sheet-spell-prop {
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    text-align: center;
    font-family: "verdana";
}

.sheet-rolltemplate-2Espell td.sheet-spell-c2,
.sheet-rolltemplate-2Eprotscroll td.sheet-spell-c2 {
    font-size: 9pt;
    color: #000000;
    text-align: left;
    font-family: "verdana";
    border: 1px solid black;
    padding: 3px;
    margin: 0px;
}

/*/ Styles for the 2Esave Template /*/
.sheet-rolltemplate-2Esave div.sheet-save-head {
	background: #f26f2e;
}

.sheet-rolltemplate-2Esave td.sheet-save-c1 {
    font-size: 9pt;
    font-weight: bold;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
    font-family: "verdana";
    border: none;
    padding: 4px;
    margin: 0px;
}

.sheet-rolltemplate-2Esave td.sheet-save-c2 {
    font-size: 10pt;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    font-family: "verdana";
    border: none;
    padding: 4px;
    margin: 0px;
}

.sheet-rolltemplate-2Esave td.sheet-save-c3 {
    background-color: #093a01;
    border: none;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    font-family: "verdana";
    text-align: center;
    color: #ffffff;
    padding: 4px;
    margin: 0px;
}

.sheet-rolltemplate-2Esave td.sheet-save-c4 {
    background-color: #a01616;
    border: none;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    font-family: "verdana";
    text-align: center;
    color: #ffffff;
    padding: 4px;
    margin: 0px;
}

.sheet-rolltemplate-2Echeck div.sheet-check-head,
.sheet-rolltemplate-2Einversecheck div.sheet-check-head {
	background: #512E5F;
}

.sheet-rolltemplate-2Echeck td.sheet-check-c1,
.sheet-rolltemplate-2Einversecheck td.sheet-check-c1 {
    font-size: 9pt;
    font-weight: bold;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
    font-family: "verdana";
    border: none;
    padding: 4px;
    margin: 0px;
}

.sheet-rolltemplate-2Echeck td.sheet-check-c2,
.sheet-rolltemplate-2Einversecheck td.sheet-check-c2 {
    font-size: 10pt;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    font-family: "verdana";
    border: none;
    padding: 4px;
    margin: 0px;
}

.sheet-rolltemplate-2Echeck td.sheet-check-c3,
.sheet-rolltemplate-2Einversecheck td.sheet-check-c3 {
    background-color: #093a01;
    border: none;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    font-family: "verdana";
    text-align: center;
    color: #ffffff;
    padding: 4px;
    margin: 0px;
}

.sheet-rolltemplate-2Echeck td.sheet-check-c4,
.sheet-rolltemplate-2Einversecheck td.sheet-check-c4 {
    background-color: #a01616;
    border: none;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    font-family: "verdana";
    text-align: center;
    color: #ffffff;
    padding: 4px;
    margin: 0px;
}

.sheet-announcements div.sheet-chk-content {
    color: red;
    font-style: italic;
    font-size: 10pt;
    }

.sheet-announce-items {
    color: black;
    font-style: italic;
    font-size: 10pt;
    }
.sheet-footer {
    border: 2px solid red;
    background-color: #808080;
    border-radius: 8px;
}

td.sheet-c2 {
    text-align: center middle;
    }

.sheet-spellrep {
    border: 1px solid #595959;
    border-radius: 5px;
    padding: 5px;
    margin: 2px;
    }

.sheet-spelltable {
    width: 100%;
    }

.sheet-spellrep div.sheet-chk-content {
    width: 95%;
    padding: 5px;
    border: 1px dashed #002db3;
    }

.sheet-sptable {
    width: 100%;
    border: collapse;
    }

.sheet-sptable th {
    text-align: center;
    }

.charsheet th {
    background: #4a86e8;
    color: white;
    font-weight: bold;
    text-align: left;
    padding: 1px;
    }

.sheet-sptable td.sheet-c1 {
    text-align: right;
    }

.sheet-sptable td.sheet-c2 {
    text-align: center;
    }

.sheet-sptable td.sheet-c3 {
    text-align: left;
    }

.sheet-spdesc {
    width: 95%;
    height: 75px;
    overflow: auto;
    }

/*/ From DSD Sheet /*/
div.sheet-chk-content { display: none; }

input.sheet-chk1:checked ~ div.sheet-chk1,
input.sheet-chk2:checked ~ div.sheet-chk2,
input.sheet-chk3:checked ~ div.sheet-chk3,
input.sheet-chk4:checked ~ div.sheet-chk4,
input.sheet-chk5:checked ~ div.sheet-chk5
    {
    display: block;
    }

input.sheet-chk:checked::before {
    background: #fff;
    color: #002db3;
    }

div.sheet-chk-content {
    width: 95%;
    margin: 5px;
    border-top: 1px dashed #002db3;
    }


div.sheet-chkannounce { display: none; }

input.sheet-anchk:checked ~ div.sheet-chkannounce
    {
    display: block;
    }

input.sheet-anchk:checked::before {
    color: #ff0000;
    }

div.sheet-chkannounce {
    width: 95%;
    margin: 5px;
    border: 3px solid #ff0000;
    border-radius: 8px;
    padding: 8px;
    background: #ababab;
    }

.sheet-selectable {
    font-style: italic;
    font-weight: bold;
    color: #181E72;
    -webkit-user-select: all;  /* Chrome all / Safari all */
    -moz-user-select: all;     /* Firefox all */
    -ms-user-select: all;      /* IE 10+ */
    user-select: all;          /* Likely future */   
    }