body{
	background:#dbe4f0;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size:14px;
	-webkit-text-size-adjust: none;
}

body.login{
	
	background-color:rgb(58,102,164);
	background-image: linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);
	background-image: -o-linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(58,102,164)),
		color-stop(1, rgb(114,150,194))
	);
	
	background-repeat:repeat-x;
}

#login_screen{
	
	width:auto;
	margin:30px 15px;
	padding: 10px;
	background:#dbe4f0;

	background-image: linear-gradient(bottom, rgb(204,220,240) 0%, rgb(231,237,245) 100%);
	background-image: -o-linear-gradient(bottom, rgb(204,220,240) 0%, rgb(231,237,245) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(204,220,240) 0%, rgb(231,237,245) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,220,240) 0%, rgb(231,237,245) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(204,220,240) 0%, rgb(231,237,245) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(204,220,240)),
		color-stop(1, rgb(231,237,245))
	);
	
	border-radius:8px;
	border:1px solid #fff;
	-webkit-box-shadow:0 5px 12px rgba(0, 0, 0, 0.45);
	box-shadow:0 5px 12px rgba(0, 0, 0, 0.45);
	text-shadow: rgba(255, 255, 255, 0.90) 0px 1px 0;
	-webkit-text-shadow: rgba(255, 255, 255, 0.90) 0px 1px 0;
	color:#333;
}

#login_screen img{
	height:35px;
	margin:0 auto 10px auto;
	display:block;
}

#login_screen form{
	margin:5px 0 0 0;
}

#login_screen strong{
	color:rgb(58,102,164);
}

#login_screen input[type=text], #login_screen input[type=password]{
	padding:6px;
	border: 6px solid #a1bde3;
}

#login_screen input[type=submit], #mortgage input[type=submit], #email input[type=submit], #email input[type=reset]{
	-webkit-appearance: none;
	padding:10px;
	margin:10px auto 5px auto;
	display:block;
	width:75%;
	
	background-color:rgb(58,102,164);
	background-image: linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);
	background-image: -o-linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(58,102,164) 0%, rgb(114,150,194) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(58,102,164)),
		color-stop(1, rgb(114,150,194))
	);

	border:1px solid #304e76;
	box-shadow:1px 1px 0 #f4f8fe;
	-webkit-box-shadow:1px 1px 0 #f4f8fe;
	text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.45);
	color:#fff;
	border-radius:5px;
	font-size:14px;
	
}

body > * {
	height: 100%;
	width:100%;
}

#toolbar{
	margin: 0;	
	text-align:center;
	padding:0;
	border-bottom:1px solid #f4f8fe;
	height:44px;
	background:#dbe4f0;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.50);
	position:relative;
	z-index:5;
}

#toolbar .middleText{
	line-height:43px;
	color:#5785c2;
	font-size:12px;
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75);
}

#toolbar a, a.button{
	position:absolute;
	top:6px;
	right:8px;
	text-decoration:none;
	border-radius:5px;
	padding:0 8px;
	border:1px solid #304e76;
	box-shadow:1px 1px 0 rgba(255, 255, 255, 0.75);
	-webkit-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.75);
	text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
	color:#fff;
	font-size:12px;
	margin: 0;
	height:30px;
	line-height:30px;
	display:block;
	
	background-color: rgb(74,108,150);
	background-image: linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -o-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.47, rgb(74,108,150)),
	color-stop(1, rgb(108,149,207))
	);
	
	text-overflow: ellipsis;
  	text-decoration: none;
  	white-space: nowrap;
  	overflow: hidden;
}

#toolbar a.back{
  	right:auto;
  	left:8px;
	padding-left:3px;
	margin-left: 10px;
	overflow: visible;
	max-width: 60px;
}

/* create the arrow tail on the back button */

#toolbar a.back:before {
  	content: '';
  	position: absolute;
  	width: 16px;
  	height: 30px;
  	top: 0;
  	left: -13px;
	background: url(/static/mobilePCS/images/arrow-tail.png) no-repeat top left;
	background-size: auto 30px;
}


#toolbar img{
	height:30px;
	margin-top: 7px;
}

