@charset "utf-8";
/********************** Global CSS **********************/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

*{
	 text-shadow:none;
	 font-family:Arial;
}

 
p,div,li,td{
	font-size:14px; line-height:20px;		
}

 

.para { 
	 margin-bottom:1em;
    text-indent:0em;
	margin-right:5%;
	 height:auto;
	 text-align:justify;
	 *margin-right:5%;
	 _margin-right:5%;
	 margin-left:5%;
	 *margin-bottom:1em;
	 _margin-bottom:1em;
	 width:90%;
	 margin-top:5px;
}

#page16-list
{
	 margin-bottom:1em;
    text-indent:0em;
	margin-right:5%;
	 height:auto;
	 text-align:justify;
	 *margin-right:5%;
	 _margin-right:5%;
	 margin-left:9%;
	 *margin-bottom:1em;
	 _margin-bottom:1em;
	
	
		
}


.heading1 {
     width:95%; height:6%; 
     float:left;position:relative;
     margin-top:3%; font-size:16px; font-weight:bold;
     color:#004F2C;  
     margin-left:5%;
}

.instruction {
		width:92%;  height:3%;
		line-height:40px; float:left;position:relative; line-height:20px;
		margin-bottom:1%;  
		font-style:italic;
		margin-left:5%;  font-size:15px;
}

ul {
	margin-top:0em; margin-right:2%;  	 
}

ul li { 
    list-style-image:url(../images/ImgLi.png) !important;	
    text-align:justify; margin-left:8%;   
}
ul ul{  
	margin-top:0.1%;  
}

ol{
	margin-left:5%;
}
ol li{
	list-style-type:decimal;
}

ul ul li {  
    list-style:disc !important;  
    text-align:justify; margin-left:5%; 
}

.handPointer{
	cursor:pointer;
}

.revealList li{		 		
		margin-left:7%; visibility:hidden; 		 
}

.image-right {
	float:right; position:absolute; z-index:3; top:25%; right:6%;
}
 
/********************** Global CSS ends **********************/

 #page{
	 width:1024px; height:670px;margin:0px; padding:0px;  position:absolute;
	 background-color:#DFD7D7;
	 overflow:hidden;  background-color:#F5F3F3;
 }

 
 .pageCont{
	 width:100%; height:100%; margin:0px; padding:0px;
	 background:#F5F3F3; position:absolute;top:0px;
 }

	#cashHeader{
		width:98%;height:10%;
		color:#FFFFFF;  
		position:absolute; top:1%; 	
		margin-left:1%;  z-index:10px;
	}
#cashHeaderMain{
	width:98%;height:70%; padding-left:2%; 
	border-radius:10px; 
	line-height:45px;	 
	background:url(../images/greenGradient.png) repeat-x center;
	background-size:100% 100%; 	 
}

#headermain {
	float:left; position:relative;  width:65%; font-size:20px; line-height:45px;
}

#logo{	 
	background:url(../images/logo.png) center no-repeat;
	height:90%;
	width:330px;
	float:left; position:relative; 	 
}

#cashHeaderSub{
	width:100%;height:30%;    
}

.footer {
	width:100%; height:6%;
	position:absolute; bottom:0;
	background-color:#DFD7D7;
	z-index:70; background-color:#F5F3F3;	
}

#cashFooter{
	width:98%; height:96%;	 
	position:absolute; bottom:18%;	margin-left:1%; border-radius:5px;	
	z-index:71; 
}

#externalHtmlCont{
	width:100%; height:82%;
	position:absolute; top:11%;
	z-index:50;  
}

#subTitlesCont{
	width:100%; height:100%; 
	float:left;position:relative;
	border-radius:5px;
	background-color:#DCB100;
}

.subTitleText{  
	width:25%; height:100%;
	padding-left:0.5%;
	float:left;position:relative; font-size:12px; line-height:20px;
	font-size:11px;  font-weight:bold; color:#444;	 
}

#subTitleText2 {
	width:40%; cursor:pointer;
}

.subTitleText:hover{
	color:#800; cursor:hand; cursor:pointer;
}


#subTitleArrow{
	width:2%; height:100%;
	float:left;position:relative;	
	background-color:#A00;
	background:url(../images/subtextArrow.png) center no-repeat;
	background-size:70% 70%; 
}

