/**

This file is part of <PubML> - Web-Based eBooks

Copyright 2014 by Spot Grafix, Inc.

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

<PubML>™ eBooks rely on third-party libraries offered under various open 
source licenses (MIT, Apache, etc.). The licensing terms for these files 
are described within these files. 

This <PubML>™ eBook includes files and images released under the GNU 
General Public License that are used to display YOUR content. Most of 
these files are named with a "pubml_" prefix. Any modifications you make 
to the <PubML>™ eBook platform or its css styles are considered derivative 
works that others may use and modify as provided for by, and subject to, 
the GNU General Public License. 

The CONTENT found in the following directories and files: 

   -footnotes directory
   -sections directory
   -scripts/pubml_tabs.js 

And any modifications or additions to such CONTENT remains the property 
of the applicable  author or rights holder and is not subject to the GNU 
General Public License. The goal is to ensure that the <PubML>™ eBook 
platform remains open source and free for anyone to modify or customize, 
while not infringing on the rights of authors to retain control, over the
rights to their content. 

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/


@charset "UTF-8";
/* LESS Document */

/* LESS VARS */
@paperColor: #F8EAD0;
@textColor: #333;
@baseFontSize: 62.5%;
@columnWidth: 300px;
@columnGap: 300px;
@columnHeight: 45rem;

/*---Z-INDEX REFERENCE FOR KEEPING TRACK OF VERTICALLY STACKED DIVS---*/
@coverZ: 20;
@nextPageAreaZ:30;
@prevPageAreaZ:40;
@bookMarkerZ:50;
@footnoteZ:60;
@badgeZ:90;
@tabsZ:100;
 @bigDesktop:   ~"only screen and (min-width: 1366px)";
@desktop:    ~"only screen and (min-width: 960px) and (max-width: 1365px)";
@tablet:    ~"only screen and (min-width: 720px) and (max-width: 959px)";
@phone:     ~"only screen and (min-width: 270px) and (max-width: 640px)"; /* iPhone landscape and iPad portrait */

@media @bigDesktop {
	html {
	 font-size:95%;
	}
}
@media @desktop {
	html {
	 font-size:62.5%;
	}
}
@media @tablet {
	html {
	 font-size:75%;
	}
}
@media @phone {
	html {
	 font-size:34.34%;
	}
 
	.mobileTabs {
		 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		 color: #FFFFFF;
		 font-family: arial;
		 font-size: 16px;
		 height: 27px;
		 line-height: 27px;
		 position: fixed;
		 text-align: center;
		 top: 0;
		 width: 100%;
		 display: block !important;
		 z-index:50;
	}
	
	#tabs {
		 display: block;
		 left: -640px;
		 margin-bottom: 0;
		 margin-left: 0;
		 margin-top: -2px;
		 position: fixed;
		 text-align: center;
		 transition: all 0.5s ease 0s;
		 width: 100%;
		 z-index: 100;
	}
	
	#tabs #tabHolder .navtab {
		display: block !important;
		height:27px;
		font-size:15px;
	}
	
	#tabs #tabHolder .navtab #toc_panel #contentspanel p, #tabs #tabHolder .navtab #toc_panel #contentspanel p a {
		font-size:14px;
		line-height:17px;
	}
	
	#tabs #tabHolder .navtab .navpanel p, #tabs #tabHolder .navtab .navpanel li {
		font-size:11px;
		line-height:15px;
	}
	
	.navpanel {
		width:98% !important;
	}
	
	#tabHolder {
		width:97% !important;
	}
	
	#bookMarker {
		display: none !important;
	}

}

