html {
        margin: 0;
        padding: 0;
        overflow-y: scroll;
}

body {
        margin: 0;
        padding: 0;
	background: #aabcae;
	color: #000000;
	font-family: sans-serif;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }
h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding-top: 0.5em;
        padding-bottom: 0.17em;
}

img {
	border: 0;
}

a {
	color: #1f4c2a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
        line-height: 1.5em;
        list-style-type: square;
        margin: .3em 0 0 1.5em;
        padding: 0;
}

ol {
        line-height: 1.5em;
        margin: .3em 0 0 3.2em;
        padding: 0;
        list-style-image: none;
}

li {
        margin-bottom: .1em;
}

p {
	margin: 0.5em 0;
}

textarea {
	margin-bottom: 0.5em;
}

.unl {
	text-decoration: underline;
}

#container {
}

#header {
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	height: 22px;
	line-height: 23px;
	overflow: hidden;
	white-space: nowrap;
}

#header a {
	color: #ffffff;
}

.sect1, .sect2, .sect3 {
	display: inline-block;
}

.sect3 {
	width: 5000px;
}

.chev1, .chev2, .chev3 {
	font-size: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 11px 11px 11px 0;
	float: left;
	margin-right: 5px;
}

.sect1 { background: #215339; }
.sect2 { background: #776b2f; }
.sect3 { background: #345d76; }
.chev1 { border-color: #000000; border-right-color: #215339; }
.chev2 { border-color: #215339; border-right-color: #776b2f; }
.chev3 { border-color: #776b2f; border-right-color: #345d76; }

#content {
	padding: 0 10px;
}

#footer {
	padding: 10px;
	font-size: 9pt;
}

#footer-menu {
	padding: 10px;
	font-size: 10pt;
}

#adsense {
	padding: 10px;
}

.oform label {
        width: 6em;
        float: left;
        text-align: right;
        margin-top: 3px;
        margin-right: 0.5em;
        display: block;
}

#column-left {
        width: 50%;
        float: left;
}

#column-right {
        width: 50%;
        float: right;
}

#sheet {
	width: 940px;
	margin: 10px;
	padding: 20px 15px;
	background: #ffffff;
	color: #000000;
	border: 1px #000000 solid;
}

#sheet a {
	color: #000000;
	text-decoration: none;
}

#sheet p {
	margin: 0;
}

#sheet-header {
	position: relative;
	height: 64px;
	padding: 0px 5px 0px 5px;
	background: url(dndheader.png) #000000 no-repeat top left;
	color: #ffffff;
	font-size: 10pt;
	text-align: right;
}

#sheet-headerlinks {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.headertimestamp {
	font-size: 80%;
}

#sheet-header a {
	color: #ffffff;
}

#sheet-bio {
	margin: 4px 0;
}

#sheet-sheet1, #sheet-sheet2 {
}

.sheet-left {
	position: relative;
	width: 310px;
	float: left;
	margin-right: 5px;
}

.sheet-center {
	position: relative;
	width: 310px;
	float: left;
	margin-right: 5px;
}

.sheet-right {
	position: relative;
	width: 310px;
	float: left;
}

.sheet-block {
	position: relative;
	margin-bottom: 8px;
}

