@font-face{font-family:'exo_2.0light';src:url('fonts/exo2.0/exo2.0-light_edit-webfont.eot');src:url('fonts/exo2.0/exo2.0-light_edit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/exo2.0/exo2.0-light_edit-webfont.woff2') format('woff2'),
url('fonts/exo2.0/exo2.0-light_edit-webfont.woff') format('woff'),
url('fonts/exo2.0/exo2.0-light_edit-webfont.ttf') format('truetype'),
url('fonts/exo2.0/exo2.0-light_edit-webfont.svg#exo_2.0light') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'exo_2.0regular';src:url('fonts/exo2.0/exo2.0-regular_edit-webfont.eot');src:url('fonts/exo2.0/exo2.0-regular_edit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/exo2.0/exo2.0-regular_edit-webfont.woff2') format('woff2'),
url('fonts/exo2.0/exo2.0-regular_edit-webfont.woff') format('woff'),
url('fonts/exo2.0/exo2.0-regular_edit-webfont.ttf') format('truetype'),
url('fonts/exo2.0/exo2.0-regular_edit-webfont.svg#exo_2.0regular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'exo_2.0bold';src:url('fonts/exo2.0/exo2.0-bold_edit-webfont.eot');src:url('fonts/exo2.0/exo2.0-bold_edit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/exo2.0/exo2.0-bold_edit-webfont.woff2') format('woff2'),
url('fonts/exo2.0/exo2.0-bold_edit-webfont.woff') format('woff'),
url('fonts/exo2.0/exo2.0-bold_edit-webfont.ttf') format('truetype'),
url('fonts/exo2.0/exo2.0-bold_edit-webfont.svg#exo_2.0bold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'exo_2.0extra_light';src:url('fonts/exo2.0/exo2.0-extralight_edit-webfont.eot');src:url('fonts/exo2.0/exo2.0-extralight_edit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/exo2.0/exo2.0-extralight_edit-webfont.woff2') format('woff2'),
url('fonts/exo2.0/exo2.0-extralight_edit-webfont.woff') format('woff'),
url('fonts/exo2.0/exo2.0-extralight_edit-webfont.ttf') format('truetype'),
url('fonts/exo2.0/exo2.0-extralight_edit-webfont.svg#exo_2.0extra_light') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'exo_2.0extra_bold';src:url('fonts/exo2.0/exo2.0-extrabold_edit-webfont.eot');src:url('fonts/exo2.0/exo2.0-extrabold_edit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/exo2.0/exo2.0-extrabold_edit-webfont.woff2') format('woff2'),
url('fonts/exo2.0/exo2.0-extrabold_edit-webfont.woff') format('woff'),
url('fonts/exo2.0/exo2.0-extrabold_edit-webfont.ttf') format('truetype'),
url('fonts/exo2.0/exo2.0-extrabold_edit-webfont.svg#exo_2.0extra_bold') format('svg');font-weight:normal;font-style:normal;}
*{padding:0;-webkit-margin-before:0px;-webkit-margin-after:0px;-moz-margin-start:0px;-moz-margin-end:0px;margin:0;border:0px;border-style:none;text-decoration:none;list-style-type:none;font-size:inherit;font-family:'exo_2.0regular';}
html, body{height:100%;font-size:18px;overflow:hidden;}
.noDisplay{display:none;}
textarea{resize:vertical;}
div#sideBar1{left:-203px;padding:0;}
div#sideBar1.expanded{padding-left:203px;}
div#sideBar2{right:-203px;}
div#sideBar2.expanded{padding-right:203px;}
div#sideBar1, div#sideBar2{height:100%;min-height:300px;width:262px;-webkit-transition:padding 0.75s;-webkit-transition-timing-function:ease;transition:padding 0.75s;transition-timing-function:ease;top:0;position:fixed;text-align:center;z-index:2;font-weight:bold;}
ul#mainMenu, ul#sideUl{height:100vh;}
div#sideBar1 ul li, div#sideBar2 ul li{height:59px;overflow:hidden;}
li.titledButton{width:100%;}
div#sideBar1 ul#mainMenu li#unitNavArea{height:calc(100% - 180px);overflow-y:hidden;float:left;min-height:180px;display:inline-block;}
div#sideBar2 ul#sideUl li#charArea{height:calc(100% - 120px);min-height:240px;float:left;overflow-y:hidden;}
div#sideBar2 ul#sideUl li{float:left;display:inline-block;width:100%;}
img.icon, button.icon, li.icon{font-size:20px;width:40px;height:38px;margin-top:10px;display:inline-block;cursor:pointer;}
div#altCharDiv{float:left;display:inline-block;width:60px;height:59px;}
section.content h1#unitTitle b{font-size:22px;}
h1#unitTitle b, div#sideBar1 ul li a h1 b, div#sideBar1 ul li h1 b{font-family:"exo_2.0Bold";text-transform:uppercase;font-size:20px;}
div#sideBar1 ul li a h1, div#sideBar1 ul li h1{font-family:"Exo_2.0extra_light";text-transform:uppercase;font-weight:100;}
div#sideBar1 ul li.titledButton a h2, div#sideBar1 ul li.titledButton h2,
div#sideBar1 ul .titledButton h1,
div#sideBar1 ul .titledButton p{height:45px;padding-top:5px;}
div#sideBar1 ul .titledButton a p, div#sideBar1 ul .titledButton p,
div#sideBar2 ul li a p, div#sideBar2 ul li p{padding-top:10px;}
div#sideBar1 ul li a h1, div#sideBar1 ul li a h2,
div#sideBar1 ul li a p, div#sideBar1 ul li#unitNavArea ul#unitList{width:198px;height:50px;margin:10px 0px 0px;display:inline-block;float:left;}
div#sideBar1 ul li h1, div#sideBar1 ul li h2,
div#sideBar1 ul li p{width:198px;height:50px;margin:10px 0px 0px;display:inline-block;float:left;}
div#sideBar2 ul li#charArea ul#charList{width:201px;overflow-x:hidden;overflow-y:auto;height:100%;display:inline-block;}
div#sideBar1 ul li#unitNavArea ul#unitList{margin:0px;height:100%;float:left;width:calc(100% - 61px);overflow-y:auto;overflow-x:hidden;}
ul#sideUl li a button, ul#sideUl li button{float:left;margin-left:10px;cursor:pointer;}
div#sideBar2 ul#sideUl li#charArea ul#charList li.noDisplay,
div#sideBar2 ul#sideUl li#charArea ul#charList li.noDisplay.charLi{display:none;}
div#sideBar2 ul#sideUl li#charArea ul#charList button.lowCase{font-size:24px;}
div#sideBar2 ul#sideUl li#charArea ul#charList button.cap{font-size:20px;}
div#sideBar2 ul#sideUl li#charArea ul#charList li button.char{border:0px;border-radius:initial;background:inherit;color:inherit;width:inherit;height:inherit;margin:auto;cursor:pointer;}
div#sideBar1 ul li#unitNavArea ul#unitScroll{width:60px;height:calc(100vh - 220px);float:right;overflow:hidden;min-height:180px;}
div#sideBar1 ul li#unitNavArea ul#unitScroll li.unitScrollButton{margin:0px;padding:0px;}
div#sideBar1 ul li#unitNavArea ul#unitScroll li.unitScrollButton a{height:60px;padding:5px 0;width:60px;font-size:22px;float:left;display:inline-block;}
div#sideBar1 ul li#unitNavArea ul#unitScroll li.unitScrollButton a b{font-size:22px;}
li.unit{max-height:60px;max-width:60px;float:left;}
div#sideBar1 ul li#unitNavArea ul#unitList li a,
div#sideBar2 ul li#charArea ul#charList li{width:59px;float:left;display:inline-block;}
div#sideBar1 ul li#unitNavArea ul#unitList li a,
div#sideBar1 ul li#unitNavArea ul#unitScroll li#unitCurrent.unitScrollButton a{height:43px;padding:16px 0 0;padding-top:16px;}
div#sideBar1 ul li#unitNavArea ul#unitList li a{font-size:24px;}
div#sideBar1 ul li#unitNavArea ul#unitList li.noHover.spaceFiller{width:179px;}
div#sideBar2 ul#sideUl li#charArea ul#charList{float:right;overflow-y:auto;}
div#sideBar2 ul#sideUl li#charArea a{font-size:28px;}
div#sideBar2 ul#sideUl button.icon{margin:10px;}
div#sideBar1 ul li#unitNavArea ul#unitList li.largerLi,
div#sideBar2 ul li#charArea ul#charList li.largerLi,
div#sideBar2 ul li#charArea ul#charList li button.largerLi{width:119px;}
div#sideBar2 ul li#charArea ul#charList li.spaceFiller{width:100%;height:75%;}
div#contentHolder{top:0;padding:0 258px 50px;width:calc(100% - 524px);position:relative;height:calc(100vh - 22px);}
section.content{max-height:50vh;padding:0 25px;position:relative;margin:8px 0;z-index:1;min-width:600px;}
div.content{max-height:calc(45vh - 13px);width:inherit;padding-right:19px;position:relative;margin:8px 0;z-index:1;min-width:600px;overflow-y:auto;clear:both;line-height:1.5em;}
div.content.answer{overflow-y:auto;clear:both;}
hr{width:80%;height:3px;margin:0 10%;}
section.content p.correct,
section.content article#mainQuestion p.answer,
section.content article#mainQuestion h3.answer{color:green;}
button.submitInput ,input.submitInput{float:right;min-width:80px;padding:7px 5px;margin:-8px -2px;margin-left:3px;font-size:15px;font-weight:bold;height:30px;cursor:pointer;}
section#content1{min-height:325px;height:100%;}
section#content1.content.ng-scope.minimise{min-height:50px;height:50px;}
article#tableContent{overflow-y:scroll;height:calc(50vh - 55px);}
article#excercises{overflow-y:scroll;height:calc(100vh - 100px);}
ul.contentLinks{right:0;top:-8px;position:absolute;float:right;padding-right:25px;width:30%;display:-webkit-flex;display:flex;}
ul.contentLinks li.contentLink{height:29px;padding:20px 0px 10px;display:inline-block;float:right;text-align:center;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;cursor:pointer;}
ul.contentLinks li.contentLink a{font-weight:bold;}
section#content1 h1#unitTitle{min-width:100px;width:100%;float:left;margin:2% 0;height:8%;max-height:26px;font-family:"Exo_2.0extra_light";font-size:22px;}
section#content1 h1#unitTitle span{font-family:"Exo_2.0extra_light";font-size:22px;}
form.contentForm{margin-bottom:30px;}
form.contentForm textarea{width:100%;height:calc(100% - 20px);min-height:100px;}
h3#exerciseHeader, section#content2 caption{text-align:justify;text-align-last:right;font-weight:bold;}
section#content2 form.exerciseForm{width:80%;margin:20px 5%;padding:20px 5% 35px 5%;border:1px solid;}
section#content2 form.exerciseForm h4{font-size:20px;}
section#content2 p.exerciseMarkingP,
section#content2 form.exerciseForm ul{margin:20px 0;width:100%;}
section#content2 p.exerciseMarkingP{top:-5px;position:relative;}
section#content2 form.exerciseForm ul li p.exerAnsP{margin-bottom:0.8em;}
section#content2 form.exerciseForm ul li input{display:inline-block;margin:2px;border:1px solid;}
section#content2 form.exerciseForm ul li input.line,
section#content2 form.exerciseForm ul li textarea.para{display:block;}
section#content2 form.exerciseForm ul li textarea.para{width:80%;border:1px solid #000;}
section#content2 form.exerciseForm ul li input.dot,
section#content2 form.exerciseForm ul li input.dotBracket,{display:inline-block;}
section#content2 form.exerciseForm ul li input.correct,
section#content2 form.exerciseForm ul li textarea.correct{border:#008927 3px solid;}
section#content2 p.exerciseMarkingP span.correct{color:#008927;}
section#content2 p.exerciseMarkingP span{font-weight:bold;font-size:16px;width:25%;display:inline-block;text-align:center;}
section#content2 form.exerciseForm ul li input.wrong,
section#content2 form.exerciseForm ul li textarea.wrong{border:#de3f00 3px solid;}
section#content2 p.exerciseMarkingP span.wrong{color:#de3f00;}
section#content2 p.exerciseMarkingP span.neutral{color:#D3D3D3;width:50%;}
section#content2 form.exerciseForm ul li select{margin:2px;display:inline-block;}
section#content2 form.exerciseForm ul li select.correct{background-color:#008927;color:#FFF;}
section#content2 form.exerciseForm ul li select.wrong{background-color:#de3f00;color:#FFF;}
footer#footerUned{width:calc(100% - 120px);position:fixed;left:60px;bottom:0px;z-index:1;}
footer#footerUned p{text-align:center;bottom:0px;}
div#docPrompt{top:calc(40% - 125px);width:400px;height:200px;}
div.prompt{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;padding:60px 30px 30px;z-index:999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
div.prompt form{background:#FFF;width:100%;height:100%;opacity:0.95;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
div.prompt p, div.prompt h3,div.prompt h4{font-size:22px;text-align:center;}
div.prompt button.icon{right:0px;top:0px;position:absolute;margin:5px 30px;}
div.prompt h3.promptTitle{left:0px;top:10px;position:absolute;width:100%;}
div.prompt button.promptMenu{
		min-width:80px;
		padding:5px 10px;
		font-weight:bold;
		height:40px;
		/*-webkit-border-radius:30px;
		-moz-border-radius:30px;
		border-radius:30px;
		*/font-size:20px;
		margin:5px;
		cursor:pointer;
		}
#infoCreditStream h3, #infoCreditStream h4 {
	color:#000;
}
div#infoPrompt{
	top:calc(20% - 125px);
	width:80%;
}
div#infoPrompt form {
	height:auto;
	max-height:100px;
	margin:25px;
	overflow-y:auto;
	width:calc(100% - 50px);
}

#docButton2, #docButton3, #docButton4 {
	display:none;
}


