/* Dan 3col 5R V1.4 051720 CSS */
/* based on Chris's revamp of the 6th Ed 3 col */
/* 1.3 change, allow for larger space to note END or Cost under powers/Equipment */
/* 1.4 added css for the hit location template */
/* 1.41 adjusted mv2 to be number input */

input[type=number]
{
    padding: 0;
    margin:0;
    border: .1em solid transparent;
    background-color: transparent;
    box-shadow: none;
    font-size:100%; 
    text-align: center;
    border-bottom: .1em solid black;
    -moz-appearance:textfield;
}

input[type=text]
{
    padding: 0;
    margin:0;
    border: .1em solid transparent;
    background-color: transparent;
    box-shadow: none;
    font-size:100%; 
    text-align: center;
    border-bottom:.1em solid black;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button 
{ 
    -webkit-appearance: none; 
    margin: 0; 
}

div.sheet-single-col {
    padding:none; 
    margin:none;
    width:21.5em;
    float:left;
}

div.sheet-section {
    border: .2em solid black;
    border-radius: 1em;
    /* font-size: 85%; */
    margin-bottom: 1em;
    margin-left:.5em;
    margin-right: .5em;
}

div.sheet-subsection {
    padding-top: 0em;
    padding-left:.5em;
    padding-right: .5em;
    padding-bottom: 0;
    padding-top:0em;
}

div.sheet-section-title {
    text-align: center;
    font-weight: bold;
    width: 100%;
    border-bottom: .2em solid black;
    margin-bottom: 1em;
}

div.sheet-line
{
    border:none; 
    padding:0; 
    clear: left;
    margin-top: -.5em;
}

.sheet-head1, .input[type=text].sheet-head1
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
    margin-bottom: .175em;
    font-size:100%;
}

div.sheet-head1, input[type=text].sheet-head1
{
    margin:0; 
    padding:0; 
    float:left; 
    text-align:left;
}

.sheet-cha1, .sheet-cha2, .sheet-cha3, .sheet-cha4, input[type=number].sheet-cha1, input[type=number].sheet-cha3,
    input[type=number].sheet-cha4
{
    margin-bottom: .175em;
    font-size:100%;
}

.sheet-cha1, .sheet-cha2, .sheet-cha3, .sheet-cha4
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-cha1, input[type=number].sheet-cha1
{
    float:left; 
    width: 25%;
    text-align:center;
}

div.sheet-cha2
{
    float:left; 
    width: 20%;
    text-align:left;
    font-weight:bold;
}

div.sheet-cha3, input[type=number].sheet-cha3
{
    float:left; 
    width:20%; 
    text-align:center;
}

div.sheet-cha4
{
    float:left; 
    width:35%;
    text-align:center;
}

input[type=number].sheet-cha4
{
    width:20%;
    text-align:center;
    font-size:100%;
}

div.sheet-am1, div.sheet-am2, div.sheet-am3, div.sheet-am4, div.sheet-am5, input[type=text].sheet-am1, 
    input[type=text].sheet-am2, input[type=text].sheet-am3, input[type=text].sheet-am4, 
    input[type=text].sheet-am5
{
    margin-bottom: -.15em;
    font-size:80%;
    letter-spacing:-.1em
}

input[type=text].sheet-am1, input[type=text].sheet-am2, input[type=text].sheet-am3, input[type=text].sheet-am4, 
    input[type=text].sheet-am5
{

}
div.sheet-am1, div.sheet-am2, div.sheet-am3, div.sheet-am4, div.sheet-am5
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-am1, input[type=text].sheet-am1
{
    float:left; 
    width:24%;
    text-align:left;
}

div.sheet-am2, input[type=text].sheet-am2
{
    float:left; 
    width:11%;
    text-align:center;
}

div.sheet-am3, input[type=text].sheet-am3
{
    float:left; 
    width:10%;
    text-align:center;
}

div.sheet-am4, input[type=text].sheet-am4
{
    float:left; 
    width:10%;
    text-align:center;
}

div.sheet-am5, input[type=text].sheet-am5
{
    float:left; 
    width:45%;
    text-align:left;
}

div.sheet-cs1, div.sheet-cs2,  input[type=text].sheet-cs2
{
    margin-bottom: .4em;
    font-size:100%;
}

div.sheet-cs1, div.sheet-cs2
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-cs1
{
    float:left; 
    width:22%;
    text-align:left;
}

div.sheet-cs2, input[type=number].sheet-cs2
{
    float:left; 
    width:39%;
    text-align:center;
}

