/*body { background: red; }*/
.mi{font-size:15px;}
.mn{font-size:15px; font-weight:normal; font-family:"times" !important; }
html, body {
  overflow: hidden;
}

body{
	 position: relative;
	overflow:hidden;
	min-width:325px;
	margin:0; 
     padding:0; 
     width:100%; 
     height:100%; 
}
.bodyContent{
	background:url(../images/extra/elements.png), url(../images/extra/bg2.jpg);
	margin:0;
	background-position: center;
	background-color:#fec106;
	background-size:100% 100%;
}
#headermob {background:#15accb!important;}
.header{
    position: fixed;
    top: 0px;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
	margin-left:-2px;
	margin-right:0;
	width:100%;
	min-width:325px;
    z-index: 2;
}

.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: 99%;
	margin-top:50px;
	
	border:0;
	-moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -khtml-border-radius: 0px!important;
    border-radius: 0px!important;
	background-color:#fff;
	font-size:14px;
	z-index:1;
    overflow-y: scroll;
}

.footer{
	/*height:10%;*/
	width:100%;
	position:fixed;
	-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;
    z-index: 20;
}


.headerNavigationBtn{
	float:right;
    margin: 6%;
	margin-top:-5px;
}

.title{
	width:85%;
	text-align:left;
}


.pagination{
width:85%;
margin-top:-2px;
   margin-right: 80px;
text-align:right;
}
.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;
    top: -40%;
	margin-top:40%;
}
.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:100px;
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;}

#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;
	}

.paginationMobile{
	visibility:visible;
	display:relative;	
}

.paginationMobile .pages{
	margin:10px 0px;
	position:relative;
	
}

#L01-2ImageB,#L01-2ImageC{width:100%}

.sample-Inline div{ display:block;}

#L02-1C1, .image{width:95%;}
.table {
   border-collapse: collapse;
   margin:0 20%;
}

.table2 {
   border-collapse: collapse;
   margin:0;
}
.table2 td {
   padding: 2px 5px; margin:0;
   text-align:center;
}

#solBorderItem{

	margin-bottom:20px;
}
#solBorderItem2{
	width:90%;
}




#indexobject {
    /*
    top: -50%!important;
    margin-top: 50%!important;
*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#indexobject img {
    width: 60%!important;
    height: auto!important;
}

.hideme {
    visibility:hidden!important;
}


/* image layout */


.imga, .imgb { width:80%; margin: 3px auto;}