#firstcashFooter{
	width:69%; height:100%; 
	float:left;position:relative;
	background-color:#B00; border-radius:10px;
	background:url(../images/greenGradient.png) repeat-x center;
	background-size:100% 100%;
}

#btnMenu{
	width:15%; height:100%;  margin-left:3%; font-size:16px;
	color:#FFFFFF; line-height:35px; text-align:left;  
	float:left;position:relative;   cursor:pointer;	
}

#pageProgressMainCont{
	width:40%; height:100%; 
	margin-left:40%;  
	float:left;position:relative;  	 	
}

#progressIndicatorCont{
	width:65%; height:12%;
	margin-left:5%; margin-top:5.5%;
	float:left;position:relative;
	border-radius:10px; 
	background-color:#475C51;
}

#pageIndicator{
	width:20%;height:100%;
	background-color:#B2B2B2; border-radius:10px;  
}

#PagePercent{
	width:20%; height:100%;margin-left:5%; text-align:center; line-height:35px; 
	font-size:16px;
	float:left;position:relative;	 
	color:#FFFFFF;  
}


#pageRefresh{
	width:5%; height:100%;
	margin-left:0.2%; background-color:#39F;
	border-radius:10px;	
	float:left;position:relative;
	background:url(../images/greenGradient.png) repeat-x center;
	background-size:100% 100%; cursor:pointer;
}

#pageRefreshImg{
	width:100%; height:100%;	 
	background:url(../images/pagerefresh.png) center no-repeat;
	background-size:50% 50%; 	
}

.pageNav{
	width:5%; height:100%;
	margin-left:0.2%;
	border-radius:10px;	
	float:left;position:relative;
	background:url(../images/greenGradient.png) repeat-x center;
	background-size:100% 100%;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
    behaviour: url(border-radius.htc); 
	
}

#pageNumberDisplay{
	width:15%; height:100%;  margin-left:0.2%; border-radius:10px;
	color:#FFFFFF; line-height:35px; text-align:center;  
	float:left;position:relative; font-size:16px;
	background:url(../images/greenGradient.png) repeat-x center;
	background-size:100% 100%;  	
}

#pagePrevImg{
	width:100%; height:100%;
	border-radius:10px;
	background:url(../images/prev.png) center no-repeat;
	background-size:50% 50%; cursor:pointer;
}

#pageNextImg{
	width:100%; height:100%;	
	background:url(../images/next.png) center no-repeat;
	background-size:50% 50%; cursor:pointer;	 
	float:left;position:relative;
	
}

/****************************** Pages ******************************/

/************************ page1.html **********************************/
	 
	 #cashFlowHeading{
		 width:70%; height:7%; margin-left:5%; margin-top:2%;
		 padding-left:2%; color:#1D613E;  font-weight:bold; 
		 font-size:20px;  line-height:35px;		 
	 }
	 
	 #cashFlowImg{		 
		 width:820px;height:350px; 
		 background:url(../images/creditfacility.png) no-repeat;/****************change image************************/
		 background-size:100% 100%;float:left;position:absolute;
		 margin-left:10%;  margin-top:2%;   	 
	 }
	 #animateText{
		 bottom:7%;
		width:780px;height:10%;  float:left;position:absolute; margin-left:115px;  
		font-size:29px; text-align:center;line-height:50px; color:#555555; font-weight:bold;
		padding-top:5px;   
	 }
	 
	 #animateText2{
		bottom:7%; top:0px;
		width:780px;height:65px;  float:right;position:absolute;   
		right:0px;	 background:url(../images/cone.png)  no-repeat ; background-size:100% 100%;
		display:block;   
		
	 }
	 
	  
	 
	  

/****************************** Menu ******************************/

