/*** Background ***/

.sheet-row >div{
     display:inline-block;
 }
.sheet-row {
	padding:0 30px 10px 30px;   
}
.sheet-2colrow >.sheet-col{
	margin:10px !important;   
}
/*** Font ***/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fafafa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fafafa;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fafafa;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fafafa;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #fafafa;
}
/*** Pages ***/
div[class^="sheet-section"] {
	visibility: hidden;
	opacity: 0;
	max-height:0;
	overflow: hidden;
}
input.sheet-tab99:checked ~ div[class^="sheet-section"] {
	max-height: 999998px;
	opacity: 1;
	transition: opacity 0.25s linear 0s;
	overflow: auto; 
	
}
.sheet-row div[class^="repcontrol"]{
    padding:1em;   
}

input.sheet-tab {
	width: 175px;
	height: 23px;
	cursor: pointer;
	position: relative;
	opacity: 0;
	z-index: 9999;
	vertical-align:top;
}
span.sheet-tab {
	text-align: center;
	display: inline-block;
	padding-left, padding-right: 3px;
	width: 175px;
	height: 23px;
	cursor: pointer;
	position: relative;
	margin-left: -184px;
	margin-top: 0px;
	color: #FAFAFA;
	border-radius: 5px 5px 0px 0px;
	font-size: 12px;
	box-shadow: 2px 2px 5px #FAFAFA inset,-2px -2px 5px #202020 inset;
	vertical-align:top;
	background-color: #303030;
}
input.sheet-tab::before {
	display: inline-block;
    margin-top:-30px;
	content: attr(title);
	text-align: center;
	width: 100%;
	height: 100%;
}
input.sheet-tab:checked::before {
	background: #4E686A;
	color:blue;
}
/* Next section makes a page visible when the tab is clicked */
input.sheet-tab1:checked ~ div.sheet-section-pc1,
input.sheet-tab2:checked ~ div.sheet-section-pc2,
input.sheet-tab3:checked ~ div.sheet-section-pc3,
input.sheet-tab4:checked ~ div.sheet-section-pc4{
	max-height: 999999px;
    max-width:850px;
	visibility: visible;
	min-height:1000px;
	opacity: 1;
	transition: opacity .25s linear 0s;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
}
input.sheet-tab1:checked + span.sheet-tab1,
input.sheet-tab2:checked + span.sheet-tab2,
input.sheet-tab3:checked + span.sheet-tab3,
input.sheet-tab4:checked + span.sheet-tab4{
	box-shadow: -2px -2px 5px #FAFAFA inset, 2px 2px 5px #202020 inset;
	opacity: 1;
}

/*** Input ***/
.sheet-number-circle::-webkit-inner-spin-button, 
.sheet-number-circle::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0; 
}
label { 
    margin: 0;
	padding:0;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	color: #D8D8D8 ;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	width:auto;
	height:2em;
	display: inline-block;
	text-overflow: '';
	background: #FBFCFC;
	border-radius:6px;
	border: 3px solid #004040;
	padding:0;
	margin: 0;
	text-align: center;
	line-height:1em;
}
select > option {
	text-align:center;
}
input[type=radio]{
	margin:0 5px 0 5px;   
}
input[type="number"].sheet-number-circle{
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
	font-size:1.25em;
	border: 3px solid #004040;
	padding:0 .5em 0 .5em;
	width:2.33em;
	height:2.33em;
	text-align: center;
	vertical-align:center;
	border-radius:3em;
	color: #000000;
	background: #FBFCFC;
}
input[type="number"].sheet-number-box-small{
	border: 3px solid #004040;
	padding:0 0 0 3px;
	display: inline;
	width:3.1em;
	height:2em;
	text-align: left;
	vertical-align:middle;
	border-radius:6px;
}
input[type="number"]:disabled{
	background: #aaaaaa;
}
input[type="text"]{
	height:2em;
	border: 3px solid #004040;
	text-align: left;
	background: #FBFCFC;
	border-radius:6px;
	font-size: 13px;
	font-style:bold;
	width:195px;
}
input[type="checkbox"] {
	border: 3px solid #004040;
	color: #000000;
	background: #FBFCFC;
	border-radius:6px;
	font-size: 12px;
    box-shadow: 1px 1px 2px #000101, -1px -1px 2px #000101,1px -1px 2px #000101, -1px 1px 2px #000101;
}
textarea {
	padding:3px;
	box-sizing: border-box;
	margin:0;
	resize: vertical;
	overflow:hidden;
	display: block;
	text-align: left;
	border: 3px solid #004040;
	color: #000000;
	background: #FBFCFC;
	border-radius:6px;
	height:6.3em;
	width:100%
}
input[name^="attr_friend"] {
 width:48%;   
}
.sheet-table fieldset,
.sheet-table {
    display:table;   
    text-align:center;
}
.sheet-table >fieldset,
.sheet-table >div{
    display:table-row;
    width:75px;
}
.sheet-table fieldset >div,
.sheet-table >div >div {
    display:table-cell;   
    vertical-align:bottom;
}
.sheet-table label {
    text-align:center;   
}
/*** Buttons ***/
button {
    
}
[class="btn repcontrol_edit"]{
}

