/* Map Object Styles */

body * {
	margin: 0;
	padding: 0;
}

img {
	border: 0 none;
}

h2 {
color:#343399;}

/* =common classes
----------------------------------------*/
.titlebar {
	height: 1.6em;
	margin: 0;
	padding: 0.2em 0.3em 0.3em 0.4em;
	background-color: #2F317B;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
.titlebar:hover {
	cursor: move;
}
.titlebar h3 {
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3em;
	color: #fff;
}
.titlebar .status {
	float: left;
	margin: 0;
	padding: 0.2em 0 0 1.5em;
	font-size: 11px;
}
.titlebar p#loaded {
	line-height: 1.3em;
}
.titlebar p#loading {
	float: left;
	margin: 3px 0 0 1.0em;
}
.titlebar p.win {
	float: right;
	margin: 2px;
	padding: 0;
	line-height: 0.1em;
}

/* =live
----------------------------------------*/
#dragit {
	position: absolute;
	right: 0;
	top: 2px;
	width: 275px;
	margin: 0;
	padding: 0.2em 5px;
	background-color: #ffc;
	border: 1px solid #998;
	font-size: 11px; 
	color: #665;
}
* html #dragit {
	right: 32px;
}
#dragit a {
	float: right;
	margin: -1.3em 0 0 0;
}

/* =live
----------------------------------------*/
#livemap {
	position: relative;
}

/* =map area
----------------------------------------*/
#map {
	width: 708px;
	height: 435px;
	border: 1px solid #998;
}
#property {
	position: absolute;
	
	width: 200px;
	height: 300px;
	padding: 0 0px 0px 0;
	background: #FFFFFF url(_gfx/shadow.png) right bottom;
	

}
#property div.panel {
	width: 200px;
	height: 350px;
	border: 1px solid #006;
	background: #FFFFFF url(_gfx/background.png) repeat;

}
* html #property div.panel {
	background-color: #6b6b5c;
}
#property iframe {
	width: 200px;
	height: 300px;
	margin: 0;
	background-color: #FFFFFF;
	

}

/* =full property details panel
----------------------------------------*/
#details {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 710px;
	height: 437px;
	border: 1px solid #006;
	background-color: #FFFFFF;
	z-index: 2;
}
#details iframe {
	position: relative;
	top: 0px;
	width: 710px;
	height: 435px;
	margin: 0;
	background-color: #FFFFFF;
}


/* =property panel
----------------------------------------
#property {
	position: absolute;
	width: 231px;
	padding: 0 5px 5px 0;
	background: url("_gfx/shadow.png") bottom right;
}
#property div.panel {
	width: 231px;
	border: 1px solid #554;
	background:  url("_gfx/background.png") repeat;
}
* html #property div.panel {
	background-color: #6b6b5c;
}
#property iframe {
	width: 230px;
	height: 230px;
	margin: 0 0 -5px 0;
	background-color: #fff;
}

/* =help
----------------------------------------*/
#help {
	position: absolute;
	width: 231px;
	padding: 0 5px 5px 0;
	background: url("_gfx/shadow.png") bottom right;
}
#help div.panel {
	width: 231px;
	border: 1px solid #554;
	background:  url("_gfx/background.png") repeat;
}
* html #help div.panel {
	padding-bottom: 4px;
	background-color: #6b6b5c;
}
#help iframe {
	width: 231px;
	height: 250px;
	margin: 0 0 -5px 0;
	background-color: #fff;
}

/* =options panel
----------------------------------------*/
#options {
	float: left;
	width: 400px;
	padding: 0 5px 5px 0;
	background: url("_gfx/shadow.png") bottom right;
	z-index: 1;
}
@media print {
	#options {
		display: none;
	}
}
#options div.panel {
	float: left;
	width: 400px;
	border: 1px solid #554;
	background:  url("_gfx/background.png") repeat;
	font-family: Arial, Helvetica, sans-serif;
}
* html #options div.panel {
	background-color: #6b6b5c;
}
#options a {
	margin: 0.5em 0 0 0.2em;
	color: #343399;
	text-decoration: none;
}
#options a:hover {
	color: #000000;
}
#options p {
	margin: 0;
	font-size: 11px;
	color: #fff;
}
#options.max form#mSearch {
	display: block;
}
#options.min form#mSearch {
	display: none;
}
#options fieldset {
	float: left;
	height: 5em;
	margin: 0;
	padding: 0.5em 1em 0.8em 1em;
	border: solid #554;
	border-width: 0 1px 0 0;
	font-size: 11px;
}
#options fieldset.last-child {
	border: 0 none;
}
#options fieldset h4 {
	margin: 0 0 0.4em 0;
	font-size: 11px;
	font-weight: bold;
	color: #343399;
}
#options fieldset select {
	margin: 0 0 0.2em 0;
	border: 1px solid #221;
	background-color: #f2efe9;
	font-size: 11px;
}
#options fieldset input#mBuy,
#options fieldset input#mRent {
	margin: 0 0.1em 0 0.1em;
}
#options fieldset select#mLocation {
	width: 120px;
}
#options fieldset select#mPriceMin,
#options fieldset select#mPriceMax,
#options fieldset select#mRentMin,
#options fieldset select#mRentMax {
	width: 100px;
}
#options fieldset select#mBedrooms {
	width: 75px;
}
#options p.help {
	margin: 0.3em 0 0 0;
}

/* =frame
----------------------------------------*/
#frame {
	margin: 0;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFF;
}
* html #frame {
	width: 190px;
}
#frame h1 {
	margin: 0 0 0.1em 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #343399;
	font-family: "Frutiger 55 Roman", "Trebuchet MS", Tahoma, sans-serif;
}
#frame h2 {
	margin: 0 0 0.2em 0;
	font-size: 13px;
	color: #343399;!important
}
#frame h3 {
	margin: 0 0 1em 0;
	font-size: 11px;
	font-weight: bold;
	color: #343399;
}
#frame p {
	margin: 0 0 1em 0;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
}
#frame img.win {
	display: inline;
	vertical-align: middle;
	background-color: #554;
}
#frame dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.price  {
	color: #C56703;
}
.left {
float:left;}

.right {
float:right;}