.menucontainer {
	position:absolute;	
	top:680px;
	width:400px;
	height:250px;
	background-color:#FFF;
	margin-left:10px;
	display:block;
	z-index:60;
	margin-left:1%;
	border-radius:5px;	 
	font-size:14px;
	overflow:hidden;
}
::-webkit-scrollbar {
    width: 13px;
    height: 13px;
	-webkit-overflow-scrolling: touch;
  background-color:#A2A2A2;
}
::-webkit-scrollbar-button:start:decrement,
			::-webkit-scrollbar-button:end:increment  {
				display: none;
			}
			
			::-webkit-scrollbar-track-piece  {
				background-color: #CCCCCC;
				-webkit-border-radius: 6px;
			}
			
			::-webkit-scrollbar-thumb:vertical {
				-webkit-border-radius: 6px;
				background: #666 url(../images/scrollbar_thumb_bg.png) no-repeat center;
			}
	

.menu_bar {
	width:100%;
	height:20px;
	background:url(../images/greenGradient.png) repeat;
	color:#FFF;
	font-weight:bold;
	padding-top:3px;
	border-radius:5px;
	font-size:14px;

}
#closemenu {
	text-align:right;
	padding-right:10px;
	margin-top:-19px;  line-height:14px; 
}

#closemenu:hover{
	cursor:pointer;
}

.menu_list {	
	width:97.5%;	
	padding-left:10px;
	overflow-y:auto;
	overflow-x: hidden;
	height:230px;
	top:10% !important;
	position:absolute;
	
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    background: url(../images/left.png) center left no-repeat;
	padding-left:20px;
	color:#8c8c8c;
	position:relative;

}
.menu_body {
	display:none;
	margin-left:1em;
}
.menu_body a.menulink{
	display:block;
	color:#8c8c8c;
	 	padding-left:30px;
	text-decoration:none;
	background: url(../images/submenu.png) center left no-repeat;
 	padding-bottom:0.4em;
  	position:relative;
	font-weight:normal;
}
.menu_body a:hover{
	color: #000000;
	text-decoration:underline;
 }

.menu_footer {
	width:100%;
	height:2%;
	background-color:#060;
	position:absolute;
	bottom:0px;	
	background-color:#003018;
}
/****************************** Menu Ends ******************************/

/**************************** Chapter number animation ****************************/

 
.chapter_num {
	width:75px;
	height:75px; 	 
	color:#FFF;
	opacity: 0.1;	
	position:absolute;
	top:200px;
	font-size:5.3em;
	line-height:1.4em;
	font-weight:bold;
	text-align:center;
	background: no-repeat center;
	-webkit-background-size:100% 100%;
	-moz-background-size:100%;
	background-size:100%;
	 
}

.chapter_num img{
	width:100%; height:100%;
}
.chapter_num .chap_text{
	width:100%;height:100%; text-align:center;
	 font-size:60px; line-height:80px; left:0px;
	color:#FFF;   position:absolute; top:0px; 
	text-shadow:none; 
}

#chap_num_container {
	width:100%;
	height:100%; position:relative;
}

.sliderBlue {	
	width:10px;
	height:135px;
	background:url(../images/blue.png) center no-repeat;
	position:absolute;
	left:60px;
	top:18px;
	z-index:-3;
	color:#FFF;
	font-weight:bold;
	 
	line-height:0.3em;
}

.section-number {
	width:80%;
	height:35%;
	margin-top:1%;
	font-size:27px;
	text-align:left;
	margin-left:4.6em;
	margin-top:0.6em;line-height:40px;
}