div.sheet-vs1, input[type=text].sheet-vs1
{
    float:left;
    text-align:left;
    margin-bottom: .8em;
    font-size:90%;
}

div.sheet-vs1
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-def1, div.sheet-def2, input[type=text].sheet-def2, input[type=text].sheet-def3
{
    margin-bottom: .2em;
    font-size:100%;
}

div.sheet-def1, div.sheet-def2
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-def1, input[type=text].sheet-def1
{
    float:left; 
    width:40%;
    text-align:left;
    font-weight:bold;
}

div.sheet-def2, input[type=text].sheet-def2
{
    float:left; 
    width:60%;
    text-align:center;
}

div.sheet-es1, input[type=text].sheet-es1, input[type=text].sheet-es2
{
    float:left;
    margin-bottom: .3em;
    font-size:90%;
}

div.sheet-es1
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-es1
{
    text-align:left;
}

input[type=text].sheet-es1
{
    text-align:center;
}

div.sheet-pts1, div.sheet-pts2, input[type=number].sheet-pts2
{
    margin-bottom: .5em;
    font-size:100%;
}

div.sheet-pts1, div.sheet-pts2
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-pts1
{
    float:left; 
    width:60%;
    text-align:left;
}

div.sheet-pts2, input[type=number].sheet-pts2
{
    float:left; 
    width:40%;
    text-align:center;
}

div.sheet-hl1, div.sheet-hl2, div.sheet-hl3, div.sheet-hl4, div.sheet-hl5, div.sheet-hl6, div.sheet-hl7, div.sheet-hl8,
    div.sheet-hl9, div.sheet-hl10, div.sheet-hl11, div.sheet-hl12,
    input[type=number].sheet-hl3, input[type=number].sheet-hl5, input[type=number].sheet-hl9, input[type=text].sheet-hl11,
    input[type=text].sheet-hl12
{
    margin-bottom: .3em;
    font-size:80%;
}

div.sheet-hl1, div.sheet-hl2, div.sheet-hl3, div.sheet-hl4, div.sheet-hl5, div.sheet-hl6, div.sheet-hl7, div.sheet-hl8,
    div.sheet-hl9, div.sheet-hl10, div.sheet-hl11, div.sheet-hl12
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-hl1
{
    float:left; 
    width:15%;
    text-align:center;
}

div.sheet-hl2
{
    float:left; 
    width:15%;
    text-align:left;
}

div.sheet-hl3, input[type=number].sheet-hl3
{
    float:left; 
    width:14%;
    text-align:center;
}

div.sheet-hl4
{
    float:left; 
    width:7%;
    text-align:center;
}

div.sheet-hl5, input[type=number].sheet-hl5
{
    float:left; 
    width:9%;
    text-align:center;
}

div.sheet-hl6
{
    float:left; 
    width:3%;
    text-align:center;
}
div.sheet-hl7
{
    float:left; 
    width:21%;
    text-align:center;
}

div.sheet-hl8
{
    float:left; 
    width:35%;
    text-align:center;
    font-weight:bold;
}

div.sheet-hl9, input[type=number].sheet-hl9
{
    float:left; 
    width:21%;
    text-align:center;
}

div.sheet-hl10
{
    float:left; 
    width:30%;
    text-align:center;
    font-weight:bold;
}

div.sheet-hl11, input[type=text].sheet-hl11
{
    float:left; 
    width:70%;
    text-align:left;
    border-bottom:.1em solid transparent;
}

div.sheet-hl12, input[type=text].sheet-hl12
{
    float:left; 
    width:100%;
    text-align:left;
    border-bottom:.1em solid transparent
}

div.sheet-cm1, div.sheet-cm2, div.sheet-cm3, div.sheet-cm4, div.sheet-cm5, div.sheet-cm6, div.sheet-cm7
{
    margin-bottom: -.5em;
    font-size:80%;
}

div.sheet-cm1, div.sheet-cm2, div.sheet-cm3, div.sheet-cm4, div.sheet-cm5, div.sheet-cm6, div.sheet-cm7
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-cm1
{
    float:left; 
    width:24%;
    text-align:center;
}

div.sheet-cm2
{
    float:left; 
    width:11%;
    text-align:center;
}

div.sheet-cm3
{
    float:left; 
    width:16%;
    text-align:center;
}

div.sheet-cm4
{
    float:left; 
    width:62%;
    text-align:left;
}

