/*Base Styles*/ body > div, body > ul { } p { margin: 2px 0px 2px 0px; text-indent: 0; text-align: justify; font-size: small; background-color: inherit; } @font-face { font-family: PerpetuaStd; src: url("fonts/PerpetuaStd.otf"); } p.para { font-family: "PerpetuaStd"; text-indent: 16px; } a { color:blue; } div { background-color: transparent; } /*Lists*/ ul { margin-top: 4px; margin-bottom: 4px; margin-left:0; padding-left: 36px; } div.list { font-family: PerpetuaStd; margin-left: 1px; margin-top: 7px; padding: 0 10px 0 23px; text-align:justify; } div.sub { margin-left: 1px; padding: 0 10px 0 23px; } .item1, .listpara1 { font-size: small; font-family: PerpetuaStd !important; margin-top: 0; padding-top: 0; margin-bottom: 3px; text-indent: -1.1em; margin-left: 15px; } .item2, .item3, .listpara2, .listpara3, .item4, .listpara4, .itemN, .listparaN { margin-top: 0; margin-bottom: 3px; margin-left: 1px; padding-left: 23px; padding-top: 0; } /* end list styles */ /*Features*/ .feature1 { margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 8px 0px; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: left; page-break-inside: avoid; font-size: 12px; box-shadow: 0 0 0px #C96419 inset, 5px 5px 6px -5px #000000; border-bottom-right-radius: 1.4em 1.4em; } .feature2 { margin: 5px 0px 5px 3em; padding: 5px 10px 8px 5px; text-align: left; border-top: 2px solid #AAAAAA; border-bottom: 2px solid #AAAAAA; background-color: #EEEEEE; page-break-inside: avoid; font-size: 12px; } /*Rules*/ div.hr { display: none; } div.top, div.bottom { display: none; } div.dotted_top { margin: 40px 0 0 1em; text-decoration: underline; text-align: center; font-size: .7em; } div.dotted_bottom { text-decoration: underline; text-align: center; } @media amzn-mobi { div.hr { display: block; margin: 0; padding: 0; } div.top hr { display: block; margin: 0 0 0 1em; padding: 0; } div.bottom hr { display: block; margin: 0 0 0 0; padding: 0; } div.dotted_top { margin: 40px 0 0 1em; font-size: .7em; text-decoration: underline; text-align: center; } div.dotted_bottom { margin: 0 0 0 0; text-decoration: underline; text-align: center; } } .feature2_title { font-size: 1.2em; text-indent: 0; padding: 6px 0px 6px 4px; margin: 0; } .feature2_text { text-align: left; padding: 4px 10px 1px 10px; margin: 0; } .feature3 { margin: 8px 0 8px 0em; border-top: 1px solid #000; border-bottom: 1px solid #000; page-break-inside: avoid; font-size: 0.7em; } .feature3a { border-left: 3px solid #58585A; border-right: 3px solid #58585A; margin-left:20px; margin-right:20px; margin-top:0px; margin-bottom:0px; } .feature3b { border-bottom: 1px solid #000000; margin-top:0px; margin-bottom:0px; } .feature3_title { font-size: 1.1em; text-align: left; } .feature3_text { font-size: inherit; text-align: left; padding: 4px 10px 1px 10px; margin: 0; } .feature4 { margin: 0px 0em 40px 1em; padding: 5px 10px 8px 5px; font-size: .7em; } .feature4_title { font-size: 1.1em; } .feature4_text { padding: 4px 10px 1px 10px; margin: 0; } .feature1 > .feature1, .feature1 > .feature3, .feature1 > .feature4, .feature1 > .feature2, .feature3 > .feature1, .feature3 > .feature3, .feature3 > .feature4, .feature3 > .feature2 .feature4 > .feature1, .feature4 > .feature3, .feature4 > .feature4, .feature4 > .feature2 .feature2 > .feature, .feature2 > .feature3, .feature2 > .feature4 > .feature2 > .feature2 { font-size: inherit; } /*WileySD: Feature styles*/ .featuretitle { color: #ffffff; width: auto; display: block; margin-top: 0px; font-size: large; margin-bottom: 15px; margin-left: 0px; clear: both; -webkit-hyphens: none; page-break-before: avoid; background-color: #6F8F3A; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 7px; font-family: "PerpetuaStd-Bold"; border-bottom: 1px solid #000; } .featuretitlesub { font-size: 1.5em; text-align: center; padding: 5px 24px 5px 24px; margin: 0; } .featureh1 { padding-bottom: 8px !important; padding-top: 8px !important; padding-left: 15px; padding-right: 15px; color: #F56B23; font-family: "PerpetuaStd-Bold"; font-size: 1.4em; text-align: center; margin-left: 15px; } .featureh1alt { font-size: 1.4em; text-align: left; padding: 5px 0px 5px 24px; margin: 0; } .featureh2 { font-size: 1.3em; text-align: left; padding: 5px 0px 5px 24px; margin: 0; } .featureh3 { font-size: 1.1em; text-align: left; padding: 5px 0px 5px 24px; margin: 0; } .featureh4 { font-size: 1em; text-align: left; padding: 5px 0px 5px 24px; margin: 0; } .featurepara { font-family: "HelveticaNeueLTStd-Lt"; padding: 4px 10px 1px 10px; font-size: x-small; margin: 0; } .featureparacontinued { font-size: inherit; padding: 4px 10px 1px 10px; margin: 0; } .featureruninhead { font-size: inherit; padding: 4px 10px 1px 24px; margin: 0; } .featureruninpara { font-size: inherit; padding: 4px 10px 1px 24px; margin: 0; } .featureruninheadsub { font-size: inherit; padding: 4px 10px 1px 36px; margin: 0; } .featureruninparasub { font-size: inherit; padding: 4px 10px 1px 36px; margin: 0; } .featureurlpara { font-size: smaller; padding: 5px 0px 5px 24px; margin: 0; } .featurelisthead { font-size: inherit; text-align: left; padding: 5px 0px 2px 1em; margin: 0; } .featureequation { text-align: center; font-size: inherit; padding: 6px 12px 6px 36px; margin: 0; } .featureextract { font-size: inherit; display: block; padding: 6px 12px 5px 36px; margin: 0; } .featureextractsource { font-size: smaller; text-align: left; padding: 4px 12px 2px 36px; margin: 0; } .featurefiguresource { font-size: smaller; text-align: left; padding: 4px 12px 2px 36px; margin: 0; } .featuretablecaption { font-size: inherit; text-align: left; padding: 11px 12px 2px 36px; margin: 0; } .featuresource { font-size: x-small; text-align: right; padding: 4px 12px 2px 36px; margin: 0; } .featurereference { font-size: smaller; text-align: left; padding: 2px 12px 2px 36px; margin: 0; } .featurefootnote { font-size: smaller; text-align: right; } /*end feature styles */ /*Code*/ pre { font-size: smaller; font-family: monospace; text-align: justify; text-indent: 0; background-color: transparent; white-space: pre-wrap; margin: 0px 0px 6px 1em; padding: 0; } p.codetitle { margin-left: 12px; } p.codehead { font-size: 1em; } p.codenote { font-size: x-small; text-align: right; border-top: thin solid #AAAAAA; border-bottom: thin solid #AAAAAA; text-decoration: underline; margin: 6px 0px 8px 0px; padding: 4px 0 4px 0; } /* end code styles */ /*Use Spans to tag bold, italic and bolditalic*/ span.normal { font-weight: normal; font-family: 'HelveticaNeueLTStd-Lt'; } .normal1{ font-weight: normal; font-family: 'HelveticaNeueLTStd-Md'; } span.bold { /* and can also be used*/ font-family: "PerpetuaStd-Bold"; } span.italic {/* and can also be used*/ font-family: "PerpetuaStd-Italic"; } span.italic1 {/* and can also be used*/ font-family: "HelveticaNeueLTStd-LtIt"; } span.bolditalic { font-family: "PerpetuaStd-BoldItalic"; } span.emphasis { font-style:italic; } /*Colors: apply as classes on tags -- redefine to suit rgb colors os specific titles*/ .red { color:#FF0000; /*color:rgb(255,0,0);*/ background-color: inherit; } .blue { color:#005873; /*color:rgb(0,15,255);*/ background-color:inherit; } .tablec1 { font-family: "PerpetuaStd-Bold"; text-align: center; padding-right: 15px !important; padding-bottom: 4px !important; padding-top: 4px !important; padding-left: 15px !important; font-weight: bold; color:#FFFFFF; /*color:rgb(0,15,255);*/ background-color:#3998A9; } .green { color:#228B22; /*color:rgb(34,139,34);*/ background-color:inherit; } .yellow { color:#FFF000; /*color:rgb(255,240,0);*/ background-color:inherit; } /*General Headers*/ h1, h2, h3, h4, h5, h6, h7 { margin: 20px 0px 5px 0px; text-indent: 0; page-break-inside: avoid; page-break-after: avoid; hyphens: none; display: block; } h1{ width: auto; display: block; margin-top: 15px; margin-bottom: 10px; clear: both; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; page-break-inside: avoid; font-family: 'SerifaStd-Bold'; } h2 { margin: 24px 0px 5px 0px; text-align: left; color: #1D6781; } h5 { font-size: 1em; } h6 { font-size: 1em; } /*Use H1-H6 to keep sections intact. Use chapter/part/section titles apart from section structure*/ h1.parttitle { color: #FFFFFF; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; font-size: xx-large; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 50px 0px 50px 0px; padding-top: 10px; font-family: "PerpetuaStd-Bold"; } h1.parttitle1 { color: #F56B23; font-size: xx-large; text-align: center; font-family: "PerpetuaStd"; } h1.chaptertitle { color: #FFFFFF; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: xx-large; text-align: right; text-indent: 0; margin: 50px 0px 50px 0px; padding-top: 10px; font-family: "PerpetuaStd-Bold"; } h1.chaptertitle1 { color: #F56B23; font-size: xx-large; text-align: left; text-indent: 0; margin: 5px 0px 20px 0px; font-family: "PerpetuaStd"; } h1.chaptersubtitle { font-size: large; text-align: left; text-indent: 0; margin: 5px 0px 30px 0px; color: #818285; font-family: "HelveticaNeueLTStd-Lt"; } h1.sectiontitle { font-size: x-large; text-align: center; margin: 5px 0px 36px 0px; } p.parttitle { font-size: xx-large; text-align: center; margin: 5px 0px 48px 0px; } p.chaptertitle { font-size: xx-large; text-align: center; text-indent: 0; margin: 5px 0px 48px 0px; } p.chaptersubtitle { font-size: x-large; text-align: center; text-indent: 0; margin: 5px 0px 20px 0px; } p.sectiontitle { font-size: x-large; text-align: center; margin: 5px 0px 36px 0px; } /*General Alignment: apply as class when necessary*/ .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } div.left { text-align: left; } div.right { text-align: right; } /*Figures & Graphics*/ div.figure { margin: 6px 0px 10px 0px; text-align: center; } div.figure img, div.graphic img { max-width:100%; } div.graphic { margin: 6px 0px 8px 8px; padding: 0 6px 0 6px; text-align: center; } img.marginicon { padding: 0; } .pagebreak { page-break-after:always; } .figurecaption { font-size: small; text-indent: 0; text-align: left; margin: 11px 0 2px 0px; color: #000000; background-color: transparent; page-break-after: avoid; page-break-inside: avoid; font-family: "PerpetuaStd"; } p.figuresource { font-size: x-small; text-indent: 0; text-align: left; margin: 4px 0px 2px 0px; } p.figurelabel { font-size: x-small; text-indent: 0; text-align: left; margin:0; } /*Begin Wiley SD-specific Styles*/ /*WileySD: Headings*/ p.h1 { font-size: 2em; text-align: center; margin: 36px 0px 5px 0px; page-break-after:avoid; } p.h2 { font-size: 1.5em; text-align: center; margin: 25px 0px 5px 0px; page-break-after:avoid; } p.h3 { font-size: large; text-align: left; margin: 20px 0px 5px 0px; } p.h4 { font-size: medium; text-align: left; margin: 20px 0px 5px 0px; } p.paraaftertitle { font-family: "PerpetuaStd"; text-indent: 0; } p.chapterauthor { font-size: medium; text-align: right; margin: 5px 0px 20px 0px; } p.chapterauthoraffiliation { text-align: right; margin: 5px 0px 10px 0px; } p.chaptercredit { text-align: right; margin-bottom: 20px; } p.chapterintroductionhead { font-size: large; text-align: left; margin-bottom: 12px; } p.chapterintroductionpara {} p.h5 { font-size: medium; text-align: left; margin-top: 20px; } p.h6 { font-size: medium; text-align: left; margin-top: 20px; } p.h7 { font-size: medium; text-align: left; margin-top: 20px; } p.floatinghead { font-size: medium; text-align: left; margin-top: 20px; } /*end headings*/ /*WileySD: Para styles*/ p.paracontinued { font-family: "PerpetuaStd"; } p.partintroductionpara { margin: 0px 0px 24px 0px; } p.parabulleted {/*include bullet entities -- or convert to
    */ display: list-item; list-style-type: none; margin: 0px 0px 6px 1em; } p.paranumbered {/* include numbers -- or convert to p.listnumbered*/ display: list-item; list-style-type: none; margin: 0px 0px 6px 1em; } p.extractpara { display: block; margin: 6px 12px 5px 1em; } p.extractcontinued { display: block; margin: 6px 12px 2px 1em; } p.extractattribution { text-align: right; margin: 4px 0px 2px 0px; } p.quote { font-family: "PerpetuaStd"; display: block; margin: 6px 0px 2px 1em; } p.quotepara {/*same as quote*/ display: block; margin: 6px 0px 2px 1em; } p.quotesource { text-align: right; margin: 4px 0px 2px 0px; } p.equation { text-align: center; margin: 6px 0px 6px 0em; } p.equationnumbered { display: block; margin: 6px 12px 2px 1em; } p.listwhere {/*a where list that follows an equation */ display: list-item; list-style-type: none; text-align: left; margin: 2px 0px 6px 36px; } p.epigraph { display: block; margin: 6px 12px 2px 1em; } p.epigraphsource { text-align: right; margin: 4px 0px 2px 0px; } p.onlinereference { font-size: x-small; font-family: monospace; margin: 4px 0px 2px 0px; } p.onlinereference2 { font-size: x-small; font-family: monospace; margin: 4px 0px 2px 1em; } p.crossrefpara {/*same as para*/ margin-top: 5px; } p.dialogue { margin-left: 20px; display: block; margin-top: 5px; } p.supplementinstruction { text-align: left; margin: 5px 0px 2px 1em; } p.urlpara { font-size: smaller; margin-top: 5px; } .runinhead { text-align: left; margin: 0px 0px 0px 1em; padding-right: 10px; } .runinpara { margin: 0px 0px 6px 1em; } .runinheadsub { text-align: left; margin: 2px 0px 2px 2em; padding-right: 10px; } .runinparasub { margin: 2px 0px 2px 2em; } p.question { margin: 10px 0px 2px 0px; padding-left: 12px; } p.option { display: list-item; list-style-type: none; margin: 2px 0px 6px 2em; } p.answer { margin: 5px 0px 2px 1em; } p.explanation { margin-top: 5px; } p.questiondata { margin-top: 5px; margin-bottom: 2px; } /*end para styles*/ /*WileySD: Lists*/ p.extractlistnumbered { display: block; margin: 2px 12px 5px 1em; } p.partfeaturinglist { margin: 2px 0px 5px 3em; } p.listhead { text-align: left; } p.keyconceptshead { font-size: medium; text-align: left; margin-bottom: 6px; } p.chapterobjectivetitle { font-size: medium; text-align: left; margin-bottom: 6px; } p.objectivetitle { font-size: medium; text-align: left; margin-bottom: 6px; } p.objective { margin-left: 1em; } p.subobjective { margin-left: 2em; } /*end lists*/ /*WileySD: Tables*/ td { font-size: inherit; vertical-align: text-top; text-indent: 0 !important; text-align: left !important; background-color: inherit; } .tablecaption { font-family: "PerpetuaStd"; font-size: .8em; text-align: left; margin-top: 11px; } table.bodytable, table { font-family: "PerpetuaStd"; border-collapse: collapse; /*turns off double borders*/ margin-bottom: 8px; font-size:x-small; } td.headercell { padding: 3px; } td.bodycell { padding: 3px; } td.footercell { padding: 3px; } p.tablesource { font-size: x-small; text-align: right; } /*note: these are now defined under the general td style, above*/ td.tabularhead { } td.tabularentry { } td.tabularentrysub { } p.tablefootnote { font-size: x-small; text-align: left; margin-bottom: 3px; } /*NOTE: Do NOT use a tableentry with a

    inside to create a footnote -- this will add extra space inside the table cell. Instead, use with a colspan="N" declaration. Or use

    AFTER the tag. */ /*note: including

    's in your table cells will result in extra spacing and bad rendering -- all

    's in td cell's should be removed, leaving the formatting to the class. The classes below are undefined and tables with these styles will appear as "normal" font -- if you need extra line, use
    p.tabluarentry { } p.tabularhead { } p.tabularentrysub { } p.tableentry { } p.tablehead { }*/ /*end tables*/ /*Wiley SD: Front Matter styles*/ p.mattertitle, p.booktitle, p.booksubtitle, p.bookhalftitle, p.introductiontitle, p.glossarytitle, p.indextitle, p.appendixtitle, p.bibliographytitle { font-size: x-large; text-align: center; margin: 45px 0 12px 0; } p.booktitle { line-height: 0.7em; margin-top: 35px; color: #6F8F3A; font-family: "PerpetuaStd-Bold"; font-size: 35pt; } p.booksubtitle { font-size: large; margin-top: 5px; color: #58585A; font-family: "HelveticaNeueLTStd-Lt"; } p.bookhalftitle { line-height: 0.7em; white-space: pre-wrap; font-size: 35pt; margin-top: 35px; color: #6F8F3A; font-family: "PerpetuaStd-Bold"; } p.mattertitle { margin-top: 50px; color: #ffffff; font-size: large; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom: 70px; padding-top: 5px; font-family: "PerpetuaStd-Bold"; } p.indextitle { color: #ffffff; font-size: large; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom: 70px; padding-top: 5px; font-family: "PerpetuaStd-Bold"; } p.bookauthor, p.bookedition { color: #6F8F3A; font-size: x-large; text-align: center; margin: 20px 0 6px 0; font-family: "PerpetuaStd-Bold"; } p.copyright { font-family: "PerpetuaStd"; text-align: left; margin: 8px 0 6px 0; } p.credits { text-align: left; } p.creditstitle { /*amend titles in credits for this style*/ text-align: left; margin-top: 20px; } p.dedication { margin-top: 50px; color: #58585A; text-align: right; } p.introductiontitle { font-family: "PerpetuaStd-Bold"; color: #ffffff; font-size: large; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom: 50px; margin-top: 50px; padding-top: 5px; } p.toctitle { color: #ffffff; font-size: large; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom: 70px; margin-top: 50px; padding-top: 5px; } p.contentsparttitle { font-family: "PerpetuaStd"; font-size: x-large; text-align: left; margin-top: 30px; } p.contentschaptertitle { font-family: "PerpetuaStd"; font-size: large; text-align: left; margin: 24px 0 6px 0; } p.contentsabstract { font-size: x-small; text-align: left; } p.contentsh1 { font-family: "PerpetuaStd"; font-size: medium; text-align: left; margin-left: 2em; } p.contentsh2 { text-align: left; margin-left: 3em; } p.contentsh3 { text-align: left; margin-left: 4em; } p.toc_entry { text-align: left; } p.prefacetitle { font-size: x-large; text-align: center; margin-bottom: 48px; } p.signatureline { font-family: "PerpetuaStd"; text-align: right; margin-top: 36px; margin-bottom: 12px; } /*end front matter styles*/ /*Wiley SD: End-of-Chapter styles */ p.discussionhead { text-align: left; margin-bottom: 20px; } p.footnoteentry { margin: 15px 0px 5px 20px; font-family: "PerpetuaStd"; } p.endnoteshead { font-size: large; text-align: left; margin: 20px 0 20px 0; } p.endnoteentry { display: list-item; list-style-type: none; text-align: left; margin: 2px 0 0 12px; } p.exerciseshead, p.furtherreadinghead, p.keytermshead, p.problemshead, p.reviewhead, p.summaryhead, p.questionshead, p.answershead { text-align: left; margin-bottom: 20px; } p.referenceshead { margin-top: 10px; margin-bottom: 10px; } /*end end-of-chapter styles */ /*Wiley SD: Back Matter styles*/ p.glossaryletter { font-size: medium; text-align: left; margin-bottom: 10px; } p.glossarydefinition { margin-bottom: 5px; } p.glossaryterm { } span.glossaryterm-char { } span.glossarydefinition-char { font-weight: normal; } p.indexletter { color:#1D677C; font-family: "PerpetuaStd"; font-size: medium; text-align: left; margin: 12px 0 10px 0; } p.index1 { font-family: "PerpetuaStd"; } .index2 { font-family: "PerpetuaStd"; margin-left: 1em; text-indent: 0; font-size: small; } .index3 { font-family: "PerpetuaStd"; margin-left: 2em; margin-bottom: 0px; font-size: small; } .index4 { margin-left: 3em; margin-bottom: 0px; font-size: inherit; } p.indexnote { font-size: x-small; text-align: right; } p.bibliographyhead { text-align: left; margin-bottom: 20px; } p.bibliographyentry { margin-bottom: 5px; } p.endnotestitle { font-size: medium; margin-bottom: 36px; } p.referencetitle { font-size: x-large; text-align: center; margin-bottom: 48px; } p.reference { margin-bottom: 5px; } p.referenceannotation { margin-bottom: 5px; } /*end back matter*/ /*addresses*/ p.addressname { margin-bottom: 2px; } p.address { } p.addressdescription { } /*end addresses*/ /*local character formatting*/ span.inlinecode, span.inlinecodevariable, span.inlinecodeuserinput, span.inlinecodeuserinputvariable, span.codehighlight { font-family: monospace; font-size: inherit; } span.inlinecodevariable { font-style: italic; } span.inlinecodeuserinput { font-weight: bold; } span.inlinecodeuserinputvariable { font-weight: bold; font-style: italic; } span.inlineemail { font-size: inherit; } span.inlineurl { font-size: inherit; } span.codehighlight { background-color: #EEEEEE; color: #000; text-decoration: underline; } span.callout { font-weight: bold; font-size: inherit; } span.codelabel { font-weight: bold; font-size: inherit; } span.keyterm { font-weight: bold; } span.variable { font-style: italic; } span.superscript { /* convert to , preferred*/ font-size: xx-small; vertical-align: super; } span.subscript {/* convert to , preferred*/ font-size: xx-small; vertical-align: sub; } sup.frac { /* use for top number in fractions*/ font-size: xx-small; vertical-align: super; } sub.frac {/* use for bottom number in fractions*/ font-size: xx-small; vertical-align: sub; } span.userinput { font-weight: bold; } span.userinputvariable { font-weight: bold; font-style: italic; } span.crossrefterm { font-weight: bold; } span.genusspecies { font-weight: bold; } span.menuarrow {/* this is a legitimate span, but the entity should convert to ⇒, and needs no definition*/ } span.strikethrough { text-decoration: line-through; } span.underline { text-decoration: underline; } /*end local formatting*/ /* codecolor spans */ span.codecolorblue { color: #0000FF; background-color: inherit; } span.codecolorblue2 { color: #0000A5; background-color: inherit; } span.codecolorblue3 { color: #6464B9; background-color: inherit; } span.codecolorbluegreen { color: #2B91AF; background-color: inherit; } span.codecolorbrown { color: #573733; background-color: inherit; } span.codecolordkblue { color: #000080; background-color: inherit; } span.codecolorgreen { color: #008000; background-color: inherit; } span.codecolorgreen2 { color: #629755; background-color: inherit; } span.codecolorgrey30 { color: #808080; background-color: inherit; } span.codecolorgrey55 { color: #C0C0C0; background-color: inherit; } span.codecolorgrey80 { color: #555555; background-color: inherit; } span.codecolorhotpink { color: #DF36FA; background-color: inherit; } span.codecolormagenta { color: #844646; background-color: inherit; } span.codecolororange { color: #B96464; background-color: inherit; } span.codecolorpeach { color: #CE8F53; background-color: inherit; } span.codecolorpurple { color: #951795; background-color: inherit; } span.codecolorpurple2 { color: #800080; background-color: inherit; } span.codecolorred { color: #FF0000; background-color: inherit; } span.codecolorred2 { color: #800000; background-color: inherit; } span.codecolorred3 { color: #A31515; background-color: inherit; } span.codecolortealblue { color: #008080; background-color: inherit; } span.codecolorwhite { color: #FFFFFF; background-color: inherit; } /*end code colors*/ p.textbreak, p.textbreak-withbullet { margin: 10px 0 10px 0; font-size: medium; text-align: center; } /*begin poetry*/ p.poetrytitle { font-size: large; text-align: left; margin: 24px 0px 10px 30px; } p.poetrypara { text-align: left; margin: 12px 0px 2px 30px; } p.poetrycontinued { text-align: left; margin: 2px 0px 2px 30px; } p.poetrysource { text-align: left; margin: 6px 0px 8px 30px; } /*poetry legacy styles*/ p.poetry-first { text-align: left; margin: 10px 0px 2px 30px; } p.poetry-middle { text-align: left; margin-left: 30px; } p.poetry-last { text-align: left; margin: 2px 0px 10px 30px; } p.poetrypara-first { text-align: left; margin: 10px 0px 2px 30px; } p.poetrypara-middle { text-align: left; margin: 2px 0px 2px 30px; } p.poetrypara-last { text-align: left; margin: 2px 0px 10px 30px; } /*end poetry*/ /*begin recipes*/ p.recipetitle { font-size: large; text-align: center; margin: 24px 0px 5px 0px; } p.recipetitlealternative { font-size: medium; text-align: left; margin: 24px 0px 5px 0px; } p.recipesubrecipetitle { font-size: medium; text-align: center; margin: 12px 0px 12px 0px; } p.recipeyield { font-size: medium; text-align: left; margin: 2px 0px 10px 0px; } p.recipeintro { margin: 10px 0px 2px 0px; } p.recipeingredienthead { font-size: medium; text-align: left; margin: 10px 0px 0px 3em; } p.recipeingredientlist-first { display: list-item; list-style-type: none; margin: 15px 0px 0px 2em; } p.recipeingredientlist { display: list-item; list-style-type: none; margin: 2px 0px 0px 2em; } p.recipeingredientlist-last { display: list-item; list-style-type: none; margin: 0px 0px 15px 2em; } p.recipeprocedurehead { font-size: medium; text-align: left; margin: 2px 0px 10px 0px; } p.recipeprocedure { margin: 2px 0px 12px 0px; } span.recipeprocedure { font-size: small; padding-left: 0px; padding-right: 4px; } p.recipetime { font-size: medium; text-align: left; margin: 2px 0px 10px 0px; } p.recipevariationh1 { font-size: medium; text-align: left; margin: 2px 0px 10px 0px; } p.recipevariationh2 { text-align: left; margin: 2px 0px 10px 0px; } p.recipevariationflavor {/* */ text-align: left; margin: 2px 0px 12px 0px; } p.recipevariationpreparation { margin: 2px 0px 12px 0px; } p.recipenutritioninfo {/*placed */ font-size: x-small; text-align: right; margin: 5px 0px 10px 0px; } p.recipefootnote { font-size: x-small; margin: 2px 0px 12px 3em; } p.recipeusmeasure, p.recipemetricmeasure, p.recipepercentage { font-size: x-small; margin: 5px 0px 5px 2em; } p.recipetablehead { margin: 15px 0px 5px 0px; } /*non wileySDstyles*/ p.recipetitle-101- { font-size: large; text-align: center; margin: 24px 0px 5px 0px; } p.recipeprocedure-101- { margin: 2px 0px 12px 0px; } p.feature-recipe-title { font-size: large; text-align: center; margin: 24px 0px 5px 0px; } /*end recipes*/ /*BoB Ad Styles*/ div.bobad { margin-left:auto; margin-right:auto; margin-top: 10px; width:100%; } div.bobad_box { margin-left:10%; margin-right:10%; clear:left; height:200px; overflow:visible; } div.bobad_thumb { float:left; clear:both; margin: 0px 10px 20px 0px; } div.bobad_thumb img { max-width: 100%; } div.bobad_text{ float:left; margin: 0px 0px 30px 0px; width:59%; font-family:sans-serif; } p.bob_link a { text-decoration: none; font-weight: bold; color: inherit; } p.bob_copy { font-size: small; } /*end style sheet*/ @font-face { font-family: 'PerpetuaStd-Bold'; src: url("fonts/PerpetuaStd-Bold.otf"); } @font-face { font-family: 'PerpetuaStd-BoldItalic'; src: url("fonts/PerpetuaStd-BoldItalic.otf"); } @font-face { font-family: 'PerpetuaStd-Italic'; src: url("fonts/PerpetuaStd-Italic.otf"); } @font-face { font-family: 'SerifaStd-Black'; src: url("fonts/SerifaStd-Black.otf"); } @font-face { font-family: 'SerifaStd-Bold'; src: url("fonts/SerifaStd-Bold.otf"); } @font-face { font-family: 'SerifaStd-Roman'; src: url("fonts/SerifaStd-Roman.otf"); } @font-face { font-family: 'HelveticaNeueLTStd-It'; src: url("fonts/HelveticaNeueLTStd-It.otf"); } @font-face { font-family: 'HelveticaNeueLTStd-LtIt'; src: url("fonts/HelveticaNeueLTStd-LtIt.otf"); } @font-face { font-family: 'HelveticaNeueLTStd-Lt'; src: url("fonts/HelveticaNeueLTStd-Lt.otf"); } @font-face { font-family: 'HelveticaNeueLTStd-Md'; src: url("fonts/HelveticaNeueLTStd-Md.otf"); } @font-face { font-family: 'HelveticaNeueLTStd-MdIt'; src: url("fonts/HelveticaNeueLTStd-MdIt.otf"); } .drop{ font-size: 300%; line-height: 100%; float:left; margin-top:-3px; margin-bottom: -15px; font-family: "PerpetuaStd"; } .h1_gray{ padding-right: 20px !important; padding-bottom: 9px !important; padding-top: 9px !important; padding-left: 0px !important; font-family: "PerpetuaStd-Bold"; border-right: 1px solid #000000; } .featuretitle1 { color: #ffffff; width: auto; display: block; margin-top: 0px; font-size: 1.6em; margin-bottom: 15px; margin-left: 0px; clear: both; -webkit-hyphens: none; page-break-before: avoid; background-color: #1D677C; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 7px; font-family: "PerpetuaStd-Bold"; border-bottom: 1px solid #000; } .h1_gray1{ padding-bottom: 8px !important; padding-top: 8px !important; font-family: "PerpetuaStd-Bold"; border-right: 3px solid #58585A; border-left: 3px solid #58585A; } .featuretitle2 { color: #ffffff; width: auto; display: block; margin-top: 0px; font-size: 1.6em; margin-bottom: 15px; margin-left: 0px; clear: both; -webkit-hyphens: none; page-break-before: avoid; background-color: #DA1F44; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 7px; font-family: "PerpetuaStd-Bold"; border-bottom: 1px solid #000; } a.hlink { text-decoration: none; } a { text-decoration: none; } .green1{ color: #66863C; font-family: "SerifaStd-Bold"; } .light-green{ color: #CCCC33; vertical-align: middle !important; font-size: 100% !important; max-width: 100%; max-height: 100%; } .bullet-green{ color: #6F8F3A !important; font-size: 100%; } .bullet-pink{ color: #DA1F44 !important; font-size: 100%; } .green2{ color: #827B0C; cursor: pointer; font-size: x-small; font-family: 'HelveticaNeueLTStd-MdIt' !important; -webkit-hyphens: none; font-weight: lighter; } .copyright b, .featurepara1 b, .para b, .paraaftertitle b, .paracontinued b, li b, box_para, .item1 b, .tablecaption b, .contentschaptertitle b, .contentsparttitle b, .contentsh1 b,{ font-family: "PerpetuaStd-Bold"; } .copyright i, featurepara1 i, .para i, .paraaftertitle i, .paracontinued i, li i, .bib i, .bib1 i, .index2 i, index1 i, .copy i, .box_para i, .feature_para i, .item1 i, { font-family: "PerpetuaStd-Italic"; font-size: inherit !important; } span.table { background-color: #3998A9; padding-left: 2px; padding-top: 8px; padding-bottom: 2px; padding-right: 2px; } span.small { font-size: 18pt; } span.big { font-size: large; } .popup_box1{ padding: 20px; border-radius: 15px; box-shadow: 5px 5px 25px -8px black; margin-bottom: 80px; margin-top: 80px; min-height: 15px; background-color: #BEC531; text-align: center; } .popup_box1_key_para{ text-align: left; color: #000000; font-size: 15px; font-family: 'HelveticaNeueLTStd-Lt'; } .term1{ font-family: 'HelveticaNeueLTStd-Md' !important; color: #827B0C; } .para1{ text-align: justify; margin-top: 10px; text-indent: 43px; margin-bottom: 10px; font-family: "PerpetuaStd"; } .squre-blue { font-size: 100%; color:#3998A9; } .featurepara1 { text-align: left; margin-top: 5px; margin-bottom: 5px; padding-left: 20px; font-family: "PerpetuaStd"; color: #58585A; } .test{ background-color: #6F8F3A; border-radius: 8px 8px 8px 8px; box-shadow: 0 0 0px #C96419 inset, 5px 5px 6px -5px #000000; cursor: pointer; margin-top: 1em; margin-bottom: 1em; margin-left: 4em; margin-right: 4em; display: inline-block; padding: 10px 20px 10px 20px; font-family: "PerpetuaStd" !important; font-weight: lighter; clear: both; font-size: large; border: 1px solid #000000; } .qzWrap{ font-size: x-large !important; margin-top: 2.5em; } .bar { background-color: #6F8F3A; border-radius: 10px 10px 10px 10px; color: #ffffff; padding: 10px; box-shadow: 0 0 0px #C96419 inset, 5px 5px 10px -5px #000000; font-family: "SerifaStd-Roman"; } .quiz_brd{ border-bottom: 1px solid #000000; border-top: 1px solid #000000; border-left: 20px solid #E5E6C7; box-shadow: 10px 10px 15px 0px #999999; padding-right: 10px; } .quiz_brd ol li{ font-size: x-large !important; } h3.bar b{ color: #000000; } .qn{ font-weight: bold; font-family: 'HelveticaNeueLTStd-Lt'; } .qn ol{list-style-type:none;margin:0px;padding:0;} .qn li{margin-top:15px; font-size:medium;} .optn li { margin:0px; padding-left:20px; background:url("images/checkbox.png") no-repeat 0 6px; background-position: 20px 0px 10px; cursor:pointer;} .optn li.select{background:url("images/checked.png") no-repeat 0 6px; color:#49bed7;} .qn li.btnrow{list-style-type:none; text-align:center;} .result #ansBtn{display:none;} #backBtn{display:none;} .result #backBtn{display:inline;} .result .optn li {background:none;} .result .optn li .ans{ background:url("images/correct.png") no-repeat 0 6px; background-position: 20px 0px 10px; display:block; margin-left:-22px; padding-left:22px; } .try_active{color: #ffffff; font-family: "PerpetuaStd" !important; border-radius: 8px 8px 8px 8px; cursor: pointer; margin-top: 1em; margin-bottom: -2em; display:inline-block; padding: 10px 50px 10px 50px; font-weight: lighter; clear: both; font-size: large;} .test_active{ color: #ffffff; font-family: "PerpetuaStd" !important; border-radius: 8px 8px 8px 8px; cursor: pointer; margin-top: 1em; margin-bottom: -2em; display:inline-block; padding: 10px 50px 10px 50px; font-weight: lighter; clear: both; font-size: large; } .white_test1{ background-color: #49BED7; color: #ffffff; font-family: "PerpetuaStd" !important; border-radius: 8px 8px 8px 8px; box-shadow: 0 0 20px #358B9D inset, 5px 5px 10px -5px #000000; cursor: pointer; margin-top: 1em; margin-bottom: -2em; display:none; padding: 10px 50px 10px 50px; font-weight: lighter; clear: both; font-size: large; } ol.optn li:first-child{ margin-top: 5px; font-weight: normal; font-family: 'HelveticaNeueLTStd-Lt'; } ol.optn li{ font-weight: normal; font-family: "HelveticaNeueLTStd-Lt"; } .gray{ color: #58585A; font-family: "HelveticaNeueLTStd-Lt"; } .gray2{ color: #58585A; font-family: "HelveticaNeueLTStd-Lt"; } .part_gray{ padding-left: 25px !important; padding-right: 50px !important; padding-bottom: 5px !important; padding-top: 15px !important; background-color: #58585A; } .part_gray1{ border-left: 1px solid #000; border-right: 1px solid #000; padding-top: 35px !important; padding-bottom: 35px !important; } .chapter_gray{ -webkit-hyphens: none; padding-left: 30px !important; padding-right: 30px !important; padding-bottom: 5px !important; padding-top: 15px !important; background-color: #58585A; } .chapter_green{ -webkit-hyphens: none; padding-left: 30px !important; padding-right: 30px !important; padding-top: 10px !important; padding-bottom: 4px !important; background-color: #89A058; } /*Bubble Styles*/ .cross_img{ float: right; display: inline; margin-top: 25px; margin-right: 5px; } img{ max-height: 100%; max-width: 100%; } .img_wrapper { display: inline-block; margin-top: 1em; margin-bottom: 1.5em; position:relative; max-width: 100% !important; } .img_wrapper .img { margin-bottom: 0px; padding: 0px 0px 0px 8%; outline: none; border:none; vertical-align: bottom; max-width: 90% !important; } .img_wrapper .taparea{ position:absolute; top:30px; left:0px; } .img_wrapper .taparea1{ position:absolute; top:21%; left:60%; right:16%; width: 100%; } .clickarea{ position:absolute;top:0px;left:0px;/*height:100%;width:100%;*/z-index:50; } .img_wrapper .taparea img{max-width:100%;max-height:100%;} .img_wrapper .taparea1 img{max-width:100%;max-height:100%;} .img_wrapper1 { display: inline-block; /*margin-top: 1em;*/ /*margin-bottom: 1.5em;*/ page-break-before: avoid; position:relative; } .img_wrapper1 .bubble_box { color: white; z-index: 100; position:absolute; visibility: hidden; top:0px; left:25%; right:25%; background-size: auto 85%; box-shadow: 2px 2px 16px #999999; border-radius: 20px 20px 20px 20px; overflow: hidden; background-color: #BEC531; } .img_wrapper1 .clsbtn { background: url("images/close.png") no-repeat scroll center center transparent; border: 0 solid transparent; border-radius: 15px 15px 15px 15px; height: 20px; position: absolute; right: 5px; top: 5px; width: 20px; } .bubble1a{ z-index:50; text-align: left; padding: 18px 3px 3px 3px; line-height: 12pt; width:100%; } figure, img_wrapper{ margin: 1em 0em 1em 0em; page-break-inside: avoid; } .bubble8a{ text-align: left; padding: 10px 10px 10px 10px; display: inline-block; } table.img_bubble{ padding: 0px; margin-top: 5px; margin-bottom: 0px; } .img_bubble td.left{ width: 5%; text-align: left; line-height: 9pt; padding-top: 2px; padding-left: 2%; vertical-align: top; } .img_bubble td.right{ width: 75%; padding: 0px; vertical-align: bottom; } .img_wrapper .bubble_arrow { background: url("images/arrow.png") no-repeat scroll right center transparent; position: absolute; display: none; background-size: 100% 100%; } .img_wrapper1 .bubble_arrow { background: url("images/arrow.png") no-repeat scroll right center transparent; position: absolute; display: none; background-size: 100% 100%; } .img_wrapper .bubble_box { z-index: 100; position:absolute; visibility: hidden; top:25; bottom:0; left:5%; right:5%; background-size: auto 85%; box-shadow: 2px 2px 16px #999999; overflow: hidden; background-color: #B2FCB2; border: 1px solid #000000; } .img_wrapper .clsbtn { background: url("images/close.png") no-repeat scroll center center transparent; border: 0 solid transparent; border-radius: 15px 15px 15px 15px; height: 20px; position: absolute; right: 5px; top: 5px; width: 20px; } .img_wrapper .img { margin-bottom: 0px; padding: 0px 0px 0px 8%; outline: none; border:none; vertical-align: bottom; max-width: 90% !important; } /*Image Styles*/ #bubble1{ top: auto; top: 41%; /*bottom: 63%;*/ left: 45%; width: 31%; right: auto; background-color: #FFFFFF; } #bubble2{ top: auto; top: 41%; /*bottom: 63%;*/ left: 35%; width: 31%; right: auto; background-color: #FFFFFF; } #bubble3{ top: auto; top: 46%; /*bottom: 63%;*/ left: 28%; width: 31%; right: auto; background-color: #FFFFFF; } #bubble4{ top: auto; top: 53%; /*bottom: 63%;*/ left: 47%; width: 31%; right: auto; background-color: #FFFFFF; } #bubble5{ top: auto; top: 37%; /*bottom: 63%;*/ left: 42%; width: 31%; right: auto; background-color: #FFFFFF; } #bubble6{ top: auto; top: 61%; /*bottom: 63%;*/ left: 35%; width: 31%; right: auto; background-color: #FFFFFF; } #bubble7{ top: auto; top: 57%; /*bottom: 63%;*/ left: 37%; width: 35%; right: auto; background-color: #FFFFFF; } #bubble8{ top: auto; top: 25%; /*bottom: 63%;*/ left: 16%; width: 31%; right: auto; background-color: #FFFFFF; } #bubble9{ top: auto; top: 65%; /*bottom: 63%;*/ left: 48%; width: 31%; right: auto; background-color: #FFFFFF; } #bubble10{ top: auto; top: 66%; /*bottom: 63%;*/ left: 51%; width: 31%; right: auto; background-color: #FFFFFF; } #bubble11{ top: auto; top: 28%; /*bottom: 63%;*/ left: 17%; width: 31%; right: auto; background-color: #FFFFFF; } #arrow1 { left: 43%; width: 19%; bottom: 61%; height: 6%; -webkit-transform: rotate(443deg); } #arrow2 { left: 57%; width: 22%; bottom: 62%; height: 5%; -webkit-transform: rotate(125deg); } #arrow3{ left: 29%; width: 18%; bottom: 56%; height: 6%; -webkit-transform: rotate(120deg); } #arrow4 { left: 31%; width: 18%; bottom: 34%; height: 6%; -webkit-transform: rotate(263deg); } #arrow5 { left: 60%; width: 18%; bottom: 62%; height: 8%; -webkit-transform: rotate(123deg); } #arrow6 { left: 68%; width: 18%; bottom: 13%; height: 6%; -webkit-transform: rotate(195deg); } #arrow7 { left: 39%; width: 18%; bottom: 43%; height: 6%; -webkit-transform: rotate(443deg); } #arrow8 { left: 34%; width: 18%; bottom: 62%; height: 6%; -webkit-transform: rotate(548deg); } #arrow9 { left: 68%; width: 18%; bottom: 15%; height: 6%; -webkit-transform: rotate(584deg); } #arrow10 { left: 70%; width: 18%; bottom: 15%; height: 6%; -webkit-transform: rotate(554deg); } #arrow11 { right: 47%; width: 16%; bottom: 37%; height: 7%; -webkit-transform: rotate(238deg); } .video { text-align: center; } .bold1{ font-family: "HelveticaNeueLTStd-Md"; font-weight: bold; } .box_para1{ font-family: "HelveticaNeueLTStd-Lt"; text-indent: 1em; font-size: x-small; padding: 4px 10px 1px 10px; margin: 0; } .white1{ color: #ffffff; font-family: "PerpetuaStd"; text-align: center; } .white{ color: #ffffff; font-family: "PerpetuaStd"; } span.hidden { visibility: hidden; } p.para2 { margin-top: 4px; margin-bottom: 4px; } .def_back { text-align: center; background-color: #BEC531; border-radius: 8px 8px 8px 8px; box-shadow: 0 0 20px #789328 inset, 5px 5px 10px -5px #000000; cursor: pointer; margin-top: 1em; margin-bottom: 1em; display: inline; padding: 10px 20px 10px 20px; font-family: "akzigbel" !important; font-weight: lighter; clear: both; font-size: large; margin-left: 45%; } .list-textA{ font-family: 'HelveticaNeueLTStd-Lt'; text-indent: -2em; text-align: justify; margin-top: 8px; margin-bottom: 2px; font-size: small; margin-left: 2.3em; } .list-text1{ font-size: small; text-indent: -2em; text-align: justify; margin-top: 2px; margin-bottom: 0px; font-family: 'HelveticaNeueLTStd-Lt'; margin-left: 3.3em; }