html {
	font-size: 62.5%;
}
.mobileTabs {
	display: none;
}
body {
	text-rendering: optimizeLegibility;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
#cover {
	width: 46rem;
	/* height:66rem; */
	background-color:@paperColor;
	background-image: url(../images/paper_bg.jpg);
	position: absolute;
	/* margin-left:-23rem;
	left:50%;  */
	margin-top: .12rem;
 	z-index:@coverZ;
	cursor: pointer;
}
#cover img {
	width: 100%;
}
#blankpage {
 height:@columnHeight;
	width: 100%;
}
#endmarker {
	clear: both;
	text-align: left;
	text-indent: 0;
	height: 5px;
	width: 5px;
	background-color: #F00;
}
.book {
	width: 30rem;
	height: 45rem;
	background-color:@paperColor;
	background-image: url(../images/paper_bg.jpg);
	margin-left: auto;
	margin-right: auto;
	margin-top: 3rem;
	padding: 0;
	box-shadow: 2px 2px 2px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='999999');
	overflow: hidden;
	position: relative;
}
#bookMarker {
	position: absolute;
	top: -1px;
	left: 3rem;
	height: 6.6rem;
	width: 2.5rem;
	background: url(../images/bookmark_ribbon.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
 z-index:@bookMarkerZ;
	cursor: pointer;
}
#bookMarker img {
	height: 6.6rem;
	width: auto;
}
/* hot areas */
.prevPageArea {
	position: fixed;
	left: 0;
	top: 0;
	float: left;
	width: 25%;
	background-color: Transparent;
	height: 100%;
 z-index:@prevPageAreaZ;
	cursor: pointer;
}
.nextPageArea {
	position: fixed;
	right: 0;
	top: 0;
	float: right;
	width: 25%;
	background-color: Transparent;
	height: 100%;
 	z-index:@nextPageAreaZ;
	cursor: pointer;
}
.prevPageArea:hover {
	background: rgba(255,255,255,.45);
}
.nextPageArea:hover {
	background: rgba(255,255,255,.45);
}

/* -- Max width for the image inside the MC Content Pages -- */
#columntext article img {
	height: auto;
	max-width: 100%;
	text-indent: 0;
}


.separator {
	padding: 1rem!important;
	text-align: center!important;
	text-indent: 0!important;
	line-height: 2.4rem;
}
.section_icon {
	text-align: center!important;
	text-indent: 0!important;
	line-height: 4.8rem;
}
/*-------------------------------FOOTNOTE STYLES-----------------------------------------------------*/
#footnote {
	position: absolute;
	width: 100%;
	margin-top: 5rem;
 	z-index:@footnoteZ;
	cursor: pointer;
}
footnote_card {
	background-color: #FFF5E8;
	height: 34rem;
	max-height: 34rem;
	width: 23.3rem;
	margin-top: 2rem;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #999;
	border-radius: 0.9rem;
	padding: 1rem;
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
	background-image: url(../images/footnote_background.jpg);
	display: block;
}
footnote_card description {
	float: left;
}
footnote_card .slimScrollDiv {
	padding-right: 0.8rem;
}
footnote_card description p {
	/* .bookFont; */
	font-size: 1.4rem;
	line-height: 1.6rem;
 color: @textColor;
	padding-left: 0.8rem;
	padding-right: 0.2rem;
	width: 240;
	text-indent: 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
footnote_card illustration {
	height: 16rem;
	max-width: 23rem;
	background-color: #0CF;
	border-radius: 6px;
	/*background-image: url(../images/default.jpg);*/
	border-radius: 6px;
	border: thin solid #999;
	display: block;
	margin-bottom: 8px
}
footnote_card illustration img {
	border-radius: 6px;
	border: thin solid #999;
	height: 16rem;
	width: 23rem;
}
/*---------------------NAVIGATION TABS----------------------------*/
#tabs {
	/*left: 50%;*/
	margin-left: -215px;
	margin-top: -2px;
	position: fixed;
	top: 0;
	width: 480px;
	margin-bottom: 0;
 z-index:@tabsZ;
}
#panelHolder {
	clear: both;
}
#typefaceid {
	width: 16rem;
}
.navpanel {
 z-index:@tabsZ;
	background-color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9;
	border-right-color: #FF9;
	border-bottom-color: #FF9;
	border-left-color: #FF9;
	width: 25rem;
	padding: 1rem 0.5rem 1rem 1rem;
	position: absolute;
	margin-top: 0;
	text-align: left;
	box-shadow: 2px 2px 2px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='999999');
}
.navpanel p, .navpanel ol, .navpanel li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #CCC;
	text-decoration: none;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	text-align: left;
	margin-bottom: .5rem;
}
.navpanel p a {
	color: #24a8d4;
	font-size: 1.1rem;
	text-decoration: none;
}
.navpanel p a:hover {
	text-decoration: underline;
}
.navpanel li {
	margin-bottom: 1rem;
	margin-left: 1.9rem;
}
.navpanel span {
	color: #FFC;
	font-weight: 500;
}
.menutabs {
	padding-top: 0.5rem;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	padding-bottom: 0.5rem;
}
.navtab {
	clear: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1rem;
	color: #CCC;
	text-decoration: none;
	background-color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9;
	border-right-color: #FF9;
	border-bottom-color: #FF9;
	border-left-color: #FF9;
	float: left;
	height: 2.5rem;
	cursor: pointer;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	/*	padding-top:5px;
	padding-left:8px;
	padding-right:8px; */
	box-shadow: 2px 2px 2px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='999999');
}
.navtab:hover {
	color: #FFC;
	background-color: #666;
}
.navpanel alignleft {
	float: left;
}
.navpanel alignright {
	float: right;
}
#test {
	position: fixed;
	right: 10px;
	top: 10px;
	width: 200px;
	height: 100px;
	color: #000;
	background-color: #CCC;
	border: #333 1px solid;
	font-size: 14px;
	line-height: 18px;
	z-index: 1000;
	padding: 8px;
	font-face: 'Old Standard';
}
.wgb {
	padding: 0 0 0 6.8rem;
	border: 0;
	text-indent: 0;
}
#toc_panel .levelTwo {
	text-indent: 2rem;
}
/*----SETTNGS TAB-----*/

