@font-face {
	font-family:"times";
	src:url('../font/times.ttf') format('truetype');
}
@font-face {
	font-family:"timesbd";
	src:url('../font/timesbd.ttf') format('truetype');
}
@font-face {
	font-family:"timesi";
	src:url('../font/timesi.ttf') format('truetype');
}
@font-face {
	font-family:"MyriadPro-Regular";
	src:url('../font/MyriadPro-Regular.otf') format('truetype');
}
@font-face {
	font-family:"Kozuka Gothic Pro R";
	src:url('../font/KozGoPro-Regular.otf') format('truetype');
}

* {
    font-family: Kozuka Gothic Pro R!important;
	text-decoration:none!important ;
}

body{
	margin:0;
	overflow:hidden;
	
	font-family:"MyriadPro-Regular";/*background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(154,195,237,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(154,195,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(154,195,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(154,195,237,1) 100%); 
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(154,195,237,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(154,195,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9ac3ed',GradientType=0 );*/
	background:#9dc5ed;
}

.bodyContent{
	background:url(../images/extra/elements.png), url(../images/extra/bg2.jpg);
	margin:0;
	background-position: center;
	background-color:#fec106;
	background-size:100% 100%;
	
}
.bodyContent2{
	background-image:url(../images/extra/bg2.jpg);
	background-position: center;
	background-color:#fec106;
	background-size:100% 100%;
}



.bodyContent,.bodyContent2, body, html
{
  height: 100%;
}
.header{
	background:#2b92a9 /*137c8b*/;
	padding:15px;
	margin-top:-5px;
	margin-bottom:20px;
	height:25px;
	-moz-border-radius: 0px 0px 20px 20px ;
    -webkit-border-radius: 0px 0px 20px 20px ;
    -khtml-border-radius: 0px 0px 20px 20px ;
    border-radius: 0px 0px 20px 20px ;
}

.titleHolder{
	width:90%;
	float:left;
	padding-right:20px;
	text-align:left;
}
.titleHolder div{
	display:inline;
}
#chapNumber{
    display:none;
	font-size:17px;
	color:#fff;
}
#chapTitle{
	font-size:20px;
	margin-left:10px;
	font-weight:bold;
	color:white;
	text-shadow: 1px 1px 1px #111;
}

.headerNavigationBtn{
	background-image:url(../images/navgation/threelines.png);
	background-repeat:no-repeat;
	background-size: 100%;
	width:40px;
	height:40px;
/*	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;*/
	z-index:9999;
	position:absolute;
	right:10px;
	padding-top:3px;
	/*background-color:#FFF;*/
	text-align:center;
}
#headerNavigationHolder {
    height: auto!important;
    box-shadow: 2px 2px 0px #037992;
}
* a {

    text-decoration: none;
}
.headerNavHolderOff{
	position:absolute;
	z-index:-1;
	visibility:hidden;
}

.headerNavHolderOn{
	background:#018ca9;
	padding:0px;
	position:absolute;
	width:100px;
	right:0;
	top:0;
	height:100%;
	visibility:visible;
	border-top:0px #080d25 solid;
	margin-top:54px;
	margin-right:10px;
	-moz-border-radius:20px ;
    -webkit-border-radius:20px ;
    -khtml-border-radius:20px ;
    border-radius:20px ;
	z-index:9999;
}

.insideHeaderNavBtn{
	margin:0px 10px;
	padding:10px 5px;
	max-width:93%;
	text-align:center;
}
.insideHeaderNavBtn-selected{
	color:#fff;
	background-color:none;
	border-bottom:1px #fff solid;
	text-shadow: 0px 0px 1px orange;
}
.insideHeaderNavBtn-selected a{
	color:#fff;
	
}
.insideHeaderNavBtn-unselected{
	color:white;
	border-bottom:1px #fff solid;
}
.insideHeaderNavBtn-unselected:hover{
	color:#fff;
	text-shadow: 0px 0px 1px orange;
}
.insideHeaderNavBtn-unselected a{
	color:white;
}

.tabHolder{
	margin-top:-2px;
}
#tabss{
	position:absolute;
	top:580px;
	left:455px;
	
}

