/*Tables*/
.landTable {
	page: landscape;
}

.leftTable {
	float:left;
	max-width:250px;
	margin-right:2px;
	
	}

.tableSquish {
	line-height:12px;
	margin-left:-96pt;
}

.tableSquish2 {
	line-height:12px;
	margin-left:-96pt;
	margin-top:-5px;
}

.tableSquish3 {
	line-height:10px;
	margin-left:-96pt;
}

.rightTable {
	float:right;
	max-width:3.2in;
	margin-left:1px;
	margin-right:-10px !important;
	position:relative;
	top:-6px;
	min-width:300px;
	}

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

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

.row-pgBreak {
	page-break-after:avoid !important;
}

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

.two-wide .graphic {
	max-width: 45%;
	margin:5px;
	margin-left:auto;
	margin-right:auto;
}

.rotatedpara {
	white-space: nowrap;
	writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:vertical-rl;
	transform:rotate(180deg);
	display: inline-block;
}

.clearfloat {
	clear: both;
}

.circle {
	border-radius:50%;
	width:20px;
	height:20px;
	padding-left:6px;
	padding-right:6px;
	padding-top:1px;
	padding-bottom:1px;
	background:#4472c4;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	word-wrap:normal;
}
.circleA {
	border-radius:50%;
	width:20px;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:2px;
	background:#4472c4;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	word-wrap:normal;
}
.circleB {
	border-radius:50%;
	width:20px;
	height:20px;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	background:#4472c4;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	word-wrap:normal;
}
.circleC {
	border-radius:50%;
	width:20px;
	height:20px;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	background:#4472c4;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	word-wrap:normal;
}
.circleD {
	border-radius:50%;
	width:20px;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:2px;
	background:#4472c4;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	word-wrap:normal;
}
.circleE {
	border-radius:50%;
	width:20px;
	height:20px;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	background:#4472c4;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	word-wrap:normal;
}
/*Gallery & Image stuff*/

.half-page {
	float:right;
	display:table-column;
	max-width:48%;
	margin-left:8px;
	clear:left;
}

.devImage {
	float:left;
	display:table-column;
	max-width:2.8in;
	margin-right:2px;
	padding-right:.375in;
}

.leftImage {
	float:left;
	display:table-column;
	margin-right:2px;
	width:250px;
}

.rightImage {
	float:right;
	margin-left:2px;
	width:270px;	
}

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

litem.indLevel {
	display:block;
	position:relative;
	margin-top:.125in;
	margin-left:202pt !important;
	padding:0;
}

litem.indLevel1 {
	display:block;
	position:relative;
	margin-top:.125in;
	margin-left:208pt !important;
	padding:0;
}

caption {
	page-break-before:avoid !important;
	position:relative;
	display:block;
	font-size:10px !important;
	margin-top:1px !important;
}

.clearSec {
	clear:left;
}

litem litem gallery[class$=leftImage] {
        margin-left: -66px;
}

.two-wide .graphic {
	max-width: 45%;
	margin:5px;
	margin-left:auto;
	margin-right:auto;
}

.keysquare1 {
	height: 50px;
	width: 50px;
	color: b8b574;
}

.keysquare2 {
	height: 50px;
	width: 50px;
	color: e5dae8;
}

.keysquare3 {
	height: 50px;
	width: 50px;
	color: ccb8ca;
}

.keysquare4 {
	height: 50px;
	width: 50px;
	color: b396a8;
}
	

/*
  ========================================
  Clearfix
  ========================================
*/

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	clear: both;
	*zoom: 1;
	display:flex;
	overflow:auto;
	flex-direction:row;
}

.groupBreak {
	clear: both;
	*zoom: 1;
	display:flex;
	overflow:auto;
	flex-direction:row;
	page-break-before:always !important;
}

/*
  ========================================
  endClearfix
  ========================================
*/

/*eCode Only*/
@media screen {
	.rotated .para {
		display: inline-block;
		
	}

.codeTable{
		margin-bottom:1em;
		font-size: 10;
		}

	.rotated .para {
		display: inline-block;
		
	}

caption {
	font-size:9px;
	display:block;
	margin-top:1px;
	line-height:8px;
}

.leftImage {
	float:left;
	display:table-column;
	max-width:2.8in;
	margin-right:2px;
}

.half-page {
	float:right;
	display:table-column;
	max-width:48%;
	margin-left:8px;
	clear:left;
}

.devImage {
	float:left;
	display:table-column;
	max-width:2.8in;
	margin-right:2px;
	padding-right:.375in;
}

.leftImage {
	float:left;
	display:table-column;
	max-width:48%;
	margin-right:5px;
}

.rightTable {
	float:right;
	max-width:48%;
	margin-left:5px;
	margin-right:0px !important;
	position:relative;
	top:-6px;
	}

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

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

.half-page .graphicBox {
	width:278px;
	float: right;
}
}
	
/*Prince-Specific Override for rotated text */
	.rotated > para {
		writing-mode: vertical-rl;
		transform:rotate(180deg);
		display: inline-block;
		}
	
/**********PRINT-ONLY**********/
/*@media print {
	@page ithaca1:left {
	@bottom-center {content: string(ch-num)":"string(ind-num)"-"counter(page); margin-bottom:0; padding-bottom:.625in;}
	@top-center { content: string(chapLefthead); vertical-align:top; padding-top: .625in; padding-bottom:.125in; text-transform:uppercase;}
	@top-left { content: string(left-corner,last); vertical-align:top; padding-top: .625in !important;}
	@top-right { content: string(right-corner,last); vertical-align:top; padding-top: .625in !important;}
}

@page ithaca1:right {
	@bottom-center {content: string(ch-num)":"string(ind-num)"-"counter(page); margin-bottom:0; padding-bottom:.625in;}
	@top-center { content: string(ch-title); vertical-align:top; padding-top: .625in; padding-bottom:.125in;text-transform:uppercase;}
	@top-left { content: string(left-corner, last); vertical-align:top; padding-top: .625in;}
	@top-right { content: string(right-corner,last); vertical-align:top; padding-top: .625in;}
}

@page ithaca1:blank {
	@top-center { content: "" }
	@top-left { content: "" }
	@top-right { content: "" }
	@bottom-center { content: "" }
	@bottom-right { content: ""}
} */
	@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 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: ""}
	} 
	
	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;
	}

	.codeTable table td, .codeTable table th {
    hyphens: auto;
	}
	/*
	section 
	{
		page: ithaca1;
	page-break-before: right;
	counter-reset: page 1;
	string-set: sect-num attr(number) ind-num attr(idnum) left-corner attr(number) right-corner attr(number) next-sect-num attr(next-sect-num);
	}
	*/
}

/*eCode Only*/
@media screen {
	.codeTable{
		margin-bottom:1em;
		font-size: 10;
		}
}

/*Page Breaks Are Fun*/
[indexnum="350-404A(8)"],
[indexnum="350-502B(3)"],
[indexnum="350-203C"],
[indexnum="350-602E"],
[indexnum="350-608B"],
[indexnum="350-608C"],
[indexnum="350-603F(8)(b)"]{
	page-break-before:always;
}

section[indexnum="350-508"],
[indexnum="350-511"],
[indexnum="350-405"],
[indexnum="350-605"]{
	page-break-before:always;
}

section[indexnum="350-824"],
[indexnum="350-703"]{
	page-break-after:avoid !important;
}

[indexnum="350-608A"]{
	page-break-after:avoid;
}