a[href^="https://"]:after {
	content: url(../imgs/256.svg);
	margin: 0 3px;
	//filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.9))
}

a[href^="http://"]:after {
	content: url(../imgs/256.svg);
	margin: 0 3px;
	//filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.9))
}

a:link {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	padding-bottom: 1px;
}

a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	color: #ffffff
}

a:hover {
	color: #e7e1da;
	border-top: 1px dashed #e7e1da;
	border-bottom: 1px dashed #e7e1da;
	padding-bottom: 1px;
}

body {
	margin: 0.5em;
	padding-top: 1em;
	//background: #e7e1da;
	//background: #e7e1da;
	//background: #007b91;
	//background: #DD4814; /* true ubuntu */
	//background: #E95420; /* ubuntu bright */
	//	: #333333;
	line-height: 180%;
	font-family: 'Merri';
	font-size: 1em;
	//-moz-hyphens: auto;
	//-ms-hyphens: auto;
	//-webkit-hyphens: auto;
	//hyphens: auto;
	//-moz-hyphenate-limit-chars: 5 2 2;
	//-ms-hyphenate-limit-chars: 5 2 2;
	//-webkit-hyphenate-limit-chars: 5 2 2;
	//hyphenate-limit-chars: 5 2 2;
	//text-align: justify;
	//text-justify: newspaper;
}

p {
	text-indent: 2em;
	line-height: 180%;
	margin: 0em;
}

img {
	//filter: opacity(.7);
	//-webkit-filter: opacity(.7);
	margin: 1em auto;
	display: block;
	width: 80%;
}

blockquote {
	margin: 0em auto;
}

hr {
	border: none;
	border-top: 1px solid #333;
	color: #333;
	overflow: visible;
	text-align: center;
	height: 1px;
}

table {
	border-collapse: collapse;
	width: 100%;
	font-size: 1em;
}

.tableBorder {
	border-collapse: collapse;
	margin: 0.5em auto;
	border: 2px solid black;
}

td {
	line-height: 180%;
	padding: 0.5em;
	vertical-align: baseline;
}

th {
	text-indent: 0px;
	text-align: center;
	line-height: 180%;
	font-weight: bold;
	padding: 0.5em;
}

td.roles {
	text-align: right;
	//font-style: italic;
	//font-size: 70%;
	white-space: nowrap;
	//font-variant: small-caps;
	//text-transform: uppercase;
	padding: 0px 8px 0px 0px;
	font-family: MerriIt;
	vertical-align: baseline;
}

.tdZeroPaddingBaseline {
	padding: 0px;
	vertical-align: baseline;
	line-height: 180%;
}

.tdZeroPaddingBaselineAlignRight {
	padding: 0px;
	vertical-align: baseline;
	line-height: 180%;
	text-indent: 0px;
	text-align: right;
}

.alternateTDColoring tr {
	background: #b8d1f3;
}

.alternateTDColoring tr:nth-child(odd) {
	background: #D2E4A0;
}

.alternateTDColoring tr:nth-child(even) {
	background: #ffffcc;
}

ul,
ol {
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 180%;
	padding-left: 1em;

}

li {
	margin-left: 0em;
	padding-left: 0em;
}

.squareImageBullet {
	list-style-image: url('../imgs/square.svg');
}

iframe {
	width: 100%;
	height: 100%;
	display: block;
}

div {
	margin: 0em 1em;
}

sup {
	font-size: 70%
}

sub {
	font-size: 70%
}

pre {
	font-family: FixedSys
}

i {
	font-family: MerriIt;
	padding-right: 1px;
	font-style: normal;
}

em {
	font-family: MerriIt;
	font-style: normal;
	padding-right: 1px;
}

fieldset {
	margin: 1em;
	padding: 0.4em 1em;
	text-indent: 0px;
}

.underlined {
	border-bottom: 1px solid;
	padding-bottom: 1px;
}

u {
	text-decoration: none;
	border-bottom: 1px solid;
	padding-bottom: 2px;
}

.c {
	text-indent: 0px;
	text-align: center;
}

.alignCenterBold {
	text-indent: 0px;
	text-align: center;
	font-weight: bold;
}

.styleBoldFaced {
	font-weight: bold;
}

.z {
	text-indent: 0px;
	text-align: left;
}

.zeroIndentBold {
	text-indent: 0px;
	font-weight: bold;
	text-align: left;
}

.r {
	text-indent: 0px;
	text-align: right
}

