/*BEGIN_SYSTEM_STYLES*/

html {
	height: 100%;
}

body {
	background: url(images/bg_body.png) repeat-x top left ;	/* #FFFFFF */
	color: #333; /* text color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	margin: 0; /* top right bottom left */
	height: 100%;
}

h1 {
	font-family: Arial; /* font name */
	font-size: 16px; /* font size */
	line-height: 25px;
	height:25px;
}
h3 {
	font-family: Arial; /* font name */
	font-size: 14px; /* font size */
	line-height: 20px;
	height:20px;
}

.phpmaker {
	color: inherit; /* text color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
}


input, select, textarea {	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 5px;
/*	background:url(images/bg_input.gif) repeat-x top #FFFFFF;*/
	color: #666; /* text color */
	
	-webkit-border-radius: 0px;

} 

button, .button {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 5px;
	border: 1px solid #666;
	background: url(images/bg_button.gif) repeat-x bottom #333;
	color: #FFFFFF;

	-webkit-border-radius: 0px;
}

buttonSubmit, .buttonSubmit {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 5px;
	border: 1px solid #666;
	background: url(images/bg_button.gif) repeat-x bottom #333;
	color: #FFFFFF;

	-webkit-border-radius: 0px;
}

.reset {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 5px;
	border: 1px solid #999;
	background: url(images/bg_button_reset.gif) repeat-x bottom ;
	color: #FFFFFF;

	-webkit-border-radius: 0px;
}


* html .button {
padding: 2px 0 !important;
}

*+html .button {
padding: 2px 0 !important;
}


a:active {
	color: #669999;
}

a:link, a:visited {
	color: #0091b5;
	text-decoration: none;
}

a:hover{
	color: #73bacb;  /*#0091b5 #33CCFF*/
}






/* Menu */
ul.ewMenuBarVertical {
	list-style-type: none;
	list-style-position: outside;
	padding: 2px;
	margin: 0 0 0 6px;
}

ul.ewMenuBarVertical ul,li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 0 6px;
}

/* template layout */
.ewLayout {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	margin : 0 auto;
	width : 980px;
	height: 100%;
/*	background:#FFFFFF;*/
	color:#666666;
}

.ewHeaderRow {
/*	background-color: #FFFFFF;*/ /* background color */
}


.ewContentTable { /* main content*/
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */	
	width: 100%; /*100%*/
	height: 100%;
	background-color: #FFFFFF; /* background color */
}

.ewMenuColumn {
	background-color: #FFFFFF; /*F5F5F5 background color */
	width: 200px; /*180*/
	vertical-align: top;
	padding: 1px;	
}

.ewContentColumn {
	background-color: inherit; /* background color */
	vertical-align: top;
	padding: 10px;
}

.ewFooterRow {
	background-color: #FFFFFF;
	color: #999; /* footer font color */	
	padding-bottom: 25px;
	text-align:center;
}


.ewFooterText {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */	
}

.ewForm {
	margin: 0;
	padding: 0;
}

.ewGrid {
	border-collapse: separate;
}

.ewGridContent {
	padding: 0;	
	border: 1px solid #CCCCCC; /* grid border */
}

/* grid pager panel */
.ewGridUpperPanel, .ewGridLowerPanel {
	padding: 4px;	
	border-left: 0;
	border-right: 0;	
	background-color: inherit; /* grid header color */
	color: inherit;	 /* grid header font color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */			
}

.ewGridUpperPanel {
	border-top: 0px;
	border-bottom: 1px solid;
	border-color: #CCCCCC; 
}

.ewGridMiddlePanel {
	border: 0;	
}

.ewGridLowerPanel {
	border-top: 1px solid;
	border-bottom: 0px; 
	border-color: #CCCCCC; 
}

.ewGridUpperPanel td, .ewGridLowerPanel td {
	color: inherit;	 /* grid header font color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */			
}

.ewPager td {
	white-space: nowrap;	
}

.ewTabContent {
	padding: 0;
	border: 0;
}

.ewMultiColumnTable {
	border: 0;
}

.ewMultiColumnTable td {
	padding: 10px;
}

/* main table */
.ewTable {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%; /*100%*/
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */			
}

.ewTableSeparate {	
	border-collapse: separate;		
}

.ewTable td {
	padding: 4px; /* cell padding */
	border-bottom: 1px solid; /* 1 border width, horizontal grid line */
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid; /* 1 border width, vertical grid line */
	border-color: #EEE;  /* border color */
}

