/*
 * Common elements
 */

#MLSContainer * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

p {
margin: 12px 0;
line-height: 1.3;
}
.primary{
font-size: 14px;
}
.h1, h1{ font-size:16px;
}
label[for] {
cursor: pointer;
}
.call-action-boxed {
	padding: 5px 5px;
}
input.input-medium {
width: 90%; margin:0 auto;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
	position: relative;
	min-height: 1px;
	/*padding-left: 2rem;*/
	padding-right: 2rem;
}
.padded-body-content, .hero-text-mobile {
	padding: 15px 40px 15px 40px;
}
/*
 * Common classes
 */
.listing-info-item-2 {
	border-top: 0;
}
.listing-info-item {
	border-top: 1px solid #ccc;
	padding: 4px 0;
}
 .listing-info-item-title {
	font-weight: 700;
}
.divider {
 
	padding: 4px;
}
.title {
font-weight:700;

}
.thumbnail {
	padding: 0px;
	}
.placeholder {
color: #aaa;
}

.h1 {
font-weight: bold;
font-size: 16px;
margin: 12px 0;
background: #e4e4e4;
padding: 5px;
	z-index: 1;
}

.h1 .links {
float: right;
padding-right: 10px;
}

.h1 .links a {
font-size: 12px;
margin-left: 15px;
}

.h2 {
font-weight: bold;
font-size: 20px;
margin: 12px 0;
padding-bottom: 3px;
border-bottom: 1px solid #dfdfdf;
}

.button {
padding: 6px 15px;
font-weight: bold;
font-size: 13px;
color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #cdcdcd; /* Old browsers */
background: -moz-linear-gradient(top,#919191 0%, #2c2c2c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(100%,#2c2c2c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#919191 0%,#2c2c2c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#919191 0%,#2c2c2c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#919191 0%,#2c2c2c 100%); /* IE10+ */
background: linear-gradient(to bottom,#919191 0%,#2c2c2c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */
text-decoration: none;
}


/*
 * jQuery UI
 */

.ui-widget-content {
font-family: arial, sans-serif;
text-align: left;
}

/*
 * Expand/contract headings
 */
.h2.expandable {
padding-left: 15px;
background-position: left 4px;
cursor: pointer;
}
.expand, .contract {
background-repeat: no-repeat;
background-position: left center;
}
.expand {
background-image: url(/images/tree_expand.gif);
}
.contract {
background-image: url(/images/tree_contract.gif);
}


/*
 * Modal login dialog
 */
#modal-login {
display: none;
}

#modal-login p {
text-align: center;
margin: 10px 0;
}

#modal-login input {
width: 225px;
}

#modal-login .label {
padding-right: 5px;
text-align: right;
font-weight: bold;
}

#modal-login .modal-login-warning {
margin-top: 0;
font-weight: bold;
text-align: center;
}

#modal-login .modal-login-links {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
}

#modal-login .modal-login-links li {
margin: 5px 0;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #888;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
	margin-bottom:0px;
	margin-top:0px;
    line-height: 75%;
}
.form-group {
    margin-bottom: 2px;
}
/*
 * Membership/search links at the top of most pages
 */
.member-navigation {
text-align: center;
}

.member-navigation p {
margin: 0 0 5px 0;
padding: 0;
}

.search-navigation {
margin-bottom: 4px;
}

.search-navigation a {
margin-right: 15px;
}