#settings_panel a:hover {
	opacity: .5;
}
.settings {
	width: 30rem;
 background-color:@paperColor;
	margin-left: auto;
	margin-right: auto;
	font-size: 1rem;
	padding: 1rem;
	box-shadow: 2px 2px 2px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='999999');
	overflow-x: hidden;
}
.slimScrollDiv {
	padding-right: 1.3rem;
}
.fieldSet {/*-elements in settings tab-*/
	clear: both;
	padding-bottom: 1rem;
	padding-right: 0;
	padding-top: .5rem;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #CCC;
	text-transform: uppercase;
	clear: both;
}
.type {
	color: #fff9e5;
	float: left;
	width: 100%;
}
.smallType {
	font-size: .8rem;
	clear: none;
}
.dropdown {
	float: left;
	padding-left: 1.5rem;
	padding-top: .5rem;
}
.dropdown select {
	float: left;
	padding: 0.2rem;
	font-size: 1.2rem;
	color: #666;
}
.type span {
	font-size: 1.1rem;
}
.dropdown ul {
	list-style: none;
}
.dropdown ul li {
	float: left;
}
.checkBoxLabel {
	clear: both;
	padding-top: 1rem;
	margin-bottom: 1rem;
	line-height: 1.8rem;
}
.chk {
	float: left;
	margin-right: .7rem;
	clear: both;
	margin-bottom: .6rem;
}
.settingsControls {
	clear: both;
	margin-top: 1rem;
}
.settingsControls ul {
	list-style: none;
}
.settingsControls ul li {
	float: left;
	border: none;
}
.navpanel li img {
	margin-left: .7rem;
}
/*---HYPERLINKS--*/
#columntext a {
	/*--links are underlined with border tags so hide automatic link underlining--*/
	color: @textColor;
	border-bottom-color: #999;
	border-left:0;
	border-right:0;
	border-top:0;
	border-bottom-width:thin;
	border-bottom-style:dotted;/*dotted line for regular hyperlinks*/
	text-decoration: none!important;
}

/*--solid links for media -*/
a.media {
	border-bottom-style: solid!important;
	border-width: 1px!important;
 	color: @textColor;
	border-bottom-width: thin;
	cursor: pointer;
}

/*--dashed links for footnotes -*/
a.footnote {
	cursor: pointer;
	border-bottom-style: dashed!important;
	border-width: 1px!important;
 	color: @textColor;
}

/*--- FOOTNOTE LINKS STYLING ---*/
a.showFootnoteLinks {
	cursor: pointer;
	border-bottom-style: dashed!important;
	border-width: 1px!important;
 	color: @textColor;
}
a.hideFootnoteLinks {
	border: none!important;
	cursor: default;
	border-bottom-width:0 !important;
	border-bottom-style:hidden !important;
}

