/* Appendix A7   11-12*/
/* Appendix*/
/* table of contents*/
/* 1.  headers
   2. Contextttl, treatment
   3. classes / span treatments
   4.  QUOTE span
	   bullet lists/ MEPS character txtSrcBullet as li
       map list locations
		div classes
   5. Images
   6. table: gridlines, wide, shaded stripe
   7. Citation 
   8. p classes
   9. MM Content Img DIV's
   10. Custom Navigation */


@page 			{    border: .5ex; }
body 			{ 	 margin: 5%; text-align: left; }


/* 1.  headers__________________________________________________*/
h1{ 		font: 1.5em 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
		text-align:left;
		font-weight:200;
		color:#75000b;
		-webkit-font-smoothing: subpixel-antialiased;}


h2{		font:1.2em/1.25em 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
		text-indent: 0.1em;
		text-align:left;
		margin: 1em 0 0.5em 0;
		font-weight:200;
		-webkit-font-smoothing: subpixel-antialiased;	
		color:#75000b;}

h2.ruleAbove 							{margin-top:2em;}
h2.ruleAbove + div.pGroup h3 			{margin-left:.9em;}  /*b12*/
h2.ruleAbove + div.pGroup:last-child	{margin-bottom:2em;}
 
h1 strong, h2 strong, h1.strong, h2.strong {font-weight:200;}

strong { 	
		font-weight:200;
		margin: 0em;
		padding:0em;
		-webkit-font-smoothing: subpixel-antialiased;}
		
		
		/* Context Title Maroon Square Element */ 
 
 .contextTtl {
border: 1px solid #75000b;
color: #ffffff;
margin: 0;
font-weight: 200;
padding: 0.25em;
text-align: center;
background-color: #75000b;
clear: both;
display: inline-block;
text-align: center;
vertical-align: middle;
}

p.contextTtl strong {
font-family: "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, sans-serif;
font-weight: 300; }

p.contextTtl + h1 {

margin-top: 0.25em; }



/* P */

div.bodyTxt p{
			-webkit-font-smoothing: subpixel-antialiased;
			text-indent: 0em;
			margin-left:0em;
			padding-left: 0em;
			font-size: 0.9em;
			line-height:1em;}

div.pGroup{
			text-indent: 0em;
			margin-left:0em;
			padding-left: 0em;}

/* MEPS character txtSrcBullet as li img treatment */
.txtSrcBullet 				{	
								font-size:130%;
								font-weight:100;
								text-indent:0em;
								line-height:1.5em;
								margin-right:.75em;}



/* li treatments */

li:last-child{clear:both; } /*a5 bullet caught in div*/

ol.source{	list-style-type:none; 
								margin:0em;
								padding:0em; 
								text-indent:0em;}   
ol.source {padding-bottom:2em;}

/* lists and titles nomarker, map elements */

.nomarker,  div.diagram.noMarker        {list-style-type:none;
							margin-top:0em; 
							text-indent:0em;}  

ul.noMarker 	{ list-style-type:none; 
				  margin-top:1em; 
				  margin-left:0em;
				  text-indent:0em;}



ol.source {padding-bottom:0em; margin-left:1em;}  /*padding-bottom:1em*/

	
ul.noMarker li p.sc {   /*as shown*/
			clear:both;
			-webkit-font-smoothing: subpixel-antialiased;
			list-style-type:none;
			text-indent: 0em;
			margin-bottom: 0em;
			margin-left:1em;
			padding-left: 0em;   
		    font: 0.9em/1.3em "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, sans-serif;}



li p.sc {margin-left:0em; text-indent:0em; padding:0em;
		font-size: 1em;
		line-height:1.3em;}

	

/*  5.   IMAGES_____________________________________________________________________*/

img, figure { 		width: 100% !important;
      				vertical-align: text-top;
					margin:0em;
					clear:both;}

div.w_afterparimg { clear: both; }

div.east_right + div.east_right{clear:right;}



/*___________TABLES_______________________________ */

h2 + div.tableDiv, div.pGroup.tableDiv {padding-top:1em;}

div.table {
	display:table;
	margin:0px;padding:0px;
	border-collapse: collapse; 
	border-spacing:0px; }

/* GRIDLINES */
.gridlines table,
.gridlines tr,
.gridlines th,
.gridlines td {
    border: 1px #dddddd solid;
	border-spacing:0em; border-collapse: collapse;}


/* table classes and variants*/
.wide {max-width:95%; border-collapse: collapse; }

.half{width:47%;
      display:inline-block;}

td.shaded {background-color:#f9f8f4;}
  .stripe tr:nth-child(even) {background-color:#f9f8f4;}


/* table elements*/

thead {
	border:1px solid #dddddd;
	border-collapse: collapse;
	vertical-align:bottom;
	background-color:#e5e5e5;
	text-align:left;
	font-weight:400;
	font: 13px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, sans-serif;
	padding:0px; margin:0em;}

th, th .se, th .sw, th th.shaded{
	vertical-align:bottom;
	margin:0em; 
	padding:0em;	border-spacing:0em; 
	border-collapse:collapse;
	font: 14px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, sans-serif;}

td, td .se, td .sw, td.shaded{	overflow:auto;
	margin:1px;
	padding:1px 3px 0px 3px; 
	text-indent:0em;
	text-align:left;
	font-size: 13px ;}

tr td 					{vertical-align:top; }
tr th, tr th p.sw, 
tr th p.se, 
tr th p.se:first-child 	{ vertical-align:bottom; 
						  }
th p.se strong, th p.sw strong {font-size: 90%; 
font-weight:700;
vertical-align:bottom;
					padding:5px 1px 0px 1px;}


td p.se:first-child  {
	font-size: 90%;
	vertical-align:bottom;
	padding: 0em;
	margin:0em;
	text-indent:0em;
}

thead tr td, tr {	vertical-align:bottom;  
					margin:0em; padding:0em; 
					border-spacing:0em; 
					border-collapse: collapse;
					font:"Helvetica Neue", "HelveticaNeue", Arial, Helvetica, sans-serif;}



/* table text */
div.bodyTxt.pGroup.tableDiv p, 
div.tableDiv p, 
div.bodyTxt.pGroup.tableDiv td.shaded p, 
td.shaded p,
.pGroup.tableDiv.gridlines.wide p, .pGroup.tableDiv.gridlines.wide td.shaded p
				{font-weight:normal;
				font-size: 13px ;
				padding:1px 2px 2px 3px;}


td p.sc {
			-webkit-font-smoothing: subpixel-antialiased;
			text-indent: 0em;
			margin-top:1em;
			margin-bottom: 0em;
			padding-left: 0em;   
		    font-size: 0.9em;
			line-height:1.2em;}

td .se{
	font-size: 0.9em;
	padding: 0em;
	margin:0em;
	text-indent:0em;}


td p.sw, td.shaded p.sw{
    font-size: 0.9em;
	margin:0em;
	padding:0em;
	text-indent:0em; }


/*  Supplemental Boxes, diagram boxes */
div.boxSupplement{
		border:0px solid #dddddd;
		background-color:#f9f8f4;
		overflow: hidden;
		display:table-cell;
		margin: 3em 0 0.5em 0; 							
		padding: 16px 32px; 					
		clear: both;}

div.boxTtl {
	font: 1.1em/1.2em Arial, Helvetica, sans-serif;
	color: #75000b;
	font-weight:200;
	text-align: left;
	text-indent:0em;
	margin: 0.1em 0 .5em 0em;
	padding: 0em;
	-webkit-font-smoothing: subpixel-antialiased;	}

div.boxContent  {
	font-size: 0.9em;
	-webkit-font-smoothing: subpixel-antialiased;
	text-align: left;
	margin: 0.1em 0 0 0;
	padding: 0.2em .5em 0.2em 0em;}

div.boxContent ol.source 
       {margin:1em 0; padding:0em; text-indent:.5em;}
	   
div.boxContent ul.noMarker p.sc, ul.noMarker p.sc {   /*a5, prophets*/
			-webkit-font-smoothing: subpixel-antialiased;
			text-indent: 0em;
			margin-top:0em;
			margin-left:0em;
			padding-left:0em;   
		    font-size: 0.9em;
			line-height:1.4em;
			}

div.boxContent .sc {
			-webkit-font-smoothing: subpixel-antialiased;
			text-indent: 0em;
			margin-top:1em;
			margin-left:0.2em;
			padding-left: 0em;   
		    font-size: 0.9em;
			line-height:1.4em;}

div.boxContent ul.noMarker {clear:both; float:left; margin-left:0em; margin-top:1em;}

div.boxContent p.se {
	clear:both;
	float:left;
	font-size: 0.9em;
	line-height:1.4em;
	margin-top: 1em;
	margin-bottom: .5em;
	margin-left:0em;
	padding-left:0em;
	text-indent:0em;}

/* p style classes */


.pGroup p.sb{
			-webkit-font-smoothing: subpixel-antialiased;
			text-indent: 0em;
			margin-left:0em;
			padding-left: 0em;
		    font-size: 0.95em;
			line-height:1.2em;}



.sc:first-child {
			-webkit-font-smoothing: subpixel-antialiased;
			text-indent: 0em;
			margin-top:1em;
			margin-left:0em;
			padding-left: 0em;   
		    font-size: 0.9em;
			line-height:1.2em;}


div.tableDiv p.sc {
			-webkit-font-smoothing: subpixel-antialiased;
			text-indent: 0em;
			margin-bottom: 0em;
			margin-left:0em;
			padding-left: 0em;   
		    font-size: 0.9em;
			line-height:1.2em;}
 
p.sc  {
			-webkit-font-smoothing: subpixel-antialiased;
			text-indent: 0em;
			margin-bottom: 0em;
			margin-left:0em;
			padding-left: 0em;   
		    font-size: 0.9em;
			line-height:1.2em;}
 

p.sn {   
 	font-size: 0.95em;
	line-height:1.2em;
	margin-top: .25em;
	margin-bottom: 0em;}

 .ss {
	
	font-size: .95em;
	text-align: center;
	margin-top: .5em;
	padding-top: 1em;}

.st {

	font-size: 1.25em;
	margin: 0.5em 0 1em 0;
	text-align: center;}

.su{ font-size: .95em;
	-webkit-font-smoothing: subpixel-antialiased;
	text-indent: 0em;
	margin-left:0em;
	padding-left: 0em; 
	margin-top:.5em;}
	
ol.source li p.sw {
  font-size: 0.9em ;
  }




.li .sw {
    font-size: 0.95em;
	padding-left:1em;  /* adjustment for bullet use*/
	text-indent:0em;
	margin-top:-1em;}
	
	
.noMarker li .sw {
    font: 0.95em/1em;
	margin-left:2.75em;  /* adjustment for bullet use app b 12a*/
	text-indent:0em; padding-top:-.5em;} 



/* MM content img divs */

div.south_center { width: 100% !important;
           float: left;
           margin: 2em 0 2em 0 !important;
           line-height: 1.20em !important;
           clear: both;}
div.w_afterparimg {clear:both;}

div.w_afterparimg +  div.boxSupplement.rule{
margin:3em 0em;}


/*CAPTION__________________________________*/

div.south_center p,div.west_center p,  p.sr
{
	font-size: 0.8em;
	line-height:1.2em;
	-webkit-font-smoothing: subpixel-antialiased;
	margin: 0.20em 0em 1em 0em;
	font-weight:200;
	text-indent:0em;
	text-align:center;}


/* cite*/
div.groupFootnote:before {
	font-size: 1em;
	color: grey;
	content: "_______________";}

div.groupFootnote p{
	font-size: 0.75em;
	margin: 1.25em 0em;
	-webkit-font-smoothing: subpixel-antialiased;}

div.groupExtScrpCite p {
	font-size: 0.75em;
	margin-top: 1em;
	-webkit-font-smoothing: subpixel-antialiased;}

div.groupExtScrpCite {
	padding-top: .25em;}

div.groupExt {
	margin-top: 1.75em;}


/* navigation */
p.w_navigation.w_biblebookname a:active, a:active,
p.w_navigation.w_biblebookname a:link, a:link,
p.w_navigation.w_biblebookname a:visited, a:visited
    {
   font-family:inherit;
        font-weight: 200;
        -webkit-text-fill-color: #6195c7;
        color: #6195c7;}

p.w_navigation.w_biblebookname a:hover, a:hover {
	 	-webkit-text-fill-color: grey;
        color: grey; }
		
		
		/* MOBI */

e:link {
	color: #6195c7;
}
 
e:visited {
	color: #6195c7; 
	text-decoration: none;
}

e:active {
	color: #6195c7;
} 

e:hover {
	color: #666; 
	text-decoration: none;
} 

e:focus {
	color: #3fa2bf; 
	background-color: #c5b587;
}


/* other  */

.bold { 	font-weight: bold; }
.west {	 	float: left; }
.east { 	float: right; }