/* 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; float: left; width: 290px; }

#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; }