/*body { background: red; }*/
.mi{font-size:15px;}
.mn{font-size:15px; font-weight:normal; font-family:"times" !important; }
mfrac{ height:1px;}
html, body {
  overflow: hidden;
}


body{
	 position: relative;
	overflow:hidden;
	min-width:325px;
	margin:0; 
     padding:0; 
     width:100%; 
     height:100%; 
}
.bodyContent{background:white; }
.header{
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
	margin-left:-2px;
	margin-right:0;
	width:98%;
	min-width:325px;
}

#row2Header{
	height:40px;
	
}

#row2Header #chapTitle{
	margin-right:50px;	
}

.titleHolder{
	width:90%;
	position:absolute;
}

.titleHolder .inline{
	display:block;
}
#chapTitle{
	font-size:15px;
	margin-left:0px;
	position:absolute;
}
font{
	font-size:13px
}
#chapNumber{
	font-size:12px;
}
.content{
	height: 60%;
	overflow-x:auto;
	border:0;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
	background-color:#FFF;
	font-size:14px;
	z-index:1;
}

.contentWrapperIntro{ padding-top:100px;}

.contentIntro{
		
	border:0;
	
	font-size:14px;
	z-index:1;
}
.openerObjectives{
    width: 98%;
	height:150px;
}
#left{
	margin-left:0px;
	float:none;
}
#right{
	margin-right:0px;
	float:none;
	margin-top:20px;
}
#introbg{
	border-top:2px #6597CC solid;
	-moz-border-radius: 0px ;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
	height: 50%;
	padding:20px;
	text-align:center;
	background-image:url(../images/extra/whitebg.png);
	overflow-y:scroll;
	
}
.headerIntro{
	height:50px;
}
.TOCgrp{ width:100%; }
.TOCHolder{
	height:73%;
    margin:0;
	padding:10px;
}
.TOCHolderChild{
	overflow-x:auto;
    margin:0;
	height: 90%;
	padding:10px;
}

.TOCImgLogo{width:100px;}
.FooterImgLogo{width:70px; padding-top:5px; padding-left:15px; padding-right:15px;}
.footer, .footer2{
	/*height:10%;*/
	width:99%;
	position:absolute;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
	height:50px;
	z-index:5;
	min-width:325px;
	bottom:0;
}


.headerNavigationBtn{
	float:right;
	margin-top:-5px;
}

.title{
	width:85%;
	text-align:left;
}

.pagination{
	width:85%;
	text-align:left;
}

.tabHolder{
	position:absolute;
	visibility:hidden;
	z-index:-1;
}
.navigationBarHolder{
	padding:10px;
	position:relative;
	height:75%;
}

/*.headerNavigationHolder{
	border:1px green solid;
}


.navigationBar{
	position:absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 350px;
    height: 30%;
    margin: auto;
	text-align:center;
}*/
.navigationBarHolder{
	padding:10px 10px 10px 0px;
	position:relative;
	height:30%;
	width:30%;
	left:0%;
	margin:0% 0%;
}

.navigationBar{ 
	position:absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*width: 250px;*/
    height: 100%;
    margin: 0;
	text-align:left;
}
.navigationBar td{ 
width:40px;
}

.footerLeftDiv{
	display:none;
}

.footerRightDiv{
	float:right;
	height:50px;
	width:50px;
	margin:0px 30px;
	text-align:center;
	vertical-align:middle;
	margin-top:-35px;
	margin-right:40px;
}
#home-btn, #back-Btn, #next-page-Btn{margin:0; text-align:left;}

#forward-Btn{margin-right:10px;}
#subject{
	font-size:14px;
}
#logo{
	height:30px;
	background-color:white;
	padding:5px;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	width:50px;
	margin-right:0px;
}
#logo img{
	width:50px;
}


.lessonObjectivesHolder{
	padding:0;
}

.objectivesHolder{
	height:350px;
	margin-top:-10px;
}
.objectives{
	width:90%;
	height: 240px;
	top:0;
}
.lessonObjectives, .sections{
	width:98%;
	margin:20px 0px;
	top:0;
}

.SectionsList div:hover{
	padding-left:20px;
}

#back-Btn{
	margin-left:10px;
}






/*======================= ACTIVITY ===============================*/

.hint div{
	display:block;
}
.subHint{
	margin-left:30px;
}
#subHint-first{
	margin-top:10px;
}
#subHint-last{
	margin-bottom:20px;
}


.choicesholder .choice{
	display:inline-table;
	margin-left:50px;
	font-size:14px;
}

.choicesholder .choice2{
	display:block;
	margin-left:50px;
	font-size:14px;
}

.question{
	margin-top:-10px;
}
#question2{visibility:visible; display: inline;}

.contentWrapper{
overflow:hidden;
padding-bottom:50px;
padding-top:10px;
}
.contentWrapper2{
overflow:hidden;
padding-bottom:50px;
}

.contentWrapper4{
overflow:hidden;
padding-bottom:50px;

}
.contentWrapper5{
overflow:hidden;
padding-bottom:50px;

}

.subfooter{
	height:80px;
}

#counterHolder{
	margin-top:50px;
	width:98%;
	margin-right:0px;
	text-align:center;
}
#counter{
	font-size:12px;
	width:65px;
	text-align:center;
	margin:auto;
}

