/*Tables*/

.leftHalf {
	width:2.6in;
	float:left;
	font-size:9pt !important;
	line-height:8pt !important;
	padding:1px;
	margin:1px;
	page-break-inside: avoid;
	page-break-before: always;
}

.rightHalf {
	width:2.6in;
	float:right;
	font-size:9pt !important;
	line-height:8pt !important;
	padding:1px;
	margin:1px;
	page-break-inside: avoid;
}

.botBorder {
	border-bottom:1px solid black;
}

/*Gallery & Image stuff*/

.duoLeft {
	float:left;
	width:45%;
	padding-left:0px;
	display:flex;
	flex-direction:column;
}

.duoRight {
	float:right;
	width:45%;
	padding-right:0px;
	display:flex;
	flex-direction:column;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.quarter-page,
.half-page {
	flex-flow:column;
	-webkit-flex-flow:column;
}

.half-page .graphicThumb {
	max-width: 300px;
	display: block;
}

.quarter-page .graphicThumb {
	max-width: 300px;
	display: block;
}

.graphicBox {
	max-width:100%;
	margin-bottom:8px;
	margin-left:5px;
}

.half-page .graphicBox {
	width:278px;
	float: right;
}

.quarter-page .graphicBox {
	width:278px;
	float: right;
}

.graphic.zoneOverview {
	width:200px;
	float:right;
	margin-left:8px;
}

.graphic.zoneOverview .graphicThumb,
.graphic.zoneDescription .graphicThumb {
	border:1px solid #a6a6a6;
}

.graphic.zoneDescription  {
	margin-top:8px;
}

.single-centered {
	width:100%;
}

.single-centered > .graphic {
	margin-left:auto;
	margin-right:auto;

}

.full-page {
	width:96%;
	margin-bottom:5px;
}

.full-page .graphicBox {
	width:100%;
}

.quarter-page,
.half-page {
	float:right;
	max-width: 200px;
	line-height:16px;
	margin-left:8px;
	margin-top:0;
}

.table-graphic {
	max-width: 40%;
}

.landTable {
	page: landscape;
}

[tabstyle="bordersOnly"] tr {
	padding: 1px;
}

.bordersOnlyWide {
	font-size: 8px;
}

.bordersOnly {
	page-break-inside: avoid !important;
}

.blankCell {
	border-right: none !important;
}

.blankCell2 {
	border-left: none !important;
}

.blankCell3 {
	border-bottom: none !important;
}

.blankCell4 {
	border-top: none !important;
}

.breakHere {
	page-break-before:always !important;
}

/*eCode Only*/
@media screen {
	
	.fontTblWeb {
		font-size:10pt !important;
		line-height:9pt !important;
	}		

	.duoLeft {
		float:left;
		width:45%;
		padding-left:0px;
		display:flex;
		flex-direction:column;
	}

	.duoRight {
		float:right;
		width:45%;
		padding-right:0px;
		display:flex;
		flex-direction:column;
	}

	.gallery {
		clear:right !important;
		content:"";
	}

	.fontSize {
		font-size:8pt !important;
	}

	.leftHalf {
		width:46%;
		float:left;
		font-size:10pt;
		line-height:9pt;
		padding:1px;
		margin:1px;
		page-break-inside: avoid;
		page-break-before: always;
	}

	.rightHalf {
		width:46%;
		float:right;
		font-size:10pt;
		line-height:9pt;
		padding:1px;
		margin:1px;
		page-break-inside: avoid;
	}

	.clearfix::after {
  		content: "";
  		clear: both;
  		display: table;
	}

	.duoLeft,
	.duoRight {
		align-items:flex-start;
		flex-wrap:wrap;
		margin-bottom:8px;
		margin-top:8px;
	}

	.fullSize .graphicthumb {
		width:307px !important;
		height:371px !important;
	}

	.single-illustration-gal {
		width: 350px;
		clear: none;
		float:right;
		margin-left:8px;
	}

	.single-illustration-gal:after {
		display:block;
		content:" ";
		clear:left;
	}
	
	.quarter-page,
	.half-page, 
	.two-col-flex,
	.single-centered,
	.appendix-trio {
		display:flex;
	}
	
	.quarter-page,
	.half-page, {
		float:right;
		max-width: 200px;
		line-height:16px;
		margin-left:8px;
		margin-top:0;
	}
	
	.two-col-flex {
		width:100%;
		align-items:baseline;
		flex-flow:row wrap;
		justify-content:center;
	}

	.two-col-flex .graphicBox {
		width:250px; 
		flex-shrink:2;
		margin:5px;
	}
	
	.trio .graphicBox:first-of-type {
		width:284px;
		margin-bottom:10px;
	}

	.trio .graphicBox:nth-of-type(2){
		width: 119px;
		margin-right:10px;
	}

	.trio .graphicBox:nth-of-type(3){
		width: 135px;
	}

	.trio .graphicBox {
		float:left;
		margin-left:0;
		margin-right:0;
	}
	
	[tabstyle="bordersOnly"] tr {
	padding: 1px;
	}
	
	.table-graphic graphic {
		max-width: 40%
	}
	
	.table-graphic2 graphic {
		min-width: 50%
	}
}	

/*Prince-Specific Override for rotated text */
	.rotated > para {
		writing-mode: vertical-rl;
		transform:rotate(180deg);
		}
	
/**********PRINT-ONLY**********/
@media print {
	@page landscape {
		size: letter landscape;
		@footnotes { border-top:thin solid black; padding-top:3pt; margin-top:.125in;}
		@top-center {width: 3.75in;}
		@top-left { content: string(left-corner,start);}
		@top-right { content: string(right-corner,last);}
/*		@bottom-center { content: string(ch-num)":"string(particle-num,last)"-"counter(page); margin-bottom:0;}*/
	}

	@page {
		font-family: Arial, sans-serif !important;
	}

/*	
	@page landscape:left {
		margin: .75in .5in 1.25in .5in ;
		@footnotes { border-top:thin solid black; padding-top:3pt; margin-top:.125in;}
		@bottom {padding-bottom:.875in;}
		@top {padding-top:.375in;}
		@top-left {padding-top:.375in;}
		@top-right {padding-top:.375in;}
		@bottom-center { content: string(ch-num)":"string(particle-num,last)"-"counter(page); margin-bottom:0;}
	}

	@page landscape:right {
		margin: 1.25in .5in .75in .5in ;
		@footnotes { border-top:thin solid black; padding-top:3pt; margin-top:.125in;}
		@bottom {padding-bottom:.375in;}
		@top {padding-top:.875in;}
		@top-left {padding-top:.875in;}
		@top-right {padding-top:.875in;}
		@bottom-center { content: string(ch-num)":"string(particle-num,last)"-"counter(page); margin-bottom:0;}
	}

	@page landscape:blank {
		@top-center { content: "" }
		@top-left { content: "" }
		@top-right { content: "" }
		@bottom-center { content: "" }
		@bottom-right { content: ""}
	}
*/

graphic[orient="land"] {
  content: attr("filename", url);
  display: block;
  prince-image-resolution: auto, 300dpi;
  max-width: 8in;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  string-set: caption attr(caption);
}


	.codeTable table td, .codeTable table th {
    		hyphens: auto;
	} 
	
	title {
		page-break-after: avoid !important;
	}
	
	@page particle {
		@bottom-center { content: string(ch-num)":"string(particle-num,last)"-"counter(page); margin-bottom:0; padding-bottom:.625in;}
	}
	
	article {
		counter-reset: page 1;
	}
	
	scheme-item.article {
		page-break-inside: avoid;
	}

	.leftHalf {
		width:2.6in;
		float:left;
		font-size:10pt;
		line-height:8pt;
		padding:1px;
		margin:1px;
		page-break-inside: avoid;
		page-break-before: always;
	}

	.rightHalf {
		width:2.6in;
		float:right;
		font-size:10pt;
		line-height:8pt;
		padding:1px;
		margin:1px;
		page-break-inside: avoid;
	}	

	title, chapter, scheme, part, para, article, history, litem, deftext, deflevel, term, defitem, footnote {
                 font-family: Arial, sans-serif !important;
}

	
	.half-page, .quarter-page,
	.single-illustration-gal,
	graphic.zoneOverview,
	.trio {
		width: 3.0in;
		display: inline;
		float:right;
		margin-left:.125in;
	}
	
	.half-page::after {
		clear: both;
		display: inline;
		content:"";
	}
	
	.quarter-page::after{
		clear: both;
		display: inline;
		content:"";	
	}
	
	.half-page .graphicBox {
		width: 100%;
		display: inline;
	}
	
	.quarter-page .graphicBox {
		width: 100%;
		display: inline;
	}
	
	.two-wide graphic {
		float: left;
		width: 48%;
		margin-right:.0125in;
	}

		
	.two-col-flex {
		width: 50%;
		margin-left:-72pt;
	} 
	
	.two-col-flex .graphicBox {
		float:left;
		width:2.3125in;
		margin:.0625in;
	}
	
	caption, 
	.notes {
		page-break-before:avoid;
		display:block;
		font-style:italic;
		color:#666;
		font-size:9pt;
		line-height:10pt;
	}
	
	[tabstyle="bordersOnly"] tr {
	padding: 1px;
	}
	
	/**maybe??? idk**/
	.quarter-page graphic {
		max-width: 100%
	}
		
	.half-page graphic {
		min-width: 80%;
	}
	
	.table-graphic graphic {
		max-width: 40%
	}
	
	.table-graphic3 graphic {
		max-width: 60%
	}
	
	.table-graphic2 graphic {
		min-width: 75%
	}
}

/*eCode Only*/

	#content {
          	font-family: arial !important;
}