html{overflow-y: scroll;}

body{margin: 0px; background-image: url("images/bg-tile.gif"); background-repeat: repeat-y; background-position: top center;}
body, table, html{font-family: "Verdana"; font-size: 12px; color: #323232; line-height: 140%;}
p{padding: 0px; margin: 0px; padding-bottom: 15px;}
h1, h2, h3, h4, h5{padding: 0px; margin: 0px 0px 8px; 0px;}
h1{font-size: 24px; margin: 0px 0px 16px; 0px;}
h2{font-size: 20px; margin: 0px 0px 12px; 0px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
/* color: #212c94; // old */
/* color: #606ce1; // new */
a{text-decoration: none; color: #212c94;}
a:hover{text-decoration: underline;}
img{border: none;}
form{margin: 0px; padding: 0px;}
ul, ol, blockquote{margin-top: 2px; margin-bottom: 6px; padding-top: 0px; padding-bottom: 0px; box-sizing: border-box;}
blockquote{margin-left: 30px; margin-right: 30px;}
table tr td{vertical-align: top;}
table tr td[valign=middle]{vertical-align: middle;}

input::placeholder{
	font-style: italic;
}

.spacer{clear: both;}
.spacer-min, .spacer.min{clear: both; height: 6px;}
.spacer-cat, .spacer.cat{clear: both; height: 8px;}
.spacer-sml, .spacer.sml{clear: both; height: 12px;}
.spacer-dbl, .spacer.dbl{clear: both; height: 20px;}
.spacer-med, .spacer.med{clear: both; height: 40px;}
.spacer-lrg, .spacer.lrg{clear: both; height: 100px;}

/* flex */
.f{display: flexbox; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

/* other default */
.textInfo{font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #464646;}
table.text, td.text{font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #464646;}
.textDisplay{font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #464646; font-weight: bold; padding: 3px;}
.textRemarks{font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #464646; font-weight: normal; font-style: italic;}
.inputbox, .inputbox_small, .inputbox_mini{height: 16px; border: solid 1px #003366; font-size: 12px; width: 200px; color: #232323;}
.inputbox_small{width: 150px;}
.inputbox_mini{width: 150px; height: 14px; border: solid 1px #cccccc; font-size: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.inputarea{border: solid 1px #cccccc; background-color: #ffffff; color: #666666; width: 390px; height: 150px; padding: 2px;}
.inputareaFCK{border: solid 1px #cccccc; background-color: #ffffff; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #666666; padding: 2px;}

.button{border: solid 1px #cccccc; background-color: #ffffff; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #666666; cursor: pointer; height: 20px;}
.error{font-family: Arial, Verdana, Geneva, sans-serif; font-size: 14px; color: red; font-weight: bold;}
.buttonCalendarIMG{display:inline; padding: 5px; color: #FBFFBD; font-size: 12px;}
.button_simple{padding-left: 1px; padding-right: 1px; border: solid 1px #003366; background-color: #ffffff; font-size: 12px; color: #232323; cursor: pointer;}

.ck-img-l{float: left; margin: 0px 8px 8px 0px;}
.ck-img-r{float: right; margin: 0px 0px 8px 8px;}

.meter{margin-bottom: 0px; padding: 0px; font-size: 16px; line-height: 22px; letter-spacing: 2.2px;}

a > .fa-external-link-alt{
	top: -2px;
	position: relative;
	font-size: 9px;
}

/*
	Start: Layout:
*/

.mainBody{
	position: relative;
	max-width: 1062px;
	margin-left: auto;
	margin-right: auto;
}

.mainBody > nav{
	height: auto;
	border-bottom: solid 2px #DBCED0;
	background-color: #fff;
}

@media (max-width: 767.98px) {
	.mainBody> main{
		padding-top: 67px;
	}
	.mainBody > nav{
		position: fixed;
		left: 0px;
		right: 0px;
		z-index: 100;
	}
}

@media (max-width: 580px) {
	.mainBody > main{
		padding-top: 54px;
	}
}

@media (min-width: 768px) {
	.mainBody > nav{
		height: 94px;
	}
}


.mainBody > nav figure{}
.mainBody > nav form{}
.mainBody > nav form select{height: 21px; box-sizing: border-box; line-height: 17px;}
.mainBody > nav form .button{
	height: 22px;
	box-sizing: border-box;
	vertical-align: top;
}
.mainBody > nav form input[type=text]{
	width: 100px;
	height: 22px;
}
.mainBody > nav .navbar-collapse, 
.mainBody > nav .navbar-expand-md .navbar-collapse{
	-webkit-flex-basis: 100%;
    flex-basis: 100%;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(113, 113, 113);
}
.navbar-light .navbar-nav .nav-link:hover {
	color: #000;
}

.mainBody > main{
	/* border-top: solid 2px #DBCED0; */
}

/* Left column = menu */
.mainBody > main > nav{
	width: 128px;
	border-right: solid 1px #DBCED0;
	background-color: #f9f9f9;
}
.mainBody > main > nav .inner{}
.mainBody > main > nav .inner span{}
.mainBody > main > nav ul{margin: 0px; padding: 0px; list-style: none;}
.mainBody > main > nav ul li{padding: 0px 0px 0px 0px; height: 18px;}
.mainBody > main > nav ul li.act{padding-left: 14px;}
.mainBody > main > nav ul li.act:before{content: "\25BA"; position: absolute; margin-left: -14px; font-size: 11px;}
.mainBody > main > nav ul li a{color: #3F3F3F; font-family: 'Verdana'; line-height: 12px; font-size: 11px;}
.mainBody > main > nav ul li a:hover{color: #2236af; text-decoration: none;}

.mainBody > main article{}

/* Right column = chapter-info */
.mainBody > aside{
	width: 158px;
}

/* footer */
.mainBody > footer{
	height: 110px;
}
.mainBody > footer{
	position: relative;
	z-index: 50;
	padding: 10px;
	border-top: solid 1px #cccccc;
	text-align: center;
	box-sizing: border-box;
}
.mainBody > footer span{display: block; font-size: 11px; margin-bottom: 20px; text-align: center;}
.mainBody > footer span a{color: #999; font-size: 9px;}
.mainBody > footer .fb-like{position: relative; z-index: 50; float: right; right: 30px; width: 160px;}
.mainBody > footer .tw-like{position: relative; z-index: 50; float: right; width: 160px;}

/* page headings */
.mainBody .headings{
	text-align: center;
}
.mainBody .headings h1, 
.mainBody .headings h2.pageHeader, 
.mainBody .headings h3{font-family: 'Verdana'; font-weight: normal;}
.mainBody .headings h1, 
.mainBody .headings h2.pageHeader{font-family: 'Georgia'; color: #1b1b1b; font-size: 28px; line-height: 35px;}
.mainBody .headings h3, 
.mainBody .headings h2.pageHeaderS{margin: 0px; color: #4a4a4a; font-weight: normal; font-size: 18px; line-height: 26px;}

.pageContent{font-size: 12px; line-height: 18px;}
.pageContent h2{margin-top: 13px;}
.pageContent > h2:first-of-type{margin-top: 0px;}

/* ??? */
.col_left{}
.col_middle_w{float: left; width: 864px;}



.block{}
.block h2, 
.block h3{padding-top: 16px; padding-bottom: 12px; font-weight: normal; text-align: center; line-height: 20px; font-size: 20px; color: #4F3F31;}
.block.latest{width: 325px; margin-right: 20px; float: left;}
.block.latest.desc{}
.block.latest.update{width: 345px; margin-right: 0px;}
.block.latest h2{text-align: left;}

.navbar table, 
.navbar nav{margin-bottom: 12px;}

/* RM */
.rmButton{width: 20px; height: 20px; position: absolute; background-color: #ffffff; border: solid 1px black;}

.titleHolder{overflow: hidden; padding-top: 2px; padding-bottom: 4px; padding-left: 5px; padding-right: 4px; border: solid 1px #FFFFFF;}
.quickLink, .quickLink:link, .quickLink:active, .quickLink:visited{color: #9a4242;}
.quickLink:hover, .quickLink:visited:hover{text-decoration: underline; color: #9a4242;}

.text-cover figure{margin: 0px 0px 6px 0px; text-align: center;}
.text-cover a{display: block;}
.text-cover img{max-width: 100%;}
.text-cover figcaption a{font-size: 11px;}
.text-cover .isbn{font-size: 10px; margin-bottom: 3px;}

/*
	Frontpage
*/

.fp-block{}
.fp-block h2, 
.fp-block h3{padding-top: 16px; padding-bottom: 12px; font-weight: normal; text-align: center; line-height: 20px; font-size: 20px; color: #4F3F31;}
.fp-block.desc ul{list-style: none; columns: 160px 4; -moz-columns: 160px 4; -webkit-columns: 160px 4;}
.fp-block.latest{}
.fp-block.latest.desc{}
.fp-block.latest.update{margin-right: 0px;}
.fp-block.latest h2{text-align: left;}

.fp-latest-desc{list-style: none; margin: 0px; padding: 0px;}
.fp-latest-desc li span{padding: 0px; font-size: 9px; font-style: italic; letter-spacing: -1px;}
.fp-latest-desc li{max-width: 694px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.religionTitle{font-size: 20px; padding: 0px; margin: 0px; line-height: 20px; font-weight: normal;}
.textTitle{font-size: 20px; padding: 0px; margin: 0px; line-height: 100%; font-weight: normal;}



/*
	development
*/

.development li{clear: both; margin-top: 10px;}

/* OVERVIEW */

.ovHeader{font-weight: bold; background-color: #E7E3E7;}
.blackTitle{color: black;}
.publisher-logo img{max-width: 170px;}

.cat-detail .img{
	min-width: 122px;
	max-width: 122px;
}
.cat-gloss-nav{margin-top: 10px; margin-bottom: 10px; text-align: center;}
.cat-sep{clear: both; height: 22px;}
.cat-sep-big{clear: both; height: 35px;}

/*
	(old) Right Menu for Chapter Detail
*/

.menu-right{font-family: 'Verdana'; width: 146px; margin-top: 6px; margin-left: auto; margin-bottom: 22px; clear: both; text-align: left; line-height: 120%;}
.menu-right h3{padding: 0px 0px 8px 0px; margin: 0px; font-size: 13px; line-height: 15px; color: #5F5E46;}
.menu-right a{outline: none; font-size: 11px; color: #31344D;}
.mr-ident{margin-left: auto; width: 146px; text-align: center;}
.mr-ident a{color: #444; font-size: 10px;}
.mr-type{height: 17px;}
.mr-sep{clear: both; height: 10px;}
/* start new */
.chapter-sidemenu{position: absolute; z-index: 300; width: 156px; top: 0px; border: solid 2px #e0d8c8; border-right: none; background-color: #faf3ed; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;}
.chapter-sidemenu .header{height: 22px; padding-top: 2px; background-color: #f0e9e4; border-bottom: solid 2px #d9cfbd; text-align: center;}
.chapter-sidemenu .header a{color: #57351d; font-size: 14px; line-height: 18px; font-weight: normal;}
.chapter-sidemenu .header a:hover{text-decoration: none;}
.chapter-sidemenu > .menu{margin: 0px 0px 12px 0px;}
.chapter-sidemenu > .menu > div{padding: 4px 4px 4px 6px; border-bottom: solid 1px #d9cfbd; background-color: #ede8e4; text-align: left; line-height: 13px;}
.chapter-sidemenu > .menu > div a{color: #453f3a; font-size: 11px;}
#chapLikeBox{display: none; padding: 5px;}
.chapter-glossary{z-index: 300; padding: 4px; max-height: 300px; overflow-x: hidden; overflow-y: scroll;}
.chapter-glossary div:hover{background-color: #F0E9E4;}
.chapter-glossary div a{color: #000000; font-size: 11px;}
.cg-hl{background-color: yellow;}

/*
 ??
*/

.sidenews-date{float: left; width: 30px;}
.sidenews-date span{color: #5F5E46; font-size: 12px;}
.sidenews-title{float: left; width: 116px;}
.sidenews-title a{font-size: 15px; color: #31344D;}
.sidenews-sep{clear: both; height: 8px;}
.sidegroups, .sidegroups a{font-size: 15px; color: #5F5E46;}


/*
	Category detail / latest books:
*/

.cl-holder.category{margin-bottom: 14px; padding-bottom: 3px; border-bottom: solid 1px #ededed;}
.cl-date{width: 129px; float: right; padding-top: 0px; padding-right: 1px; text-align: right; font-style: italic; font-size: 9px; color: #bbbbbb; letter-spacing: 0.01em;}
.cl-title{}
.cl-title a{font-size: 14px; font-weight: bold; color: #181410;}
.cl-type, 
.cl-type a{font-weight: normal; font-size: 11px; letter-spacing: 0.001em; color: #444444;}
.cl-description{clear: both; padding: 2px 0px 2px 0px; letter-spacing: 0.001em; font-size: 10px; color: #41362C; line-height: 120%;}
.cl-words{letter-spacing: -0.001em; color: #a6a6a6; font-size: 8px; font-style: italic;}
.cl-more{float: right; letter-spacing: 0.001em; font-size: 10px; padding-right: 1px;}
.cl-sep{border-top: solid 1px #ededed; clear: both; height: 9px;}
.cl-author{padding-left: 2px; font-size: 10px; font-style: italic;}
.cl-aka{padding-left: 2px; font-size: 9px; font-style: italic;}
.tt-sep{height: 1px; background-color: #cccccc; margin-top: 14px; margin-bottom: 16px;}
.tt-filter{overflow: auto; text-align: center;}
.ttf-item{float: left; padding: 4px; border: solid 1px #cccccc; margin-right: 2px; margin-left: 2px;}
.ttf-item a{font-size: 11px; color: #4D3F31;}


/*
	Glossary stuff
*/

.cat-glossary{}
.cat-glossary, .cat-glossary a{letter-spacing: -0.05em; font-size: 11px; color: #3F3F3F;}
.cat-glossary span{font-size: 12px;}
.gloss-letter-list{
	margin: 15px 0px;
	/* list-style: none;
	padding-left: 0px; */
	column-count: 3;
}

@media (max-width: 767.98px){
	.gloss-letter-list{
		column-count: 2;
	}
}

@media (max-width: 575.98px){
	.gloss-letter-list{
		column-count: 1;
	}
}

div.similair-item table{border-collapse: collapse; width: 100%;}
div.similair-item table tr td{padding: 0px;}
div.similair-item table tr + tr td + td + td{font-style: italic; font-size: 11px; line-height: 16px;}
div.similair-item table tr + tr td + td + td + td{font-size: 11px; text-align: right;}
div.similair-item.di-glossary table tr:first-child td:first-child{width: 210px;}
div.similair-item.di-glossary table tr:first-child td.second{width: 10px;}
div.similair-item.di-glossary table tr:first-child td.last{width: 68px;}
div.similair-item.di-glossary table tr td.desc{}
div.similair-item.di-glossary table tr td.desc > div{display:inline-block; max-width: 460px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
div.similair-item.di-fulltext table tr + tr td + td{font-size: 11px; text-align: right;}

.ref.heading{display: none; font-weight: normal; font-size: 12px; padding: 0px 0px 1px 10px; margin: 0px; margin-top: -4px;}
.ref.list{display: none; margin-top: -4px; padding: 0px 0px 9px 10px; list-style: none;}
.ref.list li{font-size: 11px; line-height: 17px;}

/* ul.similair-item{list-style: none; padding: 0px;}
ul.similair-item li a{display: flex; max-width: 698px; font-size: 13px;}
ul.similair-item li em{max-width: 100%; padding-left: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #323232; font-size: 11px;}
ul.similair-item li a:hover em{text-decoration: none;} */

/*
	Cat Detail
*/

.cl-archive{padding: 14px 0px 0px 6px;}



/*
	Text Detail
*/

.book h2{
	font-family: "Times new Roman";
}
.book h1, .book h3.h1{
	font-size: 17px;
	padding: 0px;
	margin: 0px 0px 3px;
}

.book h2, .book p.h2{
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

.book p.h2{
	font-size: 15px;
}


.book.text .cover .image{
	max-width: 185px;
	min-width: 185px;
}

.book.text .wip p{
	display: block;
	padding-bottom: 10px;
	font-size: 11px;
	font-style: italic;
}
.bookSubHeader{
	padding-top: 0px; 
	padding-bottom: 0px;
	margin-top: 16px;
	margin-bottom: 12px;
	border-bottom: solid 1px #aaa;
	font-family: Georgia; 
	font-size: 20px; 
	line-height: 1.5;
	font-weight: normal; 
	color: #332920; 
}
.bookDetails{line-height: 120%; font-size: 10px; color: #3F3F3F;}
.bookShortDesc{line-height: 120%; font-size: 11px;}
.bookPages a{font-size: 11px;}

/* book detail: contents */
.book-contents, .book-contents a{
	font-size: 11px;
	line-height: 16px;
	color: #323232;
}
.book-contents .il-holder{padding: 2px 0px 4px 0px;}
.book-contents .il-cont{clear: both;}

.book-contents .il-cont .il-sign{
	cursor: pointer;
	display: inline-block;
}

.book-contents.navbox, .book-contents.navbox a{font-size: 10px; line-height: 13px; color: #6C5153;}
.book-contents.navbox .il-cont{height: 13px; clear: both; overflow: hidden;}
.book-contents > div > .il-cont{}
.book-contents.text > div > .il-cont a{font-size: 13px; line-height: 18px;}

/* ChapterVerseExpanded and has children */
.book-contents.text > .il-holder.cve > .il-cont.cve.children{padding: 7px 4px 4px 0px;}
.book-contents.text > .il-holder.cve > .il-cont.cve.children > span,
.book-contents.text > .il-holder.cve > .il-cont.cve.children > span > a {
	font-size: 15px;
	line-height: 20px;
}
.cp{font-size: 9px;}



/*
	Chapters
*/

.book.chapter .heading nav ol{
	list-style: none;
	display: inline-block;
	padding: 0px;
}

.book.chapter .heading .inner{
	background-color: white;
	border-bottom: solid 1px #DBCED0;
}
.book.chapter .heading .inner h1{
	font-size: 26px;
	font-family: "Times new Roman";
	margin-bottom: 0px;
}

.book.chapter .heading .inner h2{
	font-size: 17px;
	font-family: Times new Roman;
	margin-bottom: 0px;
}

.book.chapter .cover .image figure > a{
	display: inline-block;
	min-width: 120px;
	max-width: 120px;
}

@media (max-width: 575.98px) {
	.book.chapter .cover .image figure > a{
		max-width: 90px;
		min-width: 90px;
	}	
}

.chapter-content h2, 
.chapter-content h3, 
.chapter-content h4{
	margin: 0px 0px 8px 0px;
	font-family: "Times new Roman";
	font-weight: normal;
}
.chapter-content h2{
	padding-top: 8px;
	padding-bottom: 4px;
	margin-bottom: 0px;
	font-size: 21px;
	line-height: 22px;
	color: #3F3F3F;
}
.chapter-content h3{font-size: 18px; line-height: 20px; color: #7D7D7D;}
.chapter-content h4, 
section.footnotes h2, 
section.conclusion h2{margin-top: 24px; font-size: 18px; line-height: 22px; color: #3F3F3F; text-transform: uppercase;}
section.conclusion{margin-top: 46px;}
section.conclusion h2{margin-top: 0px;}
section.conclusion p > img{max-width: 65px; float: right; margin: 0px 0px 3px 6px;}

.chapter-content h1,
.chapter-content h2, 
.chapter-content h3, 
.chapter-content h4, 
.chapter-content h5, 
.chapter-content h6{font-weight: bold; color: #3F3F3F;}
.chapter-content h1{font-size: 26px; line-height: 30px;}
.chapter-content h4{font-size: 16px; line-height: 20px;}
.chapter-content h5{font-size: 14px; line-height: 18px;}
.chapter-content h6{font-size: 12px; line-height: 16px;}

.chapter-sep{clear: both; height: 12px;}
.chapter-children{margin-bottom: 20px; padding-bottom: 6px; border-bottom: solid 1px #CCCCCC;}
.chapter-content{margin-bottom: 6px;}
.chapter-content, 
.chapter-content p, 
.chapter-content table, 
.chapter-content ul, 
.chapter-content ol{
	text-align: normal;
	line-height: 21px;
	font-family: "Times new Roman";
	font-size: 16px;
}
.chapter-content p, 
.chapter-content table, 
.chapter-content ul, 
.chapter-content ol{
	margin-bottom: 15px;
	padding-bottom: 0px;
}
.chapter-content > :last-child{
	margin-bottom: 0px;
}
.chapter-content a{color: #1526c5;}
.chapter-content table{margin-bottom: 10px;}
.chapter-content h2{margin: 0px 0px 13px 0px; padding: 14px 0px 0px 0px;}
.chapter-content h2:first-child{margin: 0px 0px 13px 0px; padding: 0px;}
.chapter-content > figure:first-child{margin: 0px 0px 6px 6px; float: right;}
.chapter-content > figure:first-child figcaption{font-style: italic; font-size: 14px; text-align: center;}
.chapter-content p.abstract{
	font-size: 15px;
	line-height: 1.4;
	color: #2c2c2c;
	font-weight: bold;
}

.chapter-footnotes, 
.chapter-comments{}
/* .chapter-footnotes p, 
.chapter-footnotes ul, 
.chapter-footnotes ol, 
.chapter-footnotes table{line-height: 14px; font-size: 11px;} */
.chapter-footnotes p{padding: 3px 3px 10px 0px;}
/* .chapter-footnotes p.nr{padding: 0px} */
.chapter-footnotes a{font-size: 14px;}

.book.chapter section.back a{
	display: block;
	padding: 6px;
	text-align: center;
	border-top: solid 1px #DBCED0;
	background-color: #f9f9f9;
	border-bottom: solid 1px #DBCED0;
}
.book.chapter section.back a:hover{
	text-decoration: none;
}

article time{font-size: 11px; color: #666;}

/* inside chapter footnote a href style */
sup.ftnt{font-size: 10px; vertical-align: super;}
sup.ftnt a{color: blue;}

/* inside chapter page */
.chptpg{color: #157c29 !important; font-size: 10px; vertical-align: baseline; font-weight: bold; font-style: italic;}
ol.breadcrumbs{list-style: none; padding: 0px; margin: 0px;}
ol.breadcrumbs li{padding: 0px; margin: 0px; float: left;}
ol.breadcrumbs li, 
ol.breadcrumbs li a, 
ol.breadcrumbs li a span{font-size: 10px; color: #6D5154;}

.content-copyright{margin: 6px 0px 12px 0px; font-size: 11px;}

/*
	Frontpage News
*/

.fpn-date{letter-spacing: 0.02em; float: left; font-size: 11px; color: #111111;}
.fpn-title{float: left;}
.fpn-title a, .fpn-title a:link, .fpn-title a:hover{font-size: 14px; color: #181410;}


/*
	Definition
*/

.item p{padding: 0px; margin: 8px 0px 7px;}
.item h2{
	margin: 26px 0px 12px 0px;
}
.item cite + h2, 
.item section.suffix + h2{
	margin-top: 31px;
}
.item h2 + h3{margin-top: 0px;}
.item h3{
	margin: 31px 0px 9px 0px;
	font-size: 17px;
	line-height: 1.5;
	font-family: sans-serif;
	font-weight: bold;
}
@media (max-width: 767.98px) {
	.item h2:target:before,
	.item h3:target:before{
		content:"";
		display:block;
		padding-top: 60px;
		margin-top: -60px;
	}
}
.item cite{
	display: block;
	margin: 0px 0px 17px;
	font-size: 11px;
	color: #868686;
}
/* .item cite a{color: #a1a3bb;} */
.item cite a{color: #727272;}
.item cite a.detail{color: #a98678;}

.item section.suffix{
	position: relative;
	margin: 0px -12px 0px -12px;
	padding: 8px 12px 4px 12px;
	border-top: solid 2px #eee;
	border-bottom: solid 2px #eee;
}
.item section.suffix img.context{
	max-width: 65px;
	border: solid 1px #d4d4d4;
	float: left;
	margin: 0px 8px 4px 0px;
}
.item section.suffix header{position: absolute; top: -12px; left: 12px; padding: 0px 3px; background-color: #fff;}
.item section.suffix p{margin: 0px; padding-bottom: 0px;}
.item section.suffix footer{
	padding: 2px 0px 0px;
	margin-top: 0px;
	border-top: solid 1px #eee;
	font-size: 11px;
	text-align: left;
}
.item section.suffix footer a{color: #606ce1;}
.item section.suffix footer i.fa{font-size: 9px;}
/* @media (min-width: 576px) {
	.item section.suffix.split{
		float: right;
		width: calc(100% - 81px);
	}
	.item section.suffix img.context{
		position: absolute;
		left: -81px;
		top: -2px;
		float: none;
		margin: 0px;
	}
} */

.item .item-contents{float: left; margin: 0px 10px 0px 0px; padding: 6px; border: solid 1px #ccc; border-radius: 1px; background-color: #f8f9fa;}
.item .item-contents > ol{margin: 0px;padding: 0px 0px 0px 18px;}
.item .item-contents > ol > li > ol{padding-left: 26px;}
.item .def-item{margin-bottom: 26px; padding: 6px; overflow: auto; background-color: #f7f7f7; border-bottom: solid 1px #eaeaea;}
.item .def-item.di-fulltext ul{list-style: none; padding: 0px; margin: 0px;}
.item .def-item.di-fulltext ul li a{display: block; width: 680px; } /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */
.item .di-content{padding: 4px;}
.item .di-content p{padding-top: 0px; padding-bottom: 10px;}

/* notes section (eg. Vedic index of Names and Subjects) */
.di-content .notes p{letter-spacing: 0.01em; line-height: 14px; font-size: 11px;}
.di-content .notes p > sup:first-of-type{font-weight: bold;}

.di-source{float: left; font-size: 10px; font-style: italic; letter-spacing: -0.1px;}
.di-rating{float: right; font-size: 11px; font-weight: bold; color: #6c6c6c;}
.di-rating span{color: #b3a265;;}
.ql_Main{position: fixed; border: solid 2px #D1C6AF; background-color: #FFF; line-height: 16px; color: #000000; border: none; border-top: 2px solid #454545; border-bottom: 2px solid #454545; box-shadow: 0px 0px 25px 12px rgba(149, 149, 149, 0.4);}
.ql_Main .item{margin-bottom: 8px; padding-bottom: 5px; border-bottom: dotted 1px #ccc;}
.ql_Main .item a{font-weight: bold;}
.ql_Main .item header{font-size: 11px;}
.ql_Main .item header em{padding-left: 0px; font-size: 10px;}
.ql_Main .item .ql-search-desc{padding: 2px 0px; font-size: 10px; line-height: 14px;}
.ql_Main .item footer em{font-size: 10px;}

/* column layout */
.desc-col.col-2.w200{width: 412px; -moz-columns: 200px 2; -webkit-columns: 200px 2; columns: 200px 2; -moz-column-gap: 12px; -webkit-column-gap: 12px; column-gap: 12px;}
.desc-col.col-2{max-width: 100%; padding-left: 40px; -moz-columns: 300px 2; -webkit-columns: 300px 2; columns: 300px 2;}
.desc-col.col-3{max-width: 100%; padding-left: 40px; -moz-columns: 200px 3; -webkit-columns: 200px 3; columns: 200px 3;}
.desc-col.col-4{max-width: 100%; padding-left: 40px; -moz-columns: 150px 4; -webkit-columns: 150px 4; columns: 150px 4;}
.desc-col.col-5{max-width: 100%; padding-left: 40px; -moz-columns: 120px 5; -webkit-columns: 120px 5; columns: 120px 5;}
.desc-col.col-6{max-width: 100%; padding-left: 40px; -moz-columns: 100px 6; -webkit-columns: 100px 6; columns: 100px 6;}

/* inline columns */
.desc-col.col-inline{list-style: outside none none; padding-left: 10px;}
.desc-col.col-inline li span{float: left; width: 210px;}


/*
	Chapter Search
*/

.cs-title{float: left; width: 490px;}
.cs-title-extra{float: right; width: 200px; text-align: right;}
.cs-title-extra a{font-size: 11px; color: #666666; font-style: italic;}
.ft-search > a{font-size: 11px; font-weight: bold;}
.search-excerpt{padding: 3px 3px 12px 5px; margin-bottom: 10px; border-bottom: solid 1px #cccccc; font-size: 11px; line-height: 14px;}


/*
	Text > Storymode
*/

.storymode .heading{text-align: center;}
.storymode .heading h1{margin: 0px; padding: 0px 0px 4px 0px; color: #000; font-size: 14px; font-weight: bold;} /* font-weight: bold; */
.storymode .content{margin-top: 10px;}

/* text-specific changes */
.chapter-content.text_492 blockquote .line{padding: 0px;}

/* for 84000 */
.popup84 .tabs > div.tab{float: left; margin: 0px 0px 0px 0px;}
.popup84 .tabs a{font-size: 14px;}


/* 
	Community Profile
*/

.profileBox, .avatarBox{float: left; padding: 4px; margin-right: 6px; margin-bottom: 6px;}
.avatarBox{width: 128px; height: 128px;}
.profileBox{width: 330px;}

/* profile box header container */
.pb_Title{padding: 4px; margin-bottom: 12px; border-bottom: solid 1px #cccccc;}

/* profile box header text */
.pb_Title h3{margin: 0px; padding: 0px;}

/* profile box properties / values */
.profileBox h5, 
.profileBox h4, 
.profileBox_normal h5, 
.profileBox_normal h4{padding: 0px; margin-bottom: 6px; font-size: 12px;}
.profileBox h5, 
.profileBox_normal h5{width: 100px; float: left; clear: left; font-weight: bold;}
.profileBox h4, 
.profileBox_normal h4{float: left; clear: right; font-weight: normal;}
.profileSep{clear: both;}
.uPanelBox{width: 200px; height: 45px; margin: 6px; float: right; border: solid 1px #cccccc;}
.uPanelTitle{height: 20px; border-bottom: solid 1px #cccccc; text-align: center;}
.uPanelLinks{padding: 2px; text-align: center;}

/* Community Comments */
.addCom-main{padding: 6px;}
.ac-notlogged{padding-left: 6px; font-size: 11px; font-style: italic;}
.addCom-sep{clear: both; height: 25px;}

/* general */
.commHeader{margin-bottom: 4px;}
.commHeader h3{padding: 0px; font-size: 14px; font-weight: bold;}

/* quickpost */
.commQPLeft{float: left; width: 320px;}
.commQPRight{float: left; width: 200px;}
.commQPButtons{padding-top: 6px;}
.comm-char-left{font-size: 11px; letter-spacing: 0px;}

/* overview of comments: */
.commOverview{padding: 4px;}
.postSep{clear: both; margin-top: 12px; margin-bottom: 12px;}
.post-item{clear: both; width: 650px;}
.post-header{padding: 2px; margin-bottom: 8px; border-bottom: solid 1px #dfdfdf;}
.post-header, 
.ph-author, 
.ph-author a, 
.ph-author:link, 
.ph-author:visited{font-size: 10px; letter-spacing: 0px;}
.ph-author a, 
.ph-author:link, 
.ph-author:visited{color: #87899f; font-weight: bold;}
.ph-date{color: #87899f; float: right; letter-spacing: -0.02em;}
.ph-date a, 
.ph-date a:link, 
.ph-date a:visited{color: #5f74bb;}
.postInfo{font-size: 11px;}
.post-avatar{float: left; width: 48px; height: 48px;}
.post-right{width: 525px; float: left; padding: 12px; padding-top: 0px; margin-left: 6px; border-left: solid 1px #dfdfdf;}
.post-content{overflow: hidden;}

.post-content blockquote, .post-content em{margin-bottom: 0px; padding-bottom: 0px;}
.post-preview-msg{padding: 3px; clear: both; color: red;}
.post-qe-buttons{width: 396px; text-align: right; margin-top: 3px;}
.commError{padding: 6px; clear: both; font-size: 14px; font-style: italic; color: red;}
.postPreview{color: #fffc00; font-weight: bold;}
.spoiler{background-color: #666666; color: #666666;}
.spoiler:hover{background-color: #FFFFFF; color: #000000;}
.postEditButtons{width: 456px; text-align: right; margin-top: 3px;}

/* user comments page */
.uc_Main{padding: 4px; margin-bottom: 6px; background-color: #f4f4e7;}
.uc_Content{padding: 6px; display: none;}
.uc_Toolbar{float: right; display: none;}
.uc_Toolbar img{vertical-align: middle;}
.uc_Titlebar a, .uc_Titlebar a:link{font-style: italic;}

/* frontpage comment box: */
.fpc_Text{font-size: 11px; margin-bottom: 6px;}

/* BBCode pane: */
#bbcodePane{display: none; position: absolute; margin-top: 5px; margin-left: 10px; width: 250px; border: 1px solid #CCCCCC; background-color: #F4F4E7;}
#bbcodePane table{width: 100%; color: black;}
#bbcodePane td{width: 50%;}
.bbcodeRow{border-bottom: 1px solid #333333;}
.bbcodeRow:hover{background-color: #e2e2d2; border-bottom: 1px solid #333333; cursor: pointer;}

/*
	MSS
 */

.mss > section h2{padding-bottom: 7px; font-size: 18px; font-weight: normal; border-bottom: solid 1px #b7b7b7;}

/* about quote */
.mss > section.about .image{float: left; width: 150px;}
.mss > section.about .image a{display: block; line-height: 19px;}
.mss > section.about .image a img{max-width: 100%;}
.mss > section.about .image a span{font-size: 11px;}
.mss > section.about .text{float: left; width: 548px; max-width: 100%; padding-left: 18px; box-sizing: border-box;}

/* Sanskrit (shared) */
.mss a{color: #0013c2;}
.mss h3{font-size: 12px;}
.mss .headings h1{font-size: 24px;}
.mss > blockquote{margin: 0px;}
.mss > blockquote > em{font-size: 11px;}
.mss > blockquote.text-sanskrit p.dv{padding-bottom: 8px; font-size: 18px; line-height: 24px;}
.mss > blockquote.text-sanskrit p.iast{padding-bottom: 9px; font-size: 13px; line-height: 19px; font-style: italic;}
.mss > blockquote.text-sanskrit p.iast a#showIpa{color: #bfc5ce;}
.mss > blockquote.text-sanskrit .meter{font-size: 18px; line-height: 25px; letter-spacing: 6.6px; word-break: break-all;}
.mss > blockquote.text-sanskrit .meter-info{padding-top: 11px; font-size: 10px; line-height: 13px;}
.mss > blockquote.text-sanskrit p.ipa{padding-bottom: 4px; font-size: 14px; line-height: 21px; letter-spacing: 1px;}
.mss > blockquote.text-sanskrit p.ipaInfo{margin-bottom: 4px; padding: 0px; font-size: 11px;}
.mss > blockquote.text-sanskrit p.ipaPro{}
.mss > blockquote.text-translation{width: 648px;  max-width: 100%;}
.mss > blockquote.text-translation p:not(.note){padding-bottom: 4px;}
.mss > blockquote.text-translation p:first-of-type{font-size: 21px; line-height: 29px; font-family: 'Georgia','Times',serif;}
.mss > blockquote.text-translation p.note{font-size: 11px; font-style: italic; font-family: "Verdana";}
.mss > section{margin: 7px 0px 30px;}
.mss > section.index{margin-top: 20px;}
.mss > section p{padding-bottom: 0px; margin-bottom: 15px;}
.mss > section ul{padding: 0px; list-style: none;}

/* Sanskrit (shared) > book > editions: */
.mss section.sources h4{font-size: 11px; font-weight: normal;}
.mss section.sources blockquote p{position: relative;}
.mss section.sources blockquote p a.fa{position: absolute; top: 4px; left: -19px; color: #c5c5c5; font-size: 13px;}
.mss section.sources blockquote p span{font-size: 11px; font-style: italic;}

/* overview */
.mss.quote-overview > section.about{margin-bottom: 20px;}
.mss.quote-overview > section.about .image a{text-align: center; line-height: 16px;}
.mss.quote-overview .quote{margin: 0px 0px 10px 0px; padding: 2px 0px 4px 0px;}
.mss.quote-overview .quote span{font-weight: bold;}

/* Sanskrit books */
.mss section.introduction h3{font-weight: normal; font-style: italic;}
.mss section.sources h3{margin: 0px 0px 0px 0px; line-height: 42px; font-size: 14px; font-weight: bold;}
.mss blockquote.editions{margin: 0px;}
.mss blockquote.editions p{margin-bottom: 9px;}
.mss blockquote.editions p.lang{margin: 22px 0px 7px 0px;}
.mss blockquote.editions p.lang:first-child{margin-top: 0px;}

/* Annoted reading */
.annote{position: fixed;left: 0px;right: 0px;height: 290px;background: white;bottom: 0px;z-index: 600;border-top: solid 7px #777;-webkit-box-shadow: 0 0 6px 2px rgba(25,25,25,.7);box-shadow: 0 0 6px 2px rgba(25,25,25,.7);}
.annote .line{height: 40px;font-family: "Times new Roman";}
.annote .line > span:first-child{float: left;width: 60px;padding-top: 5px;font-size: 20px;line-height: 32px;}
.annote .line > .text{font-size: 30px;line-height: 40px;height: 40px;overflow: hidden;position: relative;float: left;width: calc(100% - 80px);position: relative;}
.annote > .leftcol{width: calc((100% - 1032px) / 2);}
.annote > .inner{position: relative;-ms-flex: 1 0 auto;-webkit-flex: 1 0 auto;flex: 1 0 auto;width: 1036px;height: 290px;margin: auto;border-left: solid 3px #ddd;border-right: solid 3px #ddd;padding: 15px 20px 15px 30px;box-sizing: border-box;}
.annote > .inner .zoom{}
.annote > .inner .zoom > .text{color: #adadad;}
.annote > .inner .zoom > .text .inner{position: absolute;top: 0px;}
.annote > .inner .zoom > .text span.active{color: #323232;}
.annote > .inner .word{margin-bottom: 10px;}
.annote > .inner .word > .text{font-weight: bold;}
.annote > .inner .explain{margin-bottom: 10px;}
.annote > .inner .explain > p{padding: 0px;}
.annote > .inner .explain > p > span:first-child{float: left;width: 120px;}
.annote > .inner .glossary{}
.annote > .inner .glossary p{padding-bottom: 0px;}
.annote > .inner .glossary .suggest{width: 698px; padding: 0px 8px;border-left: solid 1px #ccc;margin: 8px 0px 0px 2px;}
.annote > .search{width: calc((100% - 1032px) / 2);min-width: 200px;padding: 12px 6px;box-sizing: border-box;}
.annote > .search > p{padding-bottom: 0px;}
.annote > .search input{margin-bottom: 10px;}

/* Elastic Search */
section.search .results em{
	color: #81833b; /* #000 */
	/* border-bottom: solid 1px #aaa; */
}
section.search .results p{
	padding: 0px;
	margin: 8px 0px 7px 0px;
}
section.search .results p.header{
	margin-bottom: 1px;
}
section.search .results p.header span{
	/* font-size: 12px; */
}
section.search .results p.header strong{
	font-size: 14px;
}
section.search .results p.header strong a{
    color: #454545;
}
section.search .results p.header a.preview{
	font-size: 11px;
	font-style: italic;
}
section.search .results p.chapter{
	margin-top: 0px;
	margin-bottom: 0px;
}
section.search .results p.chapter a{
}
section.search .results .highlight{
	padding: 4px 0px 6px 0px;
}
section.search .results .highlight p{
	margin: 0px 0px 0px 3px;
	padding: 0px 6px 0px 6px;
	border-left: solid 1px #ddd;
}

section.search .results.book-overview p.more{
	margin-top: 2px;
}
section.search .results.book-overview p.more a{
	color: #606381;
}
section.search .results.book-detail p.more{
	margin-top: 25px;
}

/*
	Shop
 */

/* shared */
.shop .item .text > a{color: #0066c0; font-size: 18px; line-height: 1.5;}

/* shop category overview */
.shop.category-overview .item.cat .thumb figure{max-width: 80px;}

/* shop product overview */
.shop.product-overview .item.product .thumb figure{max-width: 150px;}

/* shop book detail */
.shop.book .chapter-content.contents h3{font-weight: normal;}


/* media queries for max width
*/
/* @media (max-width: 1024px){
	.mainBody{width: 100%;}
	.mainBody .menuRight{display: none;}
	.mainBody .menuLeft{padding-right: 20px;}
} */

/* media queries for when NOT MOBILE
*/
/* @media (min-width: 681px){
	.mainBody .menuLeft .inner ul{display: block;}
} */

/* media queries for MOBILE
*/
/*@media (max-width: 680px){
	.mainBody main{flex-flow: row wrap;}
	.mainBody .menuTop{margin-bottom: 12px;}
	.mainBody .menuLeft{width: 100%; height: auto; padding: 0px; margin-bottom: 15px;}
	.mainBody .menuLeft .inner{border-radius: 0px;}
	.mainBody .menuLeft .inner span{text-align: left; font-size: 12px; font-weight: bold;}
	.mainBody .menuLeft .inner ul{-ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
	.mainBody .menuLeft .inner ul li{padding-right: 9px;}
	.mainBody main article{padding-left: 15px;}
}*/

@media print {
	body,html { margin-top:0%;
	   display:block;
	   height:100%;}
}