.navbar {
	min-height: 0px;
	margin-bottom: 0px;
}
a.navbar-brand {
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	margin: 0!important;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
/*
 * Detail page
 */
.mt-10 {
	margin-top: 10px;
}
.title-bar-1 {
	color: #000;
	padding: 3px 8px;
	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
	background-color: #ccc;
	border: 1px solid #999;
	border-radius: 3px;
}
.detail-sheet td {
padding: 3px 0;
}

.detail-sheet td.category {
font-weight: bold;
padding-right: 12px;
color: #444;
}

.detail-data-container h2 {
color: #1A6317;
}

.detail-table {
width: 100%;
margin-bottom: 20px;
}

.detail-table td {
vertical-align: top;
}

/*
 * detail left panel
 */
.detail-left {
text-align: center;
width: 400px;
}

/*
 * detail left -> photos
 */

.detail-photo-container ul {
clear: both;
width: 400px;
margin: 5px 0 0 0;
padding: 0;
list-style: none;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
text-align: left;
border: 1px solid #E6E6E6;
}

.detail-photo-container li {
display: inline-block;
margin: 0;
padding: 0;
}

.detail-photo-container li a {
display: block;
}

.detail-photo-container .placeholder {
max-width: 400px;
display: block;
}

.detail-photo-container .hint {
padding: 0;
margin: 3px 0 0 0;
font-size: 11px;
}

/*
 * Detail photos -> style 0 and style 3
 * Classic, 50x40 thumbs underneath
 */
.detail-photo-style-0 li img,
.detail-photo-style-3 li img {
height: 40px;
}

/*
 * Detail photos -> style 1
 * Classic, larger thumbs underneath
 */
.detail-photo-style-1 li img {
height: 90px;
}

/*
 * Detail photos -> style 2
 * images to the right. TODO: implement
 */
.detail-photo-style-2 li img {
}



/**
 * detail right panel
 */

.detail-right {
padding-left: 20px;
}

.detail-right table {
width: 100%;
}

.detail-right .meta {
width: 50%;
padding-right: 10%;
}

.detail-right .meta p {
font-weight: bold;
margin: 2px 0;
}

.detail-right .meta .price {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
color: #1A6317;
}

.detail-right .meta .price.s {
color: red;
}

.detail-right .meta .address {
font-size: 14px;
font-weight: normal;
color: #444;
margin-bottom: 10px;
}

.detail-right .action {
text-align: center;
vertical-align: middle;
padding-right: 10px;
}

.tools {
margin-top: 25px;
}

.tools .h2 {
border-color: #313131;
}

.tools ul {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
line-height: 2;
float: left;
}


/**
 * detail map
 */
.detail-map {
width: 100%;
}

#detail-map-target {
height: 300px;
}

/**
 * Listing page
 */

.results-bar {
background-color: #2c2c2c;
padding: 6px;
font-weight: normal;
color: #fff;
font-size: 10px;
margin-bottom: 10px;
margin-top: 30px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.results-bar div {
float: right;
}

.results-bar a {
color:#ffffff;
}

.results-bar .selected-page {
font-weight: bold;
text-decoration: underline;
}

/*
 * Listings page -> map
 */
#listings-map {
display: none;
margin: 0 0 15px 0;
padding: 0;
}

#listings-map-target {
height: 400px;
}

#listings-map-count {
font-size: 12px;
font-weight: normal;
margin: 0 0 0 10px;
}

#listings-map .close {
float: right;
font-size: 12px;
margin: 1px 3px 0 0;
}

/* ********************************** */
/* listings */
/* ********************************** */
#listings {
	width: 100%;
	height:auto;
	/*min-height: 600px;*/
	padding: 2px 15px 25px 15px;
	margin: 0px 0px 15px 0px;
	float: right;
	background-color: #f9f9f9;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.listing {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	display: inline-block;
	width: 99%;
	background-color: #F9F9F9;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-size: .95em;
	box-shadow: 0px 0px 2px #888888;
}
.properties-block {
	padding: 10px 0px 10px 18px;
	margin: 0px 0px 10px 0px;
	display: inline-block;
	width: 98%;
	background-color: #F9F9F9;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-size: .95em;
}

/* Columns */

.listing-col {
	width: 30%;
	margin: 6px 25px 0px 0px;
	float: left;
	padding: 0px 10px 0px 0px;
}

.listing-col:nth-child(2) {
	width: 30%;
	margin: 6px 25px 0px 0px;
	float: left;
	padding: 0px 10px 0px 0px;
}

/* Thumbnail */
/*.thumbnail{
	height:100% !important;
}*/

.listing-thumb {
	/*max-height: inherit;
	width: 320px !important;*/
	padding: 0px;
	border: 0px solid #BFBFBF;
	background-color: white;
	/*box-shadow: 5px 5px 5px #aaaaaa;*/
	/*min-height: 250px;*/
	/*height:100%;*/
}

