/* ==========================
 Images StyleSheet
 (c) 2015, 2016, 2017 Oxford eBooks Ltd
 www.oxford-ebooks.com
 ========================== */


 /* SVG images */
 .svg_outer, .svg_full {
	display: block;
	margin:0;
	padding:0;
	text-align: left;
	}

.svg_full{
		page-break-before:always;
		page-break-after:always;
}

.svg_inner {
	display: block;
	text-align: center;
	}


/* ============================================== */

/* Outer container, sets consistant margins, keeps caption together */
.img_w, .img_h{
	margin-bottom:0.5em;
	margin-top:0.75em;
}

.img_s, .img_w, .img_h{
	page-break-inside:avoid;
}


/* Outer container: Square or wide (landscape) image. */
.img_w{
	width:100%;
}
	.img_w_int{
		width:100%;
	}


/* Full page image with caption */
.img_full{
	page-break-before:always;
	page-break-after:always;
}
	.img_full_int, .img_int{
		text-align:center!important;
		text-indent: 0em!important;
/*		width:100%;*/
	}
	.img_full_int{
		height: 100%;

	}
	.cap{
		height:90%!important;
	}
	.img_full_int img, .img_int img{
		height:100%;
	}


/* EM width images */
.img_em, .img_em_fl, .img_em_fr, .img_pc{
	display:inline-block;	
}
/* 26-Jun-2021: removed. KDP report this causes misalign problem with centered EM images.
	.img_em img, .img_em_fl img, .img_em_fr img{
		float:left; fixes a horizontal misalign. 
	}
*/

	.img_em_fl{
		float: left;
		margin-top:0.5em;
		margin-right:0.5em;
	}
 

/* Border and shadow around image. */
.img_border{
		line-height:0;
		border-width:1px;
		border-style:solid;
		border-color:#000;
		margin-bottom:0.5em;
		/* shadow won't validate in IE */
		box-shadow: 5px 5px 10px #777;
	}



/* Keeps the margins under control */
.img_subcontainer{	
	margin-right:15px;
	margin-left:15px;
}

/* Floated, sized images with max size limiters. */
.img_l, .img_l_20, .img_l_30, .img_l_40, .img_l_50, .img_l_60,
.img_r, .img_r_20, .img_r_30, .img_r_40, .img_r_50, .img_r_60
{
	margin-bottom:0em;
	margin-top:0.25em;
	display:inline-block;
	page-break-inside:avoid;
}

	.img_l, .img_l_20, .img_l_30, .img_l_40, .img_l_50, .img_l_60
	{
		margin-right:0.5em;
		float:left;
	}

	.img_r, .img_r_20, .img_r_30, .img_r_40, .img_r_50, .img_r_60{
		margin-left:0.5em;
		float:right;
	}

	.img_l_20, .img_r_20 {
		width:20%!important;
		max-width:6em;
	}
	
	.img_l_30, .img_r_30 {
		width:30%!important;
		max-width:9em;
	}
	
	.img_l_40, .img_r_40 {
		width:40%!important;
		max-width:12em;
	}
	
	.img_l_50, .img_r_50{
		width:50%!important;
		max-width:18em;
	}

	.img_l_60, .img_r_60{
		width:60%!important;
		max-width:25em;
	}