.monster {
	font-family: "Calibri", serif;
	/*width: 240px; 	/* poker size cards 3.5x2.5 */
	/*height: 336px; /* metric 88.9mm x 63.5mm ==  336px x 240px*/
	
	width: 63mm; 	/* magic cards 63 x 88 */
	height: 88mm; /* metric 88.9mm x 63.5mm ==  336px x 240px*/


	border-style: solid;
	border-width: 3px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 	4px;

	max-height: inherit;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);
}

.monster-boss {
	font-family: "Calibri", serif;
	width: 127.0mm; 	/* Index card size 76.2 x 127.0mm */
	height: 76.2mm;

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;

	max-height: inherit;
}

.monster-bossBig {
	font-family: "Calibri", serif;
	width: 145.0mm;
	height: 100.0mm;

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;

	max-height: inherit;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);
}

.monster-boss-double {
	font-family: "Calibri", serif;
	width: 128.25mm;
	height: 88.9mm;

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;

	max-height: inherit;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);
}

.monster-boss-double-vert {
	font-family: "Calibri", serif;
	height: 128.25mm;
	width: 88.9mm;

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;

	max-height: inherit;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);
}

.monster-boss-half {
	width: 63.5mm;

	border-style: solid;
	border-width: 1px;
	border-color: #4f81bd;

	border-top: 	0;
	border-bottom: 	0;
}

.monster-boss-inner {
	width: 62.75mm;
	height: 76.5mm;

	border-spacing: 0px;
}
.monster-boss-inner td {
	padding-left: 0px;
	padding-right: 0px;
}

.monster tr {
	padding: 0;
	margin: 0;
}


.monster-key {
	font-family: "Calibri", serif;
	width: 63mm; 	/* magic cards 63 x 88 */

	border-style: solid;
	border-width: 3px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 	4px;

	max-height: inherit;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);
}



div.monster-boss-half { }
div.mbh {
	display:	table-cell;
}






.rounded {
	/* rounded corners */
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
}




.light {
	background: #ffffff;
	vertical-align: top;
}

.dark {
	background: 	#cccccc;
	border-top: 	1px solid #aaaaaa;
	border-bottom: 	1px solid #dddddd;
}


.light-mid {
	background: #ffffff;
	vertical-align: top;
	height: 62mm;
}
.light-foot {
	background: #ffffff;
	vertical-align: top;
	height: 14mm;
}



.dark-header {
	height: 5mm;
	background: #cccccc; 
	vertical-align: top;
	/*padding-top: 0.5mm; //Why is this here? */
}

.dark-header-bordered {
	height: 4.5mm;
	background: #dadada; 
	vertical-align: top;
	
	border-top: 	1px solid #bbbbbb;
	border-bottom: 	2px solid #cccccc;

	padding-top: 1px;
}

.dark-footer {
	background: #cccccc; 
	vertical-align: bottom;
}





.row-text {
	font-size: 11pt;
	color: #000000;
	text-align: left;
	margin: 0;
	font-family: "Calibri", serif;
	vertical-align: text-top;
}
.row-text-small {
	font-size: 9pt;
	color: #000000;

	margin: 0;
	padding-top: 	1px;
	padding-left: 	3px;
	padding-right: 	2px;
	padding-bottom: 2px;

	font-family: "Calibri", serif;
}
.row-text-smaller {
	font-size: 8pt;
	color: #000000;

	margin: 0;
	padding-top: 	1px;
	padding-right: 	2px;
	padding-bottom: 2px;
	padding-left: 	3px;

	font-family: "Calibri", serif;
}
.row-text-equipment {
	font-family: Cambria, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin: 0;
	padding: 1px 0px 3px 2px;
}
.row-text-small-bullet {
	margin: 5px 0px 0px 20px;
	padding: 0;
}
.row-text-smaller {
	font-size: 8pt;
	color: #000000;
	margin: 0;
	padding-top: 	1px;
	padding-right: 	2px;
	padding-bottom: 2px;
	padding-left: 	3px;
}
.row-text-right {
	font-size: 10pt;
	color: #000000;
	font-variant: small-caps;
	margin: 0;
	padding-top: 	1px;
	padding-right: 	2px;
	padding-bottom: 0;
	padding-left: 	2px;

	/*width: 45px;*/
	vertical-align: middle;
}






