/* === FONT FAMILIES === */
h1, h2, h3, h4 { font-family:"Trebuchet MS",Verdana, Tahoma,  Arial, Helvetica, sans-serif; }
body, p, a, li, label, input, select, textarea, th, td	{ font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; }

/* === FONT SIZES & COLORS === */
body { font-size:12px;}
table { font-size:10px; color:#464D57;}
input, select, textarea { font-size:9px;}
.propertydetail { font-size:12px; color:#464D57; line-height:14pt;}

p.category { font-size:14px; color:#0d66b2;}
p.copyright { font-size:10px;}

/* === LAYOUT === */
body { margin:0; padding:0; background:url(/images/bg_00.gif) #F5F7FF repeat-x left top; text-align:center; }
div, a, img, p, table, tr, th, td, ul, li, h1, h2, h3, h4, h5, h6, form, select, textarea
{
	margin:0;
	padding:0;
	text-align:left;
}


/* === THUMBAIL ENLARGE === */
.expandable {
	/* You must specify a width for the area that contains
	the images or Firefox, Opera, and Safari will expand
	the hoverable area to the full width available.  */
	width: 60px;
	margin: 0;
	padding: 0;
}
/* Hide the full sized image */
.expandable a .full{
	display: none;
}
/* Specify the position of the full sized image (for IE) */
.expandable a:hover{
	position: relative;
}
/* Display the full sized image when link is hovered over */
.expandable a:hover .full{
	position:absolute;
	top:30px;
	left:30px;
	display: block;
	z-index: 1;
}

a {outline: none;}
a:link {TEXT-DECORATION: none}
a:visited {TEXT-DECORATION: none}

div {text-align:left;}
img {border:0;}

/* For search page */
legend {font-weight: bold; font-size: 13px; color: #4a8bd0}
fieldset {
	font-size:9pt;
	display: block;
	padding:15px;
	border: #4a8bd0 1px solid;
}
fieldset input {
	font-size:9pt;
	border: 1px #4a8bd0 solid;
}
fieldset .container {
	padding-top:10px;
	padding-left:10px;
}
.content_bg {background-repeat: repeat-x; background-image: url(/images/bg_01.gif)}
.text  {font-size: 13px;}
.error {color: #AA0000;}

/* For property detail page tabs */
.tab_detail { background: url(/images/tap_prop_detail_o.gif) no-repeat;	}
.tab_map { background: url(/images/tap_prop_map_2.gif) no-repeat; }
.tab_school { background: url(/images/tap_prop_school_2.gif) no-repeat;	}

/* For branch detail page tabs */
.tab_branch_detail { background: url(/images/tap_branch_detail_1.gif) no-repeat; }
.tab_branch_list { background: url(/images/tap_branch_list_2.gif) no-repeat; }

/* Agent list display distinction */
.email { border: 1px solid;background-color: #ffffff; }
.basic { border: 2px solid #97ADED;background-color: #EBFFFE; }
.standard { border: 3px solid #4F6CBE;background-color: #EBFFFE; }
.premium { border: 3px solid #4F6CBE;background-color: #EBFFFE; }

/* For popup layer with dimmed background */
div.dimmer
{
	display: none;
	position:absolute;
	left:0px;
	top:0px;
	font-family:verdana;
	font-weight:bold;
	padding:0px;
	z-index:10;
	background-image:url(/javascripts/images/gray.png);
	/* ieWin only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/javascripts/images/gray.png');
}

div.dimming {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	background-color: #ffffff;
	position:absolute;
	width: 100%;
	height: 100%;
	/* set z-index higher than possible */
	z-index:100;
	display: none;

	border-style: solid;
	border-color: #999999;
	border-width: 1px;
}

/* For city name suggestion in search*/
div.city_suggest_results {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #7f9db9;
}

#Progress
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:0px;
}