div#infoPrompt button{
	margin:10px;
}

div#infoPrompt li{
	
	display:inline-block;
	float:left;
}

div#infoPrompt section{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	height:420px;
	margin:25px;
}

/*added by gwern*/
div#shortIntroDisplay{
	background-color:#FFF;
	width:725px;
	height:inherit;
	float:left;
}

ul#shortIntro{
	background-color:#FFF;
	padding: 0px 30px;
	overflow-y:scroll;
	width:inherit;
	height:inherit;
}

ul#shortIntro h3, ul#shortIntro h4{
	color:#000;
}

.symbolIcon{
	width:22px;
	height:22px;
}

#spanishInfoSymbol{
	background-color:#990033;
}

/*end of added by gwern*/

div#infoDisplayContent{
	width:inherit;
	height:inherit;
	overflow:hidden;
}

div#infoCredits{
	background-color:#FFF;
	width:inherit;
	height:inherit;
	overflow-y:scroll;/*animation removed by gwern*/
}

div#infoPrompt ul#infoCreditStream{
	width:inherit;
	height:auto;
	position:relative;
	padding:20px 13%;
}

div#infoPrompt ul#infoCreditStream li{
	float:none;
}


.download-prompt-message {
	font-size:24px;
	color: rgb(53,124,180);
	line-height:60px;
}    