/*--- MEDIA LINKS STYLING ---*/
a.showMediaLinks {
	border-bottom-style: solid!important;
	border-width: 1px!important;
 	color: @textColor;
	border-bottom-width: thin;
	cursor: pointer;
}
a.hideMediaLinks {
	border: none!important;
	cursor: default;
	border-bottom-width:0 !important;
	border-bottom-style:hidden !important;
}

/*--- TEXT JUSTIFICATION SETTINGS ---*/
/*extends .column p on line 198*/
.leftJustified {
	text-align: left;
}
.fullJustified {
	text-align: justify;
}
/*--- BOOK PAPER BACKGROUND STYLING ---*/
#pbg1 {
	background: none;
	display: block;
	padding: 1px;
	text-indent: 1px; /* running */
	width: 5rem;
	height: 5.8rem;
}
#pbg2 {
	background: none;
	display: block;
	padding: 1px;
	text-indent: 1px;
	width: 5rem;
	height: 5.8rem;
}
/*---BOOK TYPOGRAPHY---*/

.centered_data {
	text-align: center;
	text-indent: 0;
}
.pageNumber {
	position: absolute;  /* absolute */
	bottom: 2.4rem;
	/*	margin-left:@columnWidth/2-12px; */
	font-style: italic;
	width: 80%;
	padding: 0 10%;
}
/*---columnbreak class if needed---*/
.pubml-columnbreak {
	break-before: column;
	height: 0;
	padding: 0;
	margin: 0;
}
.noIndent {
	text-indent: 0;
}
/*----BOOK TYPOGRAPHY-----------*/

/*the following rules exist for the #runninghead div - need to coordinate with .pubml-running-head style */
#runningHead {
	top: 2rem;
	position: absolute;
	height: 2.4rem;
}
#runningHead img {
	padding-left: 3px;
	padding-right: 3px;
}
.pubml-section-title {
	font-weight: lighter;
	padding: 0;
}
.pubml-subtitle {
	font-weight: lighter;
	padding: 0;
}
.pubml-quotation {
}
.pubml-quote-author {
}
/*note padding:0 and css hyphenation rules */
p {
	padding: 0rem 0rem 0rem 0rem;
	overflow-x: visible;
}
.pubml-lyrics {
}
.pubml-signage {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}
.pubml-casual-letter {
	color: #666;
}
.pubml-computer-text {
}
/*part of pubml-pageNumber class is also defined in book_format.less at 
bottom of page because it uses a less var defined in that document */
.pubml-pageNumber {
}
.pubml-small-print {
}
.pubml-smallcaps {
	font-variant: small-caps;
	font-weight: 600;
}
.slimScrollBar, .slimScrollRail {
	right: 0 !important;
}
.slimScrollDiv img {
	height: auto;
}
#tabs {
	/* left:0%;*/
	margin-left: 0px;
	margin-top: -2px;
	position: fixed;
	top: 0;
	width: 100%;
	margin-bottom: 0;
 z-index:@tabsZ;
	text-align: center;
}
#tabs #tabHolder .navtab {
	float: none;
	display: inline-block;
	position: relative;
}
#tabs #tabHolder .navtab .navpanel {
	left: 0px;
}
/*wordpress img alignment classes */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 100%;
	height: auto;
}
.alignleft {
	float: left;
	max-width: 100%;
	height: auto;
}
.alignright {
	float: right;
	max-width: 100%;
	height: auto;
}
.pubml-separator-ornament {
	background-size: auto 100%;
}
/* main_container classes */
.main_container {
	margin: 0 auto;
	position: relative;
}
.mobileTabTriger {
	display: block;
	padding: 2px 0px 0px;
	float: left;
}
.mobileTabTitle {
	float: left;
	line-height: 21px;
	margin: 0;
	padding: 0;
	width: 79%;
	text-align: left;
}
img.aligncenter, img.alignright, img.alignleft {
	background: transparent !important;
}
#license-badge {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 43px;
	height: 42px;
 z-index:@badgeZ;
}