p.monster-title-name {
	font-size: 13pt;
	direction: ltr;
	color: #ffffff;
	font-variant: small-caps;
	background: transparent;
	text-align: left;

	margin: 0;
	padding: 1px 0px 0px 1px;
}
p.monster-title-name-small {
	font-size: 12pt;
	direction: ltr;
	color: #ffffff;
	font-variant: small-caps;
	background: transparent;
	text-align: left;

	margin: 0;
	padding: 1px 0px 0px 1px;
}
p.monster-subtitle {
	font-size: 10pt;
	direction: ltr;
	color: #ffffff;
	font-variant: small-caps;
	background: transparent;
	text-align: left;

	margin: 0;
	padding: 0px 0px 0px 1px;
}
p.monster-right {
	font-size: 10pt;
	color: #ffffff;
	font-variant: small-caps;
	background: transparent;
	text-align: right;
	width: 100%;

	margin: 0;
	padding: 2px 0px 2px 0px;
}

p.card-title-path {
    font-family: "Cambria", sans-serif;
    font-size: 16pt;
	color: #ffffff;
	font-variant: small-caps;
	background: transparent;
    font-weight: normal;

    text-align: center;

	margin: 0;
	padding-top: 5px;
	padding-right: 30px;
}







.rule-card-half {
	/*half a page*/
	font-family: "Calibri", serif;
	height: 700px;
	width: 490px;

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;

	max-height: inherit;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);

}

.rule-card {
	font-family: "Calibri", serif;
	width: 490px;
	max-height: 700px;

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;

	max-height: inherit;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);

	margin-bottom: 10px;
	padding-bottom: 10px;
}



ul.card-list {
	padding-left: 	30px;
	width: 			450px;
}
ul.card-list ul {
	padding-left: 	20px;
}
ul.card-list li {
	font-size: 10pt;
	color: #000000;

	margin: 0;
	padding-top: 	1px;
	padding-right: 	2px;
	padding-bottom: 0;
	padding-left: 	3px;

	font-family: "Calibri", serif;
}
ul.card-list .step-title {
	font-size: 		11pt;
	font-variant: 	small-caps;
	font-family: 	"Cambria", sans-serif;

	border-bottom:  1px solid #000000;
	width: 400px;
}










div.inline-block {
	display: inline-block;
	vertical-align: top;
}


div.monster-card {
	display: inline-block;
	vertical-align: top;
	margin-top: 	1mm;
	margin-bottom: 	3mm;
	margin-right: 	1mm;
}





div.card-block {
	width: 63.5mm; 	/* poker size cards 3.5x2.5 */ /* metric 88.9mm x 63.5mm */
	display: inline-block;
	vertical-align: top;
}
div.card-block p {
	margin-top: 1px;
	margin-bottom: 10px;
	margin-left: 4px;
}
div.card-block-double {
	width: 128.0mm;
	display: block;
	vertical-align: top;
}
div.card-block-side {
	width: 300px;
	height: 332px;
	display: inline-block;
	vertical-align: top;
}
div.card-block-side p {
	margin-top: 1px;
	margin-bottom: 10px;
	margin-left: 4px;
}




.align-right {
	display: inline-block;
	text-align: right;

	float: right;

	padding-right: 	3px;
	padding-left: 	1px;
}
.align-left {
	display: inline-block;
	padding-right: 	1px;
	padding-left: 	1px;
}
.align-top {
	vertical-align: top;
}
div.flavour-text {
	display: -webkit-box;	  /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;		 /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;	  /* TWEENER - IE 10 */
	display: -webkit-flex;	 /* NEW - Chrome */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-style: italic;

	height: 100%;
}

.align-threat {
	display: inline-block;
	padding-right: 	3px;
	padding-left: 	3px;
}
.align-resist {
	display: inline-block;
	text-align: right;

	float: right;

	padding-right: 	5px;
	padding-left: 	3px;
}

