@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:"ZAFCHAMI";
	src:url('../font/ZAFCHAMI.TTF') format('truetype');
}

i, em{font-family:"timesi";}
b, strong{font-family:"timesbd";}

.mi{font-size:15px; font-family:"timesi" !important;  padding-right:10px;}
.mtext{font-family:"times" !important; }
.mn{font-size:18px;/*font-size:100%;*/ font-weight:normal; font-family:"times" !important;}
.mfrac{ font-weight:normal;font-size:100%;}
#MathJax-Span-148{font-size:100%;}


a{ text-decoration:none;}
/*.math{font-size:90%;}*/
body{
	margin:0;
	overflow:hidden;
	word-wrap: break-word;
	
	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;
}
div#load_screen{
	background: #FFF;
	opacity: 1;
	position: fixed;
    z-index:10;
	top: 0px;
	width: 100%;
	height: 1600px;
}
div#load_screen > div#loading{
	color:#CCC;
	width:120px;
	height:24px;
	margin: 300px auto;
}
#loading{

	-moz-animation-name: preloader;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;

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

    -webkit-animation-name: preloader;

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

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

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

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

.bodyContent{
	background-image:url(../images/extra/bg2.jpg);
	background-position: center;
	background-repeat:repeat-x;
	background-size:100% 100%;
}
.bodyContent2{
	background-image:url(../images/extra/bg2.jpg);
	background-position: center;
	background-repeat:repeat-x;
	background-size:100% 100%;
}
.bodyContentIntro{
}
#resutbg{
	background-image:url(../images/extra/bgresult.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#3fb1df;
}
#resutbg2{
	background-image:url(../images/extra/bgresult.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#FFF;
	background-size:cover;
}

.bodyContent,.bodyContent2, body, html
{
  height: 100%;
}
.header{
	border-top:2px #FFF solid;
	border-left:2px #FFF solid;
	border-right:2px #FFF solid;
	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 ;
	background: rgb(125,185,232); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(125,185,232,1) 0%, rgba(125,185,232,1) 29%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(125,185,232,1)), color-stop(29%,rgba(125,185,232,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(100%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(125,185,232,1) 0%,rgba(125,185,232,1) 29%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(125,185,232,1) 0%,rgba(125,185,232,1) 29%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(125,185,232,1) 0%,rgba(125,185,232,1) 29%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(125,185,232,1) 0%,rgba(125,185,232,1) 29%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.titleHolder{
	width:90%;
	float:left;
	padding-right:20px;
	text-align:left;
}
.titleHolder2{
	padding-right:20px;
	text-align:left;
}
.titleHolder div{
	display:inline;
}
#chapNumber{
	font-size:14px;
	color:#2E639B;
}
#chapTitle{
	font-size:18px;
	margin-left:10px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 2px 1px 0px rgba(53, 39, 0, 1);
}
#chapTitle2{
	font-size:18px;
	margin-left:10px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 2px 1px 0px rgba(53, 39, 0, 1);
}


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

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

.headerNavHolderOn{
	background:#1c2969;
	padding:0px;
	position:absolute;
	width:100px;
	right:0;
	top:0;
	height:100%;
	visibility:visible;
	border-top:1px #080d25 solid;
	margin-top:51px;
	-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 ;
	z-index:9999;
}

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

.tabHolder{
	margin-top:-2px;
}
.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:3px 20px;
	text-decoration:none;
}
/*.tab-unactive{
	background-color: #FFF;
}*/
.tab-active a{
	color: #333;
	background-color: #FFF;
	-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;
	border-top:2px #6597CC solid;
	border-left:2px #6597CC solid;
	border-right:2px #6597CC solid;
	/*border-bottom:2px #FFF solid;*/
	z-index:4;
	position:relative;
	-webkit-box-shadow: 0px 6px 0px -2px rgba(255,255,255,1);
-moz-box-shadow: 0px 6px 0px -2px rgba(255,255,255,1);
box-shadow: 0px 6px 0px -2px rgba(255,255,255,1);
}
.tab-unactive{
	background-color: #103A67;
	border-top:2px #6597CC solid;
	border-left:2px #6597CC solid;
	border-right:2px #6597CC solid;
	border-bottom:2px #6597CC solid;
	z-index:1;
	position:relative;	

}
.tab-unactive a{
	color: #FFF;
}
.content{
	border:2px #6597CC solid;
	/*border:2px red solid;*/
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	background-color:#FFF;
	z-index:3;
	padding:20px;
	font-size:18px;
	position:relative;	
}
.contentWrapper, .contentWrapper2, .contentWrapper3, .contentWrapper4, .contentWrapper5, .contentWrapper6, .contentWrapper7{
overflow-y:auto;
font-family:"times";
padding-right:5px;

}




