/* for malay: rgb(117,158,26)=>rgb(0,50,150) & bg.jpg=>bg.png
	Jommla Design from
	http://www.joomladesigns.co.uk

*/




img { border:none; }
ol{ margin-left:40px; list-style-position:inherit; }
blockquote { margin: 10px; }
blockquote div { }
pre { padding: 10px; }
.clear { clear: both }
/* joomla - mambo css */
table.contenttoc{ border:1px solid  #EED7C7; margin:3px;	padding:5px }
.contenttoc th{ background-color: #996666; padding:3px; color:#FFFFFF; font-weight:bold }
.contenttoc a { font-size:11px; padding:0 5px 0 5px; font-weight:normal	}
.contenttoc a:hover { font-size:11px; color:#FFFFFF; padding-left:5px }
.contenttoc td { padding:3px; background:#EED7C7 }
.contentpane{
    font-family:verdana,Trebuchet MS, Arial,Tahoma,  Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:left;
}



#leftside .moduletable td { text-align:left; padding-left: 2px }

div.moduletable { margin-bottom:10px; text-align:left }
div.moduletable td { text-align:left }
div.moduletable h3 { text-align:left;	color: #00CC66;	font-weight:normal;	font-size:16px;	margin-bottom:5px }
table.moduletable th {	float: left; padding: 0 }

.contentpaneopen fieldset{ 	width:100%; border:none }
.contentpaneopen td{	padding:0; text-align:left; line-height:18px }
.contentdescription { }

.latestnews li {list-style-type:none;}
.latestnews li a { border-bottom:1px solid #f0f0f0; display:block }
.latestnews li a:hover { }

.mostread li {list-style-type:none }
.mostread li a { border-bottom:1px solid #f0f0f0; display:block }
.mostread li a:hover { }



 a.contentpagetitle:link,a.contentpagetitle:hover {
	font-family: Tahoma,Arial,tahoma, Helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;
}
a.contentpagetitle:hover{ color: #CCCC99 }

td.createdate{
	color: #A2A8B3;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #f0f0f0;
	
}
.modifydate,.small{
	color: #CCCCCC;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

.highlight { background-color: #009900; color:#FFFFFF; }
.mosimage { margin: 5px; padding:2px; border:1px #f0f0f0 solid; }
.mosimage_caption {
	background-color:#f0f0f0;
	padding:1px 2px;
	color:#c0c0c0;
	font-size:10px;
}
.contentpaneopen img { margin:5px }
.contentpane img { margin:5px }

	
a.mainlevel, a.mainlevel:link, a.mainlevel:visited {
	display:block;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	text-transform: capital;
	color:#000;
	padding-top:4px;
	border-bottom: 1px dashed #e5e5e5;
	cursor: pointer;
}
a.mainlevel:hover {
	text-decoration:none;
	color:rgb(0,50,150); 
}
a.mainlevel#active_menu {
	color: rgb(0,50,150);
	font-weight:bold;
}
a.mainlevel#active_menu:hover {
	color: rgb(0,50,150);
	text-decoration: underline;
}
a.sublevel, a.sublevel:link, a.sublevel:visited {
	font-size:11px;
	padding-left:18px;
	padding-bottom:3px;
	line-height:16px;
	display:block;
	margin-left:10px;
	font-family:Arial, Verdana,Tahoma;
	color: rgb(0,50,150);
	text-transform: none;
	font-weight:normal;
	text-decoration: underline;
	background: url(/artwork/indent1.png) no-repeat 0px 3px;
	cursor: pointer;
}
a.sublevel:hover {
	text-decoration:none;
}

#mod_login_username{
	width:95%;
	padding: 2px ;
	border: 1px solid #999999;
	font-size: 10px;
	margin:0px 10px 5px 0;
	

}
#mod_login_password{
	width:95%;
	padding: 2px ;
	border: 1px solid #999999;
	font-size: 10px;
	margin:0px 10px 5px 0;
	
}
#mod_login_remember{
	border:none;
	background:none;
}
ul#mainlevel-nav {       
	list-style : none; 
	font-size : 11px;  
	padding-top: 0px;
	
} 
ul#mainlevel-nav li {
	float : left;
	font-size : 11px; 
	text-transform : lowercase;
	text-align : center; 
	line-height : 33px; 
	font-family : Arial,Tahoma, Helvetica, sans-serif; 
	display : block;
	padding-right:5px;       
} 
ul#mainlevel-nav li a {
	display : block; 
	padding-left : 8px; 
	padding-right : 8px;
	text-decoration : none; 
	color: #fff;
	font-weight: bold
 } 

.inputbox {
	font-size:11px;
	border:1px solid #aaa;
	background:#FFF;
	}
.button {
	background-color: #c0c0c0;
	padding:1px;padding:2px !important;
	color:#ffffff;
	font-size:11px;
	border:1px solid #999999;
	}

.sectiontableheader {
	font-weight:bold;
	background: #898989;
	padding:4px;
	color:#fff;
}
.sectiontableentry1 td {
	padding:2px;

}
.sectiontableentry2 td{
	padding:2px;
	background: #f0f0f0;
}
.sectiontableentry1 {
	padding:2px;}
.sectiontableentry2 {
	padding:2px;}

ul.latestnews li{
	padding:2px 2px 5px 0px;
	margin-left:0px;
	color:#c28279;
	width:auto;
	text-align:left;
}
.latestnews a:link{
	text-transform: lowercase;
	color: #c28279;
}
.latestnews a:visited{
	color: #c28279;
}
.latestnews a:hover {
	color: #666666;
}
ul.mostread li{
	padding:2px 2px 5px 0px;
	margin-left:0px;
	color:#c28279;
	width:auto;
	text-align:left;
}
.mostread a:link{
	text-transform: lowercase;
	color: #c28279;
}
.mostread a:visited{
	color: #c28279;
}
.mostread a:hover {
	color: #666666;
}
.readon {
	font-size :10px;
	height:20px;
	padding: 0px 5px 2px 0px;
	}
.readon a:hover {
	color:#999999;
}

.back_button a { 
	padding:2px 5px 2px 5px; 
	background: #f0f0f0;
	
}
.back_button a:hover { 
	padding:2px 5px 2px 5px; 
	background: #ddd;
	color:#FFFFFF;

}
.pagenav {
	text-align: center;
	color: #ffffff;
	background-color: #cccccc;
	margin: 0px -2px 0px 0px;
	padding: 1px 6px 1px 6px;
	font-size:11px;
	font-family:arial,verdana,tahoma;
	
	}
a.pagenav, a.pagenav:visited {
	color:#ffffff;
}
a.pagenav:hover {
	color: #ffffff;
	background-color: #000000;
	border:1px solid #5d5d5d;
}



#wrap { width: 800px; margin: 0px auto; padding: 0; }
#content { margin: 0 auto; width: 800px;   }


#top { margin: 0 auto;  height: 153px; background: url(/artwork/top.jpg) no-repeat top left }	
	#top  #title { background: transparent;  width: 800px }
		
			#title h1 { 
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: 17px;
				color: #fff;
				font-weight: bold;
				text-align: center;
				padding-top: 45px;
			}	
		
			#title h2 {
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: 16px;
				color: White;
				padding-left: 5px;
				text-align: center;
			}
			#title h3 {
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: 15px;
				color: rgb(0,50,150);
				padding-left: 5px;
				text-align: center;
				font-weight: bold;
				margin-bottom:5px;
			}
	#top #menu { float: right; padding-top: 40px !important; padding-top: 41px; height: 25px;}
	#top a { color: rgb(0,50,150) }
	#top a:hover { text-decoration: underline }
	#search { float: right;  margin-top: 43px; display: inline }
	#date { float: right; padding: 45px 150px 0 0; width: 200px;}
	 