.monster-statistics {
	font-size: 	9pt;
	width: 		225px;

	border-top: 	0;
	border-right: 	0;
	border-left: 	0;
	border-bottom: 	1px solid #bbbbbb;

	margin-bottom: 	3px;
}
.monster-statistics th {
	font-weight: normal;
	text-align: right;
	width: 5mm;

	font-family: "Cambria", sans-serif;
}
.monster-statistics td {
	text-align: right;
	min-width: 5.5mm;
}


.monster-stats {
	font-size: 	8pt;
	width: 		140px;

	border-top: 	0;
	border-right: 	0;
	border-left: 	0;
	border-bottom: 	1px solid #bbbbbb;

	margin-bottom: 	3px;
}
.monster-stats th {
	font-size: 	8pt;
	font-weight: normal;
	text-align: right;
	width: 4mm;

	font-family: "Cambria", sans-serif;
}
.monster-stats td {
	text-align: right;
	min-width: 4mm;
}


.stat-name {
	text-align: right;
	width: 6mm;

	font-family: "Cambria", sans-serif;

	/*border-style: solid;
	border-width: 1px;
	border-color: #4f81bd;
	border-top: 0;
	border-bottom: 0;
	border-right: 0;*/
}
.stat-num {
	text-align: right;
	max-width: 5mm;
	width: 5mm;
	padding-right: 1mm;
}
.stat-type {
	font-style: italic;
	font-variant: small-caps;
	font-size: 12pt;
	max-width: 77pt;
}
.stat-table {
	width: 100%;
}


.stat-num-ignore {
	max-width: 5mm;
	width: 5mm;

	background: #dddddd;
}
span.stat-num-ignore {
	display: inline-block;
	max-width: 10mm;
	width: 10mm;
	padding-right: 1mm;

	background: #dddddd;
}
.stat-num-down {
	text-align: right;
	max-width: 5mm;
	width: 5mm;

	background: #cc9999;
}
.stat-num-up {
	text-align: right;
	max-width: 5mm;
	width: 5mm;

	background: #99cc99;
}





.bestiary-portrait {
	width: 480px;
	height: 336px;

	display: inline-block;
	vertical-align: top;
}

.bestiary-width {
	width: 260mm;
}




div.additional-info {
	border-left: 1px solid grey;
	width: 110mm;
	display: inline-block;
	padding-left: 10px;
	margin-left: 5px;
	vertical-align: top;
}


table.lined-horizontal {
	border-collapse: collapse;
}

tr.lined-horizontal {
	border-top: 1px solid #4f81bd;
	border-bottom: 1px solid #4f81bd;
}



table.list {
	border-spacing: 0px;
}
li::marker {
	vertical-align: middle;
}
.list th {
	padding-right: 	5px;
	width: 			95px;
	text-align: 	left;
	font-weight: 	normal;
}
.list th.thpath {
	padding-right: 	5px;
	width: 			140px;
	text-align: 	left;
	font-weight: 	normal;
	font-family: 	"Cambria", sans-serif;
	font-variant: 	small-caps;
}

th.dice {
	width: 			70px;
	text-align: 	right;
	font-family: 	'Courier', monospace;
	font-size: 		14px;
	padding-right: 	5px;
}
th.success-value {
	width: 			20px;
	text-align: 	right;
	padding-right: 	5px;
	font-weight: 	bold;
}

td.bullet {
	font-size: 		6pt;
	width: 			17px;
	padding-left: 23px;
	vertical-align: middle;
}
td.bullet-round {
	padding-right: 8px;
	padding-left: 23px;
}



table.lined {
	border: 1px solid #4f81bd;
	border-spacing: 0;
}

tr.lined, td.lined {
	border: 1px solid #71a8eb;
	overflow-wrap: normal;
}



.narr {
	border-bottom: 1px solid #888888;
}
.narr-h {
	font-size: 		9pt;
	text-align: 	initial;
	width: 			130px;
	height: 		18px;

	padding: 		0px 0px 3px 6px;

	display: 		inline-block;
	vertical-align: top;
}

