/*-----------------------------------------------------------------------------------*/
/* Calculator Styles
/*-----------------------------------------------------------------------------------*/



.emicalcalulatorWrapper, .calcalulatorWrapper
	{
	margin:0 auto;
	width:957px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif, Verdana;
	}
	

.calCulator_desc_wrapper
	{
	float:left;
	width:937px;
    margin-bottom:10px;
		}	
	
.calCulator_desc_wrapper h2, .Clsheading
	{
	font-size:18px;
	color:#044aa2;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	text-align:center;
		}


.calCulator_desc_wrapper .cal_desc
	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	margin-left:10px;
	
	}


	
.calculationform_wrapper, .calcalulatorform_wrapper { /*background: none repeat scroll 0pt 0pt rgb(252, 252, 252); border: 1px solid rgb(219, 218, 215);*/ 
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 1px solid #02397c;
float: left; /*height: 260px;*/ 
padding: 10px 20px;
margin-right:10px;
margin-bottom:10px; 
width:917px;
background: #f2f0f0;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f2f0f0));
background: -webkit-linear-gradient(#ffffff, #f2f0f0);
background: -moz-linear-gradient(#ffffff, #f2f0f0);
background: -ms-linear-gradient(#ffffff, #f2f0f0);
background: -o-linear-gradient(#ffffff, #f2f0f0);
background: linear-gradient(#ffffff, #f2f0f0);
-pie-background: linear-gradient(#ffffff, #f2f0f0);
}




.loanOptWrap{ float:right; text-align:right; padding-top:6px;}

.calfrmInpWrap{ float:right; text-align:left;}


.radioWrap{ margin:0 auto; width: 400px;  clear:both; padding-left:80px;}

.lamount, .lint, .lterm, .lamonpay, .depositAmount, .Depositterm, .Cushionperiod {width:400px; text-align:right; float:left; margin-right:0px;}

.lterm  { float:left;width:400px;}

.lamount label, .lint label, .lterm label, .lamonpay label, .radioWrap label, .depositAmount label, .Depositterm label, .Cushionperiod label  {font-size: 15px; font-weight:bold; text-align:right; margin: 0pt 0px 0pt 0pt; color:#044aa2;}

.lamount span {width: 7px; height: 0px; }
.lamount img {width: 7px; height: 0px; border: 0;}


.lint span { margin: 0pt 0pt 0pt 0px; }

#calculationform div, #BDEcalcalulatorform div, #calcalulatorform div { margin-bottom:15px; }

#calculationform div.sep , #BDEcalcalulatorform div.sep, #calcalulatorform div.sep {padding-top:0px;}

#calculationform input[type="text"] , #BDEcalcalulatorform input[type="text"] , #calcalulatorform input[type="text"]{ border: 1px solid #ee4509; background: none repeat scroll 0% 0% #edeceb; box-shadow: 1px 1px 4px rgb(244, 244, 244) inset; font-size: 13px; padding: 
7px; color:#666666; font-weight:bold; }




#principal_amount, #depositamount, #depositInterest, #Depositterm, #cushionperiod { width: 100px !important; margin: 0pt 0pt 0pt 5px ! important; }

#loanAddtional { width: 100px !important; margin: 0pt 0pt 0pt 5px ! important; }


#interest_rate, #loan_duration { width:40px ! important; margin: 0 0 0 0px !important; }

#emitotal_loanamountslider, #emitotal_loaninterestslider, #loantermslider, #loanAddtionalslider, #depositamountslider , #depositInterestslider, #Deposittermslider, #Cushionperiodslider, #principal_amount_slider, #interest_rate_slider, #loan_duration_slider {float:right; width:53%; margin-top:13px; }



#cmicalculation_inputamount {float:right; /*height: 36px;*/ margin: 0 0 0 0px;}

#numberofyears, #numberofmonths { padding: 0; margin: 0; border: 0; }

#emiloanamount_chart_yearly, #loanmonthslabel, #radioGrp { font-size: 15px ! important; padding: 0 5px; margin:0; font-weight:bold;}

#lyrs, #mnths { margin: 0 !important; }








#calculationform .helpbutton {
        float: right;
        padding-top: 30px;
}


#showCalinfoDiv {display:none; width:957px;}

#paymentclaculation_div, #Summary {
background: none repeat scroll 0pt 0pt rgb(252, 252, 252); float: left;  margin: 0pt 0px 0px 0pt; 
border:1px solid #02397c;
height:130px;
margin-right:15px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
background: #f2f0f0;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8f8f8), to(#f2f0f0));
background: -webkit-linear-gradient(#f8f8f8, #f2f0f0);
background: -moz-linear-gradient(#f8f8f8, #f2f0f0);
background: -ms-linear-gradient(#f8f8f8, #f2f0f0);
background: -o-linear-gradient(#f8f8f8, #f2f0f0);
background: linear-gradient(#f8f8f8, #f2f0f0);
-pie-background: linear-gradient(#f8f8f8, #f2f0f0);
width:955px;
}

.paymentclaculation_divMid
	{
	float:left;
	width: 100%;
	}


/*.emiCal #paymentclaculation_div div, .emiCal #Summary div {margin: 0pt 0pt 10px; padding: 8px 0px 0pt; text-align: center; border-top: 1px dotted #666; width:auto;}
*/


#paymentclaculation_div h4, #Summary h4  { color:#363636; font-weight: bold; margin-top:10px; padding:0; margin:0; display:block; font-size: 13px; }
#paymentclaculation_div p, #Summary p, #Summary span  { font-size:16px; font-weight: bold; margin: 0pt auto; margin-top:8px; color:#1070e9; }
#paymentclaculation_div span, #Summary span { padding-left: 5px; }


.emiCal #paymentclaculation_div, .emiCal #Summary { width:470px; }

#calculationtotal_amount, #amount { border-top: 0pt none ! important; }


#emipiechart, #BDEpiechart, #RDPpiechart, #FCRpiechart, #LoanAmtpiechart {
    /*background: none repeat scroll 0 0 #000;*/
    float: left;
	text-align: center;
    width:470px;
    height:200px;
}

#chartcalculator_div {
    clear: both;
   /* background: none repeat scroll 0 0 #9dce2c;*/
    margin: 0px 0 20px 0;
	padding-top:10px;
    text-align: center;
	height:300px;
	width:955px;
}

.RDP #chartcalculator_div
	{
padding-top:0px;	
	}

#finalpaymentammount_table {
clear: both;
margin: 0 0 0px 0px;
border:1px solid #013677;
text-align: center;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8f8f8), to(#f2f0f0));
background: -webkit-linear-gradient(#f8f8f8, #f2f0f0);
background: -moz-linear-gradient(#f8f8f8, #f2f0f0);
background: -ms-linear-gradient(#f8f8f8, #f2f0f0);
background: -o-linear-gradient(#f8f8f8, #f2f0f0);
background: linear-gradient(#f8f8f8, #f2f0f0);
-pie-background: linear-gradient(#f8f8f8, #f2f0f0);
}

#paymentclaculation_div table {
	width:98%;
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid #d4d4d4;
	text-align:center;
	margin:10px;
 }
#finalpaymentammount_table table{
width:98%;
text-align:center;
margin:10px;
}


#finalpaymentammount_table table td.head1 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	text-align:left;
	padding-left:10px;
   background-color:#f2f2f2;
 }


#finalpaymentammount_table table th.head2 {
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	text-align:left;
	padding-left:10px;
	color: #044AA2;
   background-color:#f2f2f2;
 }



#paymentclaculation_div table th {
	background: #d4d4d4;
	border:1px solid #d4d4d4;
	/*border: 1px solid #666;*/
	border-top: 0;
	line-height:25px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center; 
	border-right: 1px solid #fff;
	}
	#finalpaymentammount_table table th{
	text-align:center; 
	}
	#finalpaymentammount_table table th.last, #paymentclaculation_div table th.last{
		border-right: none;
	}
#finalpaymentammount_table table tr.odd
		{
		background:#dde2e3;
		
		}
		

#finalpaymentammount_table table tr:hover
		{
		background:#fff095;
		color:#000;
		}	

#interestheader {
background: #ca6808 !important;
color:#fff;
}

#principalheader
{
background: #013370 !important;
color:#fff;
}

#finalpaymentammount_table table td, #paymentclaculation_div table td {
	/*border: 1px solid #666;*/
	border:1px solid #d4d4d4;
	border-top: 0;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:25px;

}

#finalpaymentammount_table table td#ColOne 
	{
	text-align:left;
	padding-left:10px;
	width:25%;
	font-weight:bold;
	}
	
#finalpaymentammount_table table td#ColTwo
	{
	width:25%;
	}	
	
	
#finalpaymentammount_table table td#ColThree
	{
	width:25%;
	}		
	
#finalpaymentammount_table table td#ColFour
		{
	width:25%;
		}	

#finalpaymentammount_table .currency {
	border-left: 0 !important;
}


 
 .btnWrapper 
 	{
 text-align:center;
 margin: 0 auto;
 width:70px;
 clear:both;
 	}
 




/*-- EMI Calculator Template --*/


.emiCal #calculationtotal_amount, .emiCal #totalinterestcalculate, .emiCal #emitotalamount {margin: 0pt 0pt 10px; padding: 8px 0px 0pt; text-align: center; clear:both; border-right:0px;}
		
#calculationtotal_amount, #totalinterestcalculate, #emitotalamount { float:left; width:100%; padding-bottom:20px; text-align:center;}		

#paymentclaculation_div .column-last {border-right:0px;}

#paymentclaculation_div .column-full { width:100%; text-align:center;}

.calHelp { float:left; padding-left:0px;clear:both; font-size:11px; color:#000; font-weight:normal; text-decoration:none;text-align:center;width:950px;}


.yeartab { float:left; width:957px; margin-left:20px; padding-top:10px;}

.yeartab ul.outerTabs {
	padding: 0;
	margin: 0;
	list-style-type: none;
	
}

.yeartab ul.outerTabs li {
	height:30px;
	line-height:30px;
	}

.yeartab ul.outerTabs li a {
	font-size:13px;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
}

.yeartab ul.outerTabs li.active {
	height:36px;
	line-height:36px;
		}

.yeartab ul.outerTabs li.active a {
	font-size:13px;
	font-weight: bold;
	padding-left:15px;
	padding-right:15px;
		}
		
.termNote {width:400px; font-size:12px; color:#044AA2; font-weight:normal; margin-left:4px;}

#erCalDiv
	{
	outline:none;
	font-size:12px;
	margin-top:6px;
	font-weight: bold;
	color:#ff0000;
	text-decoration: none;
	display:none;
	margin:auto;
	text-align:center;
		}