.back-page-Btn{
	background-image:url(../images/navgation/firstbtn.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
}
.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/lastbtn2.png);
	background-repeat:no-repeat;
	background-size: cover;
	width:40px;
	height:40px;
	
	-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;
}
.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/nextbtn2.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{
	background-color:#3972ad;
	border:2px #1F4E7A solid;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;
}
.footer2{
	/*background-color:#3972ad;
	border:2px #1F4E7A solid;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;*/
	height:50px;
	position:absolute;
	bottom:0;
	left:0;
}


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

h3{
	text-align:left;
	border-bottom:1px #ccc dotted;
	padding-bottom:20px;
	font-family:"MyriadPro-Regular";
}
.objectivesHolder{
	position:relative;
	height:200px;
}

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

.objectivehome{
	border:2px #6597CC solid;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    width: 500px;
    height: 200px;
	padding-bottom:20px;
	text-align:center;
}
#objectivehome{
	background-color:#FFF;
	margin-top:-180px;
	height: 325px;
}

.objectives p,.objectives2 p, .lessonObjectives p{
	text-align:center;
	font-weight:bold;
	background-color:#6597CC;
	padding:10px;
	color:white;
	font-family:"MyriadPro-Regular";
}
.openerObjectives2 p{
	text-align:left;
	padding:10px;
	color:#000;
	font-family:"times";
}

.openerObjectivesTitle{
	text-align:center;
	font-weight:bold;
	background-color:#6597CC;
	padding:10px;
	color:white;
	font-family:"MyriadPro-Regular";
	font-size:25px;
}
.objectivesContent li, .lessonObjectivesContent li {
	text-align:left;
	padding-right:10px;
	font-family:"times";
}

.openerObjectivesContent li{
	text-align:left;
	padding:10px 30px;
	font-size:20px;
}
.openerObjectivesContent2 li{
	text-align:left;
	padding:5px 30px;
	font-size:20px;
}

.lessonObjectives{
	border:2px #6597CC solid;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    width: 500px;
    height: 320px;
	padding-bottom:20px;
	text-align:center;
	margin:30px;
	background-color:white;
}
.openerObjectives li{
	text-align:left;
	padding-right:10px;
	}

.openerObjectives, .openerObjectives2{
	border:2px #6597CC solid;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    width: 40%;
	text-align:center;
/*	margin:30px;*/
	background-color:white;
}
#left{
	margin-left:50px;
	height:300px;
	float:left;
}
#right{
	margin-right:50px;
	height:300px;
	float:right;
}
#openerText{
	padding-right:10px;
	text-shadow: -1px -1px 10px rgba(255, 255, 255, 1);
}
#imgopener{
	background-image:url(../content/C01/chapImg.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:280px;
}
#imgopener2{
	background-image:url(../content/C02/chapImg.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:280px;
}
#imgopener3{
	background-image:url(../content/C03/chapImg.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:280px;
}
#imgopener4{
	background-image:url(../content/C04/chapImg.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:280px;
}
#opener{
	text-align:left;
	background-color:#6597CC;
	padding:10px;
	color:white;
	font-family:"MyriadPro-Regular";
}

.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:#6597CC;
	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:#35608e;
	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{
	border:2px #6597CC solid;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	position: relative;

    top: o;
    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{
	
	float:right;
	margin-top:-10px;
	position:absolute;
	margin-right:40px;
}
.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%;
}

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

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

.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/nextbtn.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);
		}
}

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