.ewTableAddOpt {
	border: 0;
	border-spacing: 0;
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */			
}

.ewTableAddOpt td {
	padding: 4px; /* cell padding */
	border: 0;
}
	
.ewTable .ewTableHeader, .ewTable .ewTableHeader td {
	background-color: #666;	/* header bgcolor */
	color: #FFFFFF; /* header font color */
	border-bottom: 1px solid; /* header border width */
	border-right: 1px solid; /* header border width */
	border-color: #999; /* header border color */
	background-image: url(../images); /* header bg image */
	background-repeat: repeat-x;
	vertical-align: top; 	
}

.ewPointer {
	cursor: pointer;
}

.ewTableHeader a:link, .ewTableHeader a:active, .ewTableHeader a:visited {	
	color: #FFFFFF; /* header font color */
	text-decoration: none;	
}

.ewTableHeaderBtn {
	width: 100%;
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */				
}

.ewTableHeader .ewTableHeaderBtn td {
	background: transparent;
	padding: 0;
	border: 0;
	white-space: nowrap;
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
	color: inherit;
}

/* main table alternate row color */
.ewTableAltRow {
/*	background-color: #F1F1F1; *//* alt row color 2 */
/*	background: url(images/bg_shadow.gif);	*/
	color: inherit;
}

/* main table last row */
.ewTableLastRow td {
	border-bottom: 0px;
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #FFFF99; /* edit mode color */
	color: inherit;
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #EEEEEE; /*CCFF99 0091b5 highlight color */
	color: inherit;
}

/* main table select color */
.ewTableSelectRow {
	background-color: #F1F1F1; /*99FFFF d77600 select color */
	color: inherit;
}

/* main table footer */
.ewTableFooter {
	background-color: #FFFFCC; /* footer color */
	color: inherit;
}

/* table for export to HTML */
.ewExportTable {
    border-collapse: collapse;
    empty-cells: show; 
}

.ewExportTable td {
    padding: 4px; /* cell padding */
    border: 1px solid #C0C0C0;
}

