#pageimage {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	padding:0px;
	z-index:-1;

}
body {
	padding:0px;
	margin:0px;
}
.header {
	font-size:3em;
	font-weight:bold;
}

.page1divclass{
	padding:10px;
}

.view {
	margin-left:10px;
	margin-right:10px;
}

/* #charname {
	position:relative;
	top: 34px;
	left:140px;
	width: 250px;
} */

/*
#charname {
	position:fixed;
 	top:7.2%;
	left:11.1%;
	width:20%;
	height:15px; */
	
}

/* #charname {
	position:relative;
	top:1.2%;
	left:11.1%;
	width:20%;
} */

/* #charTable {
	width:100%;
	
}
#row1{
	padding-top:5%;
} */


.hp {
	font-size:3em;
}

#statstabel {
	border-collapse: collapse;
	border: 1px solid black;
}
.statsrow, .statscell {
	border: 1px solid black;
}

.statinput{
	width:30px;	
}

.modifier {
	font-size:2em;
}

.itemMod {
	width: 25px;
}

.profdiv {
	align: right;
	}
	
.skillscell, .skillsrow, .skillstabel {
	border: 1px solid black;
}
.skillcell {
	margin-left: 5px;
}
.label {
	margin-right: 15px;
}

#spellselector {
	width:100%;
	height:300px;
}
.spell {
	width:90%;
	border:1px solid black;
	margin:0px 0px 0px 0px;
}
#spelltip {
  position: absolute;
  z-index: 100;
  background-color:white;
  border: 1px solid black;
  width:500px;
}
#popuptable {
	background-color:white;
}

.spellboxtable{
	width:100%;
}

#spellbox {
	border:1px solid black;
	height:300px;
	width:50%;
	overflow:auto;
}
#spellcell1{
	width:12em;
}
#spellcell2{
	width:5em;
}
#spellcell3{
	width:4em;
}
#spellcell4{
	width:5em;
}
/* .spellboxcell{
	border:1px inset black;
} */


.spellboxrow{
	box-shadow: 1px 1px 3px 2px #ccc;
}
.spellboxcell{
	width:20%;
}

.addremove {
	width:20px;
	height:20px;
	margin-left:30%;
}

.spelltable {
		background-color:#cccccc;
		border:2px solid black;
		width:50%;
}
.spellcells{
	border-style:inset;
}
.spellcells{
	border-style:inset;
}

#savebutton {
/* 	position: absolute;
	Width: 30px;
	left: 30px; */
	margin-top:30px;
	height: 30px;
}
#feats {
	width:75%;
}
.featName {
	width:5em;
}
.featDescription {
	width:75%;
}
.featLevel {
	width:3em;
}
.featTable{
	border-collapse: collapse;
	border: 1px solid black;
	width:100%;
}

.titleRow{
	border:2px solid black;
	font-weight: bold;
}

.featsRow{
	border:1px solid grey;
}

.paragraphspacekiller {
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
}

#spacer{
	height:50px;
}
#weapontable{
	border: 1px solid black;
}
.weaponrows {
	border: 1px solid black;
}

/* DISPLAY PAGE */
.skillmod {
	display: inline-block;
	right:0px;
	margin-bottom:0px;
	margin-top:0px;
}
.test {
	right:0px;
}

#ancetryDisplay {
	width:50%;
}

#saves-display, .savesrow-display, .savescol-display {
	border: 1px solid black;
}

.displayTitle {
	margin-bottom:0px;
	margin-top:2px;
	font-size: 2.2em;
}

.displayFont {
	font-size: 1em;
}

.weaponDisplayCells {
	margin-right:1em;
	padding-right:2em;
}

.weaponDisplayRows{
	border: 1px solid black;	
}

.spelltableDisplay {
	width: 100%;
	border:2px solid black;
}
#spellboxDisplay{
	width:100%;
	overflow:auto;
	height:500px;
	border:1px solid black;
	box-shadow: 1px 1px 3px 2px #ccc;
}

#characterName{
	font-size:2em;
}




/* sizing stuff */


#stats, #savingthrows, #stats, #skills, #weapons, #skillDisplay, #spellboxDisplay {
	display:inline-block;
}

.charbutton {
	width: 10em;
	height: 10em;
}

.hideshow {
	margin-top:5px;
	width: 7em;
	height: 3em;
}