@keyframes creditsScroll-up{from{top:100%;}
to{top:-500%;}
}
@-webkit-keyframes creditsScroll-up{from{top:100%;}
to{top:-500%;}
}
@-moz-keyframes creditsScroll-up{from{top:100%;}
to{top:-500%;}
}
@-o-keyframes creditsScroll-up{from{top:100%;}
to{top:-500%;}
}
div#infoPrompt ul#infoCreditStream li{width:100%;padding:1em 0;}
div#contentHolder.fullScreen{left:0;top:0;padding:0 20px 55px 60px;width:calc(100% - 80px);position:relative;height:100%;}
div#contentHolder.fullScreen ul.contentLinks.noDisplay{display:none;}
section#content1.fullScreen{width:calc(100% - 120px);height:calc(100vh - 102px);font-size:20px;padding:0;}
section#content1.fullScreen h1#unitTitle{margin:2% 0 8px 0;font-size:26px;max-height:30px;}
section#content1.fullScreen ul.contentLinks{right:160px;}
section#content1.fullScreen article#mainQuestion,
section#content1.fullScreen form.contentForm{width:inherit;}
section#content1.fullScreen article#mainQuestion h3,
section#content1.fullScreen article#mainQuestion p,
section#content1.fullScreen textarea{font-size:20px;}
section#content1.fullScreen div.content{max-height:88vh;width:inherit;height:calc(88vh - 80px);padding-right:19px;position:relative;margin:8px 0;z-index:1;min-width:600px;}
section#content1.fullScreen section.content article#mainQuestion{height:auto;font-size:20px;}
section#content1.fullScreen form.contentForm textarea{height:calc(100% - 20px);min-height:170px;}
div#contentHolder.fullScreen section#content2{padding:0;}
div#contentHolder.fullScreen article#excercises{width:calc(100% - 220px);height:calc(100vh - 140px);}
div#sideBar1.fullScreen{width:186px;height:61px;top:calc(100% - 61px);left:0px;}
div#sideBar1.fullScreen ul#mainMenu{height:inherit;}
div#sideBar1.fullScreen li.titledButton,
div#sideBar1.fullScreen li#unitNavArea.fullScreen ul#unitList,
div#contentHolder.fullScreen hr,
div#contentHolder.fullScreen article#tableContent,
div#sideBar2.fullScreen ul#sideUl li#pdfButtonLi{display:none;}
div#sideBar1.fullScreen ul li#unitNavArea.fullScreen ul#unitScroll{min-width:190px;max-height:61px;}
div#sideBar1.fullScreen ul li#unitNavArea.fullScreen ul#unitScroll li.unitScrollButton{display:inline-block;height:59px;width:59px;margin:0;}
div#sideBar1.fullScreen ul li#unitNavArea.fullScreen ul#unitScroll li#unitUpButton,
div#sideBar1.fullScreen ul li#unitNavArea.fullScreen ul#unitScroll li#unitDownButton{height:59px;}
div#sideBar1.fullScreen ul li#unitNavArea.fullScreen ul#unitScroll li#unitCurrent.unitScrollButton a{width:59px;height:27px;}
div#sideBar2.fullScreen ul#sideUl li#charArea{height:calc(100% - 60px);}
@media only screen
and (min-device-height:560px)
and (max-device-height:1208px)
and (orientation:portrait){html,body{height:auto;}
div#sideBar1, div#sideBar2{min-height:768px;height:100%;}
div#sideBar1 ul#mainMenu{height:inherit;}
div#sideBar1 ul#mainMenu li#unitNavArea{height:auto;overflow-y:hidden;float:left;min-height:180px;}
div#sideBar2 ul#sideUl li#charArea{height:calc(100% - 150px);min-height:240px;float:left;}
div#sideBar1 ul li#unitNavArea ul#unitList{height:auto;overflow-y:scroll;overflow-x:hidden;}
div#sideBar1 ul li#unitNavArea ul#unitList li.spaceFiller{width:179px;height:206px;}
div#sideBar2.fullScreen ul#sideUl li#charArea{height:calc(100% - 90px);}
}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape){div#sideBar1, div#sideBar2{height:100%;max-height:678px;}
div#sideBar1 ul#mainMenu li#unitNavArea{max-height:495px;float:left;min-height:180px;overflow:hidden;}
div#sideBar1 ul li#unitNavArea ul#unitList{float:left;min-height:180px;-webkit-overflow-scrolling:touch;overflow-y:scroll;}
div#contentHolder{-webkit-overflow-scrolling:touch;overflow-y:scroll;height:100vh;}
section.content{height:auto;max-height:none;}
section#content1{height:auto;}
div#mainQContent.content{height:auto;}
article#tableContent{height:auto;}
article#excercises{height:auto;}
div#sideBar2 ul#sideUl li#charArea{height:calc(100% - 140px);min-height:240px;float:left;-webkit-overflow-scrolling:touch;overflow-y:scroll;}
div#sideBar2 ul#sideUl li#pdfButtonLi,, div#sideBar2 ul#sideUl li#fullScreenButtonLi,
div#sideBar1 ul#mainMenu li#collapseLi{left:inherit;width:inherit;display:block;}
div#sideBar2.fullScreen ul#sideUl li#charArea{height:calc(100% - 80px);}
}



@media print {
	
	html {
		display:none;
	}
	
	
	.answer, .contentLink, .noDisplay, button, .wrong, .correct, .neutral, hr {
		display:none;
	}
	
	#txtArea {
		display:block !imporant;
	}
	
}