.listing-thumb a {
display: block;
}

/*.listing-thumb img {
width: 100%;
height: 100%;
}*/

/* Listing Description */
.listing-desc {
	/*max-height: inherit;
	width: 320px !important;*/
	padding: 10px 5px 20px 5px;
	border: 0px solid #BFBFBF;
	background-color: white;
	/*box-shadow: 5px 5px 5px #aaaaaa;*/
	/*min-height: 250px;*/
	/*height:100%;*/
}
.listing-desc a {
display: block;
}

/* Price */

.listing-price {
font-size: 16px;
font-weight: bold;
}

/* Prop type */

.listing-type {
margin: 5px 0 0 0;
font-weight: bold;font-size: .95em;
}

/* Address */

.listing-address {
clear: both;
padding-top: 20px;font-size: .95em;
}

/* MLS Number */

.listing-number {
margin: 1px 0;
font-style: italic;font-size: .95em;
}

/* Metadata column */

.listing-metadata {
float: left;
line-height: 1.6;
margin-right: 25px;font-size: .95em;
}

.listing-metadata:last-child {
margin-right: 0;
}

.listing-metadata span {
display: block;
}

/* Logo */

.listing-logo {
margin-top: 25px;
}

.listing-logo img {
display: block;
}

/* Links */

.listing-links {
vertical-align: middle;
text-align: right;
font-weight: bold;
font-size: 14px;
}


.item {

    height: 300px;
	overflow: hidden;

}
.nivo-lightbox-overlay {
    position: fixed;
    top: 0 !important;
    left: 0;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nivo-lightbox-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: inherit;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

/* ********************************** */
/* disclaimer */
/* ********************************** */
#disclaimer { clear:both; margin-bottom:10px; text-align:left; }
#disclaimer td { font-size:11px; }

/* ********************************** */
/* the welcome message and login/register boxes on home page if anonymous */
/* ********************************** */
#welcome { width:100%; border:0px; margin: 10px 0; }
#welcome-box { padding-left: 15px; text-align:right; }
#welcome-box table { width:100%; }
#welcome-box-title { font-size:11px; text-align:left; padding:4px; background-color:#ccc; font-weight:bold; }
#welcome-box-body { padding:5px; border:1px solid #ccc; text-align:left; }
#welcome-box-body * { font-size:11px; }
#welcome-box-body p { margin: 5px 0; }

/*
 * Search form
 */
#search-by-mlsnumber {
text-align: center;
display: block;
}

#search-by-mlsnumber input[type="text"] {
width: 100%;
}

#select-towns {
border: 1px solid #ccc;
}
select.formstyle_facet {
	width: 205px;
	background-color: #f8f8f8;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #dadada;
	padding: 0px 4px;
	margin: 0px;
	font-size: .95em;
	font-weight: 300;
	line-height: 1.9em;
	height: 36px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}
/*
 * Search form -> state/county/town/village select style
 */
.location-box {
padding: 0;
margin: 0;
margin-bottom: 10px;
}

.location-box .scroll {
max-height: 100px;
overflow-x: hidden;
overflow-y: scroll;
padding: 0 5px 5px 3px;
margin-top: 5px;
}

.location-box .header {
margin: 0;
padding: 5px;
font-weight: bold;
border-bottom: 1px solid #ccc;
}

.location-box label {
display: block;
}

.location-box .hidden {
display: none;
}

.location-box .empty {
text-align: center;
}


/*
 * Login form
 */

#login-form > ul {
list-style: none;
padding: 0;
margin: 0 auto;
max-width: 500px;
}

#login-form li {
margin: 5px 0;
}

#login-form li > div {
margin: 5px 0 5px 25px;
}

#login-form li > label {
font-weight: bold;
font-size: 13px;
}

#login-form table {
width: 100%;
}


/**
 * Rename search dialog form
 */
#rename-search-form p {
margin: 5px 0;
}

#advanced_search_options {
	padding:5px 40px;
	margin:0 10px;
	border:1px #DDD dotted;
	background-color:#FFF; 
}

@media (min-width: 768px){
.dl-horizontal dd {
	margin-left: 100px;
}
.modal-content {
    top: 75px;
}
}