#breadcrumbs { width: 730px; height: 20px; margin: 0 auto; background: #7E8E99; margin-top: 2px; font-size: 11px;}
#breadcrumbs .br { padding: 0 0 0 5px; color: #FFF; line-height: 20px; }
#breadcrumbs a { color: #FFF; }

#main { margin: 0px -5px auto; width: 800px; padding: 0px 5px 0px 5px; background: rgb(255,255,255) url(/artwork/main_bg.png) repeat-y top center; color: #ffffff;}
		#main #rightside { float: right; width: 570px; margin: 0px; padding: 10px 0px 10px 0px; background: White;
}
		#main #rightside .padding { padding: 0px 25px 0px 5px;  }
.content_text {line-height: 18px;}
		#main #rightside ul { padding-left: 15px; }
		#main #rightside a { color: rgb(0,50,150); font-weight: normal }
		#main #rightside a:hover { color: rgb(0,50,150); font-weight: normal;  text-decoration: underline;  }
		#newsflash  { padding: 10px 500px 10px 10px }
		#newsflash td { font-size: 12px; color: #fff;  }
		#newsflash tr {
			color: #FFF;
			font-family: Arial,tahoma, Helvetica, sans-serif;
			text-decoration:none;
			font-weight:normal;
			font-size:20px;
			text-align: left
		}
		#newsflash a { color: #FFF }
		#newsflash a:hover { text-decoration: underline }
		

		#main #leftside { float: left; width: 200px; margin: 0px; padding: 0px 0px 0px 7px;  background: White;  }		
		