.sheet-heading {
	width: 100%;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.sheet-field {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px #000000 solid;
	font-size: 11pt;
	overflow: hidden;
	white-space: nowrap;
}

.sheet-boxed {
	font-size: 10pt;
	overflow: auto;
}

.sheet-line, .sheet-lined {
	width: 100%;
	line-height: 17px;
	font-size: 11pt;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sheet-line {
	font-size: 9pt;
	border-bottom: 1px #ffffff solid;
}
.sheet-lined {
	height: 17px;
	padding-top: 2px;
	border-bottom: 1px #000000 solid;
}
.sheet-prefix {
	position: absolute;
	font-size: 6pt;
}
.sheet-indent {
	position: absolute;
	left: 40px;
	width: 270px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sheet-labelunder {
	position: absolute;
	top: 1.6em;
	left: 0;
	font-size: 9pt;
}

.label-small {
	position: relative;
	height: 12px;
	font-size: 7pt;
	font-weight: bold;
}

.sheet-bar {
	position: relative;
	height: 28px;
}

.bar-strip {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 256px;
	height: 20px;
	padding: 3px 4px 3px 40px;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	z-index: 1;
}

.bar-box0, .bar-box1, .bar-box2, .bar-box3, .bar-box4, .bar-box5, .bar-box6, .bar-box7 {
	position: absolute;
	top: 2px;
	width: 30px;
	background: #ffffff;
	border: 1px #000000 solid;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	z-index: 2;
}
.bar-box0 { left: 4px; width: 40px; }
.bar-box1 { left: 72px; }
.bar-box2 { left: 106px; }
.bar-box3 { left: 140px; }
.bar-box4 { left: 174px; }
.bar-box5 { left: 208px; }
.bar-box6 { left: 242px; }
.bar-box7 { left: 276px; }

.bar-label0, .bar-label1, .bar-label2, .bar-label3, .bar-label4, .bar-label5, .bar-label6, .bar-label7 {
	position: absolute;
	width: 40px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}
.bar-label0 { left: 8px; text-align: left; }
.bar-label1 { left: 52px; width: 92px; text-align: left; }
.bar-label2 { left: 102px; }
.bar-label3 { left: 136px; }
.bar-label4 { left: 170px; }
.bar-label5 { left: 204px; }
.bar-label6 { left: 238px; }
.bar-label7 { left: 272px; }

.skill-row1, .skill-row2 {
	position: relative;
	height: 20px;
	font-size: 80%;
}
.skill-row1 {
	background: #cccccc;
}

.skill-box0, .skill-box1, .skill-box2, .skill-box3, .skill-box4, .skill-box5, .skill-box6 {
	position: absolute;
	top: 2px;
	width: 24px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	z-index: 2;
}
.skill-box0, .skill-box3, .skill-box4 {
	background: #ffffff;
	border: 1px #000000 solid;
}
.skill-box1 {
	margin-top: 1px;
	font-size: 9pt;
}
.skill-box2 {
	margin-top: 3px;
	font-size: 7pt;
	font-weight: bold;
}
.skill-box5, .skill-box6 {
	margin-top: 1px;
	border-bottom: 1px #000000 solid;
}

.skill-box0 { left: 4px; width: 30px; }
.skill-box1 { left: 44px; width: 92px; text-align: left; }
.skill-box2 { left: 144px; }
.skill-box3 { left: 178px; }
.skill-box4 { left: 212px; }
.skill-box5 { left: 246px; }
.skill-box6 { left: 280px; }

.skill-label0, .skill-label1, .skill-label2, .skill-label3, .skill-label4, .skill-label5, .skill-label6 {
	position: absolute;
	width: 40px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}
.skill-label0 { left: 4px; text-align: left; }
.skill-label1 { left: 44px; width: 92px; text-align: left; }
.skill-label2 { left: 136px; }
.skill-label3 { left: 170px; }
.skill-label4 { left: 204px; }
.skill-label5 { left: 238px; }
.skill-label6 { left: 272px; }

#stat-Strength, #stat-Constitution, #stat-Dexterity, #stat-Intelligence, #stat-Wisdom, #stat-Charisma {
	position: relative;
	height: 36px;
}

#stat-Constitution, #stat-Intelligence, #stat-Charisma {
	margin-bottom: 4px;
}

.stat-value {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 40px;
	background: #ffffff;
	border: 1px #000000 solid;
	font-weight: bold;
	text-align: center;
	z-index: 2;
}

.stat-label {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 64px;
	height: 25px;
	padding: 2px 4px 4px 40px;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	z-index: 1;
}

.stat-mod {
	position: absolute;
	top: 4px;
	left: 164px;
	width: 40px;
	background: #ffffff;
	border: 1px #000000 solid;
	font-weight: bold;
	text-align: center;
	z-index: 2;
}

.stat-modlevel {
	position: absolute;
	top: 4px;
	left: 232px;
	width: 40px;
	background: #ffffff;
	border: 1px #000000 solid;
	font-weight: bold;
	text-align: center;
	z-index: 2;
}

.stat-modbg {
	position: absolute;
	left: 174px;
	top: 0px;
	width: 76px;
	height: 25px;
	padding: 2px 4px 4px 40px;
	background: #000000;
	z-index: 1;
}

.stat-label0, .stat-label1, .stat-label2, .stat-label3 {
	position: absolute;
}
.stat-label0 { left: 8px; }
.stat-label1 { left: 66px; }
.stat-label2 { left: 164px; }
.stat-label3 { left: 230px; }

#sheet-defenses div.sheet-heading {
	margin-bottom: 2px;
}

.hp-box0, .hp-box1, .hp-box2, .hp-box3 {
	position: absolute;
	width: 70px;
	background: #ffffff;
	border: 1px #000000 solid;
	font-weight: bold;
	text-align: center;
	z-index: 2;
}
.hp-box0 { top: 0px; left: 4px; padding: 8px 0; }
.hp-box1 { top: 8px; left: 82px; }
.hp-box2 { top: 8px; left: 160px; }
.hp-box3 { top: 8px; left: 238px; }

.hp-label0, .hp-label1, .hp-label2, .hp-label3, .hp-label4, .hp-label5, .hp-label6 {
	position: absolute;
	width: 72px;
	text-align: center;
}
.hp-label0 { top: 0px; left: 4px; font-size: 120%; }
.hp-label1 { top: 0px; left: 160px; width: 150px; font-size: 120%; }
.hp-label2 { top: 14px; left: 82px; }
.hp-label3 { top: 14px; left: 160px; }
.hp-label4 { top: 14px; left: 238px; }
.hp-label5 { top: 45px; left: 82px; }
.hp-label6 { top: 45px; left: 160px; }

.equipped {
	font-size: 9pt;
	font-weight: bold;
}

#reset-Encounter, #reset-Daily {
	float: right;
	font-size: 7pt;
	font-weight: bold;
	cursor: pointer;
}

#free-roll {
	position: absolute;
	top: 4px;
	right: 4px;
}

.roller input[type="text"] {
	width: 320px;
}

.helptext {
	font-size: 70%;
}

table.results {
	border-width: 1px;
	border-spacing: 2px;
	border-style: dotted;
	border-color: gray;
}

table.results th, table.results td {
	border-width: 1px;
	padding: 4px;
	border-style: dashed;
	border-color: gray;
}

table.results > tbody > tr > td:first-child {
	white-space: nowrap;
}

table.results a {
	text-decoration: none;
}