.section-name {
	width:80%;
	height:48%;
	margin-top:0.4em;
	margin-left:3.6em;
	font-size:35px;
	text-align:left;	line-height:40px;
}
.instruction {
		width:92%;  height:3%;
		line-height:40px; float:left;position:relative; line-height:20px;
		margin-bottom:1%;  
		font-style:italic;
		margin-left:5%;  font-size:15px;
}
 
	 /*****************************************************************************************************************************/
	.buttonbox{
		height:20px;
		width:185px;
		padding:5px;
		background:#D6AC00;	
		position:absolute;
		margin-right:2%;
		margin-bottom:2%;
		border:#333333 1px ridge;
		text-align:center;
		*top:0%;	cursor:pointer; 
	}
	
	.bxcontent{
		position:relative;
		width:385px;
		padding:5px;
		background:url(../images/pagebg.png);	
		overflow-y:auto;
		overflow-x:hidden;
		margin-left:310px;
		top:-8px;
		*top:-33px;
		border:#333333 1px ridge;
		background-size:contain;
		visibility:hidden;
		 
	}
	
	/* Exercises  start */
	.optcontainer{
		margin-bottom:10px;
		margin-left:80px;
		width: 900px;
		height:30px; 
		 
		float:left;position:relative;
	}
	
	
	.optButton{
		width:30px; height:100%; float:left;position:relative; 		
		background:url(../images/radio_bg.png) no-repeat center;
		background-size:60% 60%;  
	}
	
	.optText{
		width:850px; height:100%; 
		float:left;position:relative;  
		line-height:32px;
	}
	
	.submitExercise{
		font-weight:bolder;
		line-height:30px;
		margin-left:100px; margin-top:30px;
		float:left;position:relative;
		width:100px; height:30px; text-align:center;
		color:#FFFFFF;
		background:url(../images/greenGradient.png) repeat-x center;
	background-size:100% 100%; 	 
	}
	
	
	.answerDescription{
		clear:both;
		float:left;
		position:relative;
		padding:10px;
		height:auto; width:850px; margin-left:100px;
		display:none; text-align:justify; 
		margin-top:20px;  
	}
	
	/* Exercises  start */
	
	
	
	.overviewBgImg{
		/*	border:thin ridge #F03;*/
		width:900px; height:300px; float:left;position:relative; margin-left:45px;
		background:url(../images/overview.png) left no-repeat;
	}
	
	.labelOverview{
		width:130px; height:30px; 
		 margin-left:88px; margin-top:60px; line-height:30px;
		font-size:18px;
		/*	border:thin ridge #F03;*/
	}
	
	.labelSkill{
		position:absolute; top:115px; left:310px;
		width:180px; height:30px;   margin-left:80px; margin-top:60px; line-height:30px;
		font-size:18px;
		/*	border:thin ridge #F03;*/
	}
	/*******************************************************/
	/*********page9********************/
	.buttonbox9{
		height:20px;
		width:185px;
		padding:5px;
		background:#D6AC00;	
		position:relative;float:left;
		margin-right:2%;
		margin-bottom:2%;
		border:#333333 1px ridge;
		text-align:center;
		*top:0%;cursor:pointer; 
	}
	.bxcontent9{
		position:relative;float:left;
		width:800px;
		padding:5px;
		background:url(../images/pagebg.png);	
		overflow:auto;
		margin-left:102px;
		margin-top:0px;
		border:#333333 1px ridge;
		background-size:contain;
		visibility:visible;
		 
	}
	/*********page9********************/
	/*********page12********************/
	
	.buttonbox12{
		list-style-type:none;
		list-style-image:none !important;
		width:20%;
		margin-bottom:5px; text-align:center;
		line-height:35px; 
		border:#020 ridge 2px; 
		border-radius:10px;
		cursor:pointer; 
		background-color:#DAB000;
		position:relative;float:left; 
	}
	.bxcontent12{
		position:relative;
		width:650px;
		padding:5px;
		background:url(../images/pagebg.png);	
		overflow-y:auto;
		overflow-x:hidden;
		left:50px;
		margin-top:0px;
		border:#333333 1px ridge;
		background-size:contain;
		visibility:visible;
		 
	}
	
	/*********page12********************/
	/*********page13********************/
	
	.buttonbox13{
		height:20px;
		width:185px;
		padding:5px;
		background:#D6AC00;	
		position:relative;float:left;
		margin-right:2%;
		margin-bottom:2%;
		border:#333333 1px ridge;
		text-align:center;
		*top:0%;cursor:pointer; 
	}
	.bxcontent13{
		position:relative;float:left;
		width:750px;
		padding:5px;
		background:url(../images/pagebg.png);	
			overflow-y:auto;
		overflow-x:hidden;
		margin-left:130px;
		margin-top:0px;
		border:#333333 1px ridge;
		background-size:contain;
		visibility:visible;
		 
	}
	
	/*********page12********************/
	/*********page15********************/
	.buttonbox15{
		list-style-type:none;
		list-style-image:none !important;
		width:20%;
		margin-bottom:5px; text-align:center;
		line-height:35px; 
		border:#020 ridge 2px; 
		border-radius:10px;
		cursor:pointer; 
		background-color:#DAB000;
		position:relative;float:left; 
	}
	.bxcontent15{
		position:relative;
		width:650px;
		padding:5px;
		background:url(../images/pagebg.png);	
		overflow-y:auto;
		overflow-x:hidden;
		left:50px;
		margin-top:0px;
		border:#333333 1px ridge;
		background-size:contain;
		visibility:visible;
		 
	}
	/*********page15********************/
		/*********page37********************/
	
	.buttonbox37{
		list-style-type:none;
		list-style-image:none !important;
		width:20%;
		margin-bottom:5px; text-align:center;
		line-height:35px; 
		border:#020 ridge 2px; 
		border-radius:10px;
		cursor:pointer; 
		background-color:#DAB000;
		position:relative;float:left; 
	}
	.bxcontent37{
		position:relative;
		left:10px;
		width:700px;
		padding:5px;
		background:url(../images/pagebg.png);	
			overflow-y:auto;
		overflow-x:hidden;
		border:#333333 1px ridge;
		background-size:contain;
		visibility:visible;
		 
	}
	
	/*********page37********************/
	/*********page43********************/
	
	.buttonbox43{
		list-style-type:none;
		list-style-image:none !important;
		width:20%;
		margin-bottom:5px; text-align:center;
		line-height:35px; 
		border:#020 ridge 2px; 
		border-radius:10px;
		cursor:pointer; 
		background-color:#DAB000;
		position:relative;float:left; 
	}
	.bxcontent43{
		position:relative;
		left:10px;
		width:700px;
		padding:5px;
		background:url(../images/pagebg.png);	
			overflow-y:auto;
		overflow-x:hidden;
		border:#333333 1px ridge;
		background-size:contain;
		visibility:visible;
		 
	}
	
	/*********page37********************/
	
	
	
		/**********page 13 changes feb 7th  **********/
	
	 

	.optCont{
		width:80%;
		margin-left:5%;
		margin-top:5px;
	}

	.optionImage{		
		float:left;
		
	}

	.optionText{	 
		 width:80%;  
		 margin-left:1%;     
		 line-height:10px;
	}
	
	#submitAnswer{
		margin-top:3%;
		margin-left:5%;
		text-align:center; width:10%;
		height:6%; border-radius:5px;   line-height:32px;
		background-color:#777;     
		background: -moz-linear-gradient(top, #777 0%, #444 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777), color-stop(100%,#444)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #777 0%,#444 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #777 0%,#444 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #777 0%,#444 100%); /* IE10+ */
		background: linear-gradient(to bottom, #777 0%,#444 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#444',GradientType=0 ); /* IE6-9 */ 
		color:#FFF;
		cursor:pointer;
	}
	 
	#submitAnswer:hover{
		background-color:#D6AC00;
		background: -moz-linear-gradient(top, #FFCE0A 0%, #967800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCE0A), color-stop(100%,#967800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #FFCE0A 0%,#967800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #FFCE0A 0%,#967800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #FFCE0A 0%,#967800 100%); /* IE10+ */
		background: linear-gradient(to bottom, #FFCE0A 0%,#967800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#967800',GradientType=0 ); /* IE6-9 */
		color:#000000;		
	}
	#correct{
		left:2%;
    	position: absolute;
		
	}
	#inbox-text{
		bottom:20%;
		position:absolute;
	}
	#popup{		
		top:680px;
		position:absolute;
		width:400px;
		height:240px;
		background-color:#FFFFFF;
		z-index:100;
		margin-left:1%;
		border-radius:5px; border-top:#700 10px  ridge;		 
		font-size:14px; text-align:center;
	}
	#close{
		height: 11%;
		left:69%;
		position: absolute;
		top: 56%;
		width: 29%; 
	}

	#incorrectText{
		float:left;position:relative; margin-top:2%;
		width:100%; text-align:center;
		font-size:20px; color:#B00;
	}
	#correctText{
		 color: #008B3E; float: left; font-size: 20px; margin-top: 2%; position: relative;
    text-align: center;  width: 100%;
   
   
    
   
	}
#ans_text{
	font-size:14px; text-align:justify;
}
#text_appear
{
	 
   height: 40%;
    left: 2%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2%;
    position: absolute;
    text-align: justify;
    top: 13%;
    width: 90%;
}

	/*********page13 changes feb 7th  *************/