body{
	padding:0px;
	margin:0px;
}
.lbl{
	width:80px;
	line-height:42px;
}
td{
	vertical-align:top; 
}
.table{
	display:table;
	width:100%
}
.table .cell{
	display:table-cell; 
	
}
#tabs{ 
	background-color:#333;
	border-bottom:3px solid #666;
	color:#ffffff
}
#tabs ul{
	list-style:none;
	display:table;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:100%
}
#tabs ul li{ 
	padding:5px;
	padding-top:8px;	
	display:table-cell;
	text-align:center;
	width:33%; 
}
#tabs ul li.active{
	background-color:#666
}

.page2,.page3{
	display:none;
}
input[type='text'], input[type='number']{
	width:100%;
	height:30px;
	font-size:17px;
	border:1px solid #CCC;
	border-radius:5px;
	text-align:right;
	padding-right:5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
label{
	line-height:30px;
}
input[type=checkbox]{
	width:25px;
	height:25px;
	vertical-align:bottom
}
#loanprecent, #sec_loanprecent{
	width:50px;
}
.porp{
	width:75px;
	text-align:center;
}

.sec_price{
	text-align:center;
	padding:10px;
	color:#999
}
.sec_price #sec_price{
	font-size:25px;
	font-weight:bold;
	color:#F30
}
#sec_desc{
	font-size:15px;
	color:#666
}
.secondmortgage table{
	background-color:#F0F0F0
}

.sec_monthlypayment{ 
	background-color:#fde9b5;
	margin-top: 10px;
	height:50px
}
.sec_monthlypayment .cell{
	padding:5px;
	vertical-align:middle;
	font-weight:bold;
}
.sec_monthlypayment #sec_monthlypayment{
	text-align:right;
	font-size:21px
}

.monthlypayment{
	background-color:#fde9b5;
	margin-top:10px;	 
	color:#c94300;
	font-weight:bold;
}
.monthlypayment .table{
	
}
.monthlypayment #monthlypayment{
	text-align:right;
}
.monthlypayment .cell{
	padding:5px
}

#monthlywinsurance{ 
	font-size:15px;
	text-align:right;
	padding:5px;
	color:#333;
	padding-top:0;

}
#total_cnymonthlypayment{
 
}
#cnymonthlypayment,#total_cnymonthlypayment{
	display:none;
	font-size:13px;
	font-weight:normal;
	text-align:right;
	min-height:10px;
	color:#999;
	margin-right:5px;
	padding-bottom:10px
}
.sec_hide, .sec_show{
	padding:8px;
	background-color:#fde9b5
}
.sec_hide a{
	color:#c94300;
}
.sec_hide .span{
	float:left; 
	display:block;
	vertical-align:middle;
}
.sec_hide .icon{
	padding:5px;
	padding-bottom:2px;
	background-color:#c94300;
	margin-left:10px;
}
.sec_hide .icon img{
	width:16px; 
}
.text_first{
	 
}
#withsecarea{
	color:#c94300;
	margin-top:5px;
}
.sec_edit{
	height:30px;
}
.sec_edit span{
	float:left;
}
.sec_edit a{
	display:block;
	padding:5px;
	margin-left:10px;
	float:left;
	background-color:#c94300
	
}
.sec_edit a img{
	width:16px
}

#show_sec_monthlypayment{
	text-align:right;
}
.total_monthlypayment{
	font-size:19px;
	font-weight:bold;
	color:#000;
	background-color:#fde9b5;
	margin-top:5px;
}
.total_monthlypayment table{
	height:50px; margin-top:5px; 
	background-color:#fde9b5
}
#total_monthlypayment{
	text-align:right;
	
}
.total_monthlypayment .cell{
	padding:10px;
	vertical-align:middle;
}
#downpayment{
	color:#06C
}
.checkbox{
	padding:10px;
	color:#333;
}
.checkbox .lable{
	 
}
.okbtn{
	text-align:center;
	padding:10px;
}
.okbtn a{
	display:block;
	width:70px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border-radius:8px;
	border:1px solid #F60;
	background-color:#ffffff;
	color:#F60 
}

.btn{
	text-align:center; 
}
.btn .cell{
	width:50%
}
.btn a{
	display:block;
	margin:10px; 
	padding:5px;
	border-radius:8px;
	border:1px solid #F60;
	background-color:#ffffff;
	color:#F60 
}
.terms{
	margin:10px;
	color:#333;
	font-size:13px;
}
.terms div{
	margin-bottom:5px;
}
div.ui-slider{
	height:10px;
}
#popmessage{
	display:none;
	position:fixed;
	text-align:center;
	bottom:0;
	width:100%;
	padding:8px 0;
	background-color:#F1F1F1;
	color:#F00
}
.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 3px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
 /* opacity: 0.7;  Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  margin-top:16px;
  margin-bottom:16px;

}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 16px; /* Set a specific slider handle width */
  height: 16px; /* Slider handle height */
  background: #ff0000; /* Green background */
  cursor: pointer; /* Cursor on hover */
    border-radius: 20px;
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.blocker{
	padding:0px !important;
}
.modal{
	padding:5px;
}

.topbar a.more{
	color:#ffffff;
	font-size:13px !important;		
}

.morefunc{
	padding:10px;
}

.morefunc a{
	display:block;
	padding-top:15px;
	color:#F30

}
.morefunc .select{
	fon-size:19px
}
/*
.sec_hide{
	display:block;
}
.sec_show{
	display:none;
}
*/