/* including the single listing CSS */
/* there are some background-images and other stuff from rickstonehouse and iXLd.com . will be more then usefull to grab it from there into LiveIn yard. */
/* left column list */
#properties { display: inline;  }
#properties ul { display: block; float: left; margin: 0; }
#properties ul li {
	display: inline;
	display: inline;
	float: left;
	list-style: none;
	margin: 0px 0px 1px 0px;
	overflow: hidden;
	padding: 5px 5px 5px 0px;
	position: relative;
	width: 100%;
}
#properties ul li img {
	background-color:#FAFAFA; border: 1px solid #eee;padding:5px;
	clear: left;
	float: left;
	margin: 0px 5px 0px 0px;
	max-height: 50px;
	max-width: 50px;
}
#properties ul li .flag { position: absolute; right: 16px; top: 0; }
#properties ul li .flag img { background: transparent; border: none; margin: 0; padding: 5px; }
/* google map on the right */
#propertiesMap {
	background: #EEEEEE;
	display: inline;
	float: left;
	height: 200px;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	width: 300px;
}
#propertiesMap small a { color: #EEEEEE; font-size: .6em; }
/* google map filters */
#mapFilters { display: inline; float: left; overflow: hidden; width: 384px; }
#mapFilters h3 { border-bottom: 1px solid #555555; }
/*  single listing
_________________________________________________________________________________
*/
#left { color: #717277; display: inline; float: left; width: 450px; }
#title { display: inline; float: left; width: 450px; }
#titleLeft { display: inline; float: left; width: 250px; }
#titleLeft p          { font-size: 2.2em; font-weight: bold; }
#titleRight { display: inline; float: left; padding: 10px; width: 200px; text-align:center;}
#imageField { display: inline; float: left; height: 330px; width: 470px; overflow:hidden;}
#imageField a { color: #FFA500; float: right; font-size: 11px; margin-top: 0px; }
.imageFieldArchive { display: inline; float: left; }
#imageFieldShow  {
	border: 1px solid #CCCCCC;
	display: inline;
	float: left;
	margin-top: 10px;
	max-height: 300px;
	max-width: 248px;
}
#imageFieldShow a { float:left; display:inline; }
#imageArchive {
	display: inline;
	float: left;
	height: 273px;
	width: 215px;
	overflow: hidden;
	text-align: center;
}
#imageArchive img  { margin: 10px 0px 0px 10px; max-height: 80px; max-width: 88px; }
#details { display: inline; float: left; width: 450px; }
#details h3 { line-height: 200%; }
#right { color: #717277; display: inline; float: left; margin-left: 35px; width: 200px; }
#menuBlock {
	border: 1px solid #CCCCCC;
	display: inline;
	float: left;
	margin: 10px 0 0 0;
	padding: 30px;
	position: relative;
	width: 140px;
}
#menuBlock ul li { border-bottom: 1px solid #CCCCCC; }
#menuBlock ul li a { color: #A7CAF0; font-size: 18px; line-height: 200%; }
#menuBlock ul li a:hover { color: #3987DD; font-size: 18px; }
#videoTour { border: 1px solid #CCCCCC; display: inline; float: left; height: 222px; width: 200px; }
#player { background: #CCCCCC; height: 80px; width: 400px; }
#contact { float:left; display:inline; margin-top:10px; }
#contact a { width:200px; }
.comment-form form { width: 500px; }
.comment-form label { color: #696969; display: inline; float: left; width: 150px; }
.comment-form input, .comment-form textarea { background: #FFFFA0; display: inline; float: left; margin: 1px; width: 300px; }
#submit { float: right; margin: 10px 50px 0 0; width: 50px; }
/* send email to friend block on property page */
#friendsEmail { width: 252px; }
#friendsEmail textarea {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	width: 230px !important;
}
#friendsEmail a {
	color: #0259B0;
	display: inline;
	float: left;
	margin: 10px 10px 10px 140px;
	text-align: center;
	width: 90px;
}
#friendsEmail input { width: 110px; }
#friendsEmail label { width: 110px; }
#friendsEmail h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
        border-bottom: 1px solid #CCCCCC;
}
#friendsEmail .hide {
	clear: right;
	color: #4A4A4A;
	cursor: pointer;
	float: right;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 10px 0px 0px;
}
/* contact a realtor block on the property page */
#contactRealtors {width: 260px; }
#contactRealtors textarea {
	width: 135px;
}
#contactRealtors input { width: 135px; }
#contactRealtors label { width: 90px;  }
#contactRealtors h2 {
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
}
#contactRealtors a {
	border: 1px solid #CCCCCC;
	color: #0259B0;
	display: inline;
	float: left;
	margin: 10px 10px 10px 130px;
	padding: 5px;
	text-align: center;
	width: 90px;
}
#contactRealtors .hide {
	clear: right;
	color: #4A4A4A;
	cursor: pointer;
	float: right;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 10px 0px 0px;
}
/* single page house */
.propImages { clear: both; display: inline; float: left; }
#vr { clear: both; display: block; }
#other_files { clear: both; display: block; }
#vr .item, #other_files item { display: inline; float: left; height: 110px; text-align: center; width: 33%; }
/* house review google map */
.table_box3 {
	font-size: .9em;
	line-height: 1.5em;
	margin-bottom: 25px;
	margin-left: 33px;
	padding: 5px;
	width: 500px !important;
}
.listingMapTable { height: 575px; width: 300px; }
div.listingMapTable div.tr { border-top: 1px solid #DEDEDE; display: block; overflow: hidden; padding: 5px 0px 5px 0px; }
div.listingMapTable div.tr div.listingOpenHouse {
	color: #679F1A !important;
	display: block;
	font-size: 9px !important;
	font-weight: bold;
	padding-left: 5px;
	text-transform: uppercase;
}
div.listingMapTable div.tr div.td { display: inline; float: left; }
div.listingMapTable div.tr div.foto img {
	background: #FFFFFF;
	border: 1px solid #D5E6C5;
	display: inline;
	float: left;
	margin-left: 200px;
	padding: 2px;
}
#listingMapPage dd.price { font-size: 1em; font-weight: bold; }
#listingMapPage div.house_picture a { border: 2px solid #C2DFA7; display: block; height: 78px; padding: 3px; width: 100px; }
#listingMapPage div.house_picture a img { height: 78px; width: 100px; }
/*listingMapTableDirectory google map*/
.table_box4 {
	border: 3px solid #DDDDDD !important;
	font-size: .9em;
	line-height: 1.5em;
	margin-bottom: 25px;
	padding: 5px;
	width: 368px !important;
        min-height:330px;
}
.listingMapTableDirectory { width: 100%; }
.listingMapTableDirectory .td { float: left; padding-left: 2%; width: 23%; }
/* Listings - House select choices */
#house_select {
	border: 1px solid #EEEEEE;
	font-size: x-small;
	margin-bottom: 5px;
	margin-left: -25px;
	padding: .6em 0;
	text-align: right;
	width: 109%;
}
#house_select label { display: inline; margin: 0; }
#house_select form { display: inline; }
#house_select select, #views input { border: 1px solid #FF6600; font-size: x-small; }
#house_select input[type="button"] { cursor: pointer; }
#house_select select:hover,
#views select:focus,
#views input:hover,
#views input:focus { border: 1px solid #666666; }
/*marker pop up window*/
#extInfoWindow_house_marker { width: 215px; }
#extInfoWindow_house_marker_contents { background: #FFFFFF; }
#extInfoWindow_house_marker_contents div { padding: 1px; }
#extInfoWindow_house_marker_tl,
#extInfoWindow_house_marker_tr,
#extInfoWindow_house_marker_bl,
#extInfoWindow_house_marker_br { background: #C2DFA7; height: 1px; width: 1px; }
#extInfoWindow_house_marker_t,
#extInfoWindow_house_marker_b { background: #C2DFA7; }
#extInfoWindow_house_marker_l,
#extInfoWindow_house_marker_r { background: #C2DFA7; width: 1px; }
#extInfoWindow_house_marker_close {
	background: url('http://www.rickstonehouse.com/admin/assets/44146/download.png') top left no-repeat transparent;
	cursor: pointer;
	height: 13px;
	width: 13px;
}
* html #extInfoWindow_house_marker_close {
	background: none;
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.rickstonehouse.com/admin/assets/44146/download.png', sizingMethod='crop'); */
}
#extInfoWindow_house_marker_beak {
	background: url('http://www.rickstonehouse.com/admin/assets/44141/download.png') top left no-repeat transparent;
	height: 15px;
	width: 15px;
}
* html #extInfoWindow_house_marker_beak {
	background: none;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.rickstonehouse.com/admin/assets/44141/download.png', sizingMethod='crop');*/
}
/* show marker contentent*/
.table_box2 { font-size: .8em; line-height: 1.0em; padding: 5px; width: 200px; }
.listingMarkerTable { width: 100%; }
.listingMarkerTable .td { float: left; padding-left: 2%; width: 23%; }
.listingMarkerTable dl{ margin-top: -1px; }
.listingMarkerTable .tr { border: none; height: 65px; }
.listingMarkerTable dd.price{ font-size: 1em; font-weight: bold; }
.listingMarkerTable div.house_picture a { border: 2px solid #C2DFA7; display: block; height: 50px; padding: 3px; width: 70px; }
/* plus listings area */
#plusListings {
	color: #555555;
	display: inline;
	float: left;
	height: auto;
	margin: 15px 0px 0px 0px;
	width: 100%;
}
#plusListings div { display: inline; float: left; width: 100%; }
#plusListings h3 {
	background: #F09C00;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0px 5px 12px;
}
#plusListings img { border: 1px solid #DDDDDD; margin: 5px; max-height: 143px; max-width: 143px; padding: 5px; }
/*listings page*/
.propListingWrap { position: relative; }
h2.listingHeader {
	background: #FF6600;
	border-bottom: 2px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 1.4em;
	margin-bottom: 0;
	padding: 8px;
}
h3.listingHeader {
	background: #C0C0C0;
	color: #3A3A3A;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 1em;
	padding: 4px;
}
h3.listingHeader span.price { font-size: 1.4em; font-weight: bold; margin-left: .6em; }
table.lp { float: right; font-size: .95em; line-height: 1.2em; margin-bottom: 1em; width: 62%; }
.lp th.leftColumn { width: 30%; }
.lp th.rightColumn { width: 70%; }
.lp td { padding: 4px; }
.propImages table { float: left !important; }
.propImages a.main {
	background: #FAFAFA;
	border: 1px solid #9A9A9A;
	display: block;
	float: left;
	margin-bottom: 2em;
	padding: 3px;
}
.propImages a.main:hover { border: 1px solid #6C6C6C; }
ul.imagegallery { clear: both; width: 100%; }
ul.imagegallery li { float: left; margin: 2px; }
ul.imagegallery li a { border: 1px solid #9A9A9A; display: block; }
ul.imagegallery li a img { max-height: 100px; width: 90px; }
ul.imagegallery li a:hover { border: 1px solid #6C6C6C; }
/*
ul.imagegallery li img { display: block; height: 64px; width: 82px; }
*/
a.gmap {
	border: 1px solid #6C6C6C;
	display: block;
	float: left;
	margin: 2px;
	padding: 26px 4px;
}
.listing-options { float: right; height: 21px; margin-top: 1em; position: absolute; right: 0; }
.listing-options a {
	background: url(http://rickstonehouse.com/admin/assets/34882/download/) no-repeat 0 0px;
	clear: both;
	display: block;
	font-size: 9px;
	height: 18px;
	margin-right: 4px;
	padding-left: 22px;
	padding-top: 3px;
}
.listing-options a:hover { background: url(http://rickstonehouse.com/admin/assets/34882/download/) no-repeat 0 -20px; }
/*added_listing*/
.listing-options div {
	color: #999999;
	display: block;
	font-style: italic;
	left: -450px;
	overflow: hidden;
	padding-left: 20px;
	position: absolute;
}
ul.listingItems .listing-options {
	float: right;
	height: auto;
	margin-right: 6em;
	margin-top: 2em;
	position: absolute;
	z-index: 1000;
}
.listingItems { list-style: none; padding: 0; }
.listingItems li { padding: 0; }
.listingItems dl {
	border-bottom: 1px solid #DDDDDD;
	display: block;
	height: 80px;
	padding: .6em;
	position: relative;
}
.listingItems dt.picture { display: block; float: left; height: 78px; margin-right: 1em; width: 100px; }
.listingItems dt.picture a { border: 1px solid #FFFFFF; display: block; height: 78px; padding: 2px; width: 100px; }
.listingItems dt.picture a:hover { border: 1px solid #79A7C5; }
.listingItems dd.address { font-weight: bold; margin-bottom: 2px; }
.listingItems dd.link a {
	background: url(http://rickstonehouse.com/admin/assets/34887/download/) no-repeat 0 0;
	display: block;
	height: 18px;
	margin-left: 112px;
	margin-top: 4px;
	overflow: hidden;
	padding: 2px 0 0 22px;
	width: 80px;
}
.listingItems dd.link a:hover { background: url(http://rickstonehouse.com/admin/assets/34887/download/) no-repeat 0 -20px; }
/* listing disclaimer */
.listing_disclaimer {
	color: #AAAAAA;
	display: block;
	font: 9px Arial;
	margin: 0px 0px -40px 0px;
	text-align: justify;
}
/* brokerage info */
.brokerage_info {
	color: #555555;
	display: block;
	font-size: 12px;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin: -37px 0px 0px 0px;
	text-transform: uppercase;
}
/* listing open house */
.listing-open-house {
	color: #679F1A;
	font-size: 9px !important;
	font-weight: bold;
	margin: 5px 0px 2px 0px;
	padding: 3px;
	padding: 3px 3px 3px 10px;
}
/* mortgage calculator */
a h3 { cursor: pointer; margin-top: 20px; }
#mortgage { display: block; }
#videoTour ul li.ui-tabs-selected a { background: #DDDDDD; color: #1574A8; }
#videoTour ul li a {
	background: #1574A8;
	color: #DDDDDD;
	font-size: 16px;
	margin-top: 0px;
	padding: 0px 5px 0px 5px;
}
#videoTour ul li  { display: inline; margin-top: 0px; padding: 0px; }
#video1 { height: 194px; margin: 0px !important; padding: 0px !important; width: 200px; }
#video2 { height: 194px; margin: 0px !important; padding: 0px !important; width: 200px; }
#video3 { height: 194px; margin: 0px !important; padding: 0px !important; width: 200px; }
#videoTour ul.idTabs { list-style: outside; list-style: none; margin: 0px; padding: 3px 0px 3px 0px; width: 200px; }
/* video player */
object#player { height: 196px; left: 0px; position: absolute; top: 0px; width: 200px; z-index: 2; }
object#player embed { left: 0px; position: absolute; top: 0px; width: 200px; z-index: 1; }
.player { position: relative; }
/* end single listing
__________________________________________________________________________________
 */
/* comments box for single listings */
#displayListingComments             { display: inline; float: left; width: 100%; }
#displayListingComments h3          { line-height: 120%; margin: 5px 0px 10px 0px; padding: 0px 0px 0px 5px; }
#displayListingComments h3 span     { color: #4A4A4A; font-size: 10px; margin: 0px 0px 0px 247px; font-weight:normal; font-family: sans-serif; }
#displayListingComments h3 span a   { text-transform:uppercase; color:#1573A7; }
#displayListingComments h5          { border-bottom: 1px solid #DDDDDD; color: #4A4A4A;	font-size: 15px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px; }
#displayListingComments p           { font-size: 13px; margin: 5px 0px 10px 0px; }
span#minPrice { color:#777; }
span#maxPrice { color:#555; }
#writeComments form.formh label { width:11em !important; }
p.rating { float:left; display:inline; width:105px; }
.starsRating { float:left; display:inline; width:95px; }
.pager {
font-size:13px;
color:#ffffff;
font-weight:bold;
background-color:#B2A789;
padding:5px;
}
.pager-bottom {
margin-top:10px;
}
.pager a { color:#FFFFFF; }
.clear { clear:both; }