#header{
	text-align:center;
	background:#3a67a4;
	color:#fff;
	padding: 12px 0 0 0;
}

#header select{
	width:50%;
	height:25px;	
}

#main_tabs{
	padding:0;
	margin:10px 0 0 0;
	width: 100%;
	display: -webkit-box; display: -moz-box; display: box;
	-webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal;
    -webkit-box-pack: center; -moz-box-pack: center; box-pack: center;
    -webkit-box-align: end; -moz-box-align: end; box-align: end;
}

#main_tabs li{
	padding:7px 8px;
	margin:0 1px 0 0;
	list-style-type: none;
	display:block;
	text-align:center;
	border-radius: 5px 5px 0 0;
	background:#82a4d1;
	border-bottom: none;
}

.no-flexboxlegacy #main_tabs li{
	float:left;
	margin-top:6px;
}

.no-flexboxlegacy #main_tabs li:first-child{
	margin-left:5px;
}

#main_tabs li.current{
	background:#dbe4f0;
	padding:10px 9px;
	text-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0;
	-webkit-box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.25);
	margin-top:0px;
}

#main_tabs li a{
	text-decoration:none;
	color:#fff;
	display:block;
}

#main_tabs li.current a{
	color:#000;
}

.results_count{
	text-shadow: rgba(255, 255, 255, 0.82) 0px 1px 0;
	text-align:center;
	color:#333;
	margin:10px 0 0 0;
}

.results_count a{
	background: url(/static/mobilePCS/images/arrow.png) no-repeat 100% 1px;
	background-size: 17px 18px;
	padding:0 19px 2px 0;
	text-decoration:none;
}

ul.results, table.legend, table.listing_details, p.listing_details, #directionsPanel, #popup{
	margin:10px;
	background:#fff;
	border-radius:8px;
	-webkit-box-shadow:0 0px 5px rgba(0, 0, 0, 0.4);
	box-shadow:0 0px 5px rgba(0, 0, 0, 0.4);
	padding:0;
	overflow: hidden;
}

ul.results li{
	padding:0;
	margin:0;
	list-style-type: none;
	border-top:1px solid #ddd;
	line-height:18px;
	background: url(/static/mobilePCS/images/arrow.png) no-repeat 98% 50%;
	background-size: auto 29px;
	overflow: hidden;
}

ul.results li.changed{
	background-image: url(/static/mobilePCS/images/arrow-yellow2.png);
}

ul.results li:first-child{
	border-top:none;	
}

ul.results li a{
	padding:8px 16px 8px 8px;
	margin:0;
	text-decoration:none;
	display:block;
	color:#333;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul.results li img{
	height:56px;
	width:75px;
	float:left;
	margin-right:8px;
}
ul.results li .status{
	color:#fff;
	padding:1px 3px;
	border-radius:3px;
	font-size:12px;
}

ul.results li .second_line, ul.results li .third_line{
	color:#666;
	font-size:12px;
}

ul.results li .second_line{
	color:#555;	
}

ul.results li .bed_bath_label{
	font-weight:normal;
	font-size:9px;
	padding-left:1px;
}

ul.results li .district{
	color:#666;
	font-weight:normal;
}

ul.results li .viewed{
	color:#6e90bd;
}

ul.results li .unviewed{
	color:#cca852;
}

table.legend{
	display:block;
	border-collapse:collapse;
}

table.legend td{
	padding: 5px 8px;
	border-top: 1px solid #ddd;
}

table.legend td+td{
	width:100%;
}

table.legend tr:first-child td{
	border-top: none;
}

table.legend tr:first-child td:first-child{
	border-top-left-radius:5px;
}

table.legend td:first-child{
	font-weight:bold;
	color:#fff;
	text-align:center;
}

table.legend td.image{
	border-right:1px solid #ddd;
	padding: 1px 0 0 0;
}

table.legend td img{
	height:31px;
	vertical-align:middle;
}

table.legend .attention{
	color:red;
	font-weight:bold;
	padding:0 3px;
}

/* listing detail */