.tabs {
	text-align:right;
}
.tabs li {
	display:inline;
	text-decoration:none;
	padding:3px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.tabs a{
padding:12px 30px;
text-decoration:none;
}
/*.tab-unactive{
background-color: #FFF;
}*/
.tab-active a{
color: white;
background-color:#1e9cdd;
-moz-border-radius: 10px 10px 0px 0px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px 10px 0px 0px;
   border-radius: 10px;
z-index:4;
position:relative;
-webkit-box-shadow: 0px 5px 0px -2px #106f9f;
   -moz-box-shadow: 0px 5px 0px -2px #106f9f;
   box-shadow: 0px 5px 0px -2px #106f9f;
}
.tab-unactive{
background-color: #ff7e00;
z-index:4;
position:relative;	

}
.tab-unactive a{
color: #FFF;
background-color: #ff7e00;
-moz-border-radius: 10px 10px 0px 0px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px 10px 0px 0px;
   border-radius: 10px;
position:relative;
-webkit-box-shadow: 0px 5px 0px -2px #af4d2d;
   -moz-box-shadow: 0px 5px 0px -2px #af4d2d;
   box-shadow: 0px 5px 0px -2px #af4d2d;
}
.content{
    background:  #fff;
	/*border:2px red solid;*/
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
	z-index:3;
	padding:20px;
	font-size:18px;
	position:relative;	
}
#content123{

	/*border:2px red solid;*/
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
	z-index:3;
	background:white;
	padding:20px;
	font-size:18px;
	position:relative;	
}
#wraps{
	margin:10px;
	text-align:center;
}
.contentWrapper, .contentWrapper2, .contentWrapper3, .contentWrapper4, .contentWrapper5, .contentWrapper6{
overflow-y:auto;
font-family:arial;

}
.contentWrapper p, .contentWrapper2 p, .contentWrapper3 p, .contentWrapper4 p, .contentWrapper5 p, .contentWrapper6 p{
overflow-y:auto;
color:#555;
}



