/* CSS USE FOR THE DEMO PAGE, IF YOU REMOVE IT, IT WILL NOT AFFECT THE CALCULATOR */
body{
	margin:40px;
	padding:0px;
	background-color:#ffffff;
}

/* CSS OF THE CALCULATOR */
#mp_calculator{
	font-family:verdana;
	width:710px;
	font-size:13px;
	margin: auto;
}

.mp_mainTitle{
	background-color:#FAFAFA;
	border:1px solid #e1e0dd;
	color:#40403e;
	float:left;
	margin-left:-10px;
	-moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    -khtml-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
	font-weight:bold;
	padding-left:38px;
	position:relative;
}

.mp_mainTitleEn{
	width:281px;
	height:35px;
	font-size:15px;
	padding-top:13px;
}

.mp_mainTitleFr{
	width:400px;
	height:34px;
	font-size:14px;
	padding-top:14px;
}

.mp_mainTitleCorner{
	width:11px;
	height:11px;
	background-image:url(../images/corner.png);
	display:block;
	position:absolute;
	top:48px;
	left:0px;
	z-index:-1;
}

#mp_header{
	width:100%;
	height:128px;
	padding:0px;
	margin:0px;
	border: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;
	background: url("../images/headerPattern.jpg") repeat-x 20px 0px #fff;
	display:block;
	float:left;
}

#mp_header div{
	background: url("../images/headerIcon.jpg") no-repeat 0px 10px;
	width:400px;
	height:70px;
	margin-left:28px;
	color:#706c62;
	font-size:15px;
	padding-top:42px;
	padding-left:120px;
}

#mp_content{
	background-color:#ffffff;
	-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;
	float:left;
	display:block;
}

#mp_content > div{
	float:left;
}

.mp_block{
	width:634px;
	margin:20px 38px 20px 38px;
}

.mp_row{
	width:100%;
	margin-bottom:12px;
	float:left;
	position:relative;
}

.mp_row .mp_title{
	width:420px;
	color:#40403e;
	font-size:13px;
	float:left;
}

.mp_row .mp_title .mp_asterisk{
	margin-left:2px;
	margin-top:2px;
	font-size:14px;
	color:#c70000;
}

#mp_requiredFieldError{
	color:#c70000;
	display:none;
	font-size:12px;
	width:200px;
	line-height:16px;
}

.mp_row .mp_invalidValue{
	color:#c70000;
	font-size:10px;
	float:left;
	position:absolute;
	top:2px;
	left:220px;
	width:200px;
	height:30px;
	text-align:right;
	background:#fff;
	display:none;
}

.mp_row .mp_validationNote{
	color:#40403e;
	font-size:10px;
	float:left;
	position:absolute;
	top:2px;
	left:252px;
	width:200px;
	height:30px;
	text-align:right;
	background:#fff;
	line-height:30px;
}

.mp_row .mp_orStatement{
	font-style:italic;
	position:absolute;
	left:0px;
	top:30px;
}

.mp_singleTitle{
	line-height:30px;
}

.mp_row .mp_title .mp_note{
	font-size:11px;
}

.mp_separator{
	border-top:2px dotted #ada799;
	width:100%;
	margin-bottom:12px;
	margin-bottom:29px;
	float:left;
}

.mp_inputText{
	width:181px;
	border:2px solid #a8a89e;
	padding:6px;
	float:right;
	height:18px;
	font-size:13px;
	color:#40403e;
}

.mp_inputTextGrey{
	width:181px;
	border:2px solid #a8a89e;
	padding:6px;
	float:right;
	height:18px;
	font-size:13px;
	color:#ada799;;
}

#mp_calculator select{
	margin:0;
	font-size:14px;
	height: 34px;
	border:0px;
	height:100%;
	font-size:13px;
	color:#40403e;
	filter : alpha(opacity=0) ;
	opacity:0;
	min-width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	font-family:verdana;
}

.mp_mySelect{
	width:193px;
	float:right;
	height:30px;
	overflow: hidden;
	background:url(../images/arrow.png) no-repeat right  #fff;
	border:2px solid #a8a89e;
	position:relative;
}