@media (max-width: 768px) {
label {

font-size: 12px;
}
.county icon contract {

font-size: 12px;
}
.item{
	height:auto;
	
}
}
@media (max-width: 768px) {
label {

font-size: 12px;
}
.county icon contract {

font-size: 12px;
}
.h1 {
	font-weight: bold;
	font-size: 12px;
	margin: 18px 0 18px 0;
	background: #e4e4e4;
	padding: 5px;
	z-index: 1;
	line-height:24px;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: -10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
}
@media (max-width: 440px) {
/*************** Call To Action ***************/
#MLSContainer {
	text-align: left;
	margin: 0;
	background-color: #fff;
	width: 100%;
}
.call-action-boxed {
	padding: 10px 5px;
}
#select-towns #select-towns-scroll {
	margin-top: 5px;
	height: 240px;
	overflow-y: scroll;
}
.title-bar-1 {
	color: #000;
	padding: 3px 0px 3px 4px;
	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
	background-color: #ccc;
	border: 1px solid #999;
	border-radius: 3px;
	    font-size: 11px;
}
.padded-body-content, .hero-text-mobile {
	padding-left: 15px;
	padding-right: 15px;
}
#listings {
	width: 100%;
	min-height: 600px;
	padding: 2px 10px 25px 10px;
	margin: 0px 0px 15px 0px;
	float: right;
	background-color: #fff;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.listing {
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 10px 0px;
	display: inline-block;
	width: 100%;
	background-color: #F9F9F9;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-size: .95em;
	box-shadow: 0px 0px 2px #888888;
}
.call-action-boxed {
	padding: 10px 10px;
}

.nav-tabs > li > a {
    font-weight: 400;
    color: #666;
    padding: 4px 2px;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border: 1px solid #eee;
    border-bottom: none;
    box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    -o-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.04) inset;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    padding: 4px 2px;
    font-weight: 400;
    color: #002c00;
}
.modal-content {
    top: 50px;
}
.nav-tabs {

    border-color: #eee;
    font-size: 11px;

}
}

@media (max-width: 330px) {

.h1{ font-size:12px;
}
/* ********************************** */
/* listings */
/* ********************************** */
#listings {
	width: 320px !important;
	min-height: 600px;
	padding: 2px 15px 25px 15px;
	margin: 0px 0px 15px 0px;
	float: right;
	background-color: #fff;
	padding-bottom: 99999px;
	margin-bottom: -99999px;
}

.listing {
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 10px 0px;
	display: inline-block;
	width: 300px !important;
	background-color: #F9F9F9;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-size: .95em;
	box-shadow: 0px 0px 2px #888888;
}
.properties-block {
	padding: 10px 0px 10px 18px;
	margin: 0px 0px 10px 0px;
	display: inline-block;
	width: 98%;
	background-color: #F9F9F9;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-size: .95em;
}
/* Columns */

.listing-col {
	width: 50%;
	margin: 6px 5px 0px 0px;
/*	float: left;
*/	padding: 0px 10px 0px 0px; display:inline !important;
}

.listing-col:nth-child(2) {
	width: 50%;
	margin: 6px 0px 0px 5px;
/*	float: left;
*/	padding: 0px 10px 0px 0px; display:inline !important;
}

/* Thumbnail */

.listing-thumb {
	max-height: inherit;
	/*width: 290px !important;*/
	padding: 10px 5px 20px 5px;
	border: 1px solid #BFBFBF;
	background-color: white;
	box-shadow: 5px 5px 5px #aaaaaa;
}

.listing-thumb a {
display: block;
}

/*.listing-thumb img {
width: 100%;
height: 100%;
}*/

}

.dl{
	margin-top: 20px;
}

.dl-horizontal{
	margin-top: 14px;
	margin-bottom:14px;
	height: auto;
	width: auto;
}

.dl-horizontal dt{
	width: auto;
	text-align: left;
	margin-right: 0px;
}

.dl-horizontal dd{
	height: auto;
	width: auto;
	/*margin-bottom: 1em;*/
}

/*.caption {
	height:100%;
}*/
/*.item{
	height:auto;
	
}*/

.griditem{
	height:auto;
	
}