.narr-av {
	font-size: 		9pt;
	text-align: 	initial;
	width: 			75px;
	height: 		18px;

	display: 		inline-block;
	vertical-align: top;
}



.cardgame-flavour {
 	padding-left: 		5px;
 	padding-top: 		5px;
 	padding-right: 		5px;
 	padding-bottom: 	5px;

 	height:  35px;

 	text-align: center;
 	vertical-align: center;
}

.cardgame-rules {
	font-size: 9pt;
	color: #000000;
	margin: 0;
	padding-top: 	1px;
	padding-left: 	5px;
	padding-right: 	2px;
}

.stat-header {
	height: 5mm;
	background: #cccccc; 
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

.resource-header {
	height: 5mm;
	background: #cccccc; 
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 5px;
}












table.conversation {
	padding-left: 	40px;
	border-width: 	0;
	max-width: 		250mm;
}
table.conversation td {
	font-family: "Calibri", serif;
	font-size: 12pt;
	font-style: italic;

	padding-top: 5px;
	padding-bottom: 5px;
}
table.conversation th {
	font-family: "Calibri", serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: right;

	vertical-align: top; //center;
	padding-top: 5px;
}
table.conversation tr:hover {
	background: #eeeeee;
}





.exampleBlock {
	max-width: 	200px;
	min-width: 	200px;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;
}



























/*Character sheet*/
.character-sheet {
	width: 		210mm;
	max-width: 	210mm;
	height: 	297mm;
	max-height: 297mm;
	border-style: solid;
	border-width: 1px;
}

.sheet-title {
	padding-left: 0.21cm;
	vertical-align: top;
}

.character-row {
	width: 		210mm;
	max-width: 	210mm;
}


.character-statistics {
	font-size: 	19pt;
	min-width: 	70mm;

	border-top: 	0;
	border-right: 	0;
	border-left: 	0;
	border-bottom: 	1px solid #bbbbbb;

	margin-bottom: 	3px;
}
.character-statistics th {
	font-weight: normal;
	text-align: right;
	width: 15mm;

	font-family: "Cambria", sans-serif;

	border-left: 1px dashed #bbbbbb;
}
.character-statistics td{
	text-align: right;
	min-width: 15mm;
}
.character-statistics td .injured{
	font-size: 	9pt;
	font-variant: small-caps;
	text-align: center;
	min-width: 4mm;
}
.character-stat-type {
	font-style: italic;
	font-variant: small-caps;
	font-size: 22pt;
}
.character-info {
	font-variant: 	small-caps;
	font-size: 		26pt;
	padding-top: 	2mm;
	padding-bottom: 3mm;
}
.character-info-s {
	font-style: 	italic;
	font-variant: 	small-caps;
	font-size: 		18pt;
	padding-top: 	6mm;
	/*padding-bottom: 5mm;*/
}
td.greyfill {
	/*border-style: solid;*/
	border-width: 1px;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;

	background-color: #eeeeee;
}
span.greyfill {
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #111111;
    background: #eeeeee;
    padding: 4px 5px 4px 5px;
}

input {
	font-family: Calibri, serif;
}

.numfill {
	border-width:0;
	width: 55px;

	font-size: 16pt;
	text-align: right;

	background-color: #eeeeee;
}

.txtfill {
	border-width:0;
	max-width: 	200px;

	font-size: 22pt;
	text-align: left;

	background-color: #eeeeee;
}

.txtfill-top {
	border-width:0;
	max-width: 	200px;

	font-size: 18pt;
	text-align: left;

	background-color: #eeeeee;
}

.txtfill-path {
	border-width:0;
	width: 	275px;

	font-size: 16pt;
	text-align: center;
	margin-left: 20px;
}

.txtfill-motiv {
	border-width:0;
	width: 	300px;

	font-size: 12pt;
	text-align: left;
}

.txtfill-relat {
	border-width:0;
	width: 	150px;

	font-size: 12pt;
	text-align: center;
}

.vertical-wrap {
	max-width: 	45px;
	width:  	45px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.equipment-slots {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 11pt;

	text-align: center;

	overflow-wrap: break-word;
}
.equipment-slots tr {
	height: 70px;
}
.equipment-slots td {
	width: 70px;
	max-width: 70px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;
}



.equipment-slots-card {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 9pt;

	text-align: center;

	overflow-wrap: break-word;
}
.equipment-slots-card tr {
	height: 50px;
}
.equipment-slots-card td {
	width: 50px;
	max-width: 50px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;
}



.eqpSlot {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 9pt;

	text-align: center;
	height: 	44px;
	max-width: 	52px;
	min-width: 	52px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */
	
	position: 	relative;
	left: 		0;
	top: 		0;
	z-index: 	1;

	overflow-wrap: break-word;
}
.eqpSlot-wrapper {}
.esw {
	display: inline-block;
	height: 	50px;
}
.eqpHands {
	max-width: 	55px;
	width: 		55px;
	display: inline-block;

	padding-top: 	2mm;
	padding-left: 	3mm;
	padding-right: 	0.5mm;
}
.eqpBody {
	max-width: 	55px;
	width: 		55px;
	display: inline-block;

	padding-right: 	2mm;
	padding-left: 	1mm;

	border-left: 2px dashed #bbbbbb;
	border-right: 2px dashed #bbbbbb;
}
.eqpPack {
	max-width: 	185px;
	width: 		185px;
	display: inline-block;
}

.eqpSlot2 {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 11pt;

	text-align: center;
	height: 	44px;
	min-width: 	122px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;

	position: 	relative;
	left: 		0;
	top: 		0;
	z-index: 	2;
	overflow-y:	auto;
}

.eqpSlot3 {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 13pt;

	text-align: center;
	height: 	44px;
	min-width: 	184px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;

	position: 	relative;
	left: 		0;
	top: 		0;
	z-index: 	2;
	overflow-y:	auto;
}
.eqpSlot2-pack {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 9pt;

	text-align: center;
	height: 	44px;
	max-width: 	115px;
	min-width: 	115px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;

	position: 	relative;
	left: 		0;
	top: 		0;
	z-index: 	2;
	overflow-y:	auto;
}
.eqpSlot2-side {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 9pt;

	text-align: center;
	height: 	44px;
	max-width: 	115px;
	min-width: 	115px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;

	position: 	relative;
	left: 		0;
	top: 		0;
	z-index: 	2;
	overflow-y:	auto;

	writing-mode: vertical-rl;
}
.eqpSlot2v-side {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 9pt;

	text-align: center;
	height: 	52px;
	max-width: 	98px;
	min-width: 	98px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;

	position: 	relative;
	left: 		0;
	top: 		-5px; /*Because it's taller, it'll go down otherwise*/
	z-index: 	2;
	overflow-y:	auto;

	writing-mode: vertical-rl;
}


.eqpSlot2v {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 9pt;

	text-align: center;
	height: 	98px;
	max-width: 	52px;
	min-width: 	52px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;

	position: 	relative;
	left: 		0;
	top: 		0;
	z-index: 	2;
	overflow-y:	auto;
}
.eqpSlot2v-merge {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 9pt;

	text-align: center;
	height: 	64px; /* 98 - 44 = 54 */
	max-width: 	52px;
	min-width: 	52px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: top;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;

	position: 	relative;
	left: 		0;
	top: 		-20px; 	/* 64 - 44 = 20 */
	z-index: 	2; /* so it goes UNDER others */
	overflow-y:	auto;
}

.eqpSlot4 {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 15pt;

	text-align: center;
	height: 	98px;
	max-width: 	122px;
	min-width: 	122px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;

	position: 	relative;
	left: 		0;
	top: 		0;
	z-index: 	2;
	overflow-y:	auto;
}
.eqpSlot4-pack {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 9pt;

	text-align: center;
	height: 	98px;
	max-width: 	115px;
	min-width: 	115px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;

	position: 	relative;
	left: 		0;
	top: 		0;
	z-index: 	2;
	overflow-y:	auto;
}
.eqpSlot-kit {
	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	font-weight: normal;
	font-size: 8pt;

	text-align: center;
	height: 	44px;
	max-width: 	52px;
	min-width: 	52px;

	/*border-style: solid;*/
	border-width: 3px;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;

	border-spacing: 0;
	vertical-align: middle;

	display:	table-cell; /* THIS IS HANDY */

	overflow-wrap: break-word;
}


.eqpSlot-footer {
 	height:  95px;
 	vertical-align: bottom;
}




.card-footer {
 	max-height:  95px;
 	vertical-align: bottom;
}



.av-align {
	padding-right: 16px;
    text-align: center;
}











table.encounters {
	font-family: "Cambria", sans-serif;

	padding-left: 20px;
}
table.encounters th {
	font-variant: small-caps;
	text-align: left;
}
table.encounters td {
	padding-left: 10px;
	font-family: "Calibri", serif;
	font-size: 11pt;
}
table.encounters tr.bar td {
	border-top: 2px dashed #bbbbbb;;
}


div.encounters-wrapper {
	display: inline-block;
}



















.brdr-blue {
	border-color: 	#4f81bd;
	color: 			#4f81bd;
	border-style: 	solid;
}
.brdr-grey {
	border-color: 	#aaaaaa;
	color: 			#aaaaaa;
	border-style: 	solid;
}
.brdr-dark {
	border-color: 	#666666;
	color: 			#666666;
	border-style: 	double;
}
.brdr-green {
	border-color: 	#0c7d05;
	color: 			#0c7d05;
	border-style: 	solid;
}

.brdr-black {
	border-color: 	#555555;
	color: 			#555555;
	border-style: 	solid;
}
.brdr-blacker {
	border-color: 	#000000;
	color: 			#000000;
	border-style: 	solid;
}


.equip-addit {
	font-size: 		12pt;
	/*padding-top: 	5mm;*/
	font-family: 	"Cambria", sans-serif;
	border-bottom: 1px dashed #bbbbbb;
}


.equip-type {
	font-family: "Cambria", sans-serif;
	font-variant: small-caps;
    font-size: 14pt;

	width: 100px;

	border-width: 0;

	text-align: right;
}
.equip-box {
	padding-left: 2px;
	margin-top: 2px;
}
.equip-details {
	width: 190px;
	border-bottom: 1px dashed #bbbbbb;
}
div.equip-box {
	height: 16px;
	width: 	16px;
	display: inline-block;
	text-align: 	center;
	vertical-align: center;
	margin-right: 	5px;

	border: 1px solid #bbbbbb;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	border-spacing: 0;
}

.equip-left-bar-t {
	border-left: 2px solid #bbbbbb;
	border-top: 2px solid #bbbbbb;
}
.equip-left-bar-m {
	border-left: 2px solid #bbbbbb;
}
.equip-left-bar-b {
	border-left: 2px solid #bbbbbb;
	border-bottom: 2px double #bbbbbb;
}

.equip-type-divider {
	border-bottom: 2px dotted #bbbbbb;
}

.width-equipaddit {
	width:  	110mm;
}
.width-path {
	width:  	83mm;
}
.width-motiv {
	width:  	65mm;
}
.width-relat {
	width:  	40mm;
}


.health-left {
	font-family: "Cambria", sans-serif;
	font-variant: small-caps;
    font-size: 12pt;
	text-align: right;

	width: 90px;
	display: inline-block;
}
.health-right {
	text-align: right;
	width: 230px;
	display: inline-block;
}
.health-title {
	font-family: "Cambria", sans-serif;
	font-variant: small-caps;
    font-size: 20pt;

	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 10px;
}




.icntr-c {
	padding-top: 	15px;
	padding-bottom: 10px;
	padding-right: 	5px;
	padding-left: 	5px;
}

.icntr {
	height: 40px;
	width: 	69px;
}

.icncntr {
	height: 40px;
	width: 	64px;
	display: inline-block;
	text-align: 	center;
	vertical-align: center;
	padding-top: 	5px;
	padding-bottom: 5px;
}

.icncntr-t {
	height: 40px;
	width: 	250px;
	display: inline-block;
	text-align: 	left;
	vertical-align: center;
}

.h-icn-mor {
	border-radius: 50% 0%;
	padding: 1px 15px 1px 15px;

	text-decoration: 	none;
	font-style: 		normal;
	font-variant: 		small-caps;
	font-family: 		"Lucida Sans Typewriter", monospace;
	font-weight: 		bold;
	font-size: 			1.6em;

	vertical-align: 	middle;

	border: 	3px solid;
}
.h-icn-maj {
	-webkit-border-radius: 	10;
	-moz-border-radius: 	10;
	border-radius: 			10px;
	padding: 				1px 15px 2px 15px;

	text-decoration: 	none;
	font-style: 		normal;
	font-variant: 		small-caps;
	font-family: 		"Lucida Sans Typewriter", monospace;
	font-size: 			1.3em;

	vertical-align: 	middle;

	border: 	2px solid;
}
.h-icn-min {
	-webkit-border-radius: 	16;
	-moz-border-radius: 	16;
	border-radius: 			16px;
	padding: 				5px 10px 5px 10px;

	text-decoration: 	none;
	font-style: 		normal;
	font-variant: 		small-caps;
	font-family: 		"Lucida Sans Typewriter", monospace;
	font-size: 			0.9em;

	vertical-align: 	middle;

	border: 	1px solid;
}

.char-paths {
	font-style: 	italic;
	font-variant: 	small-caps;
	font-size: 		18pt;
	padding-top: 	3mm;
	padding-bottom: 1mm;
}

.char-lore {
	font-variant: 	small-caps;
	font-size: 		14pt;
	padding-top: 	2mm;
	padding-bottom: 1mm;
	padding-right: 	1mm;
}

.char-pic {
	font-family: "Calibri", serif;
	width: 	65mm; 
	height: 65mm;

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;

	max-height: inherit;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);
}

.brdr-bott {
	border-bottom: 2px dashed #bbbbbb;
}


.card {
	font-family: "Calibri", serif;
	width: 63.5mm; 	/* poker size cards 3.5x2.5 */
	height: 88.9mm; /* metric 88.9mm x 63.5mm */

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	display: 		inline-block;
	vertical-align: top;
	margin-top: 	1mm;
	margin-bottom: 	3mm;
	margin-right: 	1mm;

	max-height: 	88.9mm;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);
}