div.sheet-cm5
{
    float:left; 
    width:11%;
    text-align:center;
}

div.sheet-cm6
{
    float:left; 
    width:27%em;
    text-align:center;
}

div.sheet-cm7
{
    width:100%;
    text-align:center;
    font-style:italic;
}

div.sheet-mv1, div.sheet-mv2, input[type=text].sheet-mv1, input[type=number].sheet-mv2, input[type=text].sheet-mv3
{
    margin-bottom: .3em;
    font-size:100%;
}

div.sheet-mv1, div.sheet-mv2
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-mv1, input[type=text].sheet-mv1
{
    float:left; 
    width:40%;
    text-align:left;
}


div.sheet-mv2, input[type=number].sheet-mv2
{
    float:left; 
    width:30%;
    text-align:center;
}

div.sheet-mv3, input[type=text].sheet-mv3
{
    float:left; 
    width:60%;
    text-align:center;
}

div.sheet-sk1, div.sheet-sk2, div.sheet-sk3, input[type=number].sheet-sk1, input[type=text].sheet-sk2, input[type=text].sheet-sk3
{
    margin-bottom: -.14em;
    font-size:100%;
}

div.sheet-sk1, div.sheet-sk2, div.sheet-sk3
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-sk1, input[type=number].sheet-sk1
{
    float:left; 
    width:14%;
    text-align:center;
}

div.sheet-sk2, input[type=text].sheet-sk2
{
    float:left; 
    width:72%;
    text-align:left;
}

div.sheet-sk3, input[type=text].sheet-sk3
{
    float:left; 
    width:14%;
    text-align:center;
}

div.sheet-pow1, div.sheet-pow2, div.sheet-pow3, div.sheet-pow4, input[type=number].sheet-pow1, input[type=text].sheet-pow2, 
    input[type=text].sheet-pow3, input[type=text].sheet-pow4
{
    margin-bottom: -.14em;
    font-size:100%;
}

div.sheet-pow1, div.sheet-pow2, div.sheet-pow3, div.sheet-pow4
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-pow1, input[type=number].sheet-pow1
{
    float:left; 
    width:7%;
    text-align:center;
}

div.sheet-pow2, input[type=text].sheet-pow2
{
    float:left; 
    width:20%;
    text-align:left;
}

div.sheet-pow3, input[type=text].sheet-pow3
{
    float:left; 
    width:63%;
    text-align:left;
}

div.sheet-pow4, input[type=text].sheet-pow4
{
    float:left; 
    width:10%;
    text-align:center;
}

div.sheet-disad1, div.sheet-disad2, input[type=number].sheet-disad1, input[type=text].sheet-disad2
{
    margin-bottom: -.14em;
    font-size:100%;
}

div.sheet-disad1, div.sheet-disad2
{
    border-bottom: .1em solid transparent;
    border-top: .1em solid transparent;
}

div.sheet-disad1, input[type=number].sheet-disad1
{
    float:left; 
    width:7%;
    text-align:center;
}

div.sheet-disad2, input[type=text].sheet-disad2
{
    float:left; 
    width:93%;
    text-align:left;
}

/* ------------------------------------------------------- */
/*                                                         */
/*    ROLL TEMPLATE(S)                                     */
/*                                                         */
/* ------------------------------------------------------- */

.sheet-rolltemplate-hero6template div.sheet-rt-main-wrap
{
	padding-top: 16px;
}

.sheet-rolltemplate-hero6template div.sheet-rt-main
{
	position: relative;
	margin-right: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: white;
	border: solid black 2px;
	border-radius: 10px;
}

.sheet-rolltemplate-hero6template div.sheet-rt-title
{
	min-height: 16px;
	margin-top: -2px;
	padding: 3px 18px 2px 0;
	text-align: center;
	color: #DDD;
	background-color: black;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom: solid black 2px;
}

.sheet-rolltemplate-hero6template div.sheet-rt-title > span
{
	display: block;
	width: 60%;
	margin-left: 4.5%;
	transform: scalex(1.5);
	transform-origin: bottom left;
}

.sheet-rolltemplate-hero6template div.sheet-rt-line
{
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 3px 8px 2px 8px;
}

.sheet-rolltemplate-hero6template div.sheet-rt-line > span:first-child
{
	font-weight: bold;
	margin-right: 3px;
}

.sheet-rolltemplate-hero6template div.sheet-rt-divider
{
	border-bottom: solid #DDD 1px; /* yeah, it's not rem */
}