﻿/*Tablet only*/
@media only screen and (max-width : 939px) and (min-width: 640px)/*,
only screen and (min-width : 768px ) and (orientation:portrait),
only screen and (min-width : 768px ) and (-webkit-max-device-pixel-ratio:1/1),
only screen and (min-width : 768px ) and (max-aspect-ratio:1/1)*/ {

/*HEADER*/
	.row#header .title {
		font-size: 0.99em;
	}
	
/*INPUTS*/
	#question-principal > *, #question-frequency > *  {
		vertical-align: baseline;
		margin-top: 0px;
	}

	#question-principal span {
		bottom: 0;
	}
	
	#question-principal label, #question-frequency label {
		line-height: 45px;
		margin-top: 0px;
	}
	
/*RESULTS*/
	.statementSummary {
		font-size: 75%;
	}

	#statement-result-principal p {
		/*padding: 0 40px;*/
		/*margin-top: -12px;*/
	}
	
	.section#result .block#block-result-savemore {
		bottom: -2px;
	}

/*CHART*/
	.chart .font-xsmall{
		font-size: 6.5pt;
	}
	
	.mainview #result-amortization-table  .année .col0 {
		width: 36px;
	}
	.mainview #result-amortization-table .année .col1,
	.mainview #result-amortization-table .année .col2,
	.mainview #result-amortization-table .année .col3 {
		width: 67px;
	}

	.mainview #result-amortization-table  .mois .col0 {
		width: 36px;
	}
	.mainview #result-amortization-table .mois .col1,
	.mainview #result-amortization-table .mois .col2,
	.mainview #result-amortization-table .mois .col3 {
		width: 67px;
	}

	.mainview #result-amortization-table  .bimensuelle .col0 {
		width: 52px;
	}
	.mainview #result-amortization-table .bimensuelle .col1,
	.mainview #result-amortization-table .bimensuelle .col2,
	.mainview #result-amortization-table .bimensuelle .col3 {
		width: 62px;
	}

	.mainview #result-amortization-table  .quinzaine .col0 {
		width: 45px;
	}
	.mainview #result-amortization-table .quinzaine .col1,
	.mainview #result-amortization-table .quinzaine .col2,
	.mainview #result-amortization-table .quinzaine .col3 {
		width: 64px;
	}

	.mainview #result-amortization-table  .semaine .col0 {
		width: 36px;
	}
	.mainview #result-amortization-table .semaine .col1,
	.mainview #result-amortization-table .semaine .col2,
	.mainview #result-amortization-table .semaine .col3 {
		width: 66px;
	}	
	
/*FOOTER*/	
	#infoAndTools .doubleCol h2 {
		width: 75%;
	}
	
	#infoAndTools .thirdCol h2 {
		padding-top: 21px;
	}
}

/*Wide Phone only*/
@media only screen and (max-width : 639px) and (min-width: 480px) {

/*HEADER*/
	.row#header {
		height: 55px;
	}
	
	.row#header .title {
		height: 55px;
		line-height: 55px;
	}
	
	.row#header .font-large {
		font-size: 1.5em;
	}
	
/*MAIN BLOCKS*/
	#resultBackground {
		top: 465px;
	}
	
/*PREPAYMENTS*/
	.section#input .block#block-input-cta {
		left: 44px;
	}
	
	.popup .section#section-prepayHeader #img-prepayIcon {
		display: none;
	}
	
	.popup .section#section-prepayHeader #lbl-prepayTitle {
		margin-left: 18px;
	}
	
	.bottomRow #prepay-addmore {
		width: 150px;
	}
}

/*Thin phone*/
@media only screen and (max-width : 479px) {
	
/*HEADER*/
	.row#header {
		height: 70px;
	}
	
	.row#header .title {
		height: 70px;
		line-height: 30px;
		margin-top: 5px;
	}
	
	.row#mode .radioset span {
		font-size: 90%;
	}
	
/*MAIN BLOCKS*/
	#resultBackground {
		top: 487px;
	}
	
/*INPUTS*/
	#question-principal label, #question-payment label {
		width: 155px;
	}
	
	#question-amortization label {
		width: 185px;
	}
	
	#question-payment > *  {
		vertical-align: baseline;
		margin-top: 0;
	}
	
	#question-payment span {
		bottom: 0;
	}
	
	#question-payment label {
		line-height: 45px;
		margin-top: 0;
	}	
	
	#question-frequency .rm-drop-down {
		bottom: 0;
	}
	
	.section#input .block#block-input-cta .red-btn {
  font-size: 13px;
}
	
	
/*PREPAYMENTS*/
	.popup .section#section-prepayHeader {
		height: 60px;
	}
	
	.popup .section#section-prepayHeader #lbl-prepayTitle {
		width: 180px;
		line-height: 20px;
		padding-top: 10px;
		margin-left: 9px;
	}
	
	.question.prepay span {
		clear: none;
	}
	
	
/*RESULTS*/
	.statementSummary {
		font-size: 75%;
	}

	#statement-result-principal p {
		/*padding: 0 40px;
		margin-top: -10px;*/
	}
	
	.section#result .block#block-result-savemore {
		bottom: -2px;
	}
	
/*CHART*/
	.chart .font-xsmall{
		font-size: 6.5pt;
	}
	
	.mainview #result-amortization-table  .année .col0 {
		width: 36px;
	}
	.mainview #result-amortization-table .année .col1,
	.mainview #result-amortization-table .année .col2,
	.mainview #result-amortization-table .année .col3 {
		width: 66px;
	}

	.mainview #result-amortization-table  .mois .col0 {
		width: 36px;
	}
	.mainview #result-amortization-table .mois .col1,
	.mainview #result-amortization-table .mois .col2,
	.mainview #result-amortization-table .mois .col3 {
		width: 66px;
	}

	.mainview #result-amortization-table  .bimensuelle .col0 {
		width: 52px;
	}
	.mainview #result-amortization-table .bimensuelle .col1,
	.mainview #result-amortization-table .bimensuelle .col2,
	.mainview #result-amortization-table .bimensuelle .col3 {
		width: 62px;
	}

	.mainview #result-amortization-table  .quinzaine .col0 {
		width: 45px;
	}
	.mainview #result-amortization-table .quinzaine .col1,
	.mainview #result-amortization-table .quinzaine .col2,
	.mainview #result-amortization-table .quinzaine .col3 {
		width: 64px;
	}

	.mainview #result-amortization-table  .semaine .col0 {
		width: 36px;
	}
	.mainview #result-amortization-table .semaine .col1,
	.mainview #result-amortization-table .semaine .col2,
	.mainview #result-amortization-table .semaine .col3 {
		width: 66px;
	}
	
/*FOOTER*/
	#rates-to-apply .right ul li.link.nospace {
		height: 8em;
	}
}