.card-side {
	font-family: "Calibri", serif;
	height: 63.5mm; 	/* poker size cards 3.5x2.5 */
	width: 88.9mm; /* metric 88.9mm x 63.5mm */
	max-width: 88.9mm; /* metric 88.9mm x 63.5mm */

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	display: inline-block;
	vertical-align: top;
	margin-top: 	1mm;
	margin-bottom: 	3mm;
	margin-right: 	1mm;

	max-height: 63.5mm;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);
}


.card-side-point {
	font-family: "Calibri", serif;
	height: 45mm; 	/* poker size cards 3.5x2.5 */
	width: 70mm; /* metric 88.9mm x 63.5mm */
	max-width: 70mm; /* metric 88.9mm x 63.5mm */

	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	display: inline-block;
	vertical-align: top;
	margin-top: 	1mm;
	margin-bottom: 	3mm;
	margin-right: 	1mm;

	max-height: 63.5mm;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);
}

tr.title-point {
	width: 254px;
}

.rounded4 {
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	border-spacing: 0;
}



.hp:hover {
	cursor: pointer;
	box-shadow: 	2px 2px 2px 1px rgba(20,20,20,0.4);
}
.av:hover {
	cursor: pointer;
	box-shadow: 	2px 2px 2px 1px rgba(10,10,10,0.2);
}
.bar:hover {
	cursor: pointer;
	box-shadow: 	2px 2px 2px 1px rgba(10,10,10,0.2);
}

.eqp:hover {
	cursor: pointer;
	box-shadow: 	2px 2px 2px 1px rgba(10,10,10,0.2);
}

.pip {
	padding-right: 5px;
	margin-right: 3px;
	font-size: 5pt;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	border-spacing: 0;
}
.pip:hover {
	cursor: pointer;
	box-shadow: 	2px 2px 2px 1px rgba(20,20,20,0.4);
}