/*---------------*/

html		{overflow-y: scroll;}
*		{margin: 0px; padding: 0px; }
body		{margin: 0 auto; background: #C1C1C1 url(/artwork/bg.png) repeat-x top; color: black; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px;}
#mainimg	{padding-top: 12px; background: #585858 url(/artwork/mainimg.jpg) no-repeat 0px 0px; height: 198px; width: 800px;}
.right		{float: right }
.mod		{margin: 10px 0 5px 0; border: 1px solid #e5e5e5; background: #f8f8f8; padding: 5px; width: 530px; }
.mod2		{margin: 10px 0 5px 0; border: 1px solid #e5e5e5; background: #f8f8f8; padding: 5px; width: 530px; }
td,p,div,tr	{font-family:Arial, Tahoma,verdana; font-size: 12px; color: #666666;}
a:link,a:visited{color: rgb(0,50,150); font-weight:bold; text-decoration: underline;}
a:hover		{color: rgb(0,50,150) }
form		{display:inline; margin:0; padding:0; }
h1		{color: rgb(0,50,150); font-family: Arial,tahoma, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:15px; padding: 5px 0 0 0px; text-align:left; display: box; margin-bottom: 5px; background: transparent; height: 20px;}
h2		{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: White;}
h3		{font-family: Arial, Verdana, Helvetica, sans-serif; color: rgb(0,50,150); font-weight:normal; font-size: 15px; margin-bottom:5px;}
h4		{color: #287FC2; font-weight:normal;	font-size:16px }
h5		{color: #979797; font-weight:normal;	font-size:9px }

#footer	{position: relative; height: 70px; clear: both; text-align: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid rgb(100,100,100); background: rgb(0,50,150); width: 100%; color: color: rgb(255,255,255);}/*#ababab url(/artwork/footer.jpg) no-repeat top center*/
#tradewinds	{float: left; margin-left: 10px; text-align: left; font-size: 11px; color: white;}
#tradewinds img	{margin: 10px 10px 0px 0px;}
.tradewinds	{font-size: 11px; color: white;}
span.big	{font-size: 18px;}

ul { margin: 10px }
li { padding-left: 5px; line-height: 22px; }

#leftside #mainmenu	{margin: 0px 5px 20px 5px; text-align:left; background: transparent; width: 190px; padding: 10px 10px 10px 5px;}
#leftside #mainmenu .menutitle	{padding: 5px 0 0 0px; text-align:left; display: box; margin-bottom: 5px; background: transparent; height: 20px; font-size: 15px; color: #5F6365; font-weight: bold;}
#leftside #sidebar	{margin: 0px 5px 20px 5px; text-align:left; background: transparent; width: 190px; padding: 10px 10px 10px 5px;}
#leftside #sidebar .menutitle	{padding: 5px 0 0 0px; text-align:left; display: box; margin-bottom: 5px; background: transparent; height: 20px; font-size: 15px; color: #5F6365; font-weight: bold;}

div.featured_property {position: relative; display: block; float: left; width: 120px; margin: 0px 15px 20px 0px;}
div.featured_property a {display: block; font-weight: normal; text-decoration: none;}
div.featured_property span {color: #5F6365; font-weight: bold;}
div.featured_property .hp_img {margin: 0px 0px 3px 0px; padding: 0px; width: 120px; overflow: hidden;}
#main #rightside div.featured_property .hp_img {height: 90px;}

#main #rightside div.listing_property	{position: relative; display: block; margin: 0px; clear: both;}
#main #rightside div.listing_property a	{display: block; font-weight: normal; text-decoration: none;}
#main #rightside div.listing_property span	{color: #5F6365;}
#main #rightside div.listing_property .lp_img	{margin: 0px 10px 5px 0px; width: 120px; height: 90px; float: left; overflow: hidden;}
#main #rightside div.listing_property .lp_price	{float: right;}
#main #rightside div.listing_property hr	{clear: both; margin: 10px 0px 10px 0px; height: 1px; background-color: rgb(200,200,200); border: 0px;}


.green {color: rgb(0,50,150);}

.nophoto	{text-align: center; font-weight: bold; color: rgb(160,160,160); line-height: 14px; padding-top: 4px; border: 1px solid rgb(200,200,200);}

#property_photos	{position: relative; display: block; float: left; width: 120px;}
#property_photos a	{position: relative; display: block; margin-bottom: 2px;}
#property_details	{position: relative; display: block; float: right; width: 400px;}
#property_details div#specs	{position: relative; display: block;}
#property_details div#specs span.lbl	{position: relative; display: block; float: left; font-weight: bold; width: 150px;}
#property_details div#text	{position: relative; display: block; clear: both;}

/*---------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/lightbox2/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/lightbox2/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*---------------*/

#omadmedia	{position: relative; float: right; margin: 10px 5px 5px 0px; color: rgb(100,100,100);}
#omadlogo	{position: relative; float: right; text-align: left; margin-left: 10px; z-index: 60;}
#omadlogo a	{margin: 0px;}
#omadlogo img	{position: relative; display: block; border: 0px;}
#omadlinks	{position: relative; margin-top: 3px; color: rgb(100,100,100); font-size: 10px; line-height: 10px; text-align: right; z-index: 50;}
#omadlinks a	{color: rgb(100,100,100); font-weight: normal; text-decoration:none;}
#omadlinks a:hover	{color: rgb(100,100,100); font-weight: normal; text-decoration:underline;}



/* ======| form |================================================================================================================================= */

fieldset {position: relative; display: block; width: 550px; margin: 0px 0px 15px 0px; padding: 0px; border: 0px;}
fieldset legend {position: relative; display: block; margin: 0px 0px 15px 0px; padding: 0px; font: bold 12px arial; color: rgb(0,50,150);}
fieldset div.form_zone	{position: relative; display: block; width: 550px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; min-height: 24px; border: 0px;} /* height: 24px; overflow: visible; added clear: both; background-color: rgb(255,215,215); */
fieldset div.form_zone.error {background: url('form_error.png') no-repeat 0px 0px;}
fieldset div.form_zone div.form_label	{position: relative; display: block; float: left; width: 140px; height: 24px; margin: 0px 10px 0px 0px; padding: 0px; text-align: left;}
fieldset div.form_zone div.form_label label	{font: 13px arial; color: rgb(80,80,80); line-height: 24px;}
fieldset div.form_zone div.form_label div.error_icon {display: none; background: url('label_error.png') no-repeat center center; line-height: 24px; padding-left: 21px;}
fieldset div.form_zone.error div.form_label {font-weight:bold; color: rgb(200,10,0);}
fieldset div.form_zone.error div.form_label div.error_icon {display: none;}
fieldset div.form_zone div.form_field	{position: relative; display: block; float: left; width: 225px; height: 24px; margin: 0px; padding: 0px; line-height: 24px;}
fieldset div.form_zone div.form_error	{position: absolute; right: 0px; top: 0px; display: none; width: 160px; height: 24px; margin: 0px 5px 0px 10px; padding: 4px 0px 0px 20px; font-weight: bold; background: url(error_arrow.gif) no-repeat 2px 2px; color: rgb(200,10,0); line-height: 14px; overflow: visible;}
fieldset div.form_zone div.form_info	{position: absolute; right: 0px; top: 0px; display: none; width: 160px; height: 24px; margin: 0px 5px 0px 10px; padding: 4px 0px 0px 20px; line-height: 14px; background: url(info_arrow.gif) no-repeat 2px 2px; overflow: visible;}
fieldset div.form_zone div.form_error.visible	{display: block;}
fieldset div.form_zone div.form_info.visible	{display: block;}
fieldset div.form_zone div.form_field input.text	{position: relative; top: 2px; width: 200px; height: 17px; margin: 0px; padding: 1px 0px 0px 3px; border: 1px solid rgb(180,180,180);} /* [type="text"] => .text */
fieldset div.form_zone div.form_field input.file	{position: relative; top: 2px; margin: 0px; padding: 0px; width: 280px; height: 20px; border: 1px solid rgb(180,180,180);} /* width: 375px;*/

fieldset div.form_zone div.form_select	{position: relative; display: block; float: left; width: 225px; margin: 0px; padding: 0px 0px 0px 0px; line-height: 24px;}
fieldset div.form_zone div.form_select select		{position: relative; top: 2px; width: 204px;  margin: 0px; padding: 0px; border: 1px solid rgb(180,180,180);}
fieldset div.form_zone div.form_select select optgroup	{font: bold 13px arial; color: rgb(80,80,80); line-height: 24px; padding-left: 6px; background: rgb(222,240,255);}
fieldset div.form_zone div.form_select select option, fieldset div.form_zone div.form_field select optgroup option	{font: 13px arial; color: rgb(0,0,0); line-height: 24px; padding-left: 4px; background: rgb(255,255,255);}

fieldset div.form_zone div.form_checkboxes	{position: relative; display: block; float: left; width: 225px; margin: 0px; padding: 0px; line-height: 17px;}
fieldset div.form_zone div.form_checkboxes input.checkbox	{position: relative; top: 0px; width: 17px; height: 17px; margin: 0px 5px 0px 0px; padding: 0px;}
fieldset div.form_zone div.form_checkboxes label		{font: 12px arial; color: rgb(10,10,10); line-height: 17px;}

fieldset div.form_zone div.form_radioes	{position: relative; display: block; float: left; width: 225px; margin: 0px; padding: 0px; line-height: 17px;}
fieldset div.form_zone div.form_radioes input.checkbox	{position: relative; top: 0px; width: 17px; height: 17px; margin: 0px 5px 0px 0px; padding: 0px;}
fieldset div.form_zone div.form_radioes label		{font: 12px arial; color: rgb(10,10,10); line-height: 17px;}

fieldset div.form_zone div.form_plain_text	{position: relative; display: block; float: left; margin: 0px; padding: 0px 0px 5px 0px; line-height: 15px;}

fieldset div.form_zone.wysiwyg_zone	{height: 460px;}
fieldset div.form_zone div.form_wysiwyg	{position: relative; display: block; float: left; clear: left; width: 740px; height: 400px; margin: 2px 0px 2px 0px; padding: 0px;}
fieldset div.form_zone div.form_textarea	{position: relative; display: block; float: left; width: 225px; height: 100px; margin: 0px; padding: 0px; line-height: 24px;}
fieldset div.form_zone div.form_textarea textarea	{position: relative; top: 2px; width: 200px; height: 93px; margin: 0px; padding: 1px 0px 0px 2px; border: 1px solid rgb(180,180,180);}
fieldset div.form_zone div.form_textarea .fake_textarea	{position: relative; top: 2px; width: 200px; height: 93px; margin: 0px; padding: 1px 0px 0px 2px; border: 1px solid rgb(180,180,180); line-height: 14px; overflow: auto;}

div.form_buttons	{position: relative; display: block; height: 25px; margin: 0px; padding: 0px 0px 0px 150px; overflow: visible; text-align: left; clear: both}
div.form_buttons input.submit, div.form_buttons input.button		{position: relative; display: inline; width: 205px; height: 25px; margin: 0px 10px 0px 0px; padding: 0px; font-size: 14px; cursor: pointer; border: 0px; background-color: rgb(0,50,150); color: white;} /* [type="submit"] => .submit */
div.form_buttons input.submit:hover, div.form_buttons input.submit:button	{background-color: rgb(0,50,150);}

/* =============================================================================================================================================== */

td {padding: 15px;}