@-moz-keyframes preloader {
    0%   {
		 opacity: 1;
		}
    50%  {
		 opacity: 0.2;
		}
    100%  {
		opacity: 1;
		}
}
@-webkit-keyframes preloader {
      0%   {
		 opacity: 1;
		}
    50%  {
		 opacity: 0.2;
		}
    100%  {
		opacity: 1;
		}
}

/* Standard syntax */
@keyframes preloader {
     0%   {
		 opacity: 1;
		}
    50%  {
		 opacity: 0.2;
		}
    100%  {
		opacity: 1;
		}
}


/*==================================================================*/
.contentWrapperIntro{ padding-top:50px;}
.headerIntro{
	padding:15px;
	margin-top:-5px;
	margin-bottom:20px;
	height:120px;

}
.contentIntro{
	/*border:2px #6597CC solid;
	border:2px red solid;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;*/
	
	z-index:3;
	padding:20px;
	font-size:18px;
	position:relative;		
}

#introbg{
	border:2px #6597CC solid;
	-moz-border-radius: 10px ;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	
	padding:20px;
	text-align:center;
	background-image:url(../images/extra/whitebg.png);
	
}
.TOCImgLogo{width:200px;}
.FooterImgLogo{width:80px;}
/*.chapTitle{margin-left:15px;}*/
.chapBtn {
	font-family:"MyriadPro-Regular";
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin:20px 10px;
  text-align:left;
}

.chapBtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  cursor:pointer;
 
}

.TOCBtn {
	font-family:"MyriadPro-Regular";
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin:5px;
  text-align:left;
  /* width:50%;*/
}

.TOCBtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  cursor:pointer;
}


.ActBtn {
	font-family:"MyriadPro-Regular";
  background: #50e633;
  background-image: -webkit-linear-gradient(top, #50e633, #3ba326);
  background-image: -moz-linear-gradient(top, #50e633, #3ba326);
  background-image: -ms-linear-gradient(top, #50e633, #3ba326);
  background-image: -o-linear-gradient(top, #50e633, #3ba326);
  background-image: linear-gradient(to bottom, #50e633, #3ba326);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;  
  margin:5px;
  text-align:center;
  /* width:50%;*/
}

.ActBtn:hover {
  background: #8fff69;
  background-image: -webkit-linear-gradient(top, #8fff69, #5dc24e);
  background-image: -moz-linear-gradient(top, #8fff69, #5dc24e);
  background-image: -ms-linear-gradient(top, #8fff69, #5dc24e);
  background-image: -o-linear-gradient(top, #8fff69, #5dc24e);
  background-image: linear-gradient(to bottom, #8fff69, #5dc24e);
  text-decoration: none;
  cursor:pointer;
}

.even{
	padding:20px 0px;
}



/*.act{margin-left:50px;}*/

.CSSTableGenerator {
	padding:1% 25%;
	width:50%;
	/*border:1px solid #000000;*/
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.CSSTableGenerator tr:nth-child(odd){ /*background-color:#FFFF;*/ }
.CSSTableGenerator tr:nth-child(even)    { background-color:#FFF; }
.CSSTableGenerator td{
	vertical-align:middle;
	
	
	/*border:1px solid #000000;
	border-width:0px 1px 1px 0px;*/
	text-align:left;
	padding:9px;
	padding-left:20px;
	font-size:18px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.CSSTableGenerator td a{
	color:#000000;
}
.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
/*		background:-o-linear-gradient(bottom, #005fbf 5%, #005fbf 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #005fbf) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #005fbf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#005fbf");	background: -o-linear-gradient(top,#005fbf,005fbf);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;*/
}
.CSSTableGenerator td a:hover{
	color:#FFF;
}
.CSSTableGenerator tr:nth-child(odd):hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #005fbf 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #005fbf) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #005fbf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#005fbf");	
	background: -o-linear-gradient(top,#005fbf,005fbf);

	background-color:#005fbf;
	color:#FFF;
}
.CSSTableGenerator tr:nth-child(even):hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #005fbf 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #005fbf) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #005fbf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#005fbf");	
	background: -o-linear-gradient(top,#005fbf,005fbf);

	background-color:#005fbf;
	color:#FFF;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.overviewContent{
	overflow-y:scroll;
	 height:73%; 
	 text-align:left; 
	 padding:10px;
	}