.detailNav{
	position:relative;
	height: 26px;
	border-bottom:1px solid #f4f8fe;
}

.detailNav h1{
	margin:0;
	width:72%;
	color: #fff;
	text-shadow:rgba(0, 0, 0, 0.75) 0px -1px 1px;
	position:absolute;
	top:8px;
	left:14%;
	padding:0;
	display:block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size:18px;
	z-index:0;
	}
	
.detailNav .navArrow{
	position:absolute;
	top:7px;
	height:24px;
	width:32px;
	z-index:1;
	-webkit-tap-highlight-color: rgba(0,0,0,0.25);
	background: url(/static/mobilePCS/images/prev-listing-arrow.png) 0 0 no-repeat;
	background-size: 32px auto;
	}
	
.detailNav .navArrow.disabled{
	opacity:0.5;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	
.detailNav .navArrow.backArrow{
	left:8px;
	}
.detailNav .navArrow.forwardArrow{
	right:8px;
	-moz-transform: scaleX(-1); /* Gecko */
    -webkit-transform: scaleX(-1); /* webkit */
    transform: scaleX(-1); /* standard */
    filter: FlipH; /* IE 6/7/8 */
}
	
	
#details img.mainPhoto{
	max-width:100%;
	min-width:150px;
	height:180px;
	margin:10px auto 0 auto;
	display:block;
}

.details_content{
	padding: 0 10px;	
}

.details_content ul, .details_content p, table.listing_details{
	margin-left:0;
	margin-right:0;
}

.details_content ul li a{
	padding: 10px;
}

table.listing_details{
	border-spacing:0px;
	width:100%;
}

table.listing_details colgroup{
	width:30%;	
}

table.listing_details td {
	padding:6px 10px;
	vertical-align:middle;
	text-align:left;
	color:#333;
	border-bottom: 1px solid #c7cbd5;
	overflow: hidden;
}

table.listing_details td + td {
	color:#324F85;
	border-left: 1px solid #dadee7;
}

table.room_matrix td{
	font-size:11px;
}

table.room_matrix td + td {
	text-align:center;
	padding:6px 6px;
}

table.listing_details td a{
	text-decoration: none;
}

table.listing_details th{
	color:#fff;
	border-radius:8px 8px 0 0;
	border:1px solid #fff;
	padding: 8px;
	text-align:center;
	background: #236ed8;
	text-shadow:rgba(0, 0, 0, 0.6) 0 -1px 1px;
	overflow:hidden;
	font-weight:bold;
	text-transform:uppercase;
	
	background-image: linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -o-linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -moz-linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -webkit-linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -ms-linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.33, #236ed8),
	color-stop(1, #76a6ea)
	);

}

table.listing_details tr:nth-child(even) td {	
	background: #eff0f3;
	text-shadow:rgba(255, 255, 255, 0.80) 0 1px 0;
}

table.listing_details tr:nth-child(even) td+td {	
	border-left: 1px solid #c9ceda;
}

table.listing_details tr:nth-child(odd) td {	
	background: #fff;
}

table.listing_details tr:last-child td {
	border-radius:0px 0px 0px 8px;
}

table.listing_details tr:last-child td:last-child {
	border-radius:0px 0px 8px 0px;
}

table.room_matrix tr:last-child td+td {
	border-radius:0px;
}

table.room_matrix tr:last-child td:last-child {
	border-radius:0px 0px 8px 0px;
}

table.listing_details tr:last-child td:only-child {
	border-radius:0px 0px 8px 8px;
}


/* photo gallery */

#photos{
	background-color:#666;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), color-stop(0.4,#888), to(#666));
}

#photos .footer{
	display:none;	
}

#photoGallery{
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	position:relative;
	border-top:1px solid #304e76;
}

.gallery-item {
	width: 31.3%;
	padding:2% 2%;
}

.gallery-row:first-child .gallery-item { padding-top:4% }
.gallery-row:last-child .gallery-item { padding-bottom:4% }