.back-page-Btn{
	background-image:url(../images/navgation/firstbtn.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	margin:0px 10px;
}
.back-page-Btn:hover{
	background-image:url(../images/navgation/firstbtn2.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}
.back-page-Btn-disabled{
	background-image:url(../images/navgation/firstbtnDisabled.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}

.next-page-Btn-animated{
	/*background-image:url(../images/navgation/lastbtn.png);*/
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	margin:0px 10px;
	
	-moz-animation-name: nextpage;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running;

    -webkit-animation-name: nextpage;

    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;

    animation-name: nextpage;
    animation-duration: 1s;

    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.next-page-Btn{
	background-image:url(../images/navgation/lastbtn.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	margin:0px 10px;
}
.next-page-Btn:hover{
	background-image:url(../images/navgation/lastbtn2.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}
.next-page-Btn-disabled{
	background-image:url(../images/navgation/lastbtnDisable.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}
.back-Btn{
	background-image:url(../images/navgation/prevbtn.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
}
.back-Btn:hover{
	background-image:url(../images/navgation/prevbtn2.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}
.back-Btn-disabled{
	background-image:url(../images/navgation/prevbtnDisable.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}

.forward-Btn{
	background-image:url(../images/navgation/nextbtn.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
}
.forward-Btn:hover{
	background-image:url(../images/navgation/nextbtn2.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}

.forward-Btn-animated{
	/*background-image:url(../images/navgation/nextbtn.png);*/
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	
	-moz-animation-name: next;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running;

    -webkit-animation-name: next;

    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;

    animation-name: next;
    animation-duration: 1s;

    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
.forward-Btn-animated:hover{
	background-image:url(../images/navgation/nextbtn2.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}
.forward-Btn-disabled{
	background-image:url(../images/navgation/nextbtnDisabled.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}

#autoRun-btn{
	background-image:url(../images/navgation/autoplay.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
}
#autoRun-btn:hover{
	background-image:url(../images/navgation/autoplay2.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}
#autoRun-btn-disabled{
	background-image:url(../images/navgation/autoplaydisabled.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}

#home-btn{
	background-image:url(../images/navgation/homebtn.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	margin-left:10px;
	margin-top:2px;
}
#home-btn:hover{
	background-image:url(../images/navgation/homebtn2.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	cursor: pointer;
}



.footer{
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	height:50px;
	position:absolute;
	z-index:1000;
	bottom:0;
	left:0;
	background:#148ea7/*195f61*/;
}


#logo{
	height:30px;
	background-color:white;
	padding:5px;
	background-color: white;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	width:70px;
	margin-right:10px;
}
#subject{
	color:#FFF;
	width:auto;
	margin-top:3px;
}

h3{
	text-align:left;
	padding-bottom:20px;
	font-family:"MyriadPro-Regular";
}

.lessonObjectives{
   width: 600px;
padding-bottom:20px;
text-align:center;
margin:50px auto 0px;
}
.objectivesHolder{
position:relative;
}

.objectives{
border:2px #6597CC solid;
-moz-border-radius: 10px ;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
position: absolute;
   top: 0px;
   bottom: 0;
   left: 0;
   right: 0;
   width: 600px;
padding-bottom:20px;
   margin: auto;
text-align:center;
background-color:white;
}

.objectivehome{
   width: 600px;
padding-bottom:20px;
text-align:center;
}
#objectivehome{
background-color:#FFF;
margin-top:-180px;
height: 325px;
}
.objectivesContent li, .lessonObjectivesContent li{
   color: #fff;
   font-size: 20px;
text-align:left ;
   padding-left: 20px;
   background-image: url(../images/extra/star.png);
   background-repeat: no-repeat;
   background-position: top 8px left 0px; 
   background-size: 15px;
   list-style-type: none;
}

.lessonObjectives{
   width: 600px;
padding-bottom:20px;
text-align:center;
margin:50px auto 0px;
}

.lessonObjectivesHolder{
padding:0 5%;
}
.lessonObjectivesContent{
   margin-top: -40px;
}

.lessonObjectivesHolder{
	padding:0 5%;
}

.sectionHolder{
	border:1px red solid;
	margin-top:300px;
	position:relative;
}
.sections{

	border:2px #6597CC solid;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    /*top: 250px;
    bottom: 0;
    left: 0;
    right: 0;*/
    width: 500px;
 margin:30px;
	text-align:center;
	background-color:#FFF;
	
}
.sections p {
	text-align:center;
	font-weight:bold;
	background-color:#0ba1c0;
	padding:10px;
	color:white;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif; 
}
.sections a {
	text-decoration:none;
	color:#000;
}
.SectionsList{
}
.SectionsList div{
	border-top:1px #5690CD solid;
	border-bottom:1px #5690CD solid;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:20px;
	padding-right:60px;
	line-height:30px;
	background-color:#EFF9FF;
	text-align:left;
}
.SectionsList div:hover{
	border-top:1px #5690CD solid;
	border-bottom:1px #5690CD solid;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:20px;
	padding-right:60px;
	line-height:30px;
	background-color:#f5a906;
	padding-left:50px;
	color:white;
	text-align:left;
}


.result p {
	font-family:"MyriadPro-Regular";text-align:center;
	font-weight:bold;
	background-color:#6597CC;
	padding:10px;
	color:white;
}
.result{
	position: absolute;
    top: 300px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 600px;
    height: 350px;
	padding:10px;
    margin: auto;
	text-align:center;
	background-color:#FFF;
}
.result table{
	width:100%;
	font-size:16px;
	}
.result tr{
	height:40px;
}
#submitAns, #refreshBtn{
	-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;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #277ed5) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #277ed5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#277ed5');
	background-color:#277ed5;
	
	text-indent:0;
	border:2px solid #fff;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:37px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position:relative;
}

.inline{display:inline-table;}
.inline2{display:inline-table;}
.inline4{display:inline-table;}
.imageFloatRight{
	float:right;
	}
	
.borderImg{
	border:1px #6597CC solid;
	padding:10px;
	margin-bottom:30px;
}
#img1, #img2{
	margin-top:-100px;
	margin-right:50px;
}
.textHolder{
	height:150px; 
	vertical-align:middle;
	margin-bottom:50px;
	}
.textHolder p{
	width:70%; 
	}
.pagination{
position:relative;
z-index:1000;
float:right;
margin-top:-40px;
margin-right:40px;
}
.pages{
	margin-top:-3px;
}
.pages li {
	display:inline;
	text-decoration:none;
	
	margin:0px 3px;	
	right:0;
}
.pages a{
	width:40px;
	height:40px;
	text-decoration:none;
	padding: 3px 6px;
	text-align:center;
	font-size:14px;
}
.pages #double{
	width:40px;
	height:40px;
	text-decoration:none;
	padding: 4px 3px;
	text-align:center;
}
.page-unactive{
	background-image:url(../images/navgation/btn2.png);
	background-repeat:no-repeat;
	background-size: 100%;	
	color:#CCC;
}
.page-active{
	background-image:url(../images/navgation/btn.png);
	background-repeat:no-repeat;
	background-size: 100%;	
	color:#FFF;
}

.paginationMobile{
	margin-top:-20px;
	height:40px;
	background-color:#006;
	
}
.paginationMobile .pages{
	text-align:right;
	float:right;
	width:100%;
	margin:10px 1%;
}

.example-solutions{
	font-style:italic;
	font-weight:600;
	color:#F60;
	text-shadow: 1px 1px 0px #C00;
}

.marginLeft p {
	margin-left:30px;
}
.leftAlign p{
	
	text-align:left;
}
.centerAlign{
	text-align:center;
}
.centerAlign div{
	text-align:center;
}

.centerAlign p {
	text-align:left;
}

.col-2{
	margin-left:30px; 
}
.col-2, .col-2b{
	margin-top:20px;
	display:inline-table;
}

.frac{
	font-size:10px;
	display:inline-table;
	
}
.numerator{
	text-align:center;
	}
.denaminator{
	text-align:center;
	border-top:1px red solid;
	
	}

.single{
	width:10px;
	}
.sample-Inline div{ display:inline-table;}


.table td {
   padding: 5px 15px; margin:0;
}

.table {
   border-collapse: collapse;
   margin:0 40%;
}

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

.table2 {
   border-collapse: collapse;
   margin:0 30%;
}



/*======================= ANIMATION ===========================*/

/*===============================================*/

@-moz-keyframes next {
    0%   {
		 background-image:url(../images/navgation/nextbtn.png);
		}
    50%  {
		 background-image:url(../images/navgation/nextbtn2.png);
		}
    100%  {
		 background-image:url(../images/navgation/nextbtn.png);
		}
}
@-webkit-keyframes next {
     0%   {
		 background-image:url(../images/navgation/nextbtn.png);
		}
    50%  {
		 background-image:url(../images/navgation/nextbtn2.png);
		}
    100%  {
		 background-image:url(../images/navgation/nextbtn.png);
		}
}

/* Standard syntax */
@keyframes next {
    0%   {
		 background-image:url(../images/navgation/nextbtn.png);
		}
    50%  {
		 background-image:url(../images/navgation/nextbtn2.png);
		}
    100%  {
		 background-image:url(../images/navgation/nextbtn.png);
	}
}


/*===============================================*/

@-moz-keyframes nextpage {
    0%   {
		 background-image:url(../images/navgation/lastbtn.png);
		}
    50%  {
		 background-image:url(../images/navgation/lastbtn2.png);
		}
    100%  {
		 background-image:url(../images/navgation/lastbtn.png);
		}
}
@-webkit-keyframes nextpage {
     0%   {
		 background-image:url(../images/navgation/lastbtn.png);
		}
    50%  {
		 background-image:url(../images/navgation/lastbtn2.png);
		}
    100%  {
		 background-image:url(../images/navgation/lastbtn.png);
		}
}

/* Standard syntax */
@keyframes nextpage {
    0%   {
		 background-image:url(../images/navgation/lastbtn.png);
		}
    50%  {
		 background-image:url(../images/navgation/lastbtn2.png);
		}
    100%  {
		 background-image:url(../images/navgation/lastbtn.png);
		}
}

/* content alignment */
/* paragraphs */
.para-left {
    margin: 15px auto;
    max-width:860px;
    text-align: left;
}
.para-right {
    margin: 0px auto;
    max-width:860px;
    text-align: right;
}
.para-center {
    margin: 0px auto;
    max-width:860px;
    text-align:center;
}

}.para-justify {
    margin: 0px auto;
    max-width:860px;
    text-align:justify;
}
/* images */

.imga {
    float:left;
    margin: 0px 3px;
}
imgb {
    margin: 0px 3px;
}