.tdNumberStyleDangling {
	padding-left: 2em;
	text-indent: -1.2em;
	padding-right: 2em;
}

.zeroIndentInstructions {
	text-indent: 0em;
	font-weight: bold;
}

.viewingPostViewing {
	text-indent: 0px;
	color: #489EE2;
	margin-top: 1em;
	font-weight: bold;
}

.sectionTitle {
	font-weight: bold;
	font-size: 1.2em;
	text-indent: 0px;
	color: #489EE2;
	margin-top: 2em;
	border-bottom: 4px solid #489EE2;
}

.blackSectionTitle {
	font-weight: bold;
	color: #489EE2;
	font-size: 1.2em;
	text-indent: 0px;
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 4px solid #489EE2;
}

.LearningObjectives {
	color: #489EE2;
	font-weight: bold;
	font-size: 1.2em;
	text-indent: 0px;
	margin-top: 2em;
	margin-bottom: 0em;
	border-bottom: 4px solid #489EE2;
}

.tasks {
	color: #489EE2;
	text-indent: 0px;
	margin-top: 2em;
	margin-bottom: 1em;
	font-weight: bold;
}

.coverE {
	font-family: ubuntuC;
	text-indent: 0px;
	margin-bottom: 1em
}

.coverC {
	font-family: heiChangMy;
	text-align: justify;
	text-indent: 0px
}

.wordBox {
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	background: #DBEBB0;
	padding: 1em;
	margin: 0em 1em 1em 1em;
	border: 1px solid #96BE32;
	border-radius: 8px;
	/*
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 1.5em;
	-moz-column-gap: 1.5em;
	column-gap: 1.5em;
	-moz-column-fill: balance;
	column-fill: balance;
	*/
}

.newWords {
	color: white;
	background: #96BE32;
	padding: 5px 20px 5px 20px;
	text-indent: 0px;
	font-weight: bold;
}

.pNewWords {
	text-indent: 0px;
	text-align: center;
	margin: 1em 0em 1em 0em;
	font-weight: bold;
}

.twoEmLeftMargin {
	margin-left: 2em;
}

.blanks {
	color: white;
	border-bottom: 1px solid black;
	padding-bottom: 2px;
}

.divGradient {
	border: 1px solid grey;
	padding: 5px 10px;
	border-radius: 8px;
	background: red;
	background: -webkit-linear-gradient(white, yellow);
	background: -o-linear-gradient(white, yellow);
	background: -moz-linear-gradient(white, yellow);
	background: linear-gradient(white, yellow);
}