.gallery-item img {
	position:relative;
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, .45);
	box-shadow: -5px 5px 5px rgba(0, 0, 0, .45);
	width: 90%;
	margin:0 auto;
	max-height:500px;
	min-height:50px;
	padding:5px 5px 10px 5px;
	background:#fff url(/static/mobilePCS/images/ajax-loader-white-bg-static-small.png) no-repeat center center;
	display:block;
	border:none;
	border-collapse: separate;
}

.gallery-item a { text-decoration:none; }

/* photo browser */

#photoBrowser{
	background:#fff;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#photoBrowser .footer{ display:none; }

#photoContainer{
	width:100%;
	height:100%;
	position:relative;
	margin:0;
	display:block;
}

#photoContainer .individualContainer{
	width:100%;
	height:100%;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	padding:0;
	z-index:0;
	-webkit-backface-visibility: hidden;
	text-align:center;
	display:none;
	background: #fff url(/static/mobilePCS/images/ajax-loader-white-bg.gif) no-repeat center center;
}

#photoContainer .individualContainer.currentPhoto, #photoContainer .individualContainer.animatedPhoto{
	z-index:1;
	display:block !important;
}

#photoContainer .individualContainer img{
	opacity:0;
	position:relative;
}

#photoContainer .individualContainer img.animated{	
	-webkit-animation-duration: 350ms;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: fadein;
    -moz-animation-duration: 350ms;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-name: fadein;
    animation-duration: 350ms;
    animation-timing-function: ease-in-out;
    animation-name: fadein;
}

#photoContainer .individualContainer img.loaded{opacity:1;}

#photoContainer .individualContainer .caption{
	color:#000;
	font-weight:bold;
	font-size:16px;
	text-shadow: #fff 0px 0px 3px;
	text-align:center;
	position:absolute;
	bottom:20px;
	width:100%;
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
	opacity:1;
	z-index:2;
}

.photoNavBar{
	position:absolute;
	top:0px;
	height:36px;
	width:100%;
	background-color: #333;
	background-image: linear-gradient(bottom, #444 0%, #222 100%);
	background-image: -o-linear-gradient(bottom, #444 0%, #222 100%);
	background-image: -moz-linear-gradient(bottom, #444 0%, #222 100%);
	background-image: -webkit-linear-gradient(bottom, #444 0%, #222 100%);
	background-image: -ms-linear-gradient(bottom, #444 0%, #222 100%);
	background-image: -webkit-gradient(linear, top, bottom, from(#444), to(#222));
	opacity:0.7;
	z-index:2;
	border-bottom:1px solid #000;
	border-top:1px solid #666;
	-webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, .65);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
	
.photoNavBar .photoNav{
	width:27px;
	height:100%;
	position:absolute;
}
.photoNavBar .photoNav.left{
	left:5px;
	background:url(/static/mobilePCS/images/photo_navbar_icon_back.png) no-repeat center center;
	background-size: auto 26px;
}

.photoNavBar .photoNav.right{
	right:5px;
	background:url(/static/mobilePCS/images/photo_navbar_icon_next.png) no-repeat center center;
	background-size: auto 26px;
}

.photoNavBar .middle{
	width:170px;
	margin:0 auto;
}

.photoNavBar .middle a{
	display:block;
	background:#fff;
	opacity:0.7;
	border-radius:8px;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	width: auto;
	margin:4px 0;
	height:28px;
	line-height:28px;
	white-space: nowrap;
	text-align:center;
	padding:0 6px;
	float:right;
}

.photoNavBar .middle #photoNavCounter{
	color:#eee;
	font-weight:bold;
	font-size:18px;
	line-height:36px;
	text-shadow: rgba(0, 0, 0, 0.95) 0px -1px 0;
}

/* Mapping */

#map{

	background:#fff;
}

#map .footer{
	display:none;	
}

#mapDiv, #streetViewDiv, #map_canvas, #satViewDiv{
	width:100%;
	margin:0;
	position:absolute;
	bottom: 45px;
	left: 0;
	right: 0;
	top: 45px;
}

#streetViewDiv{
	display:none;	
}

#directionsPanel{
	padding:30px 10px 10px 10px;
	display:none;
	position:absolute;
	width:auto;
	z-index:10;
	margin:15px;
}

#directionsPanel a.button{
	top:5px;
	right:5px;
}