.DDChoicesHolder{
	height:80px;
	 margin:0;
	 width:200px;
}
.DDChoices{
    margin:0;
	position:relative;
}


.choices2{
	width:90%;
}
.correctAnsholder{
	margin-left:0px;
}


.itemHolder-parent{
	height:150px;
	overflow-y:scroll;
}
.subfooter{
	margin-top:50px;
}

#hintBtn{
	visibility:visible;
	z-index:9999;
	position:relative;
	left:5px;
	cursor:pointer;
}
#hint{
	position:fixed;
	border:2px #036 dotted;
	background-color:#dbecfc;
	z-index:999999;
	padding:10px;
	color:#000;
	width:90%;
	left:1%;
	height:95px;
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top:-20px;
}


#exitBtn{
	color:white;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#900;
	width:20px;
	height:20px;
	line-height:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align:center;
	cursor:pointer;
}

#hintTablet{
	visibility:hidden;
	position:absolute;
}
.result{width:90%; /*top:50px;*/}
.inline-Items, .inline-Items2{
	display:block;
}
.inline2,.inline3{
	display:block;
}
.inline4{display:block;}
.inline5{display:block;}

#L01-1ImageA{ width:100%;}

.imageFloatRight{
	float:none;
	position:relative;
	}
.textHolder p{
	width:100%; 
	position:relative;
	}
#img1, #img2{
	margin-top:20px;
	
}
.textHolder{
	height:290px; 
	vertical-align:middle;
	margin-bottom:50px;
	}
	
.pagination{visibility:hidden;}
.paginationMobile{
	visibility:visible;
	display:relative;	
}

.paginationMobile .pages{
	margin:10px 0px;
	position:relative;
	
}

#L01-2ImageB,#L01-2ImageC,#L01-2ImageD,#L01-2ImageE{width:100%}
#L01-2ImageF{width:250px}
#L01-2ImageG{width:250px}
#L01-2ImageH{width:250px}
.sample-Inline div{ display:block;}

#L02-1C1, .image{width:95%;}
.table {
   border-collapse: collapse;
   margin:0 20%;
}
.table5 {
   border-collapse: collapse;
   margin:0;
}

.table2 {
   border-collapse: collapse;
   margin:0;
}
.table2 td {
   padding: 2px 5px; margin:0;
   text-align:center;
}

#solBorderItem{

	margin-bottom:20px;
}
#solBorderItem2{
	width:90%;
}

.actInline{margin-left:65px;}
#L4-1E2a2{margin-left:50px;}
#L4-1E2b,#L4-1E2a1{ margin-left:50px;}
#L4-1E2c{ margin-left:50px;}
#L4-1F3{margin-top:-20px; margin-left:5px;}
.L4-1F4, #L4-1E6{margin-left:30px;}
.table3{margin-left:10%;}
.table4{}
.L4-2{margin-left:15px;}
.L4-2b{margin-left:15px; margin-top:5px;}
.actline2{margin-left:50px;}
.actline3{margin-left:40%;}
.ansContainer1{ height:60px;}
.ansContainer2{ height:80px;}
.L4-2G2a{padding-top:20px;}
.L4-1b1{margin-right:10px;}
.inlineEquation{margin-left:15px; margin-top:5px;}
.inlineEquation2{margin-left:30px; margin-top:5px;}
.inlineEquation3{margin-left:45px;}
.marginTopEquation{margin-top:10px;}
#center{margin-left:15px;}
.rightSpace{padding-right:10px;}
.itemNumber4, .itemNumber5{padding-top:3px;}
.itemNumber6, .itemNumber8{padding-top:0px;}
.itemNumber7{padding-top:5px;}
.itemNumber9{padding-top:5px;}
#lessMargin{margin-right:10px;}
.fontsze{font-size:65%; margin:0;}
.TOCBtn{
	text-align:center;
}
.chapTitle{margin-left:0px;}

/*.lesson{margin-top:50px;}*/
.CSSTableGenerator td{
	text-align:left;
	font-size:14px;
}
.act{margin-left:0px;}

.CSSTableGenerator {
	padding:0% 5%;
	width:90%;
}
.imgOpener{width: 100%;}
.openerObjectivesTitle{font-size:18px;}

.overviewContent{
	 height:60%; 
	}
	
.openerObjectivesContent li{
	text-align:left;
	padding:10px 20px;
	font-size:14px;
}
.openerObjectivesContent2{

	height:210px;
	overflow-y:scroll;
}
.openerObjectivesContent2 li{
	text-align:left;
	padding:5px 20px;
	font-size:14px;
}

#mobileQuestion{
	visibility:visible;
	margin-bottom:30px;
}
#deskQuestion{
	visibility: hidden;
	display:none;
}



.addmargin{
	margin-right:5px;
}
.addmargin2{
	margin-right:7px;
}
.addmargin3{
	margin-right:9px;
}
.addmargin4{
	margin-right:25px;
}
.space, .space2{
	display:inline;
}
.space3{
margin-left:5px;
}
.space4{
margin-left:10px;
}

#me{
	font-size:62%;

}
#space{width:20px;}

#space1{ margin-right:10px;}
#space2{ margin-right:15px;}
#space3, #space5, #space6{ margin-right:3px;}
#space4{ margin-right:10px;}
.tableWidth{width:250px;}
.tableWidth2{width:250px;}
.itemNumber12{padding-top:7px;}

.ansHolder{
	height:60px;
}