/* DESIGN PROFILE - Default */ /* Copyright 2017 Infogrid Pacific Pte. Ltd. All rights reserved. */ /* Activity Name: CSS Minification */ /* Created By: Infogrid Pacific */ /* Creation Date: 2017-12-06 */ /* Modified By: Infogrid Pacific */ @font-face { font-family: "Galley"; font-weight: 400; font-style: normal; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-Regular.woff'); } @font-face { font-family: "Galley"; font-weight: 900; font-style: normal; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-Black.woff'); } @font-face { font-family: "Galley"; font-weight: 900; font-style: italic; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-BlackIt.woff'); } @font-face { font-family: "Galley"; font-weight: 700; font-style: normal; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-Bold.woff'); } @font-face { font-family: "Galley"; font-weight: 700; font-style: italic; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-BoldIt.woff'); } @font-face { font-family: "Galley"; font-weight: 200; font-style: normal; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-ExtraLight.woff'); } @font-face { font-family: "Galley"; font-weight: 200; font-style: italic; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-ExtraLightIt.woff'); } @font-face { font-family: "Galley"; font-weight: 400; font-style: italic; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-It.woff'); } @font-face { font-family: "Galley"; font-weight: 300; font-style: normal; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-Light.woff'); } @font-face { font-family: "Galley"; font-weight: 300; font-style: italic; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-LightIt.woff'); } @font-face { font-family: "Galley"; font-weight: 600; font-style: italic; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-SemiboldIt.woff'); } @font-face { font-family: "Galley"; font-weight: 600; font-style: normal; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/SourceSansPro-Semibold.woff'); } @font-face { font-family: "Web Symbols"; font-weight: 400; font-style: normal; font-stretch: normal; font-variant: normal; src: url('http://www.estellabs.com.s3.amazonaws.com/fonts/WebSymbols-Regular.woff'); } body, section, div, table, thead, tbody, tfoot, th, td, p, pre, ul, ol, dl, dt, dd, li, span, nav, header, footer { margin: 0; padding: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } body, .galley-rw { } .hide-rw, .hide, .hide-back, .hide-front, .aie-events, .azardi-metadata-rw, .guide-text-rw { display: none; } .frontmatter-rw, .body-rw, .backmatter-rw, .specials-rw { max-width: 1024px; min-width: 320px; margin: 0 auto 0 auto; padding: 0 10px 0 10px; } .galley-rw { font-family:Galley; font-size: 1.1em; font-weight: 300; line-height: 1.3em; text-align: left; color: rgb(50, 50, 50); letter-spacing: 0; word-spacing: 1pt; } #mathml-image-inline { font-size: 2em; } #mathml-image-block { font-size: 2em; } .none { display:none; } .title-block-rw, .title-block-book-rw { -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; } h1, h2, h3, h4, h5, h6, li { -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; } p { text-indent: 0; margin-bottom: 0.5em; } p + p { text-indent: 0; margin-bottom: 0.5em; } .align-center-rw { text-align: center; text-indent: 0; } .align-justified-rw { text-align: justify; } .align-left-rw { text-align: left; } .align-right-rw { text-align: right; } p.alt-rw { font-family: Alternative; } .blank-line-rw { height: 1em; } .firstpara-rw { text-indent: 0; } .full-line-below-rw { margin-bottom: 1em; } .half-line-below-rw { margin-bottom: 0.5em; } p.hanging-rw { margin-left: 1.3em; text-indent: -1.3em; } p.text-indent-rw { text-indent: 1.3em; } .indent-para-rw { text-indent: 0; margin-left: 1.3em; margin-right: 1.3em; } .quarter-line-below-rw { margin-bottom: 0.25em; } .footnotes-rw { border-top: 1px solid rgb(0, 0, 0); text-indent: -1.3em; margin-left: 1.3em; margin-top: 1em; margin-bottom: 1em; } .notes-rw { text-indent: -1.3em; margin-left: 1.3em; margin-top: 1em; margin-bottom: 1em; } .address-rw { text-align: right; font-style: italic; } .answer-rw { text-indent: 0; } .attribution-rw { font-style: italic; text-align: right; } p.author-rw { font-weight: bold; font-style: italic; } .authornote-rw { font-style: italic; } p.shaded-rw { background-color: rgb(192, 192, 192); } p.text-small-rw { font-size: 0.9em; } p.text-smaller-rw { font-size: 0.8em; } p.text-smallest-rw { font-size: 0.7em; } p.text-large-rw { font-size: 1.2em; } p.text-larger-rw { font-size: 1.5em; } p.text-largest-rw { font-size: 2em; } .caption-rw { font-size: inherit; font-style: italic; line-height: inherit; text-indent: 0; margin-top: 0.25em; margin-bottom: 0; } p.code-rw { font-size: 0.9em; } p.date-rw { text-align: right; font-style: italic; } p.decoration-rw { text-align: center; text-indent: 0; vertical-align: middle; margin-top: 1em; margin-right: 0; margin-bottom: 1.0em; margin-left: 0; } p.dedication-rw { text-align: center; text-indent: 0; margin-top: 1em; margin-right: 1em; } p.epigraph-rw { display:block; width: auto; font-style: italic; text-align: center; text-indent: 0; margin-top: 1em; margin-right: 1em; margin-bottom: 1em; margin-left: 1em; } .headword-rw { text-align: center; text-indent: 0; font-weight: bold; } p.keywords-rw { text-indent: 0; } p.label-rw { font-style: italic; } p.number-rw { text-align: right; font-style: italic; } p.ornament-rw { text-align: center; text-indent: 0; margin-top: 0.5em; margin-bottom: 0.5em; } p.question-rw { text-indent: 0; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; } .sans-serif { font-family: Alternative, sans-serif; } .serif-rw { font-family: Galley, serif; } .source-rw { font-style: italic; } .speaker-rw { text-indent: -1.3em; margin-left: 1.3em; font-style: italic; font-weight: bold; } .subject-rw { text-indent: 0; font-weight: bold; font-style: italic; } p.term-rw { font-weight: bold; } .para-continue-rw { text-indent: 0; } .para-open-rw { text-indent: 1.3em; } div + p { text-indent: 0; } div.indent-rw p { text-indent: 0; } div.indent-rw p + p { text-indent: 1.3em; } div.hanging-rw p { text-indent: -1.5em; margin-left: 1.5em; } div.hanging-rw p + p { text-indent: -1.5em; margin-left: 1.5em; } p.blank-line-rw + p { text-indent: 0; } p.decoration-rw + p { text-indent: 0; } h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { text-indent: 0; margin-bottom: 0.5em; } .block-rw p:first-child, .layout-rw p:first-child, .paras-rw p:first-child, .table-rw p:first-child, .media-rw p:first-child { text-indent: 0; margin-bottom: 0.5em; } ul + p { text-indent: 0; } ol + p { text-indent: 0; } dl + p { text-indent: 0; } p.block-edit-top-rw + p { text-indent: 0; } div.note-rw + p, div.footnote-rw + p, div.footnotes-rw + p { text-indent: 1.5em; } *[align="center"] { text-indent: 0; } div.alt-rw { margin-top: 1em; margin-right: 1em; margin-bottom: 1em; margin-left: 1em; } div.alt-rw p { font-size: 1em; } div.blank-line-rw { height: 1em; text-align: center; margin: 0; } div.decoration-rw { text-align: center; vertical-align: middle; margin-top: 1em; margin-bottom: 1em; } div.decoration-rw p { text-indent: 0; text-align: center; } div.indent-rw { margin-top: 1em; margin-right: 1em; margin-bottom: 1em; margin-left: 1em; } div.leading-line-rw { height: 1em; text-align: center; margin: 0; } .bodytext1-rw { } .bodytext2-rw { } .bodytext3-rw { } .bodytext4-rw { } .bodytext5-rw { } .bodytext6-rw { } .bodytext7-rw { background-color:white; width:100%; line-height:1.8em; font-size: 1.2em; font-weight: 400; } .bodytext8-rw { } span.alt-rw { } span.lowercase-rw { text-transform: lowercase; } span.smallcaps-rw { font-variant: small-caps; } span.smallcaps-titlecase-rw { text-transform: capitalize; font-variant: small-caps; } span.subscript-rw { font-size: 60%; line-height: 1em; vertical-align: bottom; } span.superscript-rw { font-size: 60%; line-height: 1em; vertical-align: top; } span.titlecase-rw { text-transform: capitalize; }span.uppercase-rw { text-transform: uppercase; } .uppercase-rw { text-transform: uppercase; } span.author-rw { font-style: italic; } span.code-rw { font-size: 0.9em; line-height: 1em; } span.date-rw { font-style: italic; } span.equation-rw { margin-right: 0.25em; margin-left: 0.25em; } span.headword-rw { font-weight: bold; } .label-rw { color: rgb(128, 128, 128); padding-right: 0.5em; } span.marginnote-rw { font-style: italic; font-size: 1em; } span.mathml-rw { font-size: 1.0em; } span.mathml-rw img { font-size: 1.0em; height:1.2em; vertical-align: bottom; } span.number-rw { font-style: italic; } span.svg-rw svg { height: 1em; vertical-align: middle; } span.shaded-rw { background-color: rgb(192, 192, 192); } span.term-rw { font-weight: bold; } span.text-small-rw { font-size: 0.9em; } span.text-smaller-rw { font-size: 0.8em; } span.text-smallest-rw { font-size: 0.7em; } span.text-large-rw { font-size: 1.2em; } span.text-larger-rw { font-size: 1.5em; } span.text-largest-rw { font-size: 2em; } span.dropcap-rw { float: left; font-size: 3em; line-height: 0.75em; margin: 0 0 0 0; padding: 0 0 0 0; text-indent: 0; } .dropcap-decoration-rw { display: inline-block; float: left; height: 2em; width: 2em; margin: 2em 0 0 0; padding: 0 0 0 0; text-indent: 0; border: 1px solid gray; } span.dropcap-3lines-rw { font-size: 4.55em; line-height: 0.75em; margin-top: 0em; margin-right: 0em; margin-bottom: 0em; margin-left: 0em; } span.dropcap-4lines-rw { font-size: 6.25em; line-height: 0.75em; margin-top: 0em; margin-right: 0em; margin-bottom: 0em; margin-left: 0em; } span.dropcap-5lines-rw { font-size: 7.95em; line-height: 0.75em; margin-top: 0em; margin-right: 0em; margin-bottom: 0em; margin-left: 0em; } span.raisedcap-rw { font-size: 2.00em; line-height: 1.27em; } span.character-rw img { height: 1em; vertical-align: middle; } .symbol-inline-rw img { height: 1em; vertical-align: middle; } .audio-inline-rw { display: inline-block; width: 26px; height: 26px; overflow: hidden; text-indent: 0; background-color: black; border:2px outset black; } .audio-inline-rw img { margin-left: 0; width: auto; height: auto; } .audio-inline-rw img.stop { margin-left: -22px; } .num-equation-rw { } .num-figure-rw { } .num-footnote-rw { line-height: 1em; width: 1em; margin-right: 0.25em; text-align: right; } .num-header-rw { font-style: italic; } .num-illustration-rw { font-style: italic; } .num-line-rw { font-style: italic; } .num-map-rw { font-style: italic; } .num-note-rw { line-height: 1em; width: 1em; margin-right: 0.25em; text-align: right; } .num-plate-rw { font-style: italic; } .num-seetarget-rw { font-style: normal; font-weight: bold; } .num-table-rw { font-style: italic; } .ref-equation-rw { border-bottom: 1px dotted rgb(0, 128, 0); } .ref-figure-rw { border-bottom: 1px dotted rgb(0, 128, 0); } .ref-footnote-rw { font-size: 75%; line-height: 1em; vertical-align: super; } .ref-glossary-rw { border-bottom: 1px dotted rgb(0, 128, 0); } .ref-header-rw { } .ref-illustration-rw { border-bottom: 1px dotted rgb(0, 128, 0); } .ref-map-rw { border-bottom: 1px dotted rgb(0, 128, 0); } .ref-note-rw { font-size: 75%; line-height: 1em; vertical-align: super; } .ref-seetarget-rw { font-style: normal; font-weight: bold; } .ref-table-rw { border-bottom: 1px dotted rgb(0, 128, 0); } a:link { color: rgb(250, 50, 50); text-decoration: none; font-weight:600; } a:visited { color: rgb(250, 50, 50); font-weight:400; } a:hover { color: rgb(250, 50, 50); text-decoration: underline; } a:active { color: rgb(250, 50, 50); } .indexterm-rw { } span.lb-rw, span.linebreak-rw { display: none; } span.nohyph-rw { hyphens: none; } span.pagebreak-rw { display: none; } p.linetab-rw { text-indent: 0; width: 100%; clear: both; padding-bottom: 0.5em; } .linetab1-rw { display: inline; float: left; text-align: right; width: 9.9%; } .linetab2-rw { display: inline; float: left; text-align: right; width: 14%; } .linetab3-rw { display: inline; float: left; text-align: right; width: 19.9%; border: 1px dotted red; } .linetab4-rw { display: inline; float: left; text-align: right; width: 24.9%; border: 1px dotted red; } .linetab5-rw { display: inline; float: left; text-align: right; width: 29.9%; border: 1px dotted red; } p.hoztable-rw { text-indent: 0; clear: both; padding-top: 0; padding-right: 0; padding-bottom: 0.5em; padding-left: 0; } .hoztable1-rw { display: inline; float: left; width: 9.9%; } .hoztable2-rw { display: inline; float: left; width: 14.9%; } .hoztable3-rw { display: inline; float: left; width: 19.9%; } .hoztable4-rw { display: inline; float: left; width: 24.9%; } .hoztable5-rw { display: inline; float: left; width: 29.9%; } .thin-rw { font-weight: 100; } .extra-light-rw { font-weight: 200; } .light-rw { font-weight: 300; } .normal-rw { font-weight: 400; } .medium-rw { font-weight: 500; } .semi-bold-rw { font-weight: 600; } .bold-rw { font-weight: 700; } .extra-bold-rw { font-weight: 800; } .black-rw { font-weight: 900; } .ultra-condensed-rw { font-stretch: ultra-condensed; } .extra-condensed-rw { font-stretch: extra-condensed; } .condensed-rw { font-stretch: condensed; } .semi-condensed-rw { font-stretch: semi-condensed; } .semi-expanded-rw { font-stretch: semi-expanded; } .expanded-rw { font-stretch: expanded; } .extra-expanded-rw { font-stretch: extra-expanded; } .ultra-expanded-rw { font-stretch: ultra-expanded; } .oblique-rw { font-style: oblique; } .italic-rw { font-style: italic; } .-epub-media-overlay-active, .-readium-epub-media-overlay-active { color: red; background-color: inherit; } .style1-rw { font-weight: 600; color: rgb(250,50,50); margin-right: 0; } .style2-rw { font-weight:600; color: rgb(250,50,50); word-break: keep-all; } .style3-rw { color:red; font-weight:600; } .style4-rw { font-weight:600; color: rgb(20,20,20); font-style: italic; } .style5-rw { } .style6-rw { } .style7-rw { } .style8-rw { font-weight: 600; color:rgb(250,50,50); } .galley-rw h2 { color: rgb(0, 150, 100); font-size: 1.5em; font-style: normal; font-weight: 400; line-height: 1.1em; text-align: left; text-transform: none; border-bottom: solid 1px rgb(128, 128, 128); margin: 1em 0 0.25em 0; padding: 0 0 5px 0; } .galley-rw h2 a { color: rgb(0, 100, 150); } .galley-rw h3 { color: rgb(0, 100, 150); font-size: 1.2em; font-style: normal; font-weight: 500; line-height: 1.1em; margin: 0.5em 0 0.5em 0; padding: 0 0 0 0; page-break-after: avoid; text-align: left; } .galley-rw h3 a { color: rgb(0, 100, 150); } .galley-rw h4 a { color: rgb(0, 100, 150); } .galley-rw h5 a { color: rgb(0, 150, 100); } .galley-rw h6 a { color: rgb(0, 150, 100); } h2, h3, h4, h5, h6 { -moz-hyphens: none; -webkit-hyphens: none; -o-hyphens: none; hyphens: none; } .notebox2-rw .azardi-h4 { font-size: 1.3em; line-height: 1.1em; text-align:center; font-weight: 600; color: rgb(255, 255, 255); background-color: rgb(220, 40, 40); margin: 0.5em 0 0.25em 0; padding: 0.25em; } .Section-rw .title-block-rw { text-align: left; } .Section-rw .title-block-rw p { text-indent: 0; } .Section-rw .title-block-rw { font-family:Galley; min-height: 50px; padding: 0; margin: 1em 0 1em 0; background-color: rgba(255,255,255,0.0); border-bottom: 2px dotted rgb(150,150,150); border: 1px solid white; } .Section-rw .title-block-rw h1 { color: rgb(250, 50, 50); font-size: 2.2em; line-height: 1.0em; font-weight: 900; padding: 0 0 0 0; text-align: center; margin: 0 0 10px 0; } .Section-rw .title-block-rw .title-sub-rw { font-size: 1.6em; line-height: 1.2em; color: rgb(50, 50, 50); font-weight:300; text-align: center; margin: 0 0 0 0; padding: 0 0 0 0; } .Section-rw .title-block-rw .title-other-rw { font-size: 1.1em; padding: 0; text-align: center; } #title-dm3 { background-color:rgb(245,245,245); } .ecl-logo { margin: 0 auto 0 auto; padding: 0; width: 400px; border: 1px solid white; } .ecl-logo img { width: 100%; margin: 0; padding: 0; border: 1px solid white; } li { text-indent: 0; padding-bottom: 0; } .galley-rw ol { text-align: left; margin-top: 0.55em; margin-right: 0; margin-bottom: 0.55em; margin-left: 1em; } .galley-rw li { padding-top: 0; padding-bottom: 0.5em; } .galley-rw ol li { list-style: decimal; } .galley-rw ol ol li { list-style: upper-latin; margin-left: 1.64em; } .galley-rw ol ol ol li { list-style: lower-latin; margin-left: 1.64em; } .galley-rw ol ol ol ol li { list-style: upper-roman; margin-left: 1.64em; } .galley-rw ol ol ol ol ol li { list-style: lower-roman; margin-left: 1.64em; } .galley-rw ol + p { text-indent: 0; } .galley-rw div + ol { margin-top: 0; } .galley-rw ol + div { margin-top: 0; } .galley-rw ol * ol { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .galley-rw ul { margin: 0.5em 0 0.5em 1em; padding: 0 0 0 0; text-align: left; } .galley-rw ul li { list-style: disc; } .galley-rw ul ul li { list-style: square; margin-left: 1em; } .galley-rw ul ul ul li { list-style: circle; margin-left: 1em; } .galley-rw ul ul ul ul li { list-style: disc; margin-left: 1em; } .galley-rw ul ul ul ul li { list-style: square; margin-left: 1em; } .galley-rw ul + p { text-indent: 0; } .galley-rw div + ul { margin-top: 0; } .galley-rw ul + div { margin-top: 0; } .galley-rw ul * ul { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .list-decimal-rw { margin: 0; padding: 0; } .list-decimal-rw ol { text-align: left; margin-top: 0.5em; margin-right: 0; margin-bottom: 0.5em; margin-left: 1.64em; } .list-decimal-rw ol li { list-style: decimal; } .list-lower-alpha-rw { margin: 0; padding: 0; } .list-lower-alpha-rw ol { text-align: left; margin-top: 0.5em; margin-right: 0; margin-bottom: 0.5em; margin-left: 1.64em; } .list-lower-alpha-rw ol li { list-style: lower-latin; } .list-upper-alpha-rw { margin: 0; padding: 0; } .list-upper-alpha-rw ol { text-align: left; margin-top: 0.5em; margin-right: 0; margin-bottom: 0.5em; margin-left: 1.64em; } .list-upper-alpha-rw ol li { list-style: upper-latin; } .list-lower-roman-rw { margin: 0; padding: 0; } .list-lower-roman-rw ol { text-align: left; margin-top: 0.5em; margin-right: 0; margin-bottom: 0.5em; margin-left: 1.64em; } .list-lower-roman-rw ol li { list-style: lower-roman; } .list-upper-roman-rw { margin: 0; padding: 0; } .list-upper-roman-rw ol { text-align: left; margin-top: 0.5em; margin-right: 0; margin-bottom: 0.5em; margin-left: 1.64em; } .list-upper-roman-rw ol li { list-style: upper-roman; } .list-bullet-rw { margin: 0; padding: 0; } .list-bullet-rw ul { text-align: left; margin-top: 0.55em; margin-right: 0; margin-bottom: 0.55em; margin-left: 1.64em; } .list-bullet-rw ul li { list-style: disc; } .list-circle-rw { margin: 0; padding: 0; } .list-circle-rw ul { text-align: left; margin-top: 0.55em; margin-right: 0; margin-bottom: 0.55em; margin-left: 1.64em; } .list-circle-rw ul li { list-style: circle; } .list-square-rw { margin: 0; padding: 0; } .list-square-rw ul { text-align: left; margin-top: 0.55em; margin-right: 0; margin-bottom: 0.55em; margin-left: 1.64em; } .list-square-rw ul li { list-style: square; } .boxed-rw { border: 1px solid rgb(0, 0, 0); padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; margin-top: 1em; margin-right: 0; margin-bottom: 1em; margin-left: 0; } div.code-rw { padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; margin-top: 1em; margin-right: 0; margin-bottom: 1em; margin-left: 0; } div.epigraph-rw { width: 60%; font-size: 0.9em; line-height: 1.2em; margin-top: 1em; margin-right: 20%; margin-bottom: 1em; margin-left: 20%; } .extract-rw { text-align: center; font-size: 1.5em; font-weight:600; margin-top: 0.5em; margin-bottom: 0.5em; padding-right: 1em; padding-left: 1em; } .general-rw { margin-top: 1em; margin-right: 0; margin-bottom: 1em; margin-left: 0; } .notebox-rw { margin: 0; padding: 0; } .clear-both { display:block; width:100%; clear:both; } .notebox-rw h4 { margin-bottom: 0; margin-top: 0; padding-bottom: 0; } .notebox1-rw { clear:both; margin:0 0 0 0; } div.notebox1-rw > h4, div.notebox2-rw > h4 { font-size: 1.3em; line-height: 1.1em; text-align:center; font-weight: 700; color: rgb(250, 50, 50); background-color: rgba(255, 255, 255, 0.0); margin: 0 auto 0.5em auto; padding: 0.25em; border-bottom: 2px dotted rgb(100,100,100); width: 90%; } .notebox2-rw p { width: 90%; margin:0 auto 0.5em auto; } .notebox2-rw ul, .notebox2-rw ol, .notebox2-rw h5 { width: 90%; margin:1em auto 0 auto; } .notebox2-rw li { margin-left: 20px !important; } .notebox2-rw h5 { font-size: 1.1em; } .acf-presentation, .dp-presentation { text-align: center; } .case-problem { background-color: rgb(200,240,200); } .case-results { background-color: rgb(240,240,200); } .notebox3-rw { } .notebox4-rw { } .notebox5-rw { overflow:hidden; padding: 10px 10px 10px 0; margin: 0 0 0 0; box-sizing:border-box; } .border-lb { border-top: 2px solid rgb(150, 150,150); } .notebox5-rw h4 { color:rgb(0,150,100); font-weight: 700; font-size:1.2em; line-height: 1em; margin: 0 0 0.5em 0; padding:0; } .notebox6-rw { } .notebox7-rw { } .notebox8-rw { } .notebox9-rw { } .notebox10-rw { } .clear { clear:both; height: 0; width:100%; } .promo .notebox3-rw { border: 1px solid rgba(255, 255, 255,0.8); border-radius: 10px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); background: rgb(221,221,221); background: -moz-linear-gradient(top, rgb(221,221,221) 0%, rgb(239,239,239) 24%, rgb(255,255,255) 54%, rgb(255,255,255) 100%); background: -webkit-linear-gradient(top, rgb(221,221,221) 0%,rgb(239,239,239) 24%,rgb(255,255,255) 54%,rgb(255,255,255) 100%); background: -o-linear-gradient(top, rgb(221,221,221) 0%,rgb(239,239,239) 24%,rgb(255,255,255) 54%,rgb(255,255,255) 100%); background: -ms-linear-gradient(top, rgb(221,221,221) 0%,rgb(239,239,239) 24%,rgb(255,255,255) 54%,rgb(255,255,255) 100%); background: linear-gradient(to bottom, rgb(221,221,221) 0%,rgb(239,239,239) 24%,rgb(255,255,255) 54%,rgb(255,255,255) 100%); padding: 10px; } .promo .notebox3-rw h4 { font-size: 1.5em; line-height: 1em; color: rgb(255,0,0); font-weight: 900; } .promo .notebox3-rw .style2-rw { font-size: .8em; color: rgb(100,100,100); font-weight: 600; } .igp-logo { width: 70%; margin: 0 auto; } .personal, .team, .group { text-align: center; border-radius:10px; } .price { background-color: rgba(255,255,255, 0.2); color: white; font-size: 30px; line-height:50px; font-weight: 600; padding: 10px 0; margin: 0; width: 100%; } .sign-up { font-size: 30px; line-height:40px; font-weight:600; color:black; } .annual h4, .monthly h4 { color: white; font-weight: 700; font-size: 30px; line-height:50px; margin: 0; } .personal { background-color:rgba(200, 82, 82, 0.5 ); border:5px solid rgb(200, 82, 82); } .monthly .personal h4, .annual .personal h4 { background-color:rgba(200, 82, 82,1 ); } .team { background-color:rgba(47, 137, 0, 0.5); border:5px solid rgb(47, 137, 0); } .monthly .team h4, .annual .team h4 { background-color:rgba(47, 137, 0, 1); } .group { background-color:rgba(0, 99, 143, 0.5); border:5px solid rgb(0, 99, 143); } .monthly .group h4, .annual .group h4 { background-color:rgba(0, 99, 143, 1); } .bodytext7-rw p a { color:black; } .media-rw { page-break-inside: avoid; text-indent: 0; text-align: left; } .media-rw h4 { font-size: 1em; font-weight: bold; padding: 0.5em 0 0.5em 0; text-align: left; } .media-rw h5 { font-size: 1em; font-weight: bold; padding: 0.75em 0 0.25em 0; } .media-rw h6 { font-size: 1em; font-style: italic; padding: 0.75em 0 0.5em 0; } .media-rw p { text-indent: 0; text-align: left; } .media-rw p.caption-rw { font-size: 0.9em; font-style: italic; text-indent: 0; text-align: left; padding-top: 0.25em; } .figure-rw { margin-top: 0.5em; margin-right: 0; margin-bottom: 0.5em; padding: 0; } .figure-rw img { border: 2px solid rgb(160,160,140); box-shadow: 5px 5px 10px rgba(0,0,0,0.5); } div.icon-rw { border: 1px solid rgb(0, 0, 0); font-size: 1em; height: auto; margin: 1em 0 1em 0; max-height: 100%; min-height: 2.00em; padding: 0.5em 0.5em 0.5em 0.5em; } div.icon-rw h4 { font-size: 0.8em; margin-top: 0; margin-left: 4.2em; } div.icon-rw p { margin-left: 4.2em; } div.icon-rw div.pc-rw { float: left; height: 4em; width: 4em; margin-right: 0.2em; } div.icon-rw div.pc-rw img { width: 100%; } .video-rw, .video-controls-rw { margin-top: 1em; margin-right: 0; margin-bottom: 1em; margin-left: 0; padding: 0; } .video-rw video, .video-controls-rw video { width: 100%; } .audio-block-rw { margin-top: 1em; margin-right: 0; margin-bottom: 1em; margin-left: 0; padding: 0; } .audio-block-rw img { border: none; } .audio-controls-rw { margin: 0; padding: 0; } .audio-controls-rw img { display: none; } .block-item-rw { display:block; min-height:200px; position: relative; background-color: rgb(200, 220, 200); background-color:rgba(0, 150, 100, 0.2); padding: 10px; box-shadow: 2px 2px 5px black; margin: 1em 0 1em 0; } .block-item-rw .video-intro-rw { position: relative; margin: 0; margin-right: 320px; } .block-item-rw .video-intro-rw h4 { margin: 0px; font-size: 1.2em; font-family: 'DejaVuSansCondensed', sans-serif; } .block-item-rw .video-intro-rw p.date-rw, .block-item-rw .video-intro-rw p.duration-rw { display:inline-block; color: rgb(100, 100, 100); font-family: 'DejaVuSansCondensed', sans-serif; font-size: 14px; } .block-item-rw .video-intro-rw p.date-rw:before { content: "Date: "; font-weight: bold; } .block-item-rw .video-intro-rw p.duration-rw:before { content: "Duration: "; font-weight: bold; } .block-item-rw .video-intro-rw p { text-indent: 0px; } .block-item-rw .video-rw { position: absolute; top: 10px; right: 10px; margin: 0; } .construction { stroke: blue; stroke-width: 1; stroke-dasharray:2, 2; fill:none; } .f { fill: rgb(192, 192, 192); } .f-none { fill: none; } .f-white { fill: rgb(255, 255, 255); } .f-black { fill: rgb(0, 0, 0); } .f-gray1 { fill: rgb(64, 64, 64); } .f-gray2 { fill: rgb(128, 128, 128); } .f-gray3 { fill: rgb(192, 192, 192); } .f-gray4 { fill: rgb(240, 240, 240); } .f-red { fill: rgb(255, 128, 128); } .f-dred { fill: rgb(128, 0, 0); } .f-green { fill: rgb(128, 255, 128); } .f-dgreen { fill: rgb(0, 128, 0); } .f-blue { fill: rgb(128, 128, 255); } .f-dblue { fill: rgb(0, 0, 128); } .f-cyan { fill: rgb(128, 255, 255); } .f-dcyan { fill: rgb(0, 128, 128); } .f-magenta { fill: rgb(255, 128, 255); } .f-dmagenta { fill: rgb(128, 0, 128); } .f-yellow { fill: rgb(255, 255, 128); } .f-dyellow { fill: rgb(128, 128, 0); } .f-paper { fill: rgb(255, 250, 235); } .f-pb { fill: rgb(0, 100, 150); } .f-pg { fill: rgb(0, 150, 100); } .s { stroke: rgb(0, 0, 0); } .s-white { stroke: rgb(255, 255, 255); } .s-black { stroke: rgb(0, 0, 0); } .s-gray1 { stroke: rgb(64, 64, 64); } .s-gray2 { stroke: rgb(128, 128, 128); } .s-gray3 { stroke: rgb(192, 192, 192); } .s-gray4 { stroke: rgb(240, 240, 240); } .s-red { stroke: rgb(255, 0, 0); } .s-green { stroke: rgb(0, 128, 0); } .s-blue { stroke: rgb(0, 0, 128); } .s-cyan { stroke: rgb(0, 128, 128); } .s-magenta { stroke: rgb(128, 0, 128); } .s-yellow { stroke: rgb(255, 255, 0); } .s-orange { stroke: rgb(255, 190, 0); } .s-pb { stroke: rgb(0, 100, 150); } .s-pg { stroke: rgb(0, 150, 100); } .l { stroke-width: 1; } .l1 { stroke-width: 1; } .l2 { stroke-width: 2; } .l3 { stroke-width: 3; } .l4 { stroke-width: 4; } .l5 { stroke-width: 5; } .l6 { stroke-width: 6; } .l7 { stroke-width: 7; } .l8 { stroke-width: 8; } .l9 { stroke-width: 8; } .l10 { stroke-width: 8; } .l11 { stroke-width: 8; } .l12 { stroke-width: 8; } .p { fill: rgb(0, 0, 0); } .p-black { fill: rgb(0, 0, 0); } .p-gray { fill: rgb(128, 128, 128); } .p-red { fill: rgb(255, 0, 0); } .p-green { fill:rgb(0, 255, 0); } .p-blue { fill: rgb(0, 0, 255); } .ff-ss { font-family:Arial, sans-serif; } .ff-s { font-family:"Times New Roman", serif; } .ff-m{ font-family:Courier, monospace; } .t48 { font-size: 48px; } .t40 { font-size: 40px; } .t36 { font-size: 36px; } .t32 { font-size: 32px; } .t28 { font-size: 28px; } .t24 { font-size: 24px; } .t22 { font-size: 22px; } .t20 { font-size: 20px; } .t18 { font-size: 18px; } .t16 { font-size: 16px; } .t14 { font-size: 14px; } .t12 { font-size: 12px; } .bold { font-weight: bold; } .italic { font-style: italic; } .t-start { text-anchor: start; } .t-end { text-anchor: end; } .t-mid { text-anchor: middle; } .tick { stroke:black; stroke-width: 1; fill: none; } .arc { stroke: rgb(0, 0, 0); stroke-width: 1; fill: none; } .table-rw { text-align: left; margin-top: 1em; margin-bottom: 1em; } .table-rw .caption-rw { font-size: 0.9em; line-height: 1em; font-style: italic; text-indent: 0em; margin-top: 0.5em; margin-bottom: 0.5em; } .table-rw h4 { font-size: 1em; text-align: left; font-style: normal; font-weight: bold; margin-top: 0.25em; margin-bottom: 0.25em; } .table-rw h5 { font-size: 1em; font-style: italic; font-weight: bold; margin-top: 0.25em; margin-bottom: 0.25em; } .table-rw h6 { font-size: 1em; text-align: left; font-style: italic; font-weight: normal; margin-top: 0.25em; margin-bottom: 0.25em; } .table-rw p { font-size: 1em; text-indent: 0em; margin-top: 0em; margin-bottom: 0.25em; } .grid-rw table, .table-grid-rw table { table-layout: auto; border-collapse: collapse; font-size: 1em; line-height: 1em; border: 1px solid rgb(0,0,0); margin-top: 0.5em; margin-bottom: 0.5em; } .grid-rw table thead { } .grid-rw table th, .grid-rw table thead th, .table-grid-rw table thead th { font-weight: bold; font-style: normal; text-align: center; vertical-align: top; border: 1px solid rgb(0,0,0); padding: 0.25em 0.5em 0.25em 0.5em; } .grid-rw table td, .grid-rw table tbody td, .table-grid-rw table tbody td { text-align: left; vertical-align: top; border: 1px solid rgb(0,0,0); padding: 0.25em 0.5em 0.25em 0.5em; } .grid-rw table tfoot td, .table-grid-rw table tfoot td { font-size: 0.9em; line-height: 1em; font-style: italic; border-top: 1px solid rgb(0,0,0); padding: 0.5em; } .grid-rw table tfoot td p, .table-grid-rw table tfoot td p { text-indent: 0em; padding-bottom: 0.5em; } .layout-rw table, .table-layout-rw table { table-layout: auto; border-collapse: collapse; margin-top: 0.5em; margin-bottom: 0.5em; } .layout-rw table th, .layout-rw table td, .layout-rw table thead th, .layout-rw table tbody td, .table-layout-rw table th, .table-layout-rw table td { font-size: 1em; line-height: 1em; font-weight: normal; vertical-align: top; } .width-10-rw { width: 9%; } .width-20-rw { width: 19%; } .width-30-rw { width: 29%; } .width-40-rw { width: 39%; } .width-50-rw { width: 49%; } .width-60-rw { width: 59%; } .width-70-rw { width: 69%; } .width-80-rw { width: 79%; } .width-90-rw { width: 89%; } .width-100-rw { width: 100%; } .width-auto-rw .pc-rw { width: auto; } .width-fixed-rw .pc-rw { width: auto; } .width-fixed-rw .pc-rw img { width: auto; } .pc-rw { margin: 0; padding: 0; } .pc-rw img { width: 100%; margin: 0; padding: 0; } .pc-rw table { width: 100%; margin: 0; padding: 0; } .pc-rw p { text-align: left; } div.pc-rw > :first-child { margin-top: 0; padding-top: 0; } div.pc-rw > :last-child { margin-bottom: 0; padding-top: 0; } div.align-left-rw { display: block; text-align: left; margin-right: auto; } .align-left-rw table { margin: 0 auto 0 0; } .align-left-rw .pc-rw { margin: 0 auto 0 0; } .align-left-rw .pc-rw img { margin: 0 auto 0 0; } .align-left-rw .pc-rw object { margin: 0 auto 0 0; } div.align-right-rw { display: block; text-align:right; margin-left: auto; } .align-right-rw table { margin: 0 0 0 auto; } .align-right-rw .pc-rw { margin: 0 0 0 auto; } .align-right-rw .pc-rw img { margin: 0 0 0 auto; } .align-right-rw .pc-rw object { margin: 0 0 0 auto; } div.align-center-rw { display: block; text-align:center; margin-left: auto; margin-right: auto; } .align-center-rw table { margin: 0 auto 0 auto; } .align-center-rw .pc-rw { margin: 0 auto 0 auto; } .align-center-rw .pc-rw img { margin: 0 auto 0 auto; } .align-center-rw .pc-rw object { margin: 0 auto 0 auto; } div.floatgalley-left-rw { float: left; text-align: left; margin: 0.5em 1em 0em 0; padding: 0; } div.floatgalley-left-rw .pc img { width: 100%; margin-bottom: 0; } div.floatgalley-right-rw { float: right; text-align: left; margin: 0.5em 0 0em 1em; padding: 0; } div.floatgalley-right-rw .pc img { width: 100%; margin-bottom: 0; } div.floatgalley-outside-rw { float: right; margin: 0.5em 0 0.5em 1em; } div.floatgalley-outside-rw img { width: 100% !important; } div.floatgalley-inside-rw { float: left; margin: 0.5em 0 0.5em 1em; } div.floatgalley-inside-rw img { width: 100% !important; } .col-4x3-rw { width: 75%; } div.col-4x3-rw span.floatgalley-outside-rw, div.col-4x3-rw span.floatgalley-inside-rw { float: right; margin: 10px -210px 10px 10px; } div.col-4x3-rw div.flow-margin-rw { float: right; margin: 10px -210px 10px 10px; } div.floatgalley-outside-rw { float: right; margin: 10px -210px 10px 10px; } .panel-rw { position: relative; width: 850px; height: 600px; font-family: sans-serif; background-color: rgba(200, 200, 200, 1); border-top: 2px solid rgba(0, 0, 0, .1); border-bottom: 2px solid rgba(0, 0, 0, .1); margin: 1em auto 1em -50px; padding: 0em 0em 0em 0em; } .title-bar-rw { position: relative; height: 50px; background-color: rgba(0, 100, 150, 0); padding: 5px 5px 5px 5px; margin: 0px 50px 0px 50px; z-index: 100; } div.panel-rw .title-bar-rw h2 { font-size: 22px; font-weight: bold; color:rgba(0, 100, 150, 1); border-bottom: 0px; margin: 0px; padding: 0px; } .frame-rw { position: absolute; top: 50px; right: 50px; bottom: 0px; left: 50px; overflow: hidden; margin: 0px auto 0px auto; } .frame-body-rw { position: absolute; top: 0px; right: 0px; bottom: 50px; left: 0px; border-radius: 10px; overflow: hidden; } .frame-body-rw img { border: 1px solid black; } div.frame-body-rw h4 { height: 20px; margin: 0px; padding-top: 5px; } .caption-bar-rw { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 50px; background-color: rgb(240, 240, 240); border-radius: 10px; padding: 5px; } .caption-bar-rw p { font-size: 16px; line-height: 20px; font-style: normal; color: black; } div.fullscreen { position: fixed; width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0px; z-index: 1000; } div.fullscreen .frame-body-rw { overflow: auto; } .nav-bar-rw { position: absolute; margin: 0px; padding: 0px; } .nav-bar-rw p { display: none; } .nav-previous-rw { width: 50px; top: 0px; bottom: 50px; left: 0px; cursor: url('left.cur'),auto; } .nav-next-rw { width: 50px; top: 0px; right: 0px; bottom: 50px; cursor: url('right.cur'),auto; } .nav-first-rw, .nav-last-rw { width: 50px; height: 50px; bottom: 0px; color: white; text-align: center; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 50%; border-radius: 0px; } .nav-last-rw { right: 0px; } .nav-first-rw p, .nav-last-rw p { display: none; line-height: 45px; } .panel-fullscreen-rw, .panel-minscreen-rw { position: absolute; right: 60px; bottom: 0px; width: 40px; height: 40px; text-indent: -999px; border: none; cursor: pointer; overflow: hidden; } .panel-fullscreen-rw p, .panel-minscreen-rw p { display: none; } .nav-list-rw { height: 50px; right: 50px; bottom: 0; left: 50px; } .nav-list-rw ol { margin: 0px; padding: 0px; list-style: none; } .nav-list-rw ol li { display: inline-block; width: 50px; height: 48px; font-size: 28px; line-height: 48px; color: white; text-align: center; background-color: black; } .arrow-up-rw, .arrow-down-rw { display: block; position: absolute; width: 50px; height: 75px; font-size: 20px; font-weight: bold; color: white; text-align: center; padding-top: 25px; } .arrow-right-rw, .arrow-left-rw { display: block; position: absolute; width: 75px; height: 50px; font-size: 20px; font-weight: bold; color: white; text-align: center; padding-top: 15px; } .hide { display: none; } .show-rw, .show { display: block; } .arrow-up-rw { top: 50px; left: 50px; } .arrow-right-rw { top: 50px; left: 150px; } .arrow-down-rw { top: 50px; left: 250px; } .arrow-left-rw { top: 50px; left: 350px; } .arrow-up-rw { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSI1MC4yMTg3NSIKICAgaGVpZ2h0PSI3NS4xMjUiCiAgIGlkPSJzdmcyIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE3Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTUuMjgxMjUsLTI3My42MjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMzY1LjI1NjQsMzEwLjg1MzggLTI0Ljc0ODc0LC0zNi45OTEwNiAtMjQuOTk4NzIsMzYuOTkxMDYgMTEuMjQ5NDMsMCAwLDM3Ljc1NjQgMjcuNDk4NTksMCAwLC0zNy43NTY0IHoiCiAgICAgICBpZD0icGF0aDI5ODUiCiAgICAgICBzdHlsZT0iZmlsbDojZmYwMDAwO3N0cm9rZTojZmYwMDAwO3N0cm9rZS13aWR0aDowLjI1MjUzNjAzcHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICA8L2c+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-position: center center; } .arrow-right-rw { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSI3NS4wOTM3NSIKICAgaGVpZ2h0PSI1MC4yMTg3NSIKICAgaWQ9InN2ZzIiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0IiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTciPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwMi44NzUsLTI4Ni4xMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMzQwLjc2NTM0LDI4Ni4zNjI3NCAzNi45OTEwNiwyNC43NDg3NCAtMzYuOTkxMDYsMjQuOTk4NzIgMCwtMTEuMjQ5NDMgLTM3Ljc1NjQsMCAwLC0yNy40OTg1OSAzNy43NTY0LDAgeiIKICAgICAgIGlkPSJwYXRoMjk4NSIKICAgICAgIHN0eWxlPSJmaWxsOiNmZjAwMDA7c3Ryb2tlOiNmZjAwMDA7c3Ryb2tlLXdpZHRoOjAuMjUyNTM2MDNweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAvPgogIDwvZz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-position: center center; } .arrow-down-rw { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSI1MC4yMTg3NSIKICAgaGVpZ2h0PSI3NS4xMjUiCiAgIGlkPSJzdmcyIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE3Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTUuMjgxMjUsLTI3My42MjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMzY1LjI1NjQsMzExLjYxOTE0IC0yNC43NDg3NCwzNi45OTEwNiAtMjQuOTk4NzIsLTM2Ljk5MTA2IDExLjI0OTQzLDAgMCwtMzcuNzU2NCAyNy40OTg1OSwwIDAsMzcuNzU2NCB6IgogICAgICAgaWQ9InBhdGgyOTg1IgogICAgICAgc3R5bGU9ImZpbGw6I2ZmMDAwMDtzdHJva2U6I2ZmMDAwMDtzdHJva2Utd2lkdGg6MC4yNTI1MzYwM3B4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiIC8+CiAgPC9nPgo8L3N2Zz4K"); background-repeat: no-repeat; background-position: center center; } .arrow-left-rw { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSI3NS4wOTM3NSIKICAgaGVpZ2h0PSI1MC4yMTg3NSIKICAgaWQ9InN2ZzIiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0IiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTciPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwMi43ODEyNSwtMjg2LjEyNSkiCiAgICAgaWQ9ImxheWVyMSI+CiAgICA8cGF0aAogICAgICAgZD0iTSAzNDAsMjg2LjM2Mjc0IDMwMy4wMDg5NCwzMTEuMTExNDggMzQwLDMzNi4xMTAyIGwgMCwtMTEuMjQ5NDMgMzcuNzU2NCwwIDAsLTI3LjQ5ODU5IC0zNy43NTY0LDAgeiIKICAgICAgIGlkPSJwYXRoMjk4NSIKICAgICAgIHN0eWxlPSJmaWxsOiNmZjAwMDA7c3Ryb2tlOiNmZjAwMDA7c3Ryb2tlLXdpZHRoOjAuMjUyNTM2MDNweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAvPgogIDwvZz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-position: center center; } .nav-previous-rw { background-color: rgba(0, 0, 0, 0); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSIyMC4wMzEyNSIKICAgaGVpZ2h0PSI5OS42NTYyNSIKICAgaWQ9InN2ZzMwMzEiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMzMDMzIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTMwMzYiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwOS41LC0zNTMuMDMxMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMTI5LjIwOTAxLDM1My4xNTMxNiAwLDk5LjQxODA0IC0xOS40MTgwMywtNTIuMzI1MjggeiIKICAgICAgIGlkPSJwYXRoMzAzOSIKICAgICAgIHN0eWxlPSJmaWxsOiNiM2IzYjM7c3Ryb2tlOiNiM2IzYjM7c3Ryb2tlLXdpZHRoOjAuNTgxOTY2MTZweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAvPgogIDwvZz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-position: center center; } .nav-next-rw { background-color: rgba(0, 0, 0, 0); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSIyMC4wMzEyNSIKICAgaGVpZ2h0PSI5OS42NTYyNSIKICAgaWQ9InN2ZzMwMzEiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMzMDMzIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTMwMzYiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwOS41LC0zNTMuMDMxMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMTA5Ljc5MDk4LDM1My4xNTMxNiAwLDk5LjQxODA0IDE5LjQxODAzLC01Mi4zMjUyOCB6IgogICAgICAgaWQ9InBhdGgzMDM5IgogICAgICAgc3R5bGU9ImZpbGw6I2IzYjNiMztzdHJva2U6I2IzYjNiMztzdHJva2Utd2lkdGg6MC41ODE5NjYxNnB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiIC8+CiAgPC9nPgo8L3N2Zz4K"); background-repeat: no-repeat; background-position: center center; } .nav-first-rw { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSI0NCIKICAgaGVpZ2h0PSI0NCIKICAgaWQ9InN2ZzQ5NDEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuNDguMiByOTgxOSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iaWNvX2ZpcnN0LnN2ZyI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSI2NDAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNDgwIgogICAgIGlkPSJuYW1lZHZpZXcxMCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iNS4zNjM2MzY0IgogICAgIGlua3NjYXBlOmN4PSIyMiIKICAgICBpbmtzY2FwZTpjeT0iMzYuOTE1MjU0IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIyMTkiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjIzIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNDk0MSIgLz4KICA8ZGVmcwogICAgIGlkPSJkZWZzNDk0MyIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE0OTQ2Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMDguMzYyMikiCiAgICAgaWQ9ImxheWVyMSIKICAgICBzdHlsZT0iZmlsbDojYjNiM2IzIj4KICAgIDxnCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSwzNy4xNzY3NzksLTMzLjYwNzE1KSIKICAgICAgIGlkPSJnNDk2MiIKICAgICAgIHN0eWxlPSJmaWxsOiNiM2IzYjMiPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIC02LjIwOTcwMTQsMTA0Mi42MTE1IDIxLjQyMTM3MDQsMjEuMzkyOCAtMjEuNDIxMzcwNCwyMS4zOTI4IHoiCiAgICAgICAgIGlkPSJyZWN0NDE0MyIKICAgICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7ZmlsbDojYjNiM2IzO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjUwMDAwMDAwMDAwMDAwMDAwO21hcmtlcjpub25lO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMTAuNTQ1NzQ5LDEwNDIuNjExNSAyMS40MjEzNywyMS4zOTI4IC0yMS40MjEzNywyMS4zOTI4IHoiCiAgICAgICAgIGlkPSJwYXRoNDE0NiIKICAgICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7ZmlsbDojYjNiM2IzO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjUwMDAwMDAwMDAwMDAwMDAwO21hcmtlcjpub25lO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMzIuNDk3Mzk5LDEwNDIuNTQxNiA0LjA2NTg2LDAgMCw0Mi42MDMyIC00LjA2NTg2LDAgeiIKICAgICAgICAgaWQ9InJlY3Q0MTQ4IgogICAgICAgICBzdHlsZT0iY29sb3I6IzAwMDAwMDtmaWxsOiNiM2IzYjM7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjAuNjM3NzE2NjUwMDAwMDAwMDA7bWFya2VyOm5vbmU7dmlzaWJpbGl0eTp2aXNpYmxlO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo="); } .nav-last-rw { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSI0NCIKICAgaGVpZ2h0PSI0NCIKICAgaWQ9InN2ZzQ5NDEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuNDguMiByOTgxOSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iaWNvX2xhc3Quc3ZnIj4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjY0MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI0ODAiCiAgICAgaWQ9Im5hbWVkdmlldzEwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSI1LjM2MzYzNjQiCiAgICAgaW5rc2NhcGU6Y3g9IjIyIgogICAgIGlua3NjYXBlOmN5PSIyMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQ5NDEiIC8+CiAgPGRlZnMKICAgICBpZD0iZGVmczQ5NDMiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNDk0NiI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDA4LjM2MjIpIgogICAgIGlkPSJsYXllcjEiCiAgICAgc3R5bGU9ImZpbGw6I2IzYjNiMyI+CiAgICA8ZwogICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi44MjMyMjEyLC0zMy42MDcxNSkiCiAgICAgICBpZD0iZzQ5NjIiCiAgICAgICBzdHlsZT0iZmlsbDojYjNiM2IzIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAtNi4yMDk3MDE0LDEwNDIuNjExNSAyMS40MjEzNzA0LDIxLjM5MjggLTIxLjQyMTM3MDQsMjEuMzkyOCB6IgogICAgICAgICBpZD0icmVjdDQxNDMiCiAgICAgICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZpbGw6I2IzYjNiMztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC41MDAwMDAwMDAwMDAwMDAwMDttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlIiAvPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDEwLjU0NTc0OSwxMDQyLjYxMTUgMjEuNDIxMzcsMjEuMzkyOCAtMjEuNDIxMzcsMjEuMzkyOCB6IgogICAgICAgICBpZD0icGF0aDQxNDYiCiAgICAgICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZpbGw6I2IzYjNiMztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC41MDAwMDAwMDAwMDAwMDAwMDttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlIiAvPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDMyLjQ5NzM5OSwxMDQyLjU0MTYgNC4wNjU4NiwwIDAsNDIuNjAzMiAtNC4wNjU4NiwwIHoiCiAgICAgICAgIGlkPSJyZWN0NDE0OCIKICAgICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7ZmlsbDojYjNiM2IzO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjYzNzcxNjY1MDAwMDAwMDAwO21hcmtlcjpub25lO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"); } .panel-fullscreen-rw { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAM1gAADNYBN9oYHwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKFSURBVFiF7dkxjylRGAbgd91borClEKJBRBTzB4RIJuT2OsVmCwmF7kYi2U6l2E3U/gf+g4hYWUKoSOwWRuEU673F7pXlOrPsGqa4b/IV43wmj3PmkBkgCQC3AHoA1gB44Vq/W27fbbgxAUpWNwDwaAKIrB6vALwCsMCcWV/hTWramHXmNvkpG0in04hGo9A0bVPL5XLrWNM0LBYL9Pt9Q5F7L9C7uzsekmw2a+hGkS6xpmmffrJ8Po9qtXr0jByTLwMrlQoeHh5ODtqNFLhcLnXfmMlkEIlETg7azZdn0OFwoNFoIBwOnxz1Md+6Bq+vr9FsNhEKhU6K2s3e3aMoykG7mCRnsxmDwaBRO3n/gN/v3wDK5TIHg4EucjqdMhAInA/odDpJksVikQDocrk4HA6lwNVqxUQicT6g3W5nqVTaes3tdnM0Gu3Fqap63iWWlcfj4Xg83uCEEEwmk0bhjgcCoNfr5WQyoRCCqVTKSNzXgADo8/mMXNbvAw8tVVXp8/nMCUylUhRCcDKZ0Ov1mguYTCYphNhspvF4TI/HYw6gqqpcrVb/fB2NRiO63e6t3lKpRLvdfj5gIpHYi/ub4XBIl8tFACwWiyRJp9N5PmAgEOB0OtX9WRwMBiyXy5tjv99/3iUOBoOczWa6yI9RFEV6LkPu6rrdLmKxGObz+UH9NptNOmbYbWen00EsFsPz8/OnvRcBAkC73UY8HsfLy4tu38WAANBqtVCr1XR7rFardMxwYC6XQ6FQ0O252Axms1nc399/2qcHlD76OEXq9ToURYHNZtsqq9W6ddzr9aTn+P9067ux4O2ZsFmztgB4urRCJ08/AAgAvy4tkeQ3aPK/If4A29eTtNv9vBUAAAAASUVORK5CYII="); } .panel-minscreen-rw { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAM1gAADNYBN9oYHwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJpSURBVFiF7ZnPruFgGId/zCz1DlCsmxYrKyHocu5AbJqTiCuYNGxcAYnY2LkJO67A9kxOiL877UZFcxbTdxbnaJjRKqfaLuZJ3qT4efPkU28/BSICgBcAvwAYAMjnMj5dXj7dIAVAyqokAHgNgIhVvYYA/AYQRjAxQvgwDSxBXTkTx4KiKCKTyTzTxZKbJ6soiqTrOqmqSul02usvin2gXC6Trut0QlEUEgThajYUCnkrWCqV6Hg80t8oikI8z19kW60WsSzrnWA+n78qd2K325mSsiwTERHHcd4JRqNRms1mloInyU6nYz7O5XLefsSxWIzm87mt5DmVSsV1Qdsxs9lsUCgUsFgs7GImDMM4yt3DzTl4j2QkEnFF6hxHg3q9XqNYLGK5XNrmfFnBE6vVCsPh0Dbjq2C9Xkez2bTN+CYoSRJ6vd7N3DPOwe9OQqPRCBzHgWGYfyoSiZjH0+nUdUHX94O1Wg3ZbBaapkHTNBwOB/P4vPb7PbbbraOerg7W8yuLFYZhkCRJXx/Uj3A4HG5mGo0GBoOBo36uC2qaZvt6u91Gv9933M9zwWq1CpZlHffzXDCRSGA8HiMejzvq58s5mEwmMZlMEIvFbmY9X8ETTiWfKtjtdqEoimU2lUphPB4jGo3a9nR1DnIcR0REsiwTAOJ5nna7neVMPB6PlM/nH9tRP1Isy1Kr1bp4jud5UhTlqlypVHp8y/9IWf30FAThQlLXdSqXy056uitoV+l0mlRVJV3XSRRFp+/zThAAZTKZe+To/92trxLGxz3hoGKEAbz5bWHD2zcA7wB++G1iwU9QwP+G+ANrpeuNhfSZgAAAAABJRU5ErkJggg=="); } .aie-hn { position: relative; } .aie-hn-tools { position: absolute; top: 15px; left: 0%; background-color: rgb(230, 230, 230); border: 1px solid rgb(180, 180, 180); color: rgb(100, 100, 100); z-index: 9; white-space: nowrap; padding: 4px 4px; font-family: sans-serif; font-size: 14px; } .aie-hn-tools .make-note { margin-right: 20px; } .aie-hn-tools span:hover { cursor: pointer; border-bottom: 2px solid rgb(250, 200, 0); color: rgb(40, 40, 40); } .highlight-aie { background-color: rgb(255, 255, 150); } .note-aie { background-color: rgb(15, 255, 200); } .selected-aie { background-color: rgb(255, 205, 150); } .user-note-aie { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; border: 2px solid rgb(200, 200, 200); background-color: rgb(240, 240, 240); border-radius: 4px; z-index: 10; width: 300px; min-height: 150px; padding: 5px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); } .note-header { display: block; padding: 0 0 2px 0; __border-bottom: 1px solid rgb(160, 160, 160); font-family: sans-serif; font-size: 13px; line-height: 20px; font-weight: bold; color: rgb(100, 100, 100); } .note-header button { float: right; margin-right: 5px; } .user-note-aie .note-body { background-color: white; border: 1px solid rgb(50, 140, 180); border-color: rgb(180, 180, 180); min-height: 120px; padding: 4px; font-size: 13px; font-family: sans-serif; } .aie-hn { border-bottom: 1px dotted rgb(220, 220, 0); cursor: pointer; } .note-body p:empty:before { content: "Your note..."; color: gray; } .user-glossary-aie { border: 1px solid gray; position: relative; padding: 0 10px 10px 10px; margin: 20px auto; } .user-glossary-aie .glossary-body-aie:empty:before, .user-glossary-aie .glossary-body-aie ul:empty:before { content: "No glossary items..."; color: red; font-style: italic; } .user-glossary-aie ul li { list-style: none; cursor: pointer; padding: 4px; text-indent: -40px; padding-left: 44px; position: relative; } .user-glossary-aie .term-rw { font-weight: bold; } .user-glossary-aie .term-rw:after { content: ' - '; } .user-glossary-aie .selected-item-aie { background-color: rgba(220, 220, 220, 1); } .user-glossary-aie .glossary-review-aie { background-color: rgba(255, 200, 120, 1); border-bottom: 1px dotted white; position: relative; } .user-glossary-aie .glossary-review-aie:after { position: absolute; right: 0; color: rgb(130, 130, 130); font-size: 18px; text-transform: uppercase; z-index: 1; } .user-glossary-aie .glossary-review-aie:after { cursor: text; width: 16px; height: 16px; border-radius: 10px; background: rgb(0, 150, 50); display: inline-block; text-indent: 0; color: white; text-align: center; font-size: 12px; font-family: sans-serif; line-height: 16px; } .user-glossary-aie .glossary-item-tools { float: right; position: absolute; top: 3px; right: 0; z-index: 9; text-indent: 0; margin-right: 10px; } .user-glossary-aie .glossary-item-tools button { border: none; background: none; width: 18px; height: 18px; border-radius: 10px; background-color: rgb(0, 70, 150); margin-right: 5px; color: white; text-align: center; cursor: pointer; min-width: 18px; padding: 0; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .user-glossary-aie .glossary-item-tools button.glossary-delete { background-color: rgb(200, 0, 0); } .user-glossary-aie .glossary-item-tools button.glossary-review { background-color: rgb(250, 150, 50); } .glossary-form-aie { position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 400px; border: 1px solid gray; font-family: sans-serif; background-color: rgb(240, 240, 240); background: white; padding: 10px; box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.3), 2px 2px 10px rgba(0, 0, 0, 0.6); z-index: 10; } .glossary-form-aie h6 { font-size: 15px; color: rgb(0, 120, 170); } .glossary-form-aie .form-label { font-weight: bold; margin-top: 10px; margin-bottom: 2px; font-size: 12px; color: rgb(0, 100, 150); } .glossary-form-aie p[contenteditable], .glossary-form-aie span[contenteditable] { border: 1px solid rgb(0, 110, 180); min-height: 20px; font-size: 12px; line-height: 18px; padding: 0 4px; } .glossary-form-aie p.def-editable { min-height: 40px; } .glossary-form-aie input[type="checkbox"] { vertical-align: top; margin-top: 4px; } .glossary-form-aie span[contenteditable] { display: inline-block; min-width: 100px; } .glossary-form-aie [contenteditable="false"] { background-color: rgb(200, 200, 200); } .glossary-form-aie .form-buttons { text-align: center; margin-top: 10px; } .new-glossary-item { float: right; } .user-glossary-aie button { border: 2px solid rgb(0, 100, 150); -moz-box-shadow: 0 0 2px white inset; -webkit-box-shadow: 0 0 2px white inset; box-shadow: 0 0 2px white inset; background: rgb(0, 120, 170); min-width: 100px; padding: 4px; color: white; cursor: pointer; } .glossary-category-aie { display: none; } .glossary-sort-menu span { padding: 0px 4px; border-radius: 4px; cursor: pointer; color: rgb(0, 100, 150); border: 1px solid rgb(0, 100, 150); margin-bottom: 3px; display: inline-block; } .glossary-sort-menu span.disabled { background-color: rgb(200, 200, 200); border-color: rgb(170, 170, 170); color: rgb(170, 170, 170); cursor: text; } .glossary-sort-menu span.selected-menu { background-color: rgba(0, 120, 180, 0.4); } .glossary-filter .filter-box { min-height: 20px; min-width: 200px; border: 1px solid rgb(0, 100, 160); display: inline-block; } .glossary-category-aie { margin-top: 10px; } .glossary-category-aie h4 { color: rgb(0, 100, 150); font-family: sans-serif; } .correct { color: blue; } .aie-audio-text-rw .timeline, .aie-audio-text-rw .timeline-rw, .aie-audio-text-rw .hide-rw, .aie-audio-text-rw .hide { display: none; } .aie-audio-text-rw { position: relative; border: 1px solid gray; } .aie-audio-text-rw .media-rw { margin: 0px; } .aie-audio-text-rw .aie-audio-content-rw { min-height: 25px; margin-right: auto; margin-left: auto; padding: 0px 10px 0px 10px; } .aie-audio-text-rw audio { display: none; } .text-subtitle-rw .audio { display: none; } .text-subtitle-rw .correct { display: inherit; } .aie-audio-text-rw.align-left-rw { text-align: left; margin-right: auto; margin-left: 0px; } .aie-audio-text-rw.align-center-rw { text-align: center; margin-right: auto; margin-left: auto; } .aie-audio-text-rw.align-right-rw { text-align: right; margin-right: 0px; margin-left: auto; } .aie-overlay-controls-rw { position: absolute; right: 0px; bottom: 0px; } .top-left-rw { top: 0px; left: 0px; } .top-right-rw { top: 0px; right: 0px; } .bottom-left-rw { bottom: 0px; left: 0px; } .aie-overlay-controls-rw ol { list-style-tyle: none; position: relative; font-family: sans-serif; color: white; background-color: black; margin: 0px 8px 0px 0px; padding: 4px 0px 8px 0px; z-index: 999; } .aie-overlay-controls-rw ol li { list-style: none; position: relative; padding: 4px 6px 0px 20px; cursor: pointer; } .aie-overlay-controls-rw ol li.selected:before { content: "*"; font-size: 25px; color: red; position: absolute; top: 8px; left: 5px; } .metadata-work-rw { display: none; } .metadata-section-rw { display: none; } .metadata-header-rw { display: none; } .metadata-block-rw { display: none; } .metadata-search-rw { display: none; } .seo-metadata-rw { display: none; } .metadata-fixed-rw { display: none; } .igp-metadata-rw { display: none; } .azardi-metadata-rw { display: none; } body { background-color: rgb(255, 255, 255); margin-bottom: 2em; padding-bottom: 2em; } .galley-rw { } .body-rw, .layout-rw { position: relative; } .clear-both-rw { width: 100%; clear: both; } .highlight { background: rgb(255, 255, 0); } .site-seo-rw, .site-igp-metadata-rw, .aie-events-rw, .google-script-rw, .chartbeat-script-rw, .piwik-script-rw { display: none; } .correct { background-color: rgb(135, 206, 235); } .site-header-igp { position: relative; margin: 0px auto 0 auto; width: 100%; background-color:rgb(210,210,210); } .brandingbar-igp { position: relative; height: 80px; min-width: 320px; max-width: 1024px; margin: 0 auto 0 auto; border: 1px solid rgba(210,210,210,1.0); overflow: hidden; background-image: url("../i/ecl_logo_80_online.png"), url("../i/estelbanner_online.jpg"); background-size: auto 80%, cover; background-repeat: no-repeat; background-position: 10px 10px, 0 0; } .brandingbar-igp p { text-align: right; color: white; font-size: 1.4em; font-family: Galley; margin: 20px 0.5em 0 0; font-weight: 700; } .media-contact { font-family: "Galley", Arial, sans-serif; color: rgb(200, 200, 200); height:40px; text-align: left; font-size: 20px; line-height: 27px; padding: 5px 10px; background-color: rgba(38, 43, 55, 0.8); border-bottom: 2px solid rgb(210,210,210); margin: 0 auto 0 auto; max-width: 1024px; min-width: 320px; overflow: hidden; white-space: nowrap; position: relative; } .contact-email { color: white !important; } div.navbar-igp { background-color: rgb(100, 100, 100); position: relative; max-width: 1024px; min-width: 360px; margin: 0 auto 0 auto; } div.navbar-igp ul { list-style-type: none; margin: 0 0 0 0; padding: 0; z-index: 100; } div.navbar-igp ul.dp-portal-igp { position: absolute; top: 0; right: 0; z-index: 101; } .navbar-igp ul li { display: inline-block; float: left; color: white; font-size: 14px; line-height: 18px; font-weight: normal; padding: 5px 10px 5px 10px; margin: 0; text-transform: uppercase; } .navbar-igp ul li a{ text-decoration: none; color: white; } .navbar-igp ul li:hover{ background-color: rgb(150, 150, 150); color: white; } .menu { position:relative; padding:0; margin:0; list-style:none; height:28px; font-family:arial, verdana, sans-serif; } .menu ul { display: none; list-style:none; font-size: 13px; line-height: 16px; margin: 0; } .menu ul li { font-size: 13px; line-height: 18px; padding: 5px 10px 5px 10px; } .menu li:hover { position:relative; z-index:9; } .nav-btn { display: none; } .mobile-show { display: none; } .more-nav-igp .arrow:after { content: " { "; position: relatve; top: 0; } .more-nav-igp.expand .arrow:after { content: " }"; } div.site-footer-igp { width: 100%; background: rgb(210, 210, 210); } div.footer-igp { position: relative; background: rgb(100, 100, 100); padding: 0px; margin: 0px auto 0px auto; padding: 10px 10px 0 10px; min-width: 320px; max-width: 1024px; } .footer-rights-igp { font-family: Galley; font-size: 1em; font-weight: 300; text-align: left; color: white; padding: 0 0 10px 20px; } .SocialBar-rw { position: relative; margin: 0 auto 0 auto; background-color: rgb(255, 255, 255); padding: 10px 0px 0px 0px; text-align: center; } .SocialBar-rw p { text-align: center; } .social-rw { display: inline-block; width: auto; vertical-align: top; margin-left: 10px; } .widgets-rw { margin: 0px auto 20px auto; } .widgets-rw .frame-rw { margin: 0; top: auto; right: auto; bottom: auto; left: auto; } .panel-sliding-rw { width: 600px; height:400px; overflow: hidden; position: relative; box-shadow: 0 0 1px gray; } .panel-sliding-rw .slider-rw { width: 3000px; height:400px; position: absolute; border-radius: 0; } .panel-sliding-rw.slide-vertical-rw .slider-rw { width: auto; height: auto; } .panel-sliding-rw .slider-rw ul { margin: 0; padding: 0; } .panel-sliding-rw .slider-rw li { list-style: none; width: 600px; height: 400px; float: left; position: relative; margin: 0; padding: 0; } .panel-sliding-rw .slider-rw li img { width: 100%; } .panel-sliding-rw .caption-rw { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 20px 10px 20px; font-size: 20px; background-color: rgba(0, 0, 0, 0.4); color: white; } .panel-tutorial-rw { width: 600px; height:400px; overflow: hidden; position: relative; box-shadow: 0 0 1px gray; } .panel-tutorial-rw .slider-rw { position: absolute; width: 3000px; height:400px; margin: 0; border-radius: 0; } .panel-tutorial-rw.slide-vertical-rw .slider-rw { width: auto; height: auto; } .panel-tutorial-rw .slider-rw .frame-rw { width: 600px; height:400px; float: left; } .panel-scrolling-rw { width: auto; height:768px; background-color: white; overflow: hidden; position: relative; box-shadow: 0 0 1px gray; } .panel-scrolling-rw .frame-rw { position: absolute; padding: 20px; border-radius: 0; margin: 0; } .panel-locked-rw { width: 500px; height:600px; background-color: white; overflow: hidden; position: relative; box-shadow: 0 0 1px gray; } .panel-locked-rw .frame-locked-rw { width: 500px; height:300px; position: relative; } .panel-locked-rw .panel-scrolling-rw { width: 500px; min-height: auto; height:300px; background-color: white; overflow: hidden; position: relative; margin: 0 auto 0 auto; border: none; } .panel-locked-rw .panel-sliding-rw .frame-rw { position: absolute; padding: 20px; } .panel-locked-rw.frame-left-rw { width: 600px; height: 400px; } .panel-locked-rw.frame-left-rw .frame-locked-rw, .panel-locked-rw.frame-left-rw .panel-scrolling-rw{ width: 50%; height: 100%; position: absolute; top: 0; left: 0; } .panel-locked-rw.frame-left-rw .panel-scrolling-rw { left: auto; right: 0; border-left: 1px solid gray; } .panel-locked-rw.frame-right-rw { width: 600px; height: 400px; } .panel-locked-rw.frame-right-rw .frame-locked-rw, .panel-locked-rw.frame-right-rw .panel-scrolling-rw{ width: 50%; height: 100%; position: absolute; top: 0; right: 0; } .panel-locked-rw.frame-right-rw .panel-scrolling-rw { left: 0; right: auto; border-right: 1px solid gray; } div.panel-popup-rw { position: absolute; width: 80%; height: 80%; background-color: rgba(220, 220, 200, 1); box-shadow: 5px 5px 10px black; border-radius: 10px; padding: 10px; font-size: 16px; font-weight: normal; font-style: normal; color: rgb(0, 0, 0); display: none; top: 10% !important; left: 10% !important; overflow: auto; z-index: 99999999999999; background: -moz-linear-gradient(top, rgba(254,255,232,1) 0%, rgba(214,219,191,1) 100%); background: -webkit-linear-gradient(top, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); background: linear-gradient(to bottom, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); } div.popup-text-rw { position: fixed; width: 300px; min-height: auto; max-height: 500px; background-color: rgb(255, 255, 220); box-shadow: 5px 5px 10px black; border-radius: 10px; padding: 10px; font-size: 16px; line-height: 20px; font-weight: normal; font-style: normal; color: rgb(0, 0, 0); display: none; z-index: 9999; } div.reveal-rw { position: relative; background-color: rgb(200, 255, 220); border-radius: 0px; padding: 10px; margin: 10px 0 10px 0; font-size: 16px; font-weight: normal; font-style: normal; color: rgb(0, 0, 0); display: none; } .ref-popup-rw, .ref-reveal-rw, .ref-panel-popup-rw { color: blue; text-decoration: none; cursor: pointer; } .ref-popup-rw:hover, .ref-reveal-rw:hover, .ref-panel-popup-rw:hover { text-decoration: underline; }