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

/*Gallery & Image stuff*/

.bluecallout {
    border-radius: 50%;
    background-color: #21407d;
    width: 18px;
    display: block;
    text-align: center;
    color: white;
    font-weight: bold;
}

.greencallout {
    border-radius: 50%;
    background-color: #6c9142;
    width: 18px;
    display: block;
    text-align: center;
    color: white;
    font-weight: bold;
}
.magentacallout {
    border-radius: 50%;
    background-color: #b32479;
    width: 18px;
    display: block;
    text-align: center;
    color: white;
    font-weight: bold;
}
.tealcallout {
    border-radius: 50%;
    background-color: #008e9b;
    width: 18px;
    display: block;
    text-align: center;
    color: white;
    font-weight: bold;
}

.half-page {
	float:right;
	max-width:3in;
	margin-left:5px;
	margin-top:5px;
	clear:left;
	display: table-column !important;
}

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

gallery > para {
	page-break-before:avoid;
	display:block;
	padding-left:5px;
	font-size:9pt;
	line-height:10pt;
	font-weight: bold;
	margin-top:-2px !important;
	}

gallery > para.center {
	page-break-before:avoid;
	display:table-row !important;
	text-align: center !important;
	font-size:9pt;
	line-height:10pt;
	font-weight: bold;
	margin-top:-2px !important;
}
/*
  ========================================
  Clearfix
  ========================================
*/

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

.group:after {
	clear: both;
}

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

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

/*eCode Only*/
@media screen {
.half-page {
	float:right;
	max-width:2.2in;
	margin-left:1px;
	margin-top:.5in;
	clear:left;
}

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

graphic {
        max-width:100%;
        padding:0;
}

.content .half-page {
	max-width: 33%;
	margin-top:5px !important;
}

/*For floating imgs in eCode - used in Holland MI*/

.nofloat *, .nofloat *:after {
    clear: none;
}

.graphic a {
    	display: block;
	position: relative;
    	z-index: 1;
}
}
	
/*Prince-Specific Override for rotated text */
	.rotated > para {
		writing-mode: vertical-rl;
		transform:rotate(180deg);
		display: inline-block;
		}
	
/**********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;}
		@bottom-right { content: prince-script(getDateline); font-size:8pt; font-weight:bold; width:2in; vertical-align:top; padding-top:.125in;}
	}

	@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;}
	}

part .letter, article .letter {
  page: particle;
}
	article {
		counter-reset: page 1;
	}
	
	scheme-item.article {
		page-break-inside: avoid;
	}

	.codeTable table td, .codeTable table th {
    hyphens: auto;
	}
	
}*/

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