/*** Roll Templates ***/
.sheet-rolltemplate-defense,
.sheet-rolltemplate-attack{
}
.sheet-rolltemplate-attack table{
    font-family: "Georgia";
	background-color: #a0a0a0;
	width: 180px;
	border: 3px solid #7f0000;
}
.sheet-rolltemplate-attack th {
    border-top:3px solid #7f0000;
	text-align:center;
	font-style:bold;
}
    

.sheet-rolltemplate-defense table {
	font-family: "Georgia";
	background-color: #a0a0a0;
	width: 180px;
	border: 3px solid #00007f;
}
.sheet-rolltemplate-defense th{
    border-top:3px solid #00007f;
    text-align:center;
	font-style:bold;
    
}
.sheet-rolltemplate-defense tr,
.sheet-rolltemplate-attack tr {
}
.sheet-rolltemplate-defense td,
.sheet-rolltemplate-attack td {
	padding:.25em;
}
.charsheet {
    background-color:#000303 ;
    background-image:url("http://i.imgur.com/XOomnMY.jpg?1");
    background-repeat: no-repeat;
	background-position: 0px 33px; 
	text-shadow: 1px 1px 2px #000101, -1px -1px 2px #000101,1px -1px 2px #000101, -1px 1px 2px #000101,
		1px 1px 12px #000101, -1px -1px 12px #000101,1px -1px 12px #000101, -1px 1px 12px #000101;
	color: #FAFAFA;
    
}

/*** Misc***/
[class^="sheet-faded"]{
    background-color:rgba(0,0,0,.3);   
    display:inline;
    border-radius:1em  1em 0 0 ;
}
.sheet-faded-nam {
    vertical-align:middle;
    width:76px;
    padding:4px;
}
.sheet-faded-nam >div{
    display:inline-block;
    width:32%;   
}
.sheet-faded-text {
    vertical-align:middle;
    padding:4px;    
}
.sheet-label-row div,
.sheet-label-row label {
    display:inline-block;   
}
.sheet-label-row div > span{
    margin-right:6px;   
}
.sheet-label-large {
    padding:0;
    font-size:1.5em;
    margin:0px 0px .5em 0px;
}
.sheet-row-with-labels div{
 display:inline-block; 
 vertical-align:bottom;
}
.sheet-row-with-labels label{
 text-align:center;
}
.sheet-ability-section {
    width:360px;
    display:inline-block;  
    padding:4px 4px 0 4px;
}

.sheet-attributes{
 display:inline-block;
 width:100%;
 vertical-align:top;
 height:80px;
 border-radius:6px;
 text-align:center;   
}
.sheet-attributes >div{
    display:inline-block;
    padding-bottom:5px;
	font-size:16px;
	width:10.5%;
}
.sheet-attributes label{
    padding:.5em 0 .5em 0;
    background:rgba(16,32,48,.4);
    width:100%;
	text-align:center;
	margin-bottom: 10px;   
	margin-bottom: -2em;
    box-shadow: 3px 3px 2px #aaaaaa inset,-3px -3px 1px #103030 inset;
    /*box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;*/
}
.sheet-attributes span {
	font-size:.75em;
	position:relative; 
	top:-2em; 
	left:2em;
}
.sheet-attributes button{
	text-align:center;
	overflow: hidden;
	margin:0;
	width:90%;
	height:1.5em;
	opacity:0;
	z-index:9999;
}
.charsheet * {
    box-sizing: border-box;
	font-family: "Georgia"; 
}