.bottomToolbar {
	width:100%;
	margin:0;
	padding:0;
	height:45px;
	background: #6D84A2;
	display: -webkit-box; display: -moz-box; display: box;
	-webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal;
    -webkit-box-pack: center; -moz-box-pack: center; box-pack: center;
    -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch;
	box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.60);
	position:absolute;
	bottom: 0;
	z-index:5;
}

.bottomToolbar li{
	-webkit-box-flex:1; -moz-box-flex:1; box-flex:1;
	margin:0;
	padding:0;
	list-style-type: none;
	text-align:center;
	font-weight:bold;
	text-shadow: rgba(0, 0, 0, 0.65) 0px -1px 1px;
	border-right:1px solid #395B84;
	border-left:1px solid #89AEDD;
	border-top:1px solid #87B5F2;
	background-color: rgb(74,108,150);
	background-image: linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -o-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(74,108,150) 47%, rgb(108,149,207) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.47, rgb(74,108,150)),
	color-stop(1, rgb(108,149,207))
	);
	
	display:block;
	
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
}

.no-flexboxlegacy .bottomToolbar li{
	float:left;
	width:32%;
}

.bottomToolbar li:last-child{
	border-right:none;
}

.bottomToolbar li:first-child{
	border-left:none;
}

.bottomToolbar li.selected{
	background-image: linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -o-linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -moz-linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -webkit-linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -ms-linear-gradient(bottom, #236ed8 33%, #76a6ea 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.33, #236ed8),
	color-stop(1, #76a6ea)
	);	
}

.bottomToolbar li a{
	text-decoration: none;
	color:#fff;
	line-height:40px;
	display:block;
}

.bottomToolbar li.disabled a{
	opacity: .2;
}

#satview-toggle{
	position: absolute;
	top: 55px;
	left: 10px;
	background: #fff;
	z-index: 1;
	box-shadow: 0px 0px 5px rgba(0,0,0,.35);
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
}

#satview-toggle div{
	display: inline-block;
	padding: 8px;	
}

#satview-toggle div.selected{
	background: #efefef;
	font-weight: bold;	
}

#map-switch{
	border-right: 1px solid #ccc;
}

/*  email screen */

#email{
	background:#fff;
}

#email h3, #email_result h3, #mortgage h3, #taxes h3{
	color:#3A66A4;
	font-size:18px;
	text-transform:uppercase;
	border-bottom: 2px solid #a1bde3;
	margin:15px 10px 10px 10px;
}

#email form{
	padding: 0px 10px 10px 10px;
}

#email form table td{
	text-align:right;
}

#email form table td+td{
	text-align:left;
}

#email input[type=reset]{
	margin-top: 0px;	
}

#email input[type=submit]{
	margin-bottom: 0px;	
}

#email input[type=checkbox]{
	padding: 10px;	
}

#email input[type=text], #email input[type=email], #email textarea{
	padding:5px;
	border: 5px solid #a1bde3;
}

#email input.required{
	border: 5px solid #fa9a9a;
}

#email_result p{
	text-align:center;	
}

/*  mortgage calculator */

#mortgage{
	background:#fff;
}

#mortgage form input[type=text], #mortgage form input[type=number]{
	padding:5px;
	border: 5px solid #a1bde3;
}

#mortgage table{
	margin:10px auto;
}

#mortgage table td{
	text-align:right;
}

#mortgage table td+td{
	text-align:left;
}

#mortgage input[readonly]{	
	-webkit-appearance: none;
	border:none;
	font-size:14px;
	color:#3A66A4;
}

.schedule{
	border-collapse:collapse;
	font-size:12px;
}

.schedule th{
	font-weight:bold;
}

.schedule td{
	padding: 4px 3px;
}


/* tax data screen */

#taxes{
	background:#fff;
}

#taxes table{
	width:100% !important;
	background:#fff;
}

/*  footer */

.footer {
	text-shadow: rgba(255, 255, 255, 0.82) 0px 1px 0;
	color:#333;
	margin-bottom:5px;
}

