﻿/*
File:	listing.css
Desc:	real_estate_listing.php format support
Desc:	real_estate_map.php format support
Date:	May 14, 2011
*/

/*
the relevant CSS to center slideshow image both horizontally and  vertically.
Code for IE/Mac is wrapped in a suitable filter.
Code for IE7-/Win is put in conditional comments.
*/
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 480px;
    height: 360px;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
/* end css for image centering */
button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;
	cursor: pointer;	
}

div#featureshow {width:480px;}
div#map-simple {width:480px;height:360px;}
div#description, div#descriptionsold {width:280px; padding:25px 0;}
div#descriptionsold {background-image:url('../images/slideshow/sold.gif');background-position:center 35px;background-repeat:no-repeat;}
.noscreen {display:none;}

/* slideshow caption and controls */
p.caption {width:100%; margin:3px 0; padding:0;}
input#caption {text-align:center; border:none;}
div#showcontrols {margin-top:5px;}
img.controls {position:relative;top:-3px;margin:0 5px;}
input.controls, select.controls {border:1px solid #898989;background:#cccccc; font-size:10px; vertical-align:top; padding:1px 0;}

/* google map marker */
p#marker {font-size:90%;}

/* page image links */
.ss-tools {
	margin-right: 10px;
	width: 32px; height:32px;
}
.ss-tools-mls {
	margin-right: 10px;
	width: 56px; height:32px;
}
ss-tools-end {
	margin-right:0;
}

