@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');:root {	--main-bg: #1560ad;	--main-hover: #1c88f7;	--main-fg: #ffffff;	--light-bg: #eeeeee;	--light-hover: #f6f6f6;	--default-dark: #333333;	--default-light: #ffffff;	--main-selected: #008800;	--main-submit: #008800;	--main-deny: #dd0000;}select {	font-size: 1em;}@font-face {	font-family: "Font Awesome 5 Pro Duotone";	src: url('/typefaces/Font Awesome 5 Pro/fa-duotone-900.woff2') format('woff2'), url('/typefaces/Font Awesome 5 Pro/fa-duotone-900.woff') format('woff'), url('/typefaces/Font Awesome 5 Pro/fa-duotone-900.ttf') format('truetype')}.fad {	font-family: 'Font Awesome 5 Pro Duotone'}@font-face {	font-family: "Font Awesome 5 Pro Brands";	src: url('/typefaces/Font Awesome 5 Pro/fa-brands-400.woff2') format('woff2'), url('/typefaces/Font Awesome 5 Pro/fa-brands-400.woff') format('woff'), url('/typefaces/Font Awesome 5 Pro/fa-brands-400.ttf') format('truetype')}.fab {	font-family: 'Font Awesome 5 Pro Brands'}@font-face {	font-family: "Font Awesome 5 Pro Regular";	src: url('/typefaces/Font Awesome 5 Pro/fa-regular-400.woff2') format('woff2'), url('/typefaces/Font Awesome 5 Pro/fa-regular-400.woff') format('woff'), url('/typefaces/Font Awesome 5 Pro/fa-regular-400.ttf') format('truetype')}.far {	font-family: 'Font Awesome 5 Pro Regular'}@font-face {	font-family: "Font Awesome 5 Pro Solid";	src: url('/typefaces/Font Awesome 5 Pro/fa-solid-900.woff2') format('woff2'), url('/typefaces/Font Awesome 5 Pro/fa-solid-900.woff') format('woff'), url('/typefaces/Font Awesome 5 Pro/fa-solid-900.ttf') format('truetype')}.fas {	font-family: 'Font Awesome 5 Pro Solid'}body, html {	height: 100%;	width: 100%;	margin: 0;}html {	padding: 0;}* {	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;}canvas {	box-sizing: unset !important;	-webkit-box-sizing: unset !important;	-moz-box-sizing: unset !important;}#clipImg{   display: none;}.eContain {	box-sizing: unset !important;	-webkit-box-sizing: unset !important;	-moz-box-sizing: unset !important;}.ePage {	height: calc(100%);	left: 0px;	transform: translateX(0px);	-webkit-transform: translateX(0px);	-moz-transform: translateX(0px);	transition: transform 0ms;	-webkit-transition: -webkit-transform 0ms;	-moz-transition: -moz-transform 0ms;	position: relative;}.noImage {	display: none !important;}.zoomOutCursor {	cursor: zoom-out;}.ePageBlur {	position: absolute;	z-index: -1;}#frmHdr .fas,#frmHdr .fal,#frmHdr .far,#frmHdr .splitIcon {	background: var(--main-bg);	color: var(--main-fg);	width: 56px;	height: 56px;	line-height: 41px;	text-align: center;	cursor: pointer;	clear: none;	font-size: 1em;	display: inline-block;	vertical-align: baseline;	white-space: nowrap;	position: relative;	margin: 0px;}#frmHdr .storyToggle .fas {	text-align: left;	padding-left: 2px;	margin-right: 5px;}#frmHdr .storyToggle .far {	text-align: right;	padding-right: 2px;}#frmHdr #singleView, #frmHdr #doubleView {	display: none;}#frmHdr .splitIcon {	font-size: .8em;}	#frmHdr .splitIcon .far.split {		text-align: right;		background: unset;		font-size: .9em;	}	#frmHdr .splitIcon .split:last-of-type {		text-align: left;	}#frmHdr .fas.menuLink,#frmHdr .fal.menuLink,#frmHdr .far.menuLink {	background: unset;	line-height: 50px;}.tbiSel {	background: var(--main-selected) !important;}#frmHdr .far.tbiSelMode {	background: var(--main-selected);}#frmHdr .iconText {	position: absolute;	bottom: 5px;	width: 100%;	display: block;	clear: both;	line-height: 20px;	font-size: .8em;	font-family: 'Roboto', Helvetica, Arial, sans-serif;	font-weight: normal;}#doubleView.far.split:before {	content: "\f2fb \f2fb";}.split {	font-size: .9em;	vertical-align: middle;	width: 30px;	height: 56px;	margin: 0px;}#readerNotice {	background-color: var(--main-bg);	position: fixed;	z-index: 8;	width: 100%;	left: 0px;	top: 0;	color: #ffffff;	padding: 5px 0px;	transform: translateY(-150px);	-webkit-transform: translateY(-150px);	-moz-transform: translateY(-150px);	transition: transform 250ms;	-webkit-transition: -webkit-transform 250ms;	-moz-transition: -moz-transform 250ms;}	#readerNotice.showNotice {		transform: translateY(0px);		-webkit-transform: translateY(0px);		-moz-transform: translateY(0px);	}	#readerNotice i {		width: 30px;		height: 30px;		text-align: center;		font-size: 20px;	}	#readerNotice #noticeIcon {		display: inline-block;		vertical-align: middle;		line-height: 30px;	}	#readerNotice #closeChoice {		float: right;		line-height: 30px;		cursor: pointer	}	#readerNotice #noticeTxt {		width: calc(100% - 70px);		display: inline-block;		vertical-align: middle;	}.bannerAdCtr {	width: 100%;	position: relative;	text-align: center;	z-index: 0;	max-height: 50px !important;	overflow: hidden;}.bannerAd {	position: relative;	clear: both;	text-align: center;	margin: 0px auto 10px auto;}	.bannerAd:empty {		display: none;	}	.bannerAd iframe {		//height: unset !important;		//max-height: 50px;	}body {	font-family: 'Roboto', helvetica, arial, sans-serif;	font-size: 100%;	margin: 0px;}.zoomed {	height: auto !important;	width: 100%;}.zoomedPdf {	height: auto !important;}.zoomedHide {	display: none !important;}.hideBookmark {	display: none !important;}.erPage, .erPubs, #hiddenproof {	position: relative;	clear: both;	width: 100%;	height: calc(100% - 36px);	background: #ffffff;	z-index: 0;	overflow: auto;	padding: 10px;	border: solid 1px #dddddd;	transition: width 250ms;	outline: none;}.erPubs {	display: none;	padding-left: 20px;	padding-right: 20px;}.storyView {	width: 100%;	background-color: #ffffff;	padding: 0px;	height: calc(100%);	position: absolute;	right: 0px;	top: 0px;	z-index: 1;	transform: translate(100%, 0px);	transition: transform 250ms;}#storyPhotoViewer {	position: relative;	width: 100%;	clear: both;	overflow: hidden;	opacity: 1;}#photoPanel {	position: relative;	width: 100%;	margin: auto;	overflow: hidden;	padding-top: 56.25%;}#storyPhotoViewer .noPhotos {	display: none;}.sliderArrow {	position: absolute;	top: 50%;	transform: translateY(-50%);	border-radius: 50%;	-webkit-border-radius: 50%;	-moz-border-radius: 50%;	border-radius: 50%;	width: 32px;	height: 32px;	line-height: 34px;	background: var(--main-bg);	color: var(--main-fg);	text-align: center;	cursor: pointer;	z-index: 2;	opacity: 0;	transition: background 250ms, color 250ms, opacity 250ms;	-webkit-transition: background 250ms, color 250ms, opacity 250ms;	-moz-transition: background 250ms, color 250ms, opacity 250ms;}.showArrows {	opacity: 1;}.arrowHide {		display: none;	}.closeFullSlider {	float: left;	height: 32px;	width: 32px;	margin-right: 5px;	line-height: 32px;	color: var(--default-dark);	text-align: center;	cursor: pointer;	z-index: 3;	border-radius: 50%;	-webkit-border-radius: 50%;	-moz-border-radius: 50%;	transition: background 250ms, color 250ms, opacity 250ms;	-webkit-transition: background 250ms, color 250ms, opacity 250ms;	-moz-transition: background 250ms, color 250ms, opacity 250ms;	font-size: 1.5em;}.closeFullSlider {	float: right;	display: none;}.fullScreenBtn:hover,.sliderArrow:hover {	background: var(--main-hover);	color: var(--main-fg);}.photoItemWrapper {	position: absolute;	height: 100%;	width: 100%;	top: 0px;	left: 0px;	transition: opacity 250ms;	-webkit-transition: opacity 250ms;	-moz-transition: opacity 250ms;}#sliderArrowLeft {	left: 30px;}#sliderArrowRight {	right: 30px;}.sliderPhoto {	position: absolute;	max-height: 100%;	left: 50%;	top: 0px;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);	z-index: 1;}.sliderTools {	position: absolute;	top: 0px;	left: 0px;	background: rgba(0,0,0,.75);	width: 100%;	padding: 10px;	z-index: 2;	transform: translateY(-52px);	-webkit-transform: translateY(-52px);	-moz-transform: translateY(-52px);	transition: transform 250ms;	-webkit-transition: -webkit-transform 250ms;	-moz-transition: -moz-transform 250ms;}.showTools {	transform: translateY(0px);	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);}.captionPanel {	position: absolute;	bottom: 0px;	left: 0px;	width: 100%;	padding: 20px 20px 20px 20px;	background: rgba(0,0,0,.75);	color: #ffffff;	line-height: 25px;	font-size: 1em;	z-index: 2;	transform: translateY(0px);	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);	transition: transform 250ms;	-webkit-transition: -webkit-transform 250ms;	-moz-transition: -moz-transform 250ms;}.showStory {	transform: translate(0px, 0px);}.storySec {	width: 100%;	font-weight: 900;	font-size: 1em;	margin: 0px 0px 10px 0px;}#frmStory #storyTitle {	font-size: 1.75em;	font-weight: 900;	width: 100%;	padding: 30px;}.shareImg {	width: 30px;	height: 30px;	background-image: url(/images/reader/share_story_sprite.png);	background-repeat: no-repeat;	overflow: hidden;	display: inline-block;	background-size: 90px 30px;	vertical-align: middle;	float: left;	cursor: pointer;}#twShareImg {	background-position: -30px 0;}#fbShareImg {	background-position: 0 0;}#storyBody {	line-height: 1.25;	font-weight: normal;	width: 100%;	padding: 30px;	font-size: 1.25em;}	#storyBody.smallCopy {		font-size: 1.25em;	}	#storyBody.mediumCopy {		font-size: 1.75em;	}	#storyBody.largeCopy {		font-size: 2.5em;	}.storyListTitle {	margin: 0px 0px 20px 0px;}.storyListPageLabel {	position: absolute;	right: 5px;}.storyListImg {	width: 100%;	float: left;	margin: 0px 0px 20px 0px;}#frmStoryList {	background: unset;	border: none;	padding: 0px;}.storyViewTools,.storyPanelTools {	position: relative;	clear: both;	width: 100%;	height: 56px;	padding: 0px 0px 0px 0px;	background: #ffffff;	z-index: 3;}.storyViewToolsCtr {	overflow-x: auto;	overflow-y: hidden;	white-space: nowrap;	position: relative;	clear: both;	width: calc(100% - 56px);	height: 56px;	padding: 0px 0px 0px 0px;	z-index: 3;}.storyPanelTools {	border: none;}	.storyPanelTools::-webkit-scrollbar {		display: none;	}.storyPanelContainer {	padding: 100%;	height: calc(100% - 56px);	padding: 0px;	border-top: 10px solid #dddddd;	overflow: auto;	-webkit-overflow-scrolling: touch;}.closeStoryView,.closeStoryList {	color: #000000;	transition: color 250ms;	line-height: 56px;	text-decoration: none;	width: 56px;	height: 56px;	text-align: center;}.storyShareIcon {	color: #000000;	transition: color 250ms;	line-height: 56px;	text-decoration: none;	width: 56px;	height: 56px;	text-align: center;	transition: background 250ms, color 250ms;	-webkit-transition: background 250ms, color 250ms;	-moz-transition: background 250ms, color 250ms;}.textSizeCtr,.shareCtr {	width: auto;	position: absolute;	top: 100%;	left: 0px;	width: 100%;	height: 0px;	overflow: hidden;	background: #eeeeee;	transition: height 250ms;	-webkit-transition: height 250ms;	-moz-transition: height 250ms;	text-align: left;}.textSizeBg {	background: var(--light-bg);	color: var(--default-dark);}.textSizeCtrOpen,.shareCtrOpen {	height: 56px;}.textSizeCtr i,.shareCtr i {	color: #000000;	transition: color 250ms;	width: 56px;	text-align: center;	line-height: 56px;	text-decoration: none;	height: 56px;	text-align: center;	transition: background 250ms, color 250ms;	-webkit-transition: background 250ms, color 250ms;	-moz-transition: background 250ms, color 250ms;}	.textSizeCtr i:hover,	.textSizeCtr i.textSizeSel {		color: var(--main-hover);		cursor: pointer;	}#smallText {	font-size: .65em;}#mediumText {	font-size: .8em;}#largeText {	font-size: 1em;	margin-right: 0px;}.storyShareIcon {	display: inline-block;	vertical-align: top;}.closeStoryView {	border-left: solid 1px #dcdcdc;	position: fixed;	right: 0px;	top: 0px;	background: var(--main-fg);}.closeStoryList {	border-left: solid 1px #dcdcdc;	position: fixed;	right: 0px;	top: 0px;	background: var(--main-fg);}	.closeStoryList:hover,	.closeStoryView:hover,	.storyShareIcon:hover {		background: var(--main-hover);		color: var(--main-fg);		cursor: pointer;	}.storyBlockContainer {	position: relative;	clear: both;	width: 100%;	overflow: auto;	-webkit-overflow-scrolling: touch;	height: calc(100% - 56px);	padding: 0px 16px 0px 0px;	z-index: 2;	background: #dcdcdc;	padding: 10px;}::-webkit-scrollbar {	width: 5px;	height: 5px;	background: var(--default-light);	position: fixed;	right: 0px;}::-webkit-scrollbar-thumb {	background: var(--default-dark);}	::-webkit-scrollbar-thumb:hover {		background: var(--main-bg);	}#noStoryBlock {	border: solid 1px #ffffff;	background: #ffffff;	padding: 20px;	margin-bottom: 10px;	transition: border 250ms;	clear: both;	width: 100%;	position: relative;	text-align: center;}.storyAdContainer {	background: #ffffff;	margin-bottom: 10px;	padding: 0px;	transition: border 250ms;	clear: both;	width: 100%;	position: relative;	overflow: hidden;	text-align: center;}.storyTxtAdCntr {	background: #ffffff;	margin-bottom: 10px;	padding: 0px;	transition: border 250ms;	clear: both;	width: 100%;	position: relative;	overflow: hidden;	text-align: center;}.storyTxtAdBlock {	width: 300px;	height: 250px;	margin: 10px;	transition: border 250ms;	position: relative;	display: inline-block;	vertical-align: top;}	.storyTxtAdBlock:empty {		height: 0px;		margin: 0px;		width: 0px;		overflow: hidden;		display: block;	}.sqrAdBlock {	width: 300px;	height: 250px;	margin: 10px;	transition: border 250ms;	position: relative;	display: inline-block;	vertical-align: top;}	.sqrAdBlock:empty {		height: 0px;		margin: 0px;		width: 0px;		overflow: hidden;		display: block;	}.recAdBlock {	border: solid 1px #ffffff;	color: white;	transition: border 250ms;	-webkit-transition: border 250ms;	-moz-transition: border 250ms;	position: relative;}	.recAdBlock:empty {		height: 0px;		margin: 0px;		width: 0px;		overflow: hidden;		display: block;	}.storyBlock {	overflow-y: hidden;	border: solid 1px #ffffff;	background: #ffffff;	padding: 20px;	margin-bottom: 10px;	transition: border 250ms;	clear: both;	width: 100%;	position: relative;}	.storyBlock:hover {		border: solid 1px var(--main-bg);		cursor: pointer;	}.pdfEpaperWrapper {	position: relative;	clear: both;	width: 100%;	overflow: hidden;	height: calc(100%);	padding: 10px 10px 10px 10px;	background-color: #eeeeee;	transition: padding 250ms;	-webkit-transition: padding 250ms;	-moz-transition: padding 250ms;}.bodyMenuDocked .storyView {	height: calc(100% - 104px);	transform: translate(100%, 104px);}.bodyMenuDocked .showStory {	transform: translate(0px, 104px);}.mainContainer {	position: fixed;	background: var(--main-bg);	transform: translate(0px, -56px);	-webkit-transform: translate(0px, -56px);	-moz-transform: translate(0px, -56px);	transition: transform 250ms;	-webkit-transition: transform 250ms;	-moz-transition: transform 250ms;	width: 100%;	height: 56px;	top: 0px;	left: 0px;	z-index: 7;	overflow: hidden;}.showMenu, .showReaderMenu,.showZoomMenu {	overflow: visible;}.showMenu {	transform: translate(0px, 0px);}.mcDocked {	overflow: visible;	transform: translate(0px, 0px);}#dockMenu.fas.fa-anchor.anchored {	background: #cc0000;}.bodyMenuDocked {	padding: 104px 10px 10px 10px;}img {	border: none;}.group:before,.group:after {	content: "";	display: table;}.group:after {	clear: both;}.mainMenu, .readerMenu,.zoomMenu, .archiveCal,.downloadMenu {	position: absolute;	left: 0px;	width: 100%;	padding: 0px;	top: 0px;	background: var(--default-dark);	z-index: 0;	transition: top 250ms;	-webkit-transition: top 250ms;	-moz-transition: top 250ms;	overflow: auto;	-webkit-overflow-scrolling: touch;	transform: translate(0px, -100%);	-webkit-transform: translate(0px, -100%);	-moz-transform: translate(0px, -100%);}.archiveCal .calWrapper {	max-width: 300px;	margin: auto;}.menuPanel {	transition: transform 250ms;	-webkit-transition: -webkit-transform 250ms;	-moz-transition: -moz-transform 250ms;}.readerSearch {	position: absolute;	width: 100%;	top: 0px;	left: 0px;	transform: translate(0px, -50px);	-webkit-transform: translate(0px, -50px);	-moz-transform: translate(0px, -50px);	height: 50px;}.hidePanel {	display: none;}.showPanel {	z-index: 2;	display: block;	transform: translate(0px, 56px);	-webkit-transform: translate(0px, 56px);	-moz-transform: translate(0px, 56px);}#downloadMenu a {	float: left;	width: 100%;}.archiveCal.menuPanel {	padding: 10px;	width: 100%;}#frmHdr .fas.arrowR,#frmHdr .fas.arrowL,#frmHdr .fas.arrowR:hover,#frmHdr .fas.arrowL:hover {	background: unset;	width: 30px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	color: #444444;	font-size: 1em;	text-align: center;	margin: 0px;	line-height: 30px;	height: 30px;}#menu {	width: 100%;}	#menu a,	#menu li,	#readerOptions li,	#zoomMenu li,	#downloadMenu li {		display: inline-block;		vertical-align: middle;		color: var(--main-fg);		text-decoration: none;		font-size: .9em;		width: 100%;		float: left;		padding: 0px 10px 0px 0px;		line-height: 56px;	}	#menu li,	#readerOptions li,	#zoomMenu li,	#downloadMenu li {		float: left;		clear: both;		width: 100%;		padding: 0px;		cursor: pointer;	}.menuLink {	display: inline-block;	vertical-align: baseline;	margin-right: 5px;}#menu li.brBottom,#readerOptions li.brBottom {	border-bottom: none;}#menu li:hover,#readerOptions li:hover,#downloadMenu li:hover {	background-color: var(--main-hover);}#menu ul,#readerOptions ul,#zoomMenu ul,#downloadMenu ul {	width: 100%;}.mmBtn {	display: none;}.profIcon {	float: right;	margin-left: 5px;	vertical-align: middle;}.logout {	float: none;	vertical-align: middle;	padding: 2px 8px 0px 8px !important;	height: 30px !important;}#top-links ul, #menu ul,#readerOptions ul,#zoomMenu ul,#downloadMenu ul {	list-style-type: none;	padding: 0px;	margin: 0px;	float: left;}	#downloadMenu ul li a {		color: #ffffff;		text-decoration: none;	}input[type=image] {	border: none;	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;	vertical-align: middle;	display: inline-block;	width: 18px;}.sectionFlow {	display: inline-block;	margin: 0px 10px 0px 0px;	vertical-align: middle;	position: relative;}.rGrad {	display: none;}.ptNav {	display: none;}.secFlowLbl {	margin-right: 5px;	font-size: 1em;	color: var(--default-dark);	display: inline-block;}.secOpt {	display: inline-block;}.pageSecTxt {	color: var(--default-dark);	border: solid 1px #bbbbbb;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	text-align: center;	height: 25px;	display: inline-block;	vertical-align: middle;	margin-left: 0px;	padding: 0px 5px;}.eContain {	position: relative;	box-shadow: 0px 0px 3px #bbbbbb;	height: calc(100%);	//min-height: 100%;	display: inline-block;	vertical-align: top;	/*transition: width 125ms, height 125ms;	-webkit-transition: width 125ms, height 125ms;	-moz-transition: width 125ms, height 125ms;*/}.pageSecTxt:hover {	cursor: pointer;}.ptCtr .navElement:hover {	border: none;}.viewsCta {	float: left;	width: 21%;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	padding: 1%;}.leftMenuC {	display: hidden;	border: none;}.ptLbl {	display: inline-block;	vertical-align: middle;}.pndCtr {	float: left;	margin: 0px 10px 0px 0px;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	width: auto;}#rts {	display: none;}.pubName {	position: relative;	font-size: 1.5em;	color: var(--default-dark);	font-family: font-weight: 900;	line-height: 1em;	width: 100%;}.pubDate {	position: relative;	font-size: 1em;	color: #666666;	width: 100%;	clear: both;}.pgSizeCtr img, .pageFlipCtr img {	cursor: pointer;}.ptCtr .navElement {	margin: 0px 0px 0px 2px;}.ptCtr {	position: relative;	clear: both;	z-index: 2;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	height: 30px;	padding: 5px 20px;	overflow: hidden;	width: 100%;}.storySize:hover {	cursor: pointer;}.cSel {	background-color: #dddddd;	border: solid 1px #bbbbbb !important;}.arButton, .pgButton {	display: none;}.navElement, .control {	position: relative;	//display: inline-block;	margin-right: 0px;	margin-left: 0px;	font-size: 1em;	color: var(--default-dark);	text-decoration: none;	padding-bottom: 3px;}.navElement {	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;	padding: 5px;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border: solid 1px #f6f6f6;	float: left;}.noHover:hover {	background-color: transparent;}#pgSizeSel:hover {	background: transparent;	cursor: default;}.control a {	display: inline-block;	margin-right: 0px;	vertical-align: middle;}.navElement img {	height: 18px;	vertical-align: middle;	margin-top: -3px;}.navElement #sizeImg1, #sizeImg2, #sizeImg3 {	cursor: pointer;}#headerLeft, #headerRight {	margin-top: 4px;	margin-bottom: 5px;}#headerLeft {	float: left;	margin-left: 5px;}#headerRight {	float: right;	margin-right: 5px;}#headerMessage {	margin-top: 8px;	display: block;}#srchBox {	margin-top: 1px;}#headerRightLeft {	float: left;}#headerRightRight {	float: right;}#headerMessage, #srchBox, #help, #srchBtn {	padding: 2px;}#headerMessage, #srchBox {	text-align: right;}#help, #srchBtn {	min-width: 30px;	text-align: center;}#banner {	max-height: 100%;	max-width: 100%;}#bannerBox {	width: 468px;	height: 50px;	overflow: hidden;}.leaderboard {	float: left;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;}	.leaderboard img {		width: 468px;		height: 50px;	}#headerBar {	position: relative;	width: 100%;	box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	z-index: 3;	padding: 0px;	height: calc(100%);	overflow-x: auto;	overflow-y: hidden;	-webkit-overflow-scrolling: touch;	white-space: nowrap;	background: var(--main-bg);}	#headerBar::-webkit-scrollbar {		display: none;	}.headerTitle {	font-size: 1em;	color: var(--default-dark);	text-decoration: none;	float: left;	padding-top: 10px;	display: none;}.mnuBtn {	display: inline-block;	vertical-align: middle;}	.mnuBtn img, #arTab img {		vertical-align: middle;		display-inline-block;		width: 11px;	}	.mnuBtn:hover {		border-bottom: solid 1px var(--default-dark);		cursor: pointer;	}#resultPanel a {	background-color: #undefi;	color: #undefi;}#searchBox {	color: gray;	font-size: 9pt;}#viewTabs,.listView, .mnuOptCtr {	float: left;	width: 100%;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;}#storyView {	background-color: #ffffff;}.gridView {	background-color: #222222;	width: 100%;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	position: absolute;	overflow: hidden;	z-index: 6;	height: 0px;	opacity: 0;}.gridViewOpen {	opacity: 1;	height: 320px;}#swPgLeft, #swPgRight {	position: absolute;	top: 150px;	z-index: 3;	cursor: pointer;}#swPgLeft {	left: 20px;}#swPgRight {	right: 20px;}.overflow {	float: left;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	overflow: hidden;	height: 280px;	width: 100%;	margin-top: 20px;}#viewTabs div img {	vertical-align: middle;	margin-right: 5px;}.sectionFront, .secNav,.secName, .secLink {	float: left;}	.sectionFront img {		max-width: 100%;	}.secNav {	display: none;}	.secNav a {		text-decoration: none;	}		.secNav a img {			vertical-align: middle;		}.secTool img {	vertical-align: middle;}.sectionFront {	padding: 0px 5px;	background-color: transparent;	float: left;	box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	width: 12.5%;}.listView .sectionFront {	background-color: transparent;	border: none;	width: 100%;	position: relative;	display: block;}.secToolsCtr {	border: solid 1px #bbbbbb;}.secName {	border-bottom: none;}.pubSections {	width: 100%;	height: 48px;	line-height: 48px;	position: absolute;	top: 0px;	left: 0px;	background: var(--default-dark);	z-index: 0;	transition: transform 250ms;	-webkit-transition: transform 250ms;	-moz-transition: transform 250ms;	transform: translateY(-48px);	-webkit-transform: translateY(-48px);	-moz-transform: translateY(-48px);	overflow-x: auto;	overflow-y: hidden;	-webkit-overflow-scrolling: thouch;	white-space: nowrap;	overflow-x: auto;	transition: transform 250ms;	-webkit-transition: transform 250ms;	-moz-transition: transform 250ms;}.pubSections.psDocked {	overflow-x: auto;}	.pubSections::-webkit-scrollbar {		display: none;	}.psDocked {	overflow: visible;	transform: translate(0px, 0px);	z-index: 3;}.zoomTool {	position: relative;	top: 0px;	left: 0px;	transform: translate(0px, 0px);	-webkit-transform: translate(0px, 0px);	-moz-transform: translate(0px, 0px);	z-index: 1;	background: #eeeeee;	transition: transform 250ms;	-webkit-transition: -webkit-transform 250ms;	-moz-transition: -moz-transform 250ms;	padding: 5px 0px;	text-align: center;	display: inline-block;	vertical-align: middle;	width:100%;}.zoomToolIcon,.zoomSlider {	display: inline-block;	vertical-align: top;	font-size: .9em;}.zoomToolIcon {	width: 26px;	margin: 0px;	display: inline-block;	vertical-align: top;	color: var(--main-fg);	background: var(--default-dark);	line-height: 28px;	text-align: center;	border: none;	padding: 0px;	transition: background 250ms;	-webkit-transition: background 250ms;	-moz-transition: background 250ms;	cursor: pointer;}.zoomIn {	border-radius: 0px 3px 3px 0px;	height: 26px;	line-height: 26px;}.zoomOut {	border-radius: 3px 0px 0px 3px;	height: 26px;	line-height: 26px;}.zoomOut:after {	content: "";	font-family: Roboto;	height: 0px;	line-height: 0px;	margin-left: 0px;	font-weight: normal;	font-size: .9em;}.zoomIn:after {	content: "";	font-family: Roboto;	height: 0px;	line-height: 0px;	margin-left: 0px;	font-weight: normal;	font-size: .9em;}.zoomToolIcon:hover {	background: var(--main-hover);}.zoomSlider {	-webkit-appearance: none;	-moz-appearance: none;	height: 26px;	width: 100px;	background: #aaaaaa;	position: relative;	margin: 0px;	outline: none;	border-left: solid 1px #aaaaaa;	border-right: solid 1px #aaaaaa;}	.zoomSlider::-webkit-slider-thumb {		height: 26px;		width: 8px;		background: var(--default-dark);		cursor: pointer;		transition: background 250ms;		-webkit-transition: background 250ms;		-moz-transition: background 250ms;		border: none;		border-radius: 0px;		-webkit-border-radius: 0px;		-moz-border-radius: 0px;	}		.zoomSlider::-webkit-slider-thumb:hover {			background: var(--main-bg);		}	/*			NOTE -MOZ-RANGE-THUMB IS NOT A 		STANDARD SO NOT EVERY USER WILL		NOT HAVE THE SAME UI EXPERIENCE	*/	.zoomSlider::-moz-range-thumb {		height: 26px;		width: 8px;		background: var(--default-dark);		cursor: pointer;		transition: background 250ms;		-webkit-transition: background 250ms;		-moz-transition: background 250ms;		border: none;		border-radius: 0px;		-webkit-border-radius: 0px;		-moz-border-radius: 0px;		-moz-appearance: none;	}		.zoomSlider::-moz-range-thumb:hover {			background: var(--main-bg);		}	.zoomSlider::-webkit-slider-thumb {		-webkit-appearance: none;	}	.zoomSlider::-moz-range-thumb {		-moz-appearance: none;	}	.zoomSlider::-ms-track {		width: 200px;		cursor: pointer;		background: transparent;		border-color: transparent;		color: transparent;	}.hideZoom {	position: absolute;	transform: translate(0px, -41px);	-webkit-transform: translate(0px, -41px);	-moz-transform: translate(0px, -41px);}.pushZoom {	transform: translate(0px, 30px);	-webkit-transform: translate(0px, 30px);	-moz-transform: translate(0px, 30x);	z-index: 3;	margin: 0px;}.hideZoom ~ #frmproof {	height: 100%;}.hideZoom ~ #frmStoryList,.hideZoom ~ #frmStory {	height: calc(100% - 20px);}	.hideZoom ~ #frmStoryList.showStory,	.hideZoom ~ #frmStory.showStory {		transform: translate(-10px, 10px);		d	}.bodyMenuDocked .pubSections,.showPubSections {	transform: translateY(56px);}.secListHdrName {	display: inline-block;	vertical-align: top;	line-height: 56px;	font-size: .9em;	padding: 0px 10px;	text-align: center;	font-weight: normal;	transition: background 250ms, color 250ms;	-webkit-transition: background 250ms, color 250ms;	-moz-transition: background 250ms, color 250ms;	overflow-x: auto;}.secHdrName {	display: inline-block;	vertical-align: baseline;	line-height: 30px;	min-width: 40px;	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	background: var(--light-bg);	color: var(--default-dark);	margin-right: 5px;	text-align: center;	padding: 0px 10px;	font-weight: normal;	transition: background 250ms, color 250ms;}	.secHdrName:hover,	.secListHdrName:hover {		cursor: pointer;		background: var(--main-hover);		color: var(--main-fg);	}.secHdrSelected {	background: var(--main-bg);	color: var(--main-fg);}.secHdrActive {	background: var(--main-bg);}.secListHdrName {	color: #000000;}.secListHdrSelected {	background: var(--main-bg) !important;	color: #ffffff !important;}.secListHdrName:hover {	color: var(--main-fg);}.secToolsCtr {	float: left;	clear: both;	width: 100%;	padding: 3% 10px;	box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	text-align: center;}.secTool {	text-decoration: none;	color: var(--default-dark);	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	font-size: .9em;	text-align: center;	display: inline-block;	vertical-align: middle;}	.secTool:hover {		cursor: pointer;	}.secLink {	clear: both;	text-align: center;	float: left;	width: 100%;	padding: 5px 0px;	min-height: 300px;	max-height: 300px;	overflow: hidden;	background: #ffffff;}.list {	position: relative;	background-color: #ffffff;	display: block;	padding: 0px;	font-size: 1em;	color: var(--default-dark);	border: solid 1px #dddddd;	margin: auto;}.listView .secName {	border-bottom: none;	margin-bottom: 0px;	padding: 10px;	display: none;}.storyLinkSpread {	box-sizing: border-box;	-webkit-box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	margin: 0px 0px 0px 0px;	width: 25%;	padding: 20px;	float: none;	border: solid 1px #dddddd;	float: left;	overflow: hidden;	max-height: 300px;	min-height: 300px;	height: 300px;}.storyEditDelete {	float: left;	cursor: pointer;	margin-bottom: 10px;}	.storyEditDelete img {		width: 100%;	}.storyLinkImage {	width: 100%;	margin-bottom: 10px;	float: left;	clear: both;}.photo {	max-width: 100%;}.listLink {	color: var(--default-dark);	text-decoration: none;	font-size: 1.75em;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	font-weight: 9 00;	line-height: 1em;	float: left;	clear: both;}.storyAbstractShort, .storyAbstractLong {	font-size: 1em;	color: var(--default-dark);	overflow: hidden;	max-height: 300px;	float: left;}.storyAbstractLong {	width: 100%;}.storyAbstractShort {	width: 68%;	margin-left: 2%;}.wrapper {	float: left;	clear: both;	width: 100%;}.page {	margin: 20px 0px;	position: relative;	width: 100%;	clear: both;}.pagging {	text-align: center;	margin: 15px 0px;}.pTitle {	float: left;	width: 100%;	font-size: 2em;	font-family: font-weight: 900;	color: var(--default-dark);	line-height: 1em;}.pagging a {	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;	padding: 5px;	color: #0000ff;}.result {	width: 32%;	border: solid 1px #dddddd;	margin: .5%;	padding: 10px;	float: left;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;	min-height: 350px;	max-height: 350px;	overflow: hidden;	text-decoration: none;	color: var(--default-dark);}	.result:hover {		background: var(--light-hover);	}.pInfo {	float: left;	width: 72%;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;	padding: 10px;	max-height: 100%;}.excerpt {	float: left;	clear: both;	width: 100%;	font-family: font-weight: 900;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;	margin: 10px 0px 5px 0px;}.snippet {	float: left;	clear: both;	width: 100%;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;}.result img {	float: left;	border: none;	max-width: 26%;}.result div p {	margin: 0px;}.story {	width: 1170px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;	background-color: #ffffff;	margin: auto;	position: relative;}	.story .title {		font-size: 2.5em;		font-weight: 900;		color: var(--default-dark);	}.dateTitle {	float: left;	clear: both;	width: 100%;	margin-bottom: 20px;}.adsContainer {	float: right;	width: 29%;	display: none;}.ad {	width: 100%;	margin: 0px 0px 20px 0px;	text-align: center;}.story .cite {	color: var(--default-dark);	width: 100%;	float: left;	clear: both;	margin-bottom: 10px;	font-family: font-weight: 900;}.story .top-links {	position: absolute;	right: 5px;	top: 4px;}.top-links ul {	list-style-type: none;	padding: 0pt;	margin: 0pt;	float: left;}	.top-links ul li {		padding: 0pt 10px;		float: left;	}.top-links table tr td {	text-align: center;	width: 48px;	padding-right: 6px;	border-right: solid 1px #999;}.emailWindowText {	background-color: #;	color: #0000ff;	padding: 2px;	margin: 0px;	font-size: 9pt;}#navBar, #paperTools, #hdr,.storySpreadOptions {	float: left;}.navControls {	position: relative;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	padding: 5px 0px;	height: 46px;	border-bottom: solid 1px #dddddd;	border-top: solid 1px #dddddd;}#hdr .navElement a {	text-decoration: none;	color: var(--default-dark);}#hdr .navElement img {	max-height: 18px;	height: auto;}.storyTools {	width: 1170px;	margin: auto;	position: relative;}.storyBody {	position: relative;	width: 100%;	clear: both;	margin-top: 20px;}.control a, .control div {	float: left;}.control {	float: left;	margin: 5px;	font-weight: bold;	color: var(--default-dark) !important;}.storyControls .control {	padding: 5px;	margin: 0px 5px 5px 0px;}	.storyControls .control:hover {		border-radius: 5px;		-webkit-border-radius: 5px;		-moz-border-radius: 5px;		background: var(--light-hover);	}.control a {	color: var(--default-dark) !important;	text-decoration: none;}#pageLinks .storyLink {	background-color: #ffa;	opacity: .2;}#pageLinks .pageLink {	background-color: #faa;	opacity: .2;}#pageLinks .urlLink {	background-color: #aaf;	opacity: .2;}#pageLinks .emailLink {	background-color: #afa;	opacity: .2;}.storyLinkOn {	background-color: #ff9;	opacity: .4;	border-bottom: solid 1px #ff0;	position: absolute;	cursor: pointer;}.pageLinkOn {	background-color: #f99;	opacity: .4;	border-bottom: solid 1px #f00;	position: absolute;	cursor: pointer;}.urlLinkOn {	background-color: #99f;	opacity: .4;	border-bottom: solid 1px #00f;	position: absolute;}.urlLinkOn.as-hyperlink{	mix-blend-mode: hard-light;}.searchLinkOn {	background-color: RED;	opacity: .4;	border-bottom: solid 1px #00f;	position: absolute;}.dynamic-edition-shape {	position: absolute;	mix-blend-mode: darken;	background-color: white; }.dynamic-edition-element {	position: absolute;	mix-blend-mode: darken;	background-color: white;	border: solid;}.dynamic-edition-shape .dynamic-edition-item{	position: absolute;	background-color: white;}.dynamic-edition-shape:hover .page-item{	background-color: #f994 !important;}.dynamic-edition-shape:hover {	mix-blend-mode: darken;	background: rgba(255,255,153,.5);	cursor: pointer;	outline: solid 8px rgba(255,255,153,.5);}#pageLinks .externalLinkOn {	filter: alpha(opacity=60);	-moz-opacity: 0.4;	-khtml-opacity: 0.4;	opacity: 0.4;	background-color: #99f;	border-bottom: solid 1px #00f;}#pageLinks .emailLinkOn {	background-color: #0f0;	opacity: .4;}#pageLinks .searchHighlight {	background-color: #ff0;	border: solid 1px #ff0;	opacity: .1;}#pbTop, #pbLft, #pbRgt, #pbBot {	background-color: #000;	opacity: 0.75;}.toolBut {	border: solid 1px #eee;}.readerWrap {	text-align: center;	display: block;	padding: 0px;	position: relative;	width: 100%;	height: calc(100%);	white-space: nowrap;}	.readerWrap.zoomedReaderWrap {		height: auto;	}.prevPage,.nextPage {	position: fixed;	top: 50%;	transform: translateY(-50%);	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	z-index: 7;	transition: opacity 250ms, margin-right 250ms, margin-left 250ms;	-webkit-transition: opacity 250ms, margin-right 250ms, margin-left 250ms;	-moz-transition: opacity 250ms, margin-right 250ms, margin-left 250ms;}	.prevPage:hover,	.nextPage:hover {		opacity: 1;	}	.prevPage .fas,	.nextPage .fas {		position: relative;		width: 28px;		height: 56px;		line-height: 56px;		background: var(--main-bg);		color: var(--default-light);		text-align: center;		cursor: pointer;		font-size: 1.25em;		transition: background 250ms, color 250ms;		-webkit-transition: background 250ms, color 250ms;		-moz-transition: background 250ms, color 250ms;	}		.prevPage .fas:before,		.nextPage .fas:before {			min-width: 14px;			text-align: center;		}		.prevPage .fas:hover, .nextPage .fas:hover {			background: var(--main-hover);			color: var(--main-fg);		}.prevPage {	left: 10px;}	.prevPage .fas {		border-radius: 0px 3px 3px 0px;		-webkit-border-radius: 0px 3px 3px 0px;		-moz-border-radius: 0px 3px 3px 0px;	}.nextPage {	right: 10px;}	.nextPage .fas {		border-radius: 3px 0px 0px 3px;		-webkit-border-radius: 3px 0px 0px 3px;		-moz-border-radius: 3px 0px 0px 3px;	}.pageProgress {	position: fixed;	top: 50%;	transform: translateY(-50%);	width: calc(33.333% - 38px);	height: 20px;	background: #aaaaaa;	z-index: 0;	white-space: nowrap;}.prevPageProgress {	text-align: right;}.nextPageProgress {	text-align: left;}.prevPageProgress {	left: 38px;}.nextPageProgress {	right: 38px;}	.nextPageProgress .progressBar,	.prevPageProgress .progressBar {		width: 0px;		height: 20px;		background: var(--main-bg);	}.prevPageProgress .progressBar {	float: right;	display: inline-block;}.nextPageProgress .progressBar {	float: left;	display: inline-block;}#bubble_wrap, #note_wrap {	position: absolute;}#bubble_wrap .top, #note_wrap .top {	background: transparent url(../images/reader/chat/top.png) no-repeat top left;	width: 286px;	height: 171px;	padding-top: 6px;}#bubble_wrap .bottom, #note_wrap .bottom {	background: transparent url(../images/reader/chat/bottom.png) no-repeat bottom left;	width: 286px;	height: 150px;	padding-bottom: 21px;}#bubble_wrap .content, #note_wrap .content {	width: 282px;	height: 150px;	padding-left: 4px;	background-image: url(../images/reader/chat/center.png);}#bubble_wrap .controls {	float: right;	margin-top: 135px;	padding-right: 14px;}.selCtr {	left: 0px;	top: 0px;	padding: 0px;	display: inline-block;	vertical-align: top;	width: calc(100% - 243px);	margin-left: 5px;}.selCtr.isMobile {	width: calc(100% - 215px);	margin: 0px;}.selCtr select {	float: left;}/*.showSelCtr {	transform: translate(0px, 56px);}*/.thumbView.menuPanel {	width: 100%;	height: 100%;	position: fixed;	z-index: 6;	background: rgba(0,0,0,.875);	overflow: auto;	-webkit-overflow-scrolling: touch;	top: 0px;	left: 0px;	transform: translateY(-105%);	-webkit-transform: translateY(-105%);	-moz-transform: translateY(-105%);	-webkit-transition: transform 500ms, opacity 250ms;	-moz-transition: transform 500ms, opacity 250ms;	opacity: 8;	padding: 0px;}.hideInitial {	z-index: -1 !important;	transition: none !important;	overflow: hidden !important;	display: none;}.thumbView.showPanel {	opacity: 1;	transform: translateY(0px);	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);}.bodyMenuDocked .thumbView.showPanel {	height: calc(100% - 56px);	transform: translateY(56px);	-webkit-transform: translateY(56px);	-moz-transform: translateY(56px);}.thumbView h3 {	float: left;	margin: 0px;	color: #ffffff;	padding: 0px 20px;	line-height: 55px;	font-size: 1.25em;}h2.secName {	width: 100%;	padding: 5px 20px;	margin: 0px 0px 0px 0px;	float: left;	clear: both;	position: relative;	font-size: 1.25em;	line-height: 25px;	background: #dddddd;	color: #000000;}.secExpand {	float: right;	height: 32px;	width: 32px;	line-height: 32px;	text-align: center;	transform: rotate(0deg);	transition: transform 250ms;}.rotateSecExpand {	transform: rotate(180deg);}.thumbCtr {	display: inline-block;	display: flex;	flex-wrap: wrap;	clear: both;	width: 100%;	position: relative;	padding: 0px;	border-top: solid 1px rgba(0,0,0,.8);	z-index: 2;}	.thumbCtr:hover {		z-index: 3;	}.thumbCtrOpen {	height: auto;	padding: 20px;	overflow: visible;}.thumbRow {	position: relative;	clear: both;	width: 100%;	float: left;	cursor: pointer;	z-index: 1;}.closeThumbs, .closePuzzle,.closeFeedback {	position: absolute;	right: 20px;	top: 20px;	color: #ffffff;	cursor: pointer;	transition: color 250ms;}	.closeThumbs:hover,	.closePuzzle:hover,	.closeFeedback:hover {		color: var(--main-bg);	}/*STORY LIST*/#resultBody {	height: calc(100% - 46px);	overflow: auto;	-webkit-overflow-scrolling: touch;	padding: 20px;	width: 100%;	background: #dddddd;}.resultContainer {	display: inline-block;	vertical-align: top;	padding: 20px;	width: 100%;	background: #ffffff;	float: left;	clear: both;	margin-bottom: 20px;}	.resultContainer:hover {		outline: solid 5px var(--main-bg);		outline-offset: -5px;		cursor: pointer;	}.resImg {	width: 128px;	display: inline-block;}.resSnip {	display: inline-block;	width: calc(100% - 128px);	padding-left: 20px;	font-size: 1em;	line-height: 25px;	overflow: hidden;	max-height: 100%;	border-bottom: solid 20px #ffffff;}.thumbView h4 {	margin: 0px;}.thumbCol {	float: left;	padding: 10px;	text-align: center;	transition: background 250ms, transform 250ms;	cursor: pointer;	width: 33.333%;	position: relative;	z-index: 2;}	.thumbCol h4.pgNumber {		background: #ffffff;		text-align: center;		line-height: 20px;		margin: 0px auto 1px auto;		display: inline-block;		width: 100%;		font-size: .9em;	}	.thumbCol .secThumbnail {		display: inline-block;		clear: both;		max-width: 100%;	}select {	width: 100%;	padding: 0px 5px;	line-height: 26px;	color: var(--default-dark);	font-size: 1em;	height: 26px;	clear: both;	border: solid 1px #dddddd;	background: #ffffff;	display: inline-block;	width: 100%;	border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	font-family: unset;}#pageSelector img {	margin-left: 16px;}#editOptions {	background-color: var(--default-dark);	padding: 10px;	position: absolute;	width: 655px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;}	#editOptions .button {		float: left;		margin: 2px 2px;		padding: 5px 10px;	}#saveOptions {	background-color: #eeeeee;	position: absolute;	width: 200px;	z-index: 5;	border: solid 1px #dddddd;	border-top: none;}.eBuffer {	display: none;}.button {	position: relative;	display: inline-block;	width: auto;	text-align: center;	color: #FFFFFF;	background: #0000ff;	padding: 1% 3%;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	cursor: pointer;	border: none;	font-family: 'Roboto', helvetica, arial, sans-serif;	font-size: 1em;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-appearance: none;	-moz-appearance: none;}#cropOptions {	padding: 12px;	background: #f6f6f6;	text-align: left;	margin-left: -1px;}	#cropOptions a {		vertical-align: middle;		display: inline-block;		margin: 0px 2px;	}#storyForm, #storySelector,#pageSelector, #externalLinkForm {	width: 600px;	background-color: var(--default-dark);	padding: 20px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;}	#storyForm input[type=text],	#storyForm textarea,	#storySelector input[type=text],	#pageSelector textarea,	#pageSelector input[type=text],	#externalLinkForm input[type=text] {		padding: 5px;		width: 100%;		min-width: 100%;		max-width: 100%;		color: var(--default-dark);		box-sizing: border-box;		-webkit-box-sizing: border-box;		-ms-box-sizing: border-box;		-moz-box-sizing: border-box;		border: none;		font-size: 1em;	}	#storyForm textarea,	#pageSelector textarea {		min-height: 100px;	}.editLbl {	float: left;	clear: both;	width: 100%;	font-family: font-weight: 900;	color: #ffffff;	font-size: 1.5em;	line-height: 1em;}.lbl {	color: #ffffff;	float: left;	clear: both;	width: 100%;	padding: 0px;	margin: 10px 0px 0px 0px;}#storyForm .button,#storySelector .button,#pageSelector .button,#externalLinkForm .button {	float: right;	clear: left;	margin: 20px 0px 0px 5px;}#story_title {	width: 350px;}#pagekillovr {	position: absolute;	top: 0px;	left: 0px;	background-color: #fff;	opacity: .6;	filter: alpha(opacity = 60);}#editSectionDialog {	background-color: #0000ff;	border: solid 2px #undefi;	padding: 4px;	width: 105px;	position: absolute;	top: 0px;	left: 0px;	z-index: 500;}.editSection {	cursor: pointer;}.storyDot {	float: left;}.storySectionEdit {	float: left;	margin: 0px;	cursor: pointer;}.storyHeading {	width: 100%;	background-color: #ffffff;	color: var(--default-dark);	font-size: 1.5em;	margin: 0px 0px 0px 0px;	text-align: center;}#noStoryBlock {	display: none;}.adStoryCtr {}.adStoryBlock {}.noStory {	color: #888888;	font-size: 2em;	text-align: center;	font-family: font-weight: 900;}.storyRemoveAll {	background-color: #ffffa7;	font-size: 12pt;	padding: 2px 0px 2px 5px;	margin: 0px 0px 8px 0px;	cursor: pointer;	display: none;}.bSearch {	width: 14px;	float: right;	margin: 6px 8px 0px 5px;	cursor: pointer;}#pubSearch {	float: right;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	width: 250px;	padding: 5px;	margin: 0px;	border: solid 1px #dddddd;	background: #ffffff;	font-size: 1em;	color: var(--default-dark);	overflow: hidden;	box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;}.erBackBtn {	float: left;	width: 24px;	margin: 2px 20px 0px 0px;	cursor: pointer;}.adHolder {	padding: 20px 0px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;	width: 100%;	position: relative;	background: #eeeeee;}.adMock {	width: 728px;	height: 90px;	background: var(--default-dark);	position: relative;	margin: auto;	max-width: 100%;}.pageWrapCtr {	position: relative;	width: 100%;}.paperUserInterface {	background: #f6f6f6;	opacity: .9;	width: 100%;	position: absolute;	top: 0px;	left: 0px;	height: 50px;	padding-top: 12px;	z-index: 2;	border-top: solid 1px #dddddd;	border-bottom: solid 1px #dddddd;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;}.bkMrk {	position: absolute;	z-index: 6 !important;	margin-right: 124px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-ms-box-sizing: border-box;	-moz-box-sizing: border-box;	width: 48px;	border-right: none !important;	text-align: center !important;	height: 43px;	padding: 10px 10px 10px 10px !important;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;}	.bkMrk img {		width: 24px;		height: 24px;	}#pageNav {	margin-right: 1px;}.pageFlipCtr {	float: left;	background: #f6f6f6;	padding: 10px;	border-bottom: solid 1px #dddddd;	border-left: solid 1px #dddddd;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;}.pgSizeCtr {	float: right;	padding-right: 12px;}.loaderGif {	position: absolute;	z-index: 5;	text-align: center;	width: 72px;	height: 72px;	line-height: 72px;	font-size: 3em;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	background: var(--main-bg);	color: var(--main-fg);	padding: 0px;	border-radius: 50%;	-webkit-border-radius: 50%;	-moz-border-radius: 50%;	animation: rotateLoader 1000ms infinite linear;	transform-origin: center center;}@keyframes rotateLoader {	from {		transform: translate(-50%, -50%) rotate(0deg);	}	to {		transform: translate(-50%, -50%) rotate(359deg);	}}.loaderGif img {	width: 32px;}.bookMarkStoryContainer {	float: left;	margin-right: 20px;	margin-bottom: 30px;	cursor: pointer;}	.bookMarkStoryContainer img {		vertical-align: middle;		width: 24px;		margin-right: 10px;	}#frmSearch {	display: none;}/* STYLES FOR POP UP WINDOW TO EMAIL A STORY */.emailStoryCtr {	width: 660px;	height: 500px;	position: relative;	background: #ffffff;	margin: 20px auto;	border: solid 1px #bbbbbb;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	padding: 20px;}.emailHeading {	font-size: 2em;	font-family: font-weight: 900;	color: var(--default-dark);	width: 100%;	margin-bottom: 20px;}.eLbl {	float: left;	width: 100%;	margin: 5px 0px;	clear: both;}.eText, .msgBox {	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border: solid 1px #bbbbbb;	padding: 1%;	width: 100%;	clear: both;	float: left;	font-size: 1em;	box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	-ms-box-sizing: border-box;}.msgBox {	max-width: 100%;	min-width: 100%;	min-height: 150px;	max-height: 150px;}.eBtnCtr {	float: left;	clear: both;	width: 100%;	margin: 20px 0px;}.cBlock {	width: 18px;	height: 18px;	float: left;	margin-right: 5px;	box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;}#dark {	background: #222222;}#medium {	background: #888888;}#light {	background: #ffffff;	border: solid 1px #bbbbbb;}.sectionsLbl {	font-size: .8em;	width: auto;	float: left;	clear: none;	margin: 0;	color: #ffffff;	padding: 0px 10px;	line-height: 48px;	height: 48px;}/* END STYLES FOR POP UP WINDOW TO EMAIL A STORY */.audioControls {	float: left;	margin: 0px 0px 0px 10px;	width: 0px;	height: 50px;	display: none;	overflow: hidden;	transition: width 250ms;	-webkit-transition: width 250ms;	-moz-transition: width 250ms;}.showAudio {	display: inline-block;	width: 200px;	transition: width 250ms;	-webkit-transition: width 250ms;	-moz-transition: width 250ms;}.videoWrapper {	width: 100%;	margin-bottom: 20px;}#vidPlayer {	position: relative;	width: 100%;}/* ANIMATION STYLES FOR PAGE FLIPPING */#hiddenproof .flip {	transition: all 500ms ease-in-out;	-webkit-transition: all 500ms ease-in-out;	opacity: 1;	transform: rotateY(0deg);	-webkit-transform: rotateY(0deg);}#hiddenproof .flippedH {	opacity: .5;	transform: rotateY(90deg);	-webkit-transform: rotateY(90deg);}#frmproof .flip {	transition: all 500ms ease-in-out;	-webkit-transition: all 500ms ease-in-out;	opacity: 1;	transform: rotateY(20deg);	-webkit-transform: rotateY(20deg);}.delay {	animation-delay: 1000ms;	display: block;}#frmproof .flippedH {	opacity: .5;	transform: rotateY(90deg);	-webkit-transform: rotateY(90deg);}.erRight, .erLeft {	position: fixed;	width: 90px;	vertical-align: middle;	text-align: center;	background-color: transparent;	bottom: 15px;	z-index: 1;	opacity: 0;	transition: opacity 200ms;	-webkit-transition: opacity 200ms;}.erBtnDesktop {	width: 90px;	height: 100%;	vertical-align: middle;	text-align: center;	background-color: transparent;	bottom: 35px;	opacity: 0;	transition: opacity 200ms;	-webkit-transition: opacity 200ms;}.disableArrow img {	opacity: .25;}.erLeft:hover, .erRight:hover {	opacity: 1;	transition: opacity 250ms;	-webkit-transition: opacity 250ms;}.erLeft {	left: 1%;}	.erRight img, .erLeft img {		width: 50px;		position: relative;		top: 50%;		transform: translateY(-50%);		-webkit-transform: translateY(-50%);		-ms-transform: translateY(-50%);		-moz-transform: translateY(-50%);		-o-transform: translateY(-50%);		cursor: pointer;	}.erRight {	right: 35px;}.rtp {	text-decoration: none;	padding: 10px 0px;	width: 150px;	margin: auto;	float: none;	display: block;}#kilInfo {	position: absolute;	top: 250px;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	font-size: 1em;	color: #ffffff;	left: 37.5%;	width: 25%;	z-index: 100;	background: #222222;	padding: 20px;	box-sizing: border-box;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;}.kilBig {	font-size: 1.5em;	width: 100%;	margin-bottom: 0px;	font-family: font-weight: 900;	float: left;	color: #ffffff;	line-height: 1em;}.kilMsg {	float: left;	clear: both;	width: 100%;}.kilLink {	color: #ff3a2f;	font-family: font-weight: 900;}	.kilLink:hover {	}.rtsBtn {	float: right;	position: relative;	padding: 5px 10px;	width: auto;	font-size: .9em;	right: 15px;}/* END ANIMATION STYLES FOR PAGE FLIPPING */.tabShowMore, .mBookmark {	display: none;}.grayOut {	opacity: .75;}.vttCtr {	display: none;	height: 0px;	overflow: hidden;	width: 0px;}/*#pubSearch, #searchBtn {	margin-right: 10px;}*/.fb-share-button {	display: inline-block !important;}#emb {	box-shadow: 0px 0px 5px #bbbbbb;	-webkit-box-shadow: 0px 0px 5px #bbbbbb;	-webkit-box-shadow: 0px 0px 5px #bbbbbb;}#prevMobile, #nextMobile {	display: none;}/*HELP SCREEN*/.helpCtr.menuPanel {	width: 100%;	height: 100%;	position: fixed;	z-index: 8;	background: rgba(0,0,0,.875);	overflow: auto;	-webkit-overflow-scrolling: touch;	top: 0px;	left: 0px;	transform: translateY(-100%);	transition: transform 250ms, opacity 250ms;	opacity: 8;	padding: 20px;}.showHelp.showPanel {	transform: translateY(0px);	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);}.helpCtr h1 {	margin: 0px auto 20px auto;	color: var(--default-light);	width: 100%;	text-align: center;	font-size: 2em;}.closeHelp {	position: absolute;	top: 20px;	right: 20px;	font-size: 1.5em;	transition: color 250ms;	color: var(--main-fg);}	.closeHelp:hover {		cursor: pointer;		color: var(--main-bg);	}.helpCtr ul {	margin: 0px;	padding: 0px;	clear: both;	width: 100%;	float: left;	text-align: center;}	.helpCtr ul li {		list-style-type: none;		padding: 20px;		margin-bottom: 20px;		border-radius: 3px;		background: var(--default-light);		color: var(--default-dark);		width: 100%;		max-width: 640px;		display: block;		margin: 0px auto 20px auto;		text-align: left;		line-height: 25px;	}		.helpCtr ul li .fas {			margin: 0px 5px;			display: inline-block;			vertical-align: baseline;			font-size: 1.25em;			color: var(--main-bg);		}		.helpCtr ul li .far {			margin: 0px;			display: inline-block;			vertical-align: baseline;			font-size: 1.25em;			color: var(--main-bg);		}.fas.fa-mouse-pointer {	margin: 0px 5px;}.videoCtr {	width: 100%;	position: relative;	height: 0;	padding-top: 56.25%;}	.videoCtr video {		width: 100%;		height: 100%;		position: absolute;		top: 0px;		left: 0px;	}.helpCtr ul li .far.darkHelp {	background: var(--default-dark);	color: var(--default-light);	text-align: center;	border-radius: 3px;	display: inline-block;	vertical-align: middle;	line-height: 24px;	padding: 0px 10px;	margin: 0px 5px;	font-size: .9em;}/*SEARCH*/input[type=search].readerSearchText {	width: calc(100% - 75px);	background: #2a2a2a;	color: var(--main-fg);	line-height: 50px;	padding: 0px 10px;	border: none;	font-size: .9em;	font-weight: 300;	font-family: unset;	display: inline-block;	vertical-align: top;	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;	-webkit-appearance: none;	-moz-appearance: none;	margin: 0px;}	input[type=search].readerSearchText:focus {		outline: none;	}	input[type=search].readerSearchText::-webkit-search-cancel-button {		display: none;	}button.searchGo {	width: 75px;	height: 50px;	font-size: .9em;	color: var(--main-fg);	background: var(--main-bg);	text-align: center;	line-height: 50px;	-moz-appearance: none;	-webkit-appearance: none;	border: none;	font-family: unset;	font-weight: 300;	display: inline-block;	vertical-align: top;	transition: background 250ms;	margin: 0px;}	button.searchGo:hover {		cursor: pointer;		background: var(--main-hover);	}.searchResults {	width: 0px;	height: 0px;	z-index: 9;	background: rgba(255,255,255,1);	position: fixed;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);	-moz-transform: translate(-50%, -50%);	transition: width 500ms, height 500ms;	-webkit-transition: width 500ms, height 500ms;	-moz-transition: width 500ms, height 500ms;	display: block;	overflow: hidden;}.searchResultsShow {	transition: width 500ms, height 500ms;	-webkit-transition: width 500ms, height 500ms;	-moz-transition: width 500ms, height 500ms;	height: 100%;	width: 100%;}.closeResults {	position: absolute;	right: 0px;	top: 0px;	color: #000000;	cursor: pointer;	height: 30px;	width: 30px;	line-height: 30px;	background: #aa0000;	color: #ffffff;	text-align: center;}#resultHead {	width: 100%;	display: inline-block;	line-height: 30px;	padding: 0px 0px 0px 10px;	border-bottom: solid 1px #dddddd;	position: relative;	font-weight: bold;}.pageToolCtr {	display: inline-block;	vertical-align: top;	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	overflow: hidden;	margin-right: 5px;}.pageToolCtr.isMobile {	margin-right: 0px;}i#clipBtn.mobileHide,.zoomSlider.mobileHide,.zoomToolIcon.mobileHide,.fitWidth.mobileHide {	display: none;}.fas.removeBookmark {	background: var(--main-selected);}.bookmarkBtn, .clipBtn,.fitWidth {	text-align: center;	width: auto;	color: #ffffff;	background: var(--default-dark);	display: inline-block;	height: 26px;	width: 26px;	padding: 0px 5px;	line-height: 26px;	cursor: pointer;	transition: background 250ms;	-webkit-transition: background 250ms;	-moz-transition: background 250ms;	font-size: .9em;}.bookmarkBtn.isMobile,.fitWidth.isMobile,.zoomToolIcon.isMobile,.clipBtn.isMobile {	width: 100px;	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	margin: 0px 5px 0px 0px;}.bookmarkBtn.isMobile:after {	content: "Bookmark";	font-family: Roboto;	height: 26px;	line-height: 26px;	margin-left: 5px;	font-weight: normal;}.clipBtn.isMobile:after {	content: "Clip";	font-family: Roboto;	height: 26px;	line-height: 26px;	margin-left: 5px;	font-weight: normal;}.fitWidth.isMobile:after {	content: "Fit Width";	font-family: Roboto;	height: 26px;	line-height: 26px;	margin-left: 5px;	font-weight: normal;}.bookmarkBtn,.clipBtn {	margin-right: 1px;}.fas.removeBookmark {	background: var(--main-selected);}.photoSliderFull,.closeFullSlider {	display: none;}/*PHOTO SLIDER*/.photoSliderFull {	width: 0px;	height: 0px;	z-index: 7;	background: rgba(255,255,255,.95);	position: fixed;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);	-moz-transform: translate(-50%, -50%);	transition: width 500ms, height 500ms;	-webkit-transition: width 500ms, height 500ms;	-moz-transition: width 500ms, height 500ms;	display: block;	overflow: hidden;}.photoSliderFullShow {	transition: width 500ms, height 500ms;	-webkit-transition: width 500ms, height 500ms;	-moz-transition: width 500ms, height 500ms;	height: 100%;	width: 100%;}.photoSliderFull .closeFullSlider {	display: block;}#photoPanel {	height: calc(100%);}.photoSliderFull #photoPanel {	padding-top: 0px;}.photoSliderFull #storyPhotoViewer {	height: calc(100%);}.photoSliderFull .captionPanel {	text-align: center;}.photoSliderFull .sliderPhoto {	top: 50%;	transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);	-moz-transform: translate(-50%, -50%);	box-shadow: 0px 0px 10px #888888;}/*HIDE CLIP CONTAINER ON MOBILE*/#clipCanvas {	display: block;	margin: 20px auto;}.clipContainer {	overflow: hidden;	display: block;	width: 0px;	height: 0px;	z-index: 7;	background: rgba(0,0,0,.9);	position: fixed;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);	-moz-transform: translate(-50%, -50%);	transition: width 500ms, height 500ms;	-webkit-transition: width 500ms, height 500ms;	-moz-transition: width 500ms, height 500ms;}.clipContainerShow {	height: 100%;	width: 100%;}.clipToolBar {	background: var(--default-dark);	height: 40px;	width: 100%;}.fas.clipTool {	padding: 0px 8px;	background: var(--main-bg);	color: #ffffff;	width: auto;	height: 40px;	line-height: 40px;	text-align: center;	cursor: pointer;	clear: none;	display: inline-block;	vertical-align: middle;	font-family: unset;	font-weight: normal;}.clipMenuBtn {	background: var(--main-bg);	color: var(--main-fg);	width: 40px;	height: 40px;	text-align: center;	line-height: 40px;}.clipOptions {	display: inline-block;	vertical-align: middle;	height: 40px;	opacity: .5;}.showClipTools {	height: auto;}.enableClipOptions {	opacity: 1;}.clipOptions .fas {	cursor: default;}.clipOptions.enableClipOptions .fas {	cursor: pointer;}.fas.clipTool:before {	display: none;	vertical-align: middle;	font-size: 1em;	font-weight: bold;	margin-right: 0px;	width: 0px;	height: 0px;}.fas.closeClip {	float: right;	text-align: center;	width: 40px;	height: 40px;	line-height: 40px;	background: #cc0000;	padding: 0px;	font-size: 1em;	font-family: 'Font Awesome 5 Pro Solid';}.fas.closeClip.clipTool:before {	margin-right: 0px;	height: 40px;	width: 40px;	line-height: 40px;	display: inline-block;}#newClip.fas.clipActive {	background: #00aa00;}#clipArea {	height: calc(100% - 40px);	overflow: auto;	-webkit-overflow-scrolling: touch;}#saveCanvas {	display: none;}.clipSel {	display: inline-block;	vertical-align: middle;	width: 100px;	margin-left: 10px;}#clipSzSel.clipSzDisabled {	opacity: .5;}/*CONTEXT MENU*/.contextMenu {	position: fixed;	z-index: 2;	display: none;	height: 0px;	width: 0px;	overflow: hidden;}/*STICKY NOTES*/@keyframes pulseColor {	0% {		background: var(--main-bg);	}	50% {		background: red	}	100% {		background: var(--main-bg);	}}.fas.stickyNote {	font-size: 12px;	width: 24px;	height: 24px;	border-radius: 50%;	background: var(--main-bg);	color: var(--main-fg);	line-height: 26px;	text-align: center;	animation-name: pulseColor;	animation-duration: 1s;	animation-iteration-count: 3;	cursor: pointer;	z-index: 1;}	.fas.stickyNote:hover {		z-index: 2;		background: var(--main-hover);	}.fas.hideStickies {	display: none;}.stickyNoteMsg {	position: absolute;	background: #ffffff;	color: #000000;	border-radius: 3px;	padding: 0px;	width: 0px;	height: 0px;	overflow-y: auto;	-webkit-overflow-scrolling: touch;	transition: height 250ms, width 250ms;	-webkit-transition: height 250ms, width 250ms;	-moz-transition: height 250ms, width 250ms;	text-align: left;	font-family: 'Roboto', Arial, Helvetica, sans-serif;	z-index: 2;	top: 0px;	left: 34px;}.showNoteLeft {	left: -184px;}.showNoteTop {	top: unset;	bottom: 0px;}.showNote {	width: 175px;	height: 100px;	padding: 10px;	border: solid 1px var(--main-bg);}/*PUZZLES*/.puzzleContent.menuPanel {	display: block;	width: 100%;	height: calc(100% - 56px);	z-index: 4;	background: rgba(0,0,0,.9);	position: fixed;	left: 0px;	top: 0px;	padding: 50px 30px;	transform: translate(0px, -105%);	-webkit-transform: translateX(0px, -105%);	-moz-transform: translateX(0px, -105%);	transition: transform 500ms;	-webkit-transition: -webkit-transform 500ms;	-moz-transition: -moz-transform 500ms;	overflow-y: auto;	-webkit-overflow-scrolling: touch;}.puzzleContent.showPanel {	transform: translate(0px, 56px);	-webkit-transform: translateX(0px, 56px);	-moz-transform: translateX(0px, 56px);}#StatePointContainer {	margin: auto;}/*EMAIL CLIP*/#clipEmailForm {	max-width: 90%;	width: 400px;	background-color: #fff;	position: absolute;	top: 50%;	left: 50%;	box-shadow: 0px 0px 10px #444444;	display: none;	z-index: 999;	transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);	-moz-transform: translate(-50%, -50%);	overflow: hidden;	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;}.dialog .title {	padding: 10px;	background-color: var(--main-bg);	color: var(--main-fg);	font-weight: bold;}.dialogRow {	padding: 10px 20px;}	.dialogRow label {		font-weight: bold;		width: 100%;		display: inline-block;	}	.dialogRow input {		min-width: 100%;		display: inline-block;		margin-top: 5px;		padding: 0px 10px;		line-height: 25px;	}	.dialogRow textarea {		display: inline-block;		margin-top: 5px;		width: 100%;		height: 100px;		max-height: 100px;		padding: 10px;		font-family: unset;	}	.dialogRow.optRow {		width: 100%;		clear: both;	}.optRow .button {	font-size: 1em;	line-height: 40px;	padding: 0px 20px;	margin-right: 5px;	background: var(--main-bg);	color: var(--main-fg);	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;}	.optRow .button[data-val=cancel]:hover {		background: var(--main-deny);	}	.optRow .button[data-val=ok]:hover {		background-color: var(--main-submit);	}/*FEEDBACK FORM*/.feedbackForm.menuPanel {	position: fixed;	width: 100%;	height: calc(100% - 56px);	z-index: 4;	background: rgba(0,0,0,.9);	top: 0px;	left: 0px;	transform: translate(0px, -100%);	-webkit-transform: translate(0px, -100%);	-moz-transform: translate(0px, -100%);	transition: transform 250ms;	-webkit-transition: transform 250ms;	-moz-transition: transform 250ms;	overflow-y: auto;}.feedbackForm select {	margin-bottom: 10px;}.feedbackForm.showPanel {	transform: translate(0px, 56px);	-webkit-transform: translate(0px, 56px);	-moz-transform: translate(0px, 56px);}.feedbackContent {	position: absolute;	width: 100%;	max-width: 300px;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);	-moz-transform: translate(-50%, -50%);}.feedbackForm h1,.feedbackForm p {	color: #ffffff;	text-transform: uppercase;	margin: 0px 0px 10px 0px;}.feedbackContent input,.feedbackContent textarea {	width: 100%;	min-width: 100%;	max-width: 100%;	margin: 0px 0px 10px 0px;	color: #000000;	border-radius: 3px;	position: relative;	padding: 10px;	border: none;	font-family: unset;	display: inline-block;	vertical-align: top;	font-size: 1em;}.feedbackContent textarea {	height: 150px;	min-height: 150px;	max-height: 150px;}.feedbackContent input.formButton {	background: var(--main-bg);	color: var(--main-fg);	border: none;	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	line-height: 30px;	padding: 0px 10px;	margin-right: 10px;	text-align: center;	width: auto;}#ctxTextArea {	display: none;}#storyBlockAd3,#storyBlockAd4,#txtAdBlock2,#txtAdBlock4 {	display: none;}.erPageWAd {	height: calc(100% - 95px);}/*Fullscreen tooltip*/.fullTooltip {	position: fixed;	background: rgba(0,0,0,.85);	width: 100%;	height: 100%;	z-index: 12;	top: 0px;	left: 0px;	display: none;	overflow-y: auto;	-webkit-overflow-scrolling: touch;}.showFullTooltip {	display: block;}.fullScreenText {	position: absolute;	top: 50%;	left: calc(50% + 20px);	max-width: 480px;	padding: 30px;	transform: translate(calc(-50% - 20px), -50%);	-webkit-transform: translate(calc(-50% - 20px), -50%);	-moz-transform: translate(calc(-50% - 20px), -50%);	line-height: 30px;	width: calc(100% - 40px);	background: var(--light-bg);}.fullScreenText button {	background: var(--main-bg);	color: var(--main-fg);	appearance: none;	-webkit-appearance: none;	border: none;	line-height: 30px;	padding: 0px 10px;	border-radius: 3px;	width: 100%;	font-size: unset;	margin: 20px 0px;}.fullScreenText p {	position: relative;	padding-left: 30px;}.fullScreenText p:before {	position: absolute;	left: 0px;	height: 30px;	width: 30px;	line-height: 30px;	color: var(--main-bg);	content: "\f069";	font-family: 'Font Awesome 5 Pro Solid';}.fullScreenText input,.fullScreenText label {	display: inline-block;	vertical-align: middle;	margin-right: 5px;}canvas:hover,canvas:focus {	background: #ff0000;}@media all and (min-width: 768px) {	.mainMenu, .readerMenu,	.zoomMenu, .downloadMenu {		width: 200px;	}		.archiveCal .calWrapper {		max-width: 300px;		margin: auto;	}	.downloadMenu.menuPanel {		transform: translate(336px, -168px);		-webkit-transform: translate(336px, -168px);		-moz-transform: translate(336px, -168px);	}	.downloadMenu.showPanel {		transform: translate(336px, 56px);		-webkit-transform: translate(336px, 56px);		-moz-transform: translate(336px, 56px);	}	.selCtr {		width: calc(100% - 440px);		margin-left: 0px;	}	.selCtr select {		line-height: 30px;		height: 30px;	}	.selCtr.isMobile {		width: calc(100% - 526px);		top: 30px;	}	.bookmarkBtn, .fitWidth, .clipBtn {		display: inline-block;		height: 30px;		line-height: 30px;		width: 100px;	}	.fitWidth {		margin: 0px 0px 0px 0px;	}	.bookmarkBtn {		margin: 0px 5px 0px 0px;	}	.zoomToolIcon {		display: inline-block;		vertical-align: top;		width: 110px;		height: 30px;		color: var(--main-fg);		background: var(--default-dark);		line-height: 28px;		text-align: center;		font-size: 16px;		border: none;		padding: 0px;		transition: background 250ms;		-webkit-transition: background 250ms;		-moz-transition: background 250ms;		cursor: pointer;		margin: 0px 5px 0px 0px;		border-radius: 3px;		-webkit-border-radius: 3px;		-moz-border-radius: 3px;	}	.zoomOut:after,	.zoomOut.zoomTablet:after {		content: "Zoom Out";		font-family: Roboto;		height: 30px;		line-height: 30px;		margin-left: 5px;		font-weight: normal;		font-size: .9em;	}	.zoomIn:after,	.zoomIn.zoomTablet:after {		content: "Zoom In";		font-family: Roboto;		height: 30px;		line-height: 30px;		margin-left: 5px;		font-weight: normal;		font-size: .9em;	}	.erPage, .erPubs, #hiddenproof {		height: calc(100% - 40px);	}	.bannerAdCtr {		width: 100%;		margin: auto;		padding: 0px 0px 0px 0px;		text-align: center;		top: 0px;		left: 0px;		max-height: 95px !important;	}	.bannerAd {		max-width: 728px;		margin: 5px auto 5px auto;	}		.bannerAd:empty {			display: none;		}	.erPageWAd {		height: calc(100% - 135px);	}	.prevPage {		width: 48px;		left: 0px;	}	.nextPage {		width: 48px;		right: 0px;	}	.pageProgress {		width: 150px;	}	.mobileActive .zoomIn,	.mobileActive .zoomOut {		width: 100px;	}}@media all and (min-width: 769px) {	.archiveCal.menuPanel {		width: 300px;	}	#frmHdr .splitIcon:hover,	#frmHdr .far:hover,	#frmHdr .fal:hover,	#frmHdr .fas:hover {		background: var(--main-hover);	}	#frmHdr #singleView, #frmHdr #doubleView {		display: inline-block;	}	.prevPage,	.nextPage {		width: 48px;		height: 48px;	}	.prevPage {		left: 10px;	}	.nextPage {		right: 10px;	}	.prevPage .fas,	.nextPage .fas {		top: 50%;		height: 32px;		width: 32px;		line-height: 32px;		transform: translateY(-50%);		-webkit-transform: translateY(-50%);		-moz-transform: translateY(-50%);		border-radius: 50%;		-webkit-border-radius: 50%;		-moz-border-radius: 50%;	}	#headerBar {		overflow: unset;		background: var(--default-dark);	}	#headerBar::-webkit-scrollbar,	.storyPanelTools::-webkit-scrollbar	.pubSections::-webkit-scrollbar {		display: block;	}	#frmHdr .iconText {		display: block;		bottom: 0px;	}	#menu a, #menu li, #readerOptions li, #zoomMenu li, #downloadMenu li {		line-height: 50px;	}	.zoomTool {		text-align: center;		height: 36px;		display: inline-block;		vertical-align: middle;		width: 100%;	}	.zoomToolIcon,	.zoomSlider {		display: inline-block;		vertical-align: top;	}	.zoomToolIcon {		width: 26px;		margin: 0px;		border-radius: unset;		-webkit-border-radius: unset;		-moz-border-radius: unset;	}	.zoomIn {		border-radius: 0px 3px 3px 0px;		height: 26px;		line-height: 26px;	}	.zoomOut {		border-radius: 3px 0px 0px 3px;		height: 26px;		line-height: 26px;	}	.zoomOut:after {		content: "";		font-family: Roboto;		height: 0px;		line-height: 0px;		margin-left: 0px;		font-weight: normal;		font-size: .9em;	}	.zoomIn:after {		content: "";		font-family: Roboto;		height: 0px;		line-height: 0px;		margin-left: 0px;		font-weight: normal;		font-size: .9em;	}	.zoomToolIcon:hover {		background: var(--main-hover);	}	.zoomSlider {		-webkit-appearance: none;		-moz-appearance: none;		height: 26px;		width: 200px;		background: #aaaaaa;		position: relative;		margin: 0px;		outline: none;		border-left: solid 1px #aaaaaa;		border-right: solid 1px #aaaaaa;	}	.zoomSlider::-webkit-slider-thumb {		height: 26px;		width: 8px;		background: var(--default-dark);		cursor: pointer;		transition: background 250ms;		-webkit-transition: background 250ms;		-moz-transition: background 250ms;		border: none;		border-radius: 0px;		-webkit-border-radius: 0px;		-moz-border-radius: 0px;	}	.zoomSlider::-webkit-slider-thumb:hover {		background: var(--main-bg);	}	/*			NOTE -MOZ-RANGE-THUMB IS NOT A 		STANDARD SO NOT EVERY USER WILL		NOT HAVE THE SAME UI EXPERIENCE	*/	.zoomSlider::-moz-range-thumb {		height: 26px;		width: 8px;		background: var(--default-dark);		cursor: pointer;		transition: background 250ms;		-webkit-transition: background 250ms;		-moz-transition: background 250ms;		border: none;		border-radius: 0px;		-webkit-border-radius: 0px;		-moz-border-radius: 0px;		-moz-appearance: none;	}	.zoomSlider::-moz-range-thumb:hover {		background: var(--main-bg);	}	.zoomSlider::-webkit-slider-thumb {		-webkit-appearance: none;	}	.zoomSlider::-moz-range-thumb {		-moz-appearance: none;	}	.zoomSlider::-ms-track {		width: 200px;		cursor: pointer;		background: transparent;		border-color: transparent;		color: transparent;	}	.pageToolCtr {		border-radius: 3px;		overflow: hidden;		display: none;		height: 26px;		padding: 0px;	}	.pageToolCtrShow {		display: inline-block !important;	}	.bookmarkBtn {		border-radius: 3px 0px 0px 3px;		-webkit-border-radius: 3px 0px 0px 3px;		-moz-border-radius: 3px 0px 0px 3px;	}	.clipBtn {		border-radius: 0px;		-webkit-border-radius: 0px;		-moz-border-radius: 0px;	}	.fitWidth {		border-radius: 0px 3px 3px 0px;		-webkit-border-radius: 0px 3px 3px 0px;		-moz-border-radius: 0px 3px 3px 0px;		margin-right: 0px;	}	.bookmarkBtn, .clipBtn,	.fitWidth {		width: auto;		font-size: .9em;		color: #ffffff;		background: var(--default-dark);		display: inline-block;		height: 26px;		padding: 0px 10px;		line-height: 26px;		cursor: pointer;		transition: background 250ms;		-webkit-transition: background 250ms;		-moz-transition: background 250ms;	}	.bookmarkBtn:after {		content: "Bookmark";		font-family: Roboto;		height: 26px;		line-height: 26px;		margin-left: 5px;		font-weight: normal;	}	.clipBtn:after {		content: "Clip";		font-family: Roboto;		height: 26px;		line-height: 26px;		margin-left: 5px;		font-weight: normal;	}	.fitWidth:after {		content: "Fit Width";		font-family: Roboto;		height: 26px;		line-height: 26px;		margin-left: 5px;		font-weight: normal;	}	.bookmarkBtn,	.clipBtn {		margin-right: 1px;	}	.fas.addBookmark:hover,	.fas.removeBookmark {		background: var(--main-selected);	}	.fas.removeBookmark:hover {		background: #aa0000;	}	.clipBtn:hover,	.fitWidth:hover {		background: var(--main-hover);	}	.pdfEpaperWrapper {		padding: 10px 10px 10px 10px;	}	.bodyMenuDocked {		padding: 30px 10px 10px 60px;	}	.mainContainer {		position: fixed;		background: var(--default-dark);		transform: translate(-50px, 0px);		transition: transform 250ms;		width: 50px;		height: calc(100%);		top: 0px;		left: 0px;		z-index: 7;		overflow: hidden;	}	#frmHdr .fas,	#frmHdr .fal,	#frmHdr .far,	#frmHdr .splitIcon {		width: 50px;		height: 50px;		line-height: 45px;		font-size: 1em;		float: left;		clear: both;	}	#frmHdr .splitIcon .split {		width: 25px;		height: 50px;		line-height: 50px;	}	.pubSections {		top: 0px;		left: unset;		right: 0px;		width: 100%;		transition: width 250ms, transform 250ms;		-webkit-transition: width 250ms, -webkit-transform 250ms;		-moz-transition: width 250ms, -moz-transform 250ms;	}	.pubSections,	.sectionsLbl {		height: 30px;		line-height: 30px;	}	.mcDocked, .showMenu, .psDocked {		overflow: visible;		transform: translate(0px, 0px);	}	.bodyMenuDocked .pubSections {		transform: translateY(0px);		width: calc(100% - 50px);	}	.erPage {		z-index: 1;		transition: width 250ms;		-webkit-transition: width 250ms;		-moz-transition: width 250ms;		height: calc(100% - 35px);		padding: 10px 10px 10px 10px;	}	.erPageWAd {		height: calc(100% - 125px);	}	.storyView {		outline: solid 1px #dcdcdc;		width: calc(50% - 20px);		height: calc(100% - 30px);		z-index: 0;		top: 0px;		transform: translate(100%, 10px);		-webkit-transform: translate(100%, 10px);		-moz-transform: translate(100%, 10px);		transition: transform 250ms, width 250ms;		-webkit-transition: transform 250ms, width 250ms;		-moz-transition: transform 250ms, width 250ms;	}	.bodyMenuDocked .storyView.erPageWAd {		transform: translate(100%, 167px);		height: calc(100% - 76px);		z-index: 3;	}	.bodyMenuDocked .showStory.erPageWAd {		height: calc(100% - 170px);		transform: translate(-10px, 161px);	}	.bodyMenuDocked .storyView {		transform: translate(100%, 10px);		-webkit-transform: translate(100%, 10px);		-moz-transform: translate(100%, 10px);		width: calc(100% - 70px);		height: calc(100% - 76px);		z-index: 3;	}	.showStory {		transform: translate(-10px, 67px);		z-index: 2;	}	.bodyMenuDocked .showStory {		transform: translate(-10px, 67px);		z-index: 2;	}	.selCtr {		margin-top: 0px;		height: 26px;	}	.bodyMenuDocked .prevPage {		margin-left: 50px;	}	.arrowHide {		display: none;	}	i#clipBtn,	button.zoomOut,	button.zoomIn,	.zoomSlider,	.fitWidth {		display: inline-block;	}	.menuPanel {		position: absolute;		left: 0px;		padding: 0px;		top: 0px;		background: var(--default-dark);		z-index: 0;		-webkit-overflow-scrolling: touch;		transition: transform 250ms;		-webkit-transition: -webkit-transform 250ms;		-moz-transition: -moz-transform 250ms;	}	.hidePanel {		display: none;	}	.readerMenu {		transform: translate(-200px, 50px);		-webkit-transform: translate(-200px, 50px);		-moz-transform: translate(-200px, 50px);	}	.zoomMenu {		transform: translate(-200px, 100px);		-webkit-transform: translate(-200px, 100px);		-moz-transform: translate(-200px, 100px);	}	.downloadMenu.menuPanel {		transform: translate(-200px, 400px);		-webkit-transform: translate(-200px, 400px);		-moz-transform: translate(-200px, 400px);	}	.downloadMenu.showPanel {		transform: translate(50px, 400px);		-webkit-transform: translate(50px, 400px);		-moz-transform: translate(50px, 400px);	}	.archiveCal.menuPanel {		transform: translate(-300px, 300px);		-webkit-transform: translate(-300px, 300px);		-moz-transform: translate(-300px, 300px);	}	.archiveCal.showPanel {		transform: translate(50px, 300px);		-webkit-transform: translate(50px, 300px);		-moz-transform: translate(50px, 300px);	}	.mainMenu {		transform: translate(-200px, 0px);		-webkit-transform: translate(-200px, 0px);		-moz-transform: translate(-200px, 0px);	}		.mainMenu.showPanel {			transform: translate(50px, 0px);			-webkit-transform: translate(50px, 0px);			-moz-transform: translate(50px, 0px);		}	.showReaderMenu {		transform: translate(50px, 50px);		-webkit-transform: translate(50px, 50px);		-moz-transform: translate(50px, 50px);	}	.showZoomMenu {		transform: translate(50px, 100px);		-webkit-transform: translate(50px, 100px);		-moz-transform: translate(50px, 100px);	}	.hideDownload {		display: none !important;	}	.showArchiveCal {		transform: translate(50px, 250px);	}	.thumbView.menuPanel {		height: 100%;		width: calc(100% - 50px);		transform: translate(-100%, 0px);		-webkit-transform: translate(-100%, 0px);		-moz-transform: translate(-100%, 0px);	}	.bodyMenuDocked .thumbView.menuPanel {		height: 100%;	}	.thumbCol:hover {		background: var(--default-dark);		transform: scale(1.25);		z-index: 3;	}	.thumbView.showPanel {		width: calc(100% - 50p);		transform: translate(50px, 0px);		-webkit-transform: translate(50px, 0px);		-moz-transform: translate(50px, 0px);	}	.bodyMenuDocked .thumbView.showPanel {		width: calc(100% - 50px);		transform: translate(50px, 0px);		-webkit-transform: translate(50px, 0px);		-moz-transform: translate(50px, 0px);	}	.thumbCol {		width: 16.666%;	}	.selCtr {		width: calc(100% - 524px);		padding: 0px;		margin-left: 5px;		height: 26px;	}	.selCtr select {		height: 26px;		line-height: 26px;	}	.storyListImg {		width: 20%;		float: left;		margin: 0px 20px 20px 0px;	}	/*SEARCH*/	.readerSearch.menuPanel {		position: absolute;		top: 50px;		left: 0px;		width: 300px;		transform: translate(-300px, 50px);		-webkit-transform: translate(-300px, 50px);		-moz-transform: translate(-300px, 50px);		transition: transform 250ms;		-webkit-transition: -webkit-transform 250ms;		-moz-transition: -moz-transform 250ms;		height: 50px;		z-index: 2;	}	.readerSearch.showPanel {		transform: translate(50px, 50px);		-webkit-transform: translate(50px, 50px);		-moz-transform: translate(50px, 50px);	}	#clipCanvas {		display: block;		margin: 20px auto;	}	.clipContainer {		overflow: hidden;		display: block;		width: 0px;		height: 0px;		z-index: 7;		background: rgba(0,0,0,.9);		position: fixed;		left: 50%;		top: 50%;		transform: translate(-50%, -50%);		-webkit-transform: translate(-50%, -50%);		-moz-transform: translate(-50%, -50%);		transition: width 500ms, height 500ms;		-webkit-transition: width 500ms, height 500ms;		-moz-transition: width 500ms, height 500ms;	}	.clipContainerShow {		height: 100%;		width: 100%;	}	.clipToolBar {		background: var(--default-dark);		height: 40px;		width: 100%;	}	.fas.clipTool {		padding: 0px 10px;		background: var(--main-bg);		color: #ffffff;		width: auto;		height: 40px;		line-height: 40px;		text-align: center;		cursor: pointer;		clear: none;		display: inline-block;		vertical-align: middle;		font-family: unset;		font-weight: normal;	}	.clipOptions {		display: inline-block;		vertical-align: middle;		height: 40px;		opacity: .5;		width: auto;	}	.enableClipOptions {		opacity: 1;	}	.clipOptions .fas {		cursor: default;	}	.clipOptions.enableClipOptions .fas {		cursor: pointer;	}	.fas.clipTool:before {		display: inline-block;		vertical-align: middle;		font-family: 'Font Awesome 5 Pro Solid';		font-size: 1.25em;		font-weight: bold;		margin-right: 5px;		width: auto;		height: 40px;	}	.fas.closeClip {		float: right;		text-align: center;		width: 40px;		height: 40px;		line-height: 40px;		background: #cc0000;		padding: 0px;		font-size: 1em;	}	.fas.closeClip:before {		margin-right: 0px;	}	#newClip.fas.clipActive {		background: #00aa00;	}	#clipArea {		height: calc(100% - 40px);		overflow: auto;		-webkit-overflow-scrolling: touch;	}	#saveCanvas {		display: none;	}	.clipSel {		display: inline-block;		vertical-align: middle;		width: 100px;		margin-left: 10px;	}	#clipSzSel.clipSzDisabled {		opacity: .5;	}	/*PUZZLES*/	.puzzleContent.menuPanel {		width: calc(100% - 50px);		height: 100%;		transform: translate(-100%, 0px);		-webkit-transform: translate(-100%, 0px);		-moz-transform: translateX(-100%, 0px);	}	.puzzleContent.showPanel {		transform: translate(50px, 0px);		-webkit-transform: translateX(50px, 0px);		-moz-transform: translateX(50px, 0px);	}	#StatePointContainer {		margin: auto;		max-width: 800px !important;	}		#StatePointContainer .PuzzleName {			text-align: center;		}	.storyViewTools {		outline: solid 1px #dddddd;	}	.storyPanelTools {		overflow: unset;	}	.textSizeCtr i,	.shareCtr i {		background: transparent;		color: #000000;		transition: color 250ms;		line-height: 40px;		right: unset;		text-decoration: none;		width: 40px;		height: 40px;		text-align: center;		transition: background 250ms, color 250ms;		-webkit-transition: background 250ms, color 250ms;		-moz-transition: background 250ms, color 250ms;	}	/*STORY LIST*/	.resultContainer {		width: calc(33.333% - 7px);		clear: none;		margin: 0px 10px 20px 0px;		height: 296px;	}		.resultContainer:nth-child(3n + 3) {			margin: 0px 0px 20px 0px;		}	/*CONTEXT MENU*/	.contextMenu {		width: 0px;		height: 0px;		overflow: hidden;		position: fixed;		background: var(--default-dark);		color: #ffffff;		border-radius: 3px;		-webkit-border-radius: 3px;		-moz-border-radius: 3px;		transition: height 250ms;		-webkit-transition: height 250ms;		-moz-transition: height 250ms;		display: block;		top: 0px;		left: 0px;	}	.showContextMenu {		width: 200px;		height: auto;	}	.cmButtonRow {		width: 100%;		display: inline-block;		vertical-align: middle;		border-bottom: solid 1px #444444;	}		.cmButtonRow.showAddOptions {		}		.cmButtonRow.hideAddOptions {			display: none !important;		}		.cmButtonRow:last-of-type {			border-bottom: none;		}	.contextMenu button {		display: inline-block;		vertical-align: baseline;		-webkit-appearance: none;		-moz-appearance: none;		border: none;		background: var(--default-dark);		color: #ffffff;		line-height: 40px;		width: 50%;		height: 40px;		cursor: pointer;		transition: background 250ms;		-webkit-transition: background 250ms;		-moz-transition: background 250ms;		font-size: .8em;	}	.contextMenu button:hover {		background: var(--main-bg);	}	.contextMenu button:nth-child(odd) {		border-right: solid 1px #444444;	}	.showCtxText {		width: 175px !important;		height: auto !important;		z-index: 2;	}	#ctxTextArea {		width: 0px;		height: 0px;		overflow: hidden;		position: fixed;		background: #333333;		color: #ffffff;		border-radius: 3px;		-webkit-border-radius: 3px;		-moz-border-radius: 3px;		transition: height 250ms;		-webkit-transition: height 250ms;		-moz-transition: height 250ms;		display: block;		top: 0px;		left: 0px;	}	#ctxTextArea textarea {		height: 150px;		width: 100%;		-webkit-appearance: none;		-moz-appearance: none;	}	#ctxTextArea button {		display: inline-block;		vertical-align: baseline;		-webkit-appearance: none;		-moz-appearance: none;		border: none;		background: #333333;		color: #ffffff;		line-height: 40px;		width: 50%;		height: 40px;		cursor: pointer;		transition: background 250ms;		-webkit-transition: background 250ms;		-moz-transition: background 250ms;		font-size: .8em;	}	#readerNotice {		width: calc(100% - 50px);		right: 0px;		left: unset;	}	.feedbackForm.menuPanel {		transform: translate(-100%, 0px);		-webkit-transform: translate(-100%, 0px);		-moz-transform: translate(-100%, 0px);		height: 100%;		width: calc(100% - 50px);	}	.feedbackForm.showPanel {		transform: translate(50px, 0px);		-webkit-transform: translate(50px, 0px);		-moz-transform: translate(50px, 0px);	}	.showPanel.pushBottom {		top: unset;		bottom: 20px;		transform: translate(50px, 0px);		-webkit-transform: translate(50px, 0px);		-moz-transform: translate(50px, 0px);	}	.mainMenu.showPanel.pushBottom {		top: 0px;		bottom: unset;		height: auto;		max-height: 100%;		transform: translate(50px, 0px);		-webkit-transform: translate(50px, 0px);		-moz-transform: translate(50px, 0px);	}	.thumbView.showPanel.pushBottom,	.puzzleContent.showPanel.pushBottom {		top: 0px;	}	.feedbackContent {		width: 480px;		min-width: 480px;		max-width: 480px;	}	.feedbackContent input.formButton {		width: auto;		max-width: unset;		min-width: unset;		display: inline-block;		vertical-align: middle;		cursor: pointer;	}	.thumbCol {		width: 10%;	}	.storyBlockContainer {		height: calc(100% - 40px);	}	.bodyMenuDocked .storyView {		transform: translate(100%, 67px);		width: calc(50% - 45px);		height: calc(100% - 76px);		z-index: 3;	}	.showStory {		transform: translate(-10px, 67px);		z-index: 2;	}	.bodyMenuDocked .showStory {		transform: translate(-10px, 67px);		z-index: 2;	}	.dockedStory {		width: 50%;	}	.pushRightArrow {		margin-right: calc(50% - 10px) !important;	}	.zoomRightArrow {		margin-right: 20px;	}	.bodyMenuDocked .pushRightArrow {		margin-right: calc(50% - 18px) !important;	}	.pushRightArrowZoom {		margin-right: calc(50% + 6px) !important;	}	.bodyMenuDocked .pushRightArrowZoom {		margin-right: calc(50% - 16px) !important;	}	.storyPanelTools {		padding-right: 40px;	}	.secListHdrName {		line-height: 40px;	}	.storyViewTools,	.storyPanelTools,	.storyViewToolsCtr {		height: 40px;	}	.storyViewToolsCtr {		width: calc(100% - 40px);	}	.textSizeCtrOpen,	.shareCtrOpen {		height: 40px;	}	.storyShareIcon,	.closeStoryView {		height: 40px;		width: 40px;		line-height: 40px;	}	.closeStoryList {		height: 40px;		width: 40px;		line-height: 40px;	}	.secHdrName {		line-height: 20px;		font-size: .9em;		min-width: unset;	}	.bannerAd {		margin: 0px auto 5px auto;	}}@media all and (min-width: 1024px) {	.selCtr {		width: 200px;	}	.zoomTablet {		width: 100px;	}	.zoomOut.zoomTablet {		margin-right: 1px;	}	.zoomOut.zoomTablet:after {		content: "Zoom Out";		font-family: Roboto;		height: 26px;		line-height: 26px;		margin-left: 5px;		font-weight: normal;		font-size: .9em;	}	.zoomIn.zoomTablet:after {		content: "Zoom In";		font-family: Roboto;		height: 26px;		line-height: 26px;		margin-left: 5px;		font-weight: normal;		font-size: .9em;	}	.fas.addBookmark:hover {		background: var(--main-selected);	}	.fas.removeBookmark:hover {		background: #aa0000;	}	.clipBtn:hover,	.fitWidth:hover {		background: var(--main-hover);	}@media all and (min-width: 1442px) {	#storyBlockAd3,	#storyBlockAd4,	#txtAdBlock2,	#txtAdBlock4 {		display: inline-block;	}	.storyTxtAdCntr {		margin: 0px -30px 0px -30px;		width: auto;	}}@supports (-webkit-touch-callout: none) {	.erPage {		height: calc(100% - 40px);	}	.erPage.erPageWAd {		height: calc(100% - 80px) !important;	}	@media all and (min-width: 480px) {		.zoomOut:after,		.zoomOut.zoomTablet:after {			content: "Zoom Out";			font-family: Roboto;			height: 30px;			line-height: 30px;			margin-left: 5px;			font-weight: normal;		}		.zoomIn:after,		.zoomIn.zoomTablet:after {			content: "Zoom In";			font-family: Roboto;			height: 30px;			line-height: 30px;			margin-left: 5px;			font-weight: normal;			font-size: .9em;		}		.zoomIn, .zoomOut {			width: 100px;		}		.selCtr {			width: calc(100% - 426px);		}	}	@media all and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 3) {		.pdfEpaperWrapper {			padding: 10px 10px 10px 10px;		}		.pdfEpaperWrapper.bodyMenuDocked .zoomTool {			padding-left: 0px;		}		.bodyMenuDocked {			padding: 104px 10px 10px 10px;		}		.erPage {			height: calc(100% - 30px);		}		.erPage.erPageWAd {			height: calc(100% - 135px) !important;		}	}	@media all and (min-width: 1024px) {		.bodyMenuDocked {			padding: 31px 10px 10px 61px;		}		.erPage {			height: calc(100% - 36px);		}		.downloadMenu {			transform: translate(-200px, 250px);			-webkit-transform: translate(-200px, 250px);			-moz-transform: translate(-200px, 250px);		}		.showDownloadMenu {			transform: translate(50px, 250px);			-webkit-transform: translate(50px, 250px);			-moz-transform: translate(50px, 250px);		}		.archiveCal {			transform: translate(-300px, 150px);			-webkit-transform: translate(-300px, 150px);			-moz-transform: translate(-300px, 150px);		}		.showArchiveCal {			transform: translate(50px, 150px);			-webkit-transform: translate(50px, 150px);			-moz-transform: translate(50px, 150px);		}	}}