.footer img{
	float: left;
	height:105px;
	margin: 0px 10px 10px 10px;
	box-shadow:0 0px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 0px 5px rgba(0, 0, 0, 0.4);
	border-radius:3px;
}

.footer p{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	margin: 10px 0 10px 0;
	color:rgb(58,102,164);
}

.footer .button{
	position:relative;
	clear: both;
	top:0;
	right:0;
	text-align:center;
	width:50%;
	margin: 15px auto;
}

/* Animations */

.in, .out {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 350ms;
	-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 350ms;
	-moz-transform: translate3d(0,0,0) rotate(0) scale(1);
	animation-timing-function: ease-in-out;
	animation-duration: 350ms;
	transform: translate3d(0,0,0) rotate(0) scale(1);
	display: block !important;
}

.pop.in {
    -webkit-animation-name: popIn;
    -moz-animation-name: popIn;
    animation-name: popIn;
}

.pop.out {
    -webkit-animation-name: popOut;
    -moz-animation-name: popOut;
    animation-name: popOut;
}

.slide.in {
	-webkit-animation-name: slideinfromright;
	-moz-animation-name: slideinfromright;
	animation-name: slideinfromright;
}

.slide.out {
	-webkit-animation-name: slideouttoleft;
	-moz-animation-name: slideouttoleft;
	animation-name: slideouttoleft;
}

.slide.in.reverse {
	-webkit-animation-name: slideinfromleft;
	-moz-animation-name: slideinfromleft;
	animation-name: slideinfromleft;
}

.slide.out.reverse {
	-webkit-animation-name: slideouttoright;
	-moz-animation-name: slideouttoright;
	animation-name: slideouttoright;
}

@-webkit-keyframes popIn {
    0% {
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    } 
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes popOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    } 
    100% {
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    }
}

@-moz-keyframes popIn {
    0% {
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    } 
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes popOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    } 
    100% {
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    }
}

@keyframes popIn {
    0% {
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    } 
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes popOut {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    } 
    100% {
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    }
}

@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); }
    to { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); }
}

@-moz-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); }
    to { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
}

@-moz-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
}

@-moz-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); }
}

@-moz-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); }
}

@keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); }
    to { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); }
}

@keyframes slideouttoright {
    from { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* generic styles */

#popup{
	padding:10px;
	display:none;
	position:absolute;
	top: 55px;
	right:15px;
	left:15px;
	width:auto;
	height:auto;
	z-index:10;
	margin:0;
	background:#dbe4f0;
	border:1px solid #fff;
	text-shadow: rgba(255, 255, 255, 0.80) 0px 1px 0;
	-webkit-text-shadow: rgba(255, 255, 255, 0.80) 0px 1px 0;
	color:#333;
}

#popup td{
	text-align:right;	
}

#popup td+td{
	text-align:left;
	padding-left:5px;
}

#popup ul{
	margin:0;
	padding:0;	
}

#popup li{
	list-style-type: none;
	margin: 3px 0;
	padding:0;
}

#popup strong, #popup h1, #popup h2, #popup h3{
	color: #3a67a4;
}

#popup h1, #popup h2, #popup h3{
	margin:10px 0;
	text-align:center;
}

#popup a.button{
	top:5px;
	right:5px;
}

.spinner{
	position: absolute;
	display:inline;
	border-radius:8px;
	border:1px solid #ccc;
	background:#fff url(/static/mobilePCS/images/ajax-loader-white-bg.gif) no-repeat center center;
	opacity:.86;
	z-index:125;
	height:auto;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.floatRight{
	float:right;		
}
.floatLeft{
	float:left;		
}

.error, .red{
	color:red;
}

.largeScreenOnly{
	display:none !important;	
}

.NQ{
	background:#3399FF;
}
.New{
	background:#4D944D;
}
.NPC{
	background:#4D944D;
}
.PC{
	background:#9AA6BC;
}
.BOM{
	background:#576798;
}
.Cond{
	background:#666600;
}
.Sold{
	background:#BA0000;
}
.SP{
	background:#D62F2F;
}
.OM{
	background:#111B1E;
}