.ewBasicSearch {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewBasicSearch td {
	border: 0px;
	padding: 2px;
}

.ewSearchOpr {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	color: maroon;
}

.ewItemTable td {
	color: inherit; /* text color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

/* separator */
.ewSeparator {
    color: gray;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewMessage {
	color: red; /* message color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */	
}

/* required field indicator */
.ewRequired {
	color: red; /* message color */
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */	
}

/* highlight */
.ewHighlightSearch {
	font-weight: bold;
	background-color: yellow;
}

/* Template */
.ewTemplate {
	display: none;
}

/* YUI TabView */
.yui-skin-sam .yui-navset .yui-nav  {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */	
}

.yui-skin-sam .yui-navset .yui-content {
	padding: 0;
	border: 0;
}

/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
	border-width: 0 0 2px;
}

/* YUI Button */
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {   
  font-size: 12px; /* font size */
}

/* YUI Panel */
.yui-skin-sam .yui-panel .hd {    
	font-size: 12px; /* font size */
	line-height: 2.5;     
}

/* Auto-Suggest */
.yui-skin-sam .yui-ac { /* DO NOT CHANGE! */
	position: relative; 
}

.yui-skin-sam .yui-ac-input { /* DO NOT CHANGE! */
	position: relative;
	width: auto;
}

.yui-skin-sam .yui-ac-content ul{
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */
	color: #000000; /* text color */ 
}

.ewUnmatched {
	background: #FF9F9F;
}



/*END_SYSTEM_STYLES*/
/*BEGIN_USER_STYLES*/

/* your CSS styles here */


.ewTableView {
    width: 100%; /* table width */
    color: inherit; /* text color */
    font-family: Verdana; /* font name */
    font-size: 12px; /* font size */
    border: 0px solid #FF0000; /* border */
}

.ewTableView td {
    padding: 2px; /* cell padding */
    height: 18px;
}

.ewCellBorder {
    border: 1px solid; /* cell spacing */
    border-color: #EEEEEE;  /* table background color */
    background-color: #FFFFFF;
    border-collapse: collapse;
}

/*END_USER_STYLES*/


label {
	font-family: Verdana; /* font name */
	font-size: 12px; /* font size */		
	display: block;
	padding: 4px; /* cell padding */
	border-bottom: 0; /* border width, horizontal grid line */
	border-top: 0;
	border-left: 0;
	border-right: 0 ; /* border width, vertical grid line */
	border-color: #CCCCCC;  /* border color */
	white-space: nowrap;
}

.rlisting-img {
border-top: #EEE solid 1px;
border-right: #DDD solid 1px;
border-bottom: #DDD solid 1px;
border-left: #EEE solid 1px;
padding: 8px 5px 8px 5px;
background: #FFFFFF;
}
.rlisting, .slisting  {
	font-family: Verdana; /* font name */
	font-size: 11px; /* font size */
	color:#666;
	margin: 0; /* top right bottom left */
}

.slisting-img {
border-top: #EEE solid 1px;
border-right: #DDD solid 1px;
border-bottom: #DDD solid 1px;
border-left: #EEE solid 1px;
padding: 8px 3px 8px 5px;
background: #FFFFFF;
}

.newupdate-shadow {
background: url(images/newupdate-shadow.png) no-repeat bottom ; 
width: 120px;
height:18px;
line-height:18px;
}

.slideshow-shadow {
background: url(images/slideshow-shadow.png) no-repeat top ;  /* bottom*/
width: 500px; /*550*/
height:30px; /* 56px 16px*/
line-height:30px;  /* 56px */
}


.bl1 {background: url(images/corner/bl.gif) 0 100% no-repeat #e68200; width: 200px; }
.br1 {background: url(images/corner/br.gif) 100% 100% no-repeat}
.tl1 {background: url(images/corner/tl.gif) 0 0 no-repeat}
.tr1 {background: url(images/corner/tr.gif) 100% 0 no-repeat; padding:10px}
.clear1 {font-size: 1px; height: 1px} 


.t2 {background: url(images/corner/dot.gif) 0 0 repeat-x; width: 200px; }
.b2 {background: url(images/corner/dot.gif) 0 100% repeat-x}
.l2 {background: url(images/corner/dot.gif) 0 0 repeat-y}
.r2 {background: url(images/corner/dot.gif) 100% 0 repeat-y}
.bl2 {background: url(images/corner/bl2.gif) 0 100% no-repeat}
.br2 {background: url(images/corner/br2.gif) 100% 100% no-repeat}
.tl2 {background: url(images/corner/tl2.gif) 0 0 no-repeat}
.tr2 {background: url(images/corner/tr2.gif) 100% 0 no-repeat; padding:10px}



.t9 {background: url(images/corner/dot.gif) 0 0 repeat-x; width: 100%; }
.b9 {background: url(images/corner/dot.gif) 0 100% repeat-x}
.l9 {background: url(images/corner/dot.gif) 0 0 repeat-y}
.r9 {background: url(images/corner/dot.gif) 100% 0 repeat-y}
.bl9 {background: url(images/corner/bl2.gif) 0 100% no-repeat}
.br9 {background: url(images/corner/br2.gif) 100% 100% no-repeat}
.tl9 {background: url(images/corner/tl2.gif) 0 0 no-repeat}
.tr9 {background: url(images/corner/tr2.gif) 100% 0 no-repeat; padding:10px}




/* Begin Rounded Corner*/

.rclear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.rbutton {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.rbutton span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.rbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.rbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* End Rounded Corner*/


.box-enquiry { /* main content*/
	width: 185px;
	height: 100%;
	padding-left: 10px;
    background: transparent url('images/bg-enquiry.jpg') no-repeat top left;
	color:#666;
}

.box-enquiry-bottom { /* main content*/
	width: 185px;
	height: 20px;
	padding-left: 10px;
    background: transparent url('images/bg-enquiry-bottom.jpg') no-repeat bottom left;
}


.box-mailing { /* main content*/
	width: 185px;
	height: 100%;
	padding-left: 10px;
    background: transparent url('images/bg-mailing.jpg') no-repeat top left;
	color:#666;
}

.box-mailing-bottom { /* main content*/
	width: 185px;
	height: 20px;
	padding-left: 10px;
    background: transparent url('images/bg-mailing-bottom.jpg') no-repeat bottom left;
}


mailingButton, .mailingButton {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 5px;
	border: 0 solid #999;
	background: url(images/bg_button.gif) repeat-x bottom #999;
	color: #FFFFFF;

	-webkit-border-radius: 0px;
}


.box-main-top { /* main content*/
	width: 760px;
	height: 10px;
	background: transparent  url(images/bg-main-top.png) no-repeat top left;
}

.box-main { /* main content*/
	width: 760px;
	height: auto;
	background: transparent  url(images/bg-main.png) repeat-y left;
	color:#666;
}

.box-main-bottom { /* main content*/
	width: 760px;
	height: 20px;
	background: transparent  url(images/bg-main-bottom.png) no-repeat top left;
}





.box-outline { /* main content*/
	width: 200px;
	height: auto;
	background: url(images/bg-outline.png) no-repeat top #FFFFFF;
	color:#666;
	padding-top:10px;
	padding-left:10px;
}

.box-outline-bottom { /* main content*/
	width: 200px;
	height: 20px;
	padding-left:10px;
	background: url(images/bg-outline-bottom.png) no-repeat bottom #FFFFFF;
}



.box-newdevelopment { /* main content*/
	width: 200px;
	height: auto;
	background: url(images/bg-newdevelopment.png) no-repeat top #FFFFFF;
	color:#666;
	padding-top:10px;
	padding-left:10px;
}

.box-newdevelopment-bottom { /* main content*/
	width: 200px;
	height: 20px;
	padding-left:10px;
	background: url(images/bg-newdevelopment-bottom.png) no-repeat bottom #FFFFFF;
}


/* ------------------------- Begin All box search --------------------------------------*/

.box-search { /* main content*/
	width: 200px;
	height: auto;
	background: url(images/bg-search.png) no-repeat top #FFFFFF;
	color:#666;   /*666*/
	padding-left: 5px;
}
.box-search-bottom { /* main content*/
	width: 200px;
	height: 20px;
	padding-left: 5px;
	background: url(images/bg-search-bottom.png) no-repeat bottom #FFFFFF;
}


.box-search-orange { /* main content*/
	width: 200px;
	height: auto;
 /*	background: url(images/bg-search-orange.png) no-repeat top ;    */
	background: url(images/bg-search.png) no-repeat top ;
	color:#666;   /*666*/
	padding-left: 5px;
}
.box-search-bottom-orange { /* main content*/
	width: 200px;
	height: 20px;
	padding-left: 5px;
 /*	background: url(images/bg-search-bottom-orange.png) no-repeat bottom ; */
	background: url(images/bg-search-bottom.png) no-repeat bottom ;
}


.box-search-condo { /* main content*/
	width: 200px;
	height: auto;
	background: url(images/bg-search.png) no-repeat top #FFFFFF;
	color:#666;   /*666*/
	padding-left: 5px;
}
.box-search-bottom-condo { /* main content*/
	width: 200px;
	height: 20px;
	padding-left: 5px;
	background: url(images/bg-search-bottom.png) no-repeat bottom #FFFFFF;
}



.box-search-house { /* main content*/
	width: 200px;
	height: auto;
	background: url(images/bg-search.png) no-repeat top #FFFFFF;
	color:#666;   /*666*/
	padding-left: 5px;
}
.box-search-bottom-house { /* main content*/
	width: 200px;
	height: 20px;
	padding-left: 5px;
	background: url(images/bg-search-bottom.png) no-repeat bottom #FFFFFF;
}



.box-search-land { /* main content*/
	width: 200px;
	height: auto;
	background: url(images/bg-search.png) no-repeat top #FFFFFF;
	color:#666;   /*666*/
	padding-left: 5px;
}
.box-search-bottom-land { /* main content*/
	width: 200px;
	height: 20px;
	padding-left: 5px;
	background: url(images/bg-search-bottom.png) no-repeat bottom #FFFFFF;
}

/* ------------------------- End All box search --------------------------------------*/





         .projectheader {
		    line-height: 20px;
			color:#333;
            font-family:arial;
            font-size:12px;
            font-weight:normal;
            border-top:0px solid #999; /*#C8BA92*/
            border-left:0px solid #999; /*#C8BA92*/
            border-right:0px solid #999; /*#C8BA92*/
            padding:15px;
            width:750px;
			filter:alpha(opacity=99);
			-moz-opacity:.99;
			opacity:.99;
         }
         
         .projectbody {
		 position:absolute;
		 margin: -320px 10px;
		 line-height: 20px;
            background:#eef7f8;
			color:#666;
            font-family:arial;
            font-size:12px;
            border-top:1px solid #999; /*#C8BA92*/
            border-left:1px solid #999; /*#C8BA92*/
            border-right:1px solid #999; /*#C8BA92*/
            border-bottom:1px solid #999; /*#C8BA92*/
            padding:25px;
            width:650px;
			filter:alpha(opacity=99);
			-moz-opacity:.99;
			opacity:.99;

/*
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
*/
         }