.mp_mySelect .mp_mySelectValue{
	font-size:13px;
	color:#40403e;
	margin-top:6px;
	margin-left:6px;
	width:145px;
	height:20px;
	/*overflow:hidden;*/
}

@media print{
    .mp_mySelect select{  display: none; }
}

.mp_inputText:focus,
.mp_focus{
	background-color:#fbf3de;
}

.mp_buttonContainer{
	float:right;
}

.mp_smallNote{
	float:left;
	font-size:10px;
	color:#c70000;
}

.mp_buttonContainer div{
	float:left;
	margin-right:10px;
	line-height:30px;
	font-size:16px;
}

.mp_underlineButton{
	font-weight:bold;
	text-decoration:underline;
	color:#0000ee;
	cursor: pointer; 
	cursor: hand;
	font-size:16px;
	line-height:30px;
}

.mp_button{
	cursor: pointer; 
	cursor: hand;
	width:175px;
	height:32px;
	border:0;
	background:#ffffff;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	display:block;	
	position:relative;
}

.mp_button div{
	height:30px;
	width:173px;
	margin-top:1px;
	margin-left:1px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	position:absolute;
}

.mp_button a{
	text-decoration:none;
}

.mp_button .mp_buttonBack{
	background-color: #002E6E;
	z-index:0;
}

.mp_button .mp_buttonOver{
	z-index:1;
	display:none;
}

.mp_button .mp_buttonText{
	height:100%;
	height:100%;
	font-size:16px;
	color:#ffffff;
	text-align:center;
	line-height:30px;
	display:block;
	position:relative;
	z-index:2;
	text-decoration:none;
	border:0px!important;
}

.mp_button .mp_inputButton{
	width:100%;
	height:100%;
	font-size:16px;
	color:#ffffff;
	text-align:center;
	line-height:30px;
	display:block;
	position:relative;
	z-index:2;
	border:0px!important;
	background:transparent;
	cursor:pointer; 
	cursor:hand;
}

.mp_resultBlock{
	width:632px;
	background:#FAFAFA;
	border:#e1e0dd 1px solid;
	margin-left:-1px;
	margin-right:69px;
	float:left;
	color:#40403e;
	margin-top:30px;
	padding-top:20px;
	padding-bottom:20px;
}

.mp_oneLineResultText{
	line-height:50px;
}

.mp_twoLineResultText{
	margin-top:10px;
}

.mp_resultLeftContent{
	float:right;
	width:355px;
	text-align:right;
}

.mp_resultRightContent{
	width:147px;
	float:right;
	text-align:left;
	margin-left:50px;
	line-height:50px;
	padding-left:10px;
}

#mp_estimatedPrepaymentError{
	width:500px;
	font-size:16px;
	color:#c70000;
	position:absolute;
	top:33px;
	left:0px;
	display:none;
}

.mp_resultRow{
	width:562px;
	float:left;
	height:50px;
	margin-left:35px;
	position:relative;
}

.mp_resultBoxContent{
	margin-top:19px;
	margin-bottom:19px;
	margin-left:35px;
	margin-right:35px;
	float:left;
	width:100%;
}

#mp_prepaymentChargeResult{
	font-size:18px;
	background-color:#E3E3E3;
}

#loaderror{
	display:none;
	
}

.js.notloaded #loaderror{
	display:block;
	height:832px;
	width:100%;
	background-color:#fff;
}

#loadErrorText{
	margin:20px;
}

.js.notloaded #mp_content{
	display:none;
}

/*Customizations -Randy  Muns */
#mp_calculator div.disclaimer p{font-size:0.8em;margin:8px 15px;}
#logo{margin-bottom:20px;}
/*Print styles */
  @media print
  {
.mp_mySelect select{  display: none; }
     body{margin-top:10px;}
     #mp_header{padding:0;margin:0;height:20px;}
     #mp_header div{padding:0;margin:0;font-weight:bold;font-size:1.6em;margin-bottom:10px;}
     .mp_mainTitle{border:none;padding:0;margin:4px 0;}
     .mp_block{margin:0;}
     div.disclaimer{margin-top:20px;width:650px;}
     div.disclaimer p{margin:0;}
     .pButton{display:none;}
     .mp_asterisk, .mp_smallNote{display:none;}    
  }