.radialGradient {
	border-radius: 8px;
	background: radial-gradient(#9BB8EB, #A7BAF0, #F0EEFB);
}

.divHorizonalGradient {
	border-radius: 8px;
	padding: 5px 10px;
	background: -webkit-linear-gradient(270deg, #FFFDCD, yellow);
	background: -o-linear-gradient(270deg, #FFFDCD, yellow);
	background: -moz-linear-gradient(270deg, #FFFDCD, yellow);
	background: linear-gradient(270deg, #FFFDCD, yellow);
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
}

.divArrowBox {
	border: 1px solid grey;
	padding: 5px 10px;
	border-radius: 8px;
	background: blue;
	color: white;
	padding: 3px 1em;
	width: 20px;
}

.shadowedBox {
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	border: 1px solid black;
	border-radius: 8px;
	padding: 1em;
	margin: 1em;
}

.borderlessShadowedBox {
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	padding: 1em;
	border-radius: 8px;
	margin: 1em;
}

.divCover {
	padding: 2em 1em;
	background: #EA774C;
	color: white;
	border: 1px solid #EA774C;
	border-radius: 8px;
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
}

.units {
	font-size: 1.2em;
	text-indent: 0em;
	font-weight: bold;
}

.coverSubTitle {
	font-weight: bold;
	text-indent: 0px;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	padding-left: 1em;
	margin-top: 3em;
	margin-bottom: 1em;
}

.divPreview {
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	background: #F9BC69;
	padding: 1em;
	border: 1px solid #F9BC69;
	border-radius: 8px;
}

.divTipsBox {
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	background: #EDFEF8;
	padding: 1em;
	border-radius: 8px;
	margin: 1em auto;
}

.divLanguageFocusBox {
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	background: #FDFEC0;
	padding: 1em;
	border: 1px solid #ffffff;
	border-radius: 8px;
	margin: 1em 0em;
}

.divBusinessCulture {
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	background: #FFFFFF;
	padding: 0.5em;
	border: 16px solid #B06C75;
	border-radius: 8px;
}

.pBusinessCulture {
	background: #B06C75;
	font-size: 1.5em;
	color: #ffffff;
	margin: -1em -1em 1em -1em;
	padding-top: 1em;
	padding-left: 0.5em;
	text-indent: 0px;
}

.storyTitle {
	color: #489EE2;
	text-indent: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	margin: 1em 0em 0em 0em;
}

.bigTitle {
	color: white;
	background: #489EE2;
	text-indent: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	margin: 1em 0em 0em 0em;
	padding: 0.2em 2em;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.subTitle {
	font-weight: bold;
	text-indent: 0px;
	margin: 1em 0em 0em 0em;
	color: #489EE2;
}

.levelThree {
	font-weight: bold;
	color: red;
	text-indent: 0em;
}

.followUp {
	font-weight: bold;
	text-indent: 0px;
	margin-top: 2em;
	color: #489EE2;
}

.usefulExpressions {
	font-weight: bold;
	text-indent: 0px;
	text-align: center;
	margin-top: 2em;
	color: #ffffff;
	background: #489EE2;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0em;
}

.tdDanglingIndent {
	margin-left: 3em;
	text-indent: -2em;
}

.danglingIndent {
	margin-left: 2em;
	text-indent: -0.8em;
}

.wordEntry {
	margin-left: 1em;
	text-indent: -1em;
}

.zeroIndentDangling {
	margin-left: 1.3em;
	text-indent: -1.3em;
}

.dashDanglingIndent {
	margin-left: 2.5em;
	text-indent: -1.4em;
}

.tdabcdDanglingIndent {
	padding-left: 18px;
	text-indent: -18px;
}

.discussionP {
	font-weight: bold;
	font-family: MerriIt;
	text-indent: 0px;
	margin-top: 0.5em;
}

.discussionBox {
	border-top: 1px dashed black;
	border-right: 1px dashed black;
	padding: 0.5em;
	margin-top: 0.5em;
	border-top-right-radius: 8px;
}

.objectiveBox {
	border-left: 1px dashed #489EE2;
	border-bottom: 1px dashed #489EE2;
	border-right: 1px dashed #489EE2;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin: 0px;
	padding: 0.5em 1em;

}

.aBox {
	border-radius: 8px;
	border: 1px solid black;
	margin: 0.5em 0px;
	padding: 0.5em;
}

.aShadowedBox {
	border-radius: 8px;
	border: 1px solid #ffffff;
	margin: 1em;
	padding: 0.5em;
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	background: #ffffff;
}

.correctOrder {
	background: #B1687A;
	padding: 5px 20px;
	text-indent: 0px;
	color: white;
}

.stems {
	font-weight: bold;
	text-indent: 0px;
}

@font-face {
	font-family: Typewriter;
	src: url("FONTS/Tox Typewriter.ttf") format("truetype");
}

@font-face {
	font-family: Merri;
	src: url("FONTS/MWSR.otf") format("opentype");
}

@font-face {
	font-family: MerriIt;
	src: url("FONTS/MerriweatherSans-Italic.otf") format("opentype");
}

@font-face {
	font-family: Pomp;
	src: url("FONTS/02_APompadourTextSample.otf") format("opentype");
}

@font-face {
	font-family: Offici;
	src: url("FONTS/OfficinaSansStd-Bold.otf") format("opentype");
}

@font-face {
	font-family: FrutigerNarrow;
	src: url("FONTS/FrutigerLTStd Cn.otf") format("opentype");
}

/* like narrow arial */

@font-face {
	font-family: EcoNew;
	src: url("FONTS/EcoNewRg_0.ttf") format("truetype");
}

@font-face {
	font-family: Britanik;
	src: url("FONTS/BRITANIC.TTF") format("truetype");
}



@font-face {
	font-family: FixedSys;
	src: url("FONTS/FSEX300.ttf") format("truetype");
}

@font-face {
	font-family: ubuntuC;
	src: url("FONTS/Ubuntu-C.ttf") format("truetype");
}

@font-face {
	font-family: impactNormal;
	src: url("FONTS/impact.ttf") format("truetype");
}

@font-face {
	font-family: ubuntu;
	src: url("FONTS/Ubuntu-R.ttf") format("truetype");
}

@font-face {
	font-family: gildeFace;
	src: url("FONTS/gilde.eot");
}

@font-face {
	font-family: gildeFace;
	src: url("FONTS/gilde.otf") format("opentype");
}

@font-face {
	font-family: gildeFace;
	src: url("FONTS/Gilde.ttf") format("truetype");
}

@font-face {
	font-family: NicksIPA;
	src: url("FONTS/NICKXIPA.eot");
}

@font-face {
	font-family: NicksIPA;
	src: url("FONTS/NICKXIPA.ttf") format("truetype");
}

@font-face {
	font-family: EnglishBrush;
	src: url("FONTS/English.ttf") format("truetype");
}

@font-face {
	font-family: handwriting;
	src: url("FONTS/segoeprb.ttf") format("truetype");
}

@font-face {
	font-family: IMFE;
	src: url("FONTS/FeENrm2.eot");
}

@font-face {
	font-family: IMFE;
	src: url("FONTS/FeENrm2.ttf") format("truetype");
}

.cnPunctuation {
	font-family: shuSongMy;
}

@font-face {
	font-family: shuSongMy;
	src: url("FONTS/shuSong.ttf") format("truetype");
	/* Safari, Android, iOS */
}

.shuSong {
	font-family: shuSongMy;
}

@font-face {
	font-family: xiaoBSMy;
	src: url("FONTS/xiaoBS.ttf") format("truetype");
}

@font-face {
	font-family: daBSMy;
	src: url("FONTS/daBS.ttf") format("truetype");
}

@font-face {
	font-family: fangSongMy;
	src: url("FONTS/fangSong.ttf") format("truetype");
}

.fangSong {
	font-family: fangSongMy;
}

@font-face {
	font-family: kaiTiMy;
	src: url("FONTS/kaiTi.ttf") format("truetype");
}

@font-face {
	font-family: heiTiMy;
	src: url("FONTS/heiTi.ttf") format("truetype");
}

@font-face {
	font-family: zhunYuanMy;
	src: url("FONTS/zhunYuan.ttf") format("truetype");
}

@font-face {
	font-family: heiChangMy;
	src: url("FONTS/heiChang.ttf") format("truetype");
}

.heiChang {
	font-family: heiChangMy;
}

@font-face {
	font-family: heiBianMy;
	src: url("FONTS/heiBian.ttf") format("truetype");
}

@font-face {
	font-family: trebuc;
	src: url("FONTS/trebucbd.ttf") format("truetype");
}

@font-face {
	font-family: RockWellEB;
	src: url("FONTS/ROCKEB.TTF") format("truetype");
}




.vfAIH {
	position: fixed;
	right: 3%;
	bottom: 7%;
	left: 3%;
	top: 50%;
	width: 94%;
	height: 45%;
	overflow-y: hidden;
	z-index: 2;
}

.vPo {
	position: fixed;
	left: 8%;
	top: 5%;
}

.fAIH {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	/* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}

.aPo {
	position: fixed;
	left: 2em;
	right: 2em;
	bottom: 0.5em;
}

.avDiv {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	/* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	//overflow: -moz-scrollbars-vertical;
	z-index: 0;
}

.vDiv {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	/* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	//overflow: -moz-scrollbars-vertical;
	z-index: 0;
}

.videoCell {
	width: 100%;
	height: 50%;
	text-align: center;
	//overflow-y: scroll;
	/* has to be scroll, not auto */
	//-webkit-overflow-scrolling: touch;
	//overflow: -moz-scrollbars-vertical;
	//z-index: 0;
}

.hintBar {
	position: absolute;
	top: 0em;
	left: 0em;
	width: 90%;
	height: 21px;
	padding: 5px 20px 10px 0px;
	vertical-align: middle;
	/* background: #E95420; ubuntu */
	background: #1BAAE8;

	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-ms-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);


	filter: opacity(0.8);
	-moz-filter: opacity(0.8);
	-webkit-filter: opacity(0.8);
	-ms-filter: opacity(0.8);
	z-index: 1;
}

.hintInfo {
	text-transform: uppercase;
	font-size: 70%;
	margin: 0em 0em 0em 3em;
	text-indent: 0em;
	//color: #333333;
}

.myTimer {
	float: right;
	margin-right: 1em;
}

/* bedtime stories end */

.tapescripts {
	text-align: right;
	padding-right: 1em;
	color: #666666;
}

.audioCell {
	height: 1em;
}