/*
   phuket.css
   phuketrenthouse
   
   Copyright 2010 firedev.com
*/


* { margin:0;padding:0;outline:0;}
html, body { height: 100%;}
body { min-height: 100%;
 height: auto !important;
 height: 100%;
 position: relative;
}

/*mjau*/
.right-click {
	display:block;
	color: #777777;
	font-size: 11px;
}
.code {
	border: 1px dashed #999999; 
	padding: 10px;
	font-family: Courier;
	background-color: #EFEFEF;
	color: #666666;
}
.faq {
	margin-top: 20px;
}
.faq h2{
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 30px;
}
.notice {
	background-color: #fdf5ed;
	padding: 20px;
	border: dashed 1px #eba14b;
	border-top-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.separator {
	margin-bottom:30px;
}
#page-footer {
	margin: 100px 0px 0px 0px;
	clear: both;
}

#top-link {
	margin: 0 20px 5px 0px;
	text-align: right;
}
#top-link a {
	background: url("/images/up-arrow.png") 0px 2px no-repeat;
	padding-left: 12px;
	font-size: 11px;
}
#footer-table {
	padding: 35px 10px 30px 20px;
	background-color: #f3f7fb;
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
}
#footer-table td {
	padding: 0px 0px 0px 25px;
	border-left: 1px solid #EEEEEE;
}
#footer-table strong {
	color: #555555;
}
#bottom-links {
	padding: 30px 0px 0px 20px;
	text-align: center;
}
.mylinks a{
	font-size: 15px;
}
.mylinks p{
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.mylinks h2{
	font-size:26px;
	margin: 30px 0px 20px 0px;
}
ul.list-properties li {padding: 0px 0px 0px 0px;}
/*.list-tooltip span {float: right;}*/
.list-tooltip img {/*float: right;*/ border:1px solid #FFFFFF; margin: 0px 0px 12px 0px;}
ul.list-properties li { padding: 2px 0px 2px 12px;}
ul.list-properties li a.question { cursor: pointer;}
ul.big li {
	font-size: 15px;
	padding: 3px 0px 3px 15px;
}
span.nospacefix {
position: absolute;
}
#free-listing {
	position: absolute;
	left: 830px;
	top: 110px;
	width: 120px; height: 120px; 
	background: url(/images/free-listing.png) top left no-repeat;
	z-index: 999;
}
.propertyList .prototip { width: 200px;}

* html #free-listing { background: url(/images/free-listing.gif) top left no-repeat;}


.map a {
	background-color: #226abb;
	padding: 2px 10px 3px 10px;
	color: #FFFFFF;
	position: absolute;
	cursor:pointer;
}
.map.small a {
	padding: 0px 4px 1px 4px;
}
.map.small a.active {
	background-color: #eba14b;
}
.map a:hover {
	text-decoration: none;
	background-color: #eba14b;
}
body.add ul {font-size: 11px;}
body.guide .contentSidebar li, body.add .contentSidebar .heading  {
	font-size: 18px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type:none; font-family: Optima, Candara, Tahoma, sans-serif;
}
body.guide .contentSidebar li { margin: 0 9px 0 0;}
body.add .contentSidebar .heading  {
	color: #9dcbff;
}
body.add .contentSidebar p{
	font-size: 12px;
	color: #fff;
	line-height: 130%;
	padding: 9px 0px 16px 0px;
	margin: 0;
}
body.guide .contentSidebar li a{
	display:block; 
	padding: 7px 0px 7px 10px;
	margin: 0 0 1px 0;
}
.guide .contentSidebar li a.selected,
.guide .contentSidebar li a:hover{background-color: #478ad4;}
.myingress{
	font-size: 17px;
	line-height: 25px;
	font-family: Optima, Candara, "Trebuchet MS",Tahoma, sans-serif;
}




body, input, textarea, select, td, .normal { font: 12px/18px "Lucida Grande", Tahoma, sans-serif; color: #444; }
textarea,  input.text { padding: 2px; border: 1px solid #ccc; color: #999; width: 360px; }
textarea { height: 216px;}
textarea:focus, input.text:focus { border-color: #444; color: #444;}
.contentWelcome input.text { font-size: 18px; width: 360px;}
.houseEdit textarea,  .houseEdit input.text { width: 468px;}
body { text-align: center; background: #fff;}
/*body { text-align: center; background: #fff url(/images/pageBg.png) center 72px no-repeat;}*/

a { color: #1C77DE; text-decoration: none;}
a img { border: 0;}
a:hover { text-decoration: underline; }

.sidebarFilter a, .contentPager a, a.itemContent,a.itemContent:hover, .headerMenu a, .contentTabs a, .button a { text-decoration: none;}

h1,h2,h3,h4, span.button *{ color: #1C77DE; font-weight: normal; font-family: Optima, Candara, "Trebuchet MS", Tahoma, sans-serif;}
h1 { font-size:27px; line-height: 27px; margin: 0 0 18px 0;}
h2, .house h1 { font-size:18px; margin: 0 0 10px 0; line-height: 22px;}
h3 { font-size:16px; margin: 0 0 9px 0;}
h4 { font-size:13px; margin: 0 0 4px 0;}
/*h2.top { position: relative; bottom: -36px; }
*/

p, table, ul { margin: 0 0 18px 0;}

i { font-style: normal;}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

ul li { margin: 0 0 0 18px; padding: 0; }
.contentBody ul, #myfeatures li{ list-style: none;}
.contentBody li, #myfeatures li {	margin:0;padding: 0 0 0 12px; background: url(/images/liBullet.png) left 6px no-repeat; line-height: 18px;}
.contentBody li.neg, #myfeatures li.neg { background-image:url(/images/liBulletNeg.png);}
.contentBody a img { border: 1px solid #CCCCCC; padding: 1px; background: white;}

fieldset { /*border: 1px solid #185190;*/ border: #ddecfd solid 0px; padding: 9px 18px; background: #ddecfd; margin: 0 0 9px 0;}
/*fieldset ul{line-height:10px;}*/

table { border-collapse: collapse;  width: 100%;}
table td { border: 0; vertical-align: top; /*line-height: 27px;*/ }
table.col2 td { width: 50%;}
table.col3 td { width: 33%;}
table ul { margin: 0;}
table li { margin: 0 0 6px 18px;}
table.tableDescription { margin: 0 0 18px 0;  }
table.tableDescription td { padding: 0 18px 6px 0; font-size: 12px;}
table.tableDescription .c1 { font-weight: bold;}


.tableAddFeatures { margin: 18px 0 0 0;}
.tableAddFeatures td { padding: 0 0 18px 18px;}
/*.tableDescription,
.tableDescription li,
.tableFeatures li { line-height: 16px;}
*/

.propertyOverview { margin: 0 214px 0 0; zoom: 1; }

/*#simpleFilter, #advancedFilter { padding: 9px 0 0 0;}*/
#advancedFilter input { margin: 0 4px 0 0;}
#advancedFilter div,
form .formSRow, form .formRow { margin: 0 0 9px 0; clear: both;}
#simpleFilter strong, #advancedFilter strong { color:#def; }
#simpleFilter a { padding: 0 0 0 18px; background: url(/images/iconPlus.png) 3px center no-repeat;}
#advancedFilter a { padding: 0 0 0 18px; background: url(/images/iconMinus.png) 3px center no-repeat;}

form .formRow { position: relative; }
form .formRow div { margin: 0 0 0 162px; }
form .formRow label { float: left; width: 144px; position: relative;} 
form .formRow label.captcha img { width: 120px; height: 60px;}
.contentWelcome label { font-size: 14px; line-height: 27px;}
form .formRow .inline label,
form .formRow label.inline { display: inline; margin:0; padding:0; position: static; width: auto; float: none;}
form .formRow span.help {  position: absolute; top: 0; right: 0;display: block; width: 20px; height: 18px; background:url(/images/admin/icon_support.gif) no-repeat; cursor: help;}

.contentBody form .formRow b, .required { color: #185190; }	

.page { width: 960px; margin: 0 auto; text-align: left; padding: 0 0 0 0; min-height:100%;*height:100%;}
	
	.userMenu { color: #666; /*xbackground: #bbd9fa;*/ text-align: right; padding: 8px 27px 4px 18px; margin: 0 0 1px 0; font-size: 12px;}
	.userMenu a {  margin: 0 0 0 9px; }
	.userMenu a:hover { text-decoration: underline;}
	.userMenu .pageMenu { float:left;}
	.userMenu .pageMenu a { margin: 0 0 0 9px;}
	
.pageHeader {height: 198px; position: relative; background: url(/images/phuket-rent-house-header.jpg) center top no-repeat;}
	.headerOverlay {height: 198px; background: url(/images/headerOverlay.png) top left no-repeat; position: relative;}
	.header-logo {position: absolute; top: 42px; left: 77px; width: 340px; height: 70px; display: block;}
		body.add .headerTitle { background-position:0 -27px; }
		body.guide .headerTitle { background-position:0 -54px; }
		body.my .headerTitle { background-position:0 -81px; }
	
		.headerMenu { height: 31px; position: absolute; bottom: 0; left: 270px; font-family: Optima, Candara, "Trebuchet MS", Tahoma, sans-serif;}
		.headerMenu ul { list-style: none; }
		.headerMenu ul li { float: left;  margin: 0 9px 0 0px; height: 31px;}
		.headerMenu ul li.button1 a { width: 120px;}
		.headerMenu ul li.button2 a { width: 120px;}
		.headerMenu ul li.button3 a		{ width: 180px;}
		.headerMenu ul li a { display: block; line-height: 31px; height: 31px; color:#999;  background: url(/images/headerButton.png) 0 0 no-repeat; padding: 0 0 0 18px; font-size: 16px;}
		.headerMenu ul li a strong { font-weight: normal;display: block; line-height: 31px; height: 31px;  text-align: center;   background: url(/images/headerButton.png) right -31px no-repeat; padding: 0 18px 0 0; cursor: pointer;}
		.headerMenu ul li a:hover { color: #007ce0;}
			
		.headerMenu ul li a.selected { background-position: 0 -62px ; }
		.headerMenu ul li a.selected strong  { background-position: right -93px; color: #1C77DE;}
	
	.pageContent { overflow: hidden; }

		.contentSidebar { float: left;   width: 261px; margin: 0 0 0 0px; }
		.contentSidebar .rss { padding: 9px 0 0 0;}
				.contentSidebar .rss a{ display: block; line-height: 36px; height: 36px; padding: 0 0 0 54px; background: url(/images/iconRss.png) 18px 4px  no-repeat;}

			.sidebarFilter {  background: #226abb url(/images/filterBg.png) top left repeat-y;}
			.sidebarFilter .currency {font-size: 10px; display:block;height: 18px;}
			.sidebarFilter .currency, 			.sidebarFilter .currency a { color: #DDEEFF; }
			.sidebarFilter .currency a:hover { color: white;}

			* html .sidebarFilter .locations { background-image: url(/images/filter-map/phuket.png); background-position: 100px center; background-repeat: no-repeat;}
			 .locations.PHU { background-image: url(/images/filter-map/phuket-phu.png);}
			 .locations.CHA { background-image: url(/images/filter-map/phuket-cha.png);}
			 .locations.PAT { background-image: url(/images/filter-map/phuket-pat.png);}
			 .locations.RAW { background-image: url(/images/filter-map/phuket-raw.png);}
			 .locations.KAR { background-image: url(/images/filter-map/phuket-kar.png);}
			 .locations.KAT { background-image: url(/images/filter-map/phuket-kat.png);}
			 .locations.KAM { background-image: url(/images/filter-map/phuket-kam.png);}
			 .locations.BAN { background-image: url(/images/filter-map/phuket-ban.png);}
			 .locations.TAL { background-image: url(/images/filter-map/phuket-tal.png);}
			 .locations.EAS { background-image: url(/images/filter-map/phuket-eas.png);}
			 .locations.KTH { background-image: url(/images/filter-map/phuket-kth.png);}
			 .locations.NOR { background-image: url(/images/filter-map/phuket-nor.png);}

			.sidebarFilter .locations label { cursor: help;}
			
			.sidebarFilter .bedrooms input.text { width: 27px;}
			.sidebarFilter .price input.text { width: 54px;}
			.sidebarFilter fieldset { border-color: #2d72be; background: #2d72be;  margin: 0 0 9px 0px; color: white; padding: 9px 0 4px 13px; position: relative;}
			.sidebarFilter fieldset:hover {background-color:#3779c1;}
			.sidebarFilter select { width: 180px;}
			.sidebarFilter input.text { width: 172px;}
			#ccDiv table { margin: 0;}
			#ccDiv td { color: white; padding: 9px 0 0 0;}
			#ccDiv select { width: 120px; margin: 0 0 0 9px;}
			#ccDiv input { width: 112px; margin: 0 0 0 9px;}
			#noCC a { padding: 0 0 0 18px; background: url(/images/iconPlus.png) 3px center no-repeat; color:#DDEEFF; font-weight: bold;}
			#ccDivContainer a { padding: 0 0 0 18px; background: url(/images/iconMinus.png) 3px center no-repeat; color:#DDEEFF; font-weight: bold;}
			
				.filterInlay { background: url(/images/filterInlay.png) top left no-repeat; padding: 0px 27px 9px 27px;  color: white; zoom: 1; position: relative;}
/*				.filterInlay .formRow.button { text-align: center;}*/
				.filterInlay.flat { background: none; padding: 9px 27px 9px 27px;}
				.filterInlay.flat fieldset { }
				.filterInlay a { color: white;}
/*			.sidebarFilter form .formRow { margin: 0 0 9px 27px; }*/
			.filterBottom {  height: 18px; background: url(/images/filterBottom.png) top left no-repeat;  }
			.filterTop {  height: 18px; background: url(/images/filterTop.png) top left no-repeat; }
/*			.filterBottom fieldset { padding: 18px 27px; }
			.filterBottom input.text { width: 180px;}

*/		
		.contentBody { float: right; width: 672px; padding: 28px 0 9px 0;}
		.contentBody .userLoggedIn { margin: 0 0 9px 0;}
		.contentBody .userLoggedIn a { color: #666;}
		.contentBody .userLoggedIn a.selected { text-decoration: underline; color: #1C77DE;}
		.bodyInlay { padding-left: 18px;}
		.bodyInlay h2 { margin: 0 0 18px 0;}
			.contentWelcome { background: #def; padding: 18px 18px 18px 18px; margin: 0 0 18px 0;  font-family: Optima, Candara, Tahoma, sans-serif;}
				/*#indexWelcome{height:110px; overflow: hidden; height: 160px; position: relative; padding-bottom: 0;}*/
				#indexWelcome {overflow: hidden; padding-bottom: 40px; position: relative; zoom: 1;}
				/*#indexWelcome h2 { font-size:27px; line-height: 27px; margin: 18px 0 18px 0;}*/
				#slider { position: relative; width: 636px; height: 122px; /*outline: 1px solid red;*/}
				#slider div.slide { width: 636px; /*outline: 1px solid blue;*/ height: 144px; position:absolute;}
				#slider div.slide p { margin: 0;}
				
				#slider div.slide1 {  top:0; left:0;  }
				#slider div.slide2 {  top:0;left:672px;   }
				#slider div.slide3 {  top:0;left:1344px;}
				#slider div.slide4 {  top:0;left:2016px;}
				#slider .slideControls { position: absolute; right:0px; bottom:0px; height: 20px;  }
				#slider .slideControls a { background: #4992e5; color: white; padding: 0px 9px 2px 9px; text-decoration: none; font-size:18px; }
				#slider .slideControls a:hover { background: #1C77DE; }
				
				.contentWelcome h1, .contentWelcome h2 { padding:5px 0px 15px 0px; margin:0px; font-size: 26px; color: #1c77de;}
				.contentWelcome p { font-size: 15px; line-height: 19px;}
		
			.contentSort { float: right; margin: 0 0 0 9px;}
						.contentSort select {}
			.contentFound { float: right; }
			.contentPager { margin: 0; /*line-height: 27px;*/  }
				.contentPager.bottom {margin-top:18px;}
				.contentPager.top { border-bottom: 1px #bbd9fa solid; padding: 9px 0 0 0; height: 36px; }
				.contentPager a, 
				.contentPager span {  padding: 4px 9px; color: #999; }
				.contentPager a:hover { color: #185190; background: #def;}
				.contentPager a.selected,
				.contentPager span { background: #def; color: #185190; }
			.contentNothing { margin: 40px 0 0 0 ;}
			.contentList {}
				/*.listItem { overflow: hidden; margin: 0 0 18px 0;  border-bottom: 1px #bbd9fa solid; margin: 0 0 18px 0; padding: 3px 0 14px 0; zoom: 1;}*/
				.listItem { overflow: hidden; margin: 0 0 18px 0;  border-bottom: 1px #bbd9fa solid; margin: 0 0 0px 0; padding: 20px 10px 14px 10px; zoom: 1; cursor: pointer;display: block;}
				
					.listItem:hover { background-color: #f3f7fb; text-decoration:none;}
					.listItem h2 a:hover {text-decoration: none;}
				
					.listItem .itemImage { float: left; display: block; }
					.listItem .itemImage img { border: 1px solid #bbd9fa; padding: 1px; } /*#7b502d #1C77DE*/
					/*.listItem .itemImage a:hover img { border-color: #1C77DE;}*/
	
					.listItem .itemContent { display: block; color: #444;overflow: none; position: relative; margin: 0 0 0 200px; zoom: 1; }
					.listItem .itemContent .itemDescription { display: block; margin: 0 0 9px 0;}
					
				.itemFeatures { line-height: 29px;display: block;}
				.itemFeatures div { margin: 0 0 0px 0;}
				/*.itemFeatures span { padding: 4px 6px; background: #226abb; font-weight: bold; color: white; white-space: nowrap;}*/
				.itemFeatures span { position: relative;}
				.itemFeatures span, .itemFeatures .primary span { padding: 4px 6px; background: #eba14b; color: white; white-space: nowrap;}
				.itemFeatures span:hover, .itemFeatures .primary span:hover { background: #d49044;}
				
				.itemFeatures  span.price { background: #448abb; font-weight: bold;}
				/*.itemFeatures  span.price { background: #80bb44; font-weight: bold;} - new green */
				/*.itemFeatures  span.price { background: #44bb44; font-weight: bold;} - original green*/
				
				/*.itemFeatures.secondary span { background: #f9e3c9; color: #7b502d; font-weight: normal;}*/
				.itemFeatures.secondary span, .itemFeatures .secondary span{ background: #DDECFD; color: #1b579a; font-weight: normal;}
				.itemFeatures.secondary span:hover, .itemFeatures .secondary span:hover { background: #c8def3;}
				.itemFeatures span.propertyCode { color: #999; background: white;}
				.itemFeatures span.propertyCode:hover { color: #999; background: #f3f7fb;}
				
			.itemDescription {  overflow:hidden;}
			.viewItem .itemImage { margin: 0 0 18px 0; }
			
			.contentTabs { line-height: 27px; overflow: hidden; border-bottom: 4px solid #6cf; margin: 0 0 14px 0;}
				.contentTabs a { display: block; float: left; line-height: 27px; height:27px; padding: 0 18px;}
				.contentTabs a.selected { background: #6cf; color:#fff;}
			
			.house h2 { }
				.houseDescription { overflow: hidden;}
				.houseLocation { float: right; padding: 0 0 18px 18px;}
				.houseLocation a img { border: 0;}
				.houseDescription p { padding: 0 18px 0 0;}
				.houseHeader { margin: 0 0 18px 0;}
				.houseHeader h1 { margin: 0 0 4px 0;}
				.houseOverview { margin: 0 0 16px 0;}
				.houseContact {  margin: 0  0 9px 0;}
				.houseTearsheet a { display: block; padding: 0 0 0 36px; line-height: 27px; background: url(/images/tearsheetBg.png) 18px center no-repeat; height: 27px; }
				.houseFeatures { float: right; width: 184px; }
				.houseFeatures h3 { line-height: 18px;}
				.houseFeatures table td {  width: 100%; padding: 0 0 9px 0; font-size: 11px;}
				.houseFeatures fieldset ul { margin: 0;}
				.houseData span { color: #1C77DE; line-height: 15px; display: block;}
				.houseData b { display: block; font-size: 18px; line-height: 24px; }
				.houseData strong { display: block;}
				.houseData small { color: #709ae4; display: block; margin: -3px 0 0 0;}
				.houseData small i, .prototip i { font-size: 4px;}
				.houseData p {padding: 0px; margin: 6px 0px 6px 0px;}

			.userButtons a, body .userButtons a:hover { text-decoration: none;}
				.userButtons a b { color:#fff; padding: 2px 9px; }
				.userButtons { line-height: 27px; height: 27px; margin: 0 0 9px 0;}
				.userButtons a b { background: #f60; }
				.userButtons a:hover b { background: #ff8533; }
				.userButtons a.buttonResume b { background: #090;}
				.userButtons a.buttonResume:hover b { background: #33ad33;}
				.userButtons .houseTearsheet { float: right; margin: 0;}
			

			.houseImage { overflow: hidden; margin: 0 0 6px 0; zoom: 1;}
			.houseImage a { display: block; float: left; position: relative;}
			.houseImage a:hover img { border-color: #1C77DE; }
			.houseImageOverlay { width: 16px; height: 16px; background: url(/images/overlayZoom.png) no-repeat; position: absolute; right: 18px; top: 16px;}

			.housePhotos h2{  border-bottom: 2px solid #ddd; padding: 18px 0 4px 0; margin: 18px 6px 9px 0;}
/*		.housePhotos { clear: both;}*/
			.housePhotos { margin: 0 0 18px 0;}
			.housePhotos a:hover img { border-color: #1C77DE;}
			.printPhotos { display: none;}

			
			.houseOwner, .houseOwnerInfo { margin: 0 0 9px 0;}
			.houseOwner .ownerName { font-size: 14px; color: #1c77de; margin: 0 0 4px 0;}
			.houseOwner .ownerName, .houseOwner .ownerPhone { font-weight: bold;}
			.houseOwner .ownerPhone { padding-left: 23px; background: url(/images/iconPhone.gif) left no-repeat;}
			
			.sendEmail { padding: 18px 36px 0 36px;}
			.sendEmail label { padding: 0 0 0 9px; }
			.sendEmail input.text, 
			.sendEmail textarea { width: 348px;}
			.sendEmail textarea { height: 72px;}
			.sendEmail span.button { margin: -27px 0 0 0;}

.agentInfo { overflow: hidden;}
.agentInfo img { float: left; margin: 23px 15px 10px 0px }

/*quicklinks*/
	a.qmenuicon { margin:0px 10px 0px 0px;float:right; }
	a.qmenuicon img{ margin: 0 1px 0  0; vertical-align: -4px; }
	a.qmenuicon:hover img{ background-color: #DDECFD;	}
	a.qmenuicon:hover { text-decoration: none;}
	a.qmenuicon:hover span { text-decoration: underline;}
	div.qmenu
	{ color: #FFFFFF; position: absolute; z-index: 100; background: #1C77DE; padding:10px 35px 12px 32px; border: solid 1px #1B579A; 	}
	div.qmenu a {	white-space: nowrap; color: #FFFFFF; }
	div.qmenu ul, div.qmenu ul li
	{	line-height:15px; margin-left:2px; padding-left:0px; display:compact; }
	div.qmenu ul {	margin: 2px 0 8px 0; }
	div.qmenu div.closebutton{ position:absolute; top:5px; right:5px; cursor:pointer;	background: url(/images/close.gif) 5px 8px no-repeat; width: 19px;height: 19px;
	}
	li.subItems {	margin: 10px 0px 0px 0px; list-style-image: url(/images/down.gif); }
	ul.subList { list-style-image:url(/images/right.gif); }

/* upload */			
.uploadContainer { overflow: hidden;}
.uploadContainer .uploadListFloatBox { overflow:hidden; margin: 0 0 18px 0;}
.uploadContainer .uploadListFloatBox h2 { display: none;}
.uploadContainer strong { font-weight: normal; padding-top:6px; display:block; }
.uploadImage { float: left; margin: 0 18px 0 0;}
.uploadImageText { margin: 0 0 0 180px; position: relative;}
.uploadImageText textarea { width: 440px; height: 72px; margin: 0 0 9px 0; display: block;}
.uploadLoading { position: absolute; top:45px; left: 200px; }
.formRow .uploadLoading { top: 0; left: -45px;}
.uploadIcon .iconRefresh { line-height: 36px;font-weight: bold; cursor: pointer; padding: 4px 0  5px 20px; background: url(/images/admin/icon_refresh.gif) center left no-repeat;}
.uploadIcon .iconAdd { }
.uploadContainer .iconDrop { padding: 4px 0  5px 20px; background: url(/images/admin/icon_drop.gif) center left no-repeat;}

.sliderControl {width: 181px;}
.sliderControl .range { height:100%; overflow:hidden;}
.sliderControl .range div { font-weight: bold;}
.sliderControl .range div.rangeMin { float:left;}
.sliderControl .range div.rangeMax { float:right;}

.sliderControl .slider,
.sliderControl .controls,
.sliderControl .controls div { height:20px;}
.sliderControl .slider { position:relative; width:181px; padding:0 0 9px 0; background:url("/images/slider.png") 0 0 no-repeat;}
.sliderControl .controls div { position:relative; top:0; left:0; }

.sliderControl .slider .controls { position: absolute; top: 11px; width: 193px; height: 5px; left: -6px; }
.sliderControl .slider .controls div { position:absolute; }
.sliderControl .slider .controls div.handle { width: 13px; height: 17px; top: -8px; background: url(/images/sliderHandle.png) 0 0 no-repeat; cursor:pointer; }
.sliderControl .slider .controls div.span { width: 181px; height: 5px; top: 0px; background: url(/images/sliderSpan.png) 0 0 repeat-x; }


.formRow.button { height: 36px;}
span.button { float: left; line-height: 36px; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; color: #fff; cursor:pointer; display: block; height: 36px; background: url(/images/buttonBg.png) top left no-repeat; padding: 0 0 0 18px;}
span.button span { display: block; float: left; height: 36px; padding: 0 18px 0 0; line-height: 36px; background: #fff url(/images/buttonBg.png) right top no-repeat; }
span.button span a { color: white;}
.sidebarFilter span.button span { background-color: #226abb;}
.contentWelcome span.button span, fieldset span.button span { background-color: #def;}
span.button input {  cursor: pointer; padding:0;vertical-align:0; font-size: 18px; background: none; border: none; color: white; font-weight: normal; font-style: normal;}

.hidden { visibility: hidden; position: static; }
.contentWelcome,
.itemFeatures span,
.contentPager span,
.contentPager a,
fieldset,
h1 a b, h2 a b, h3 a b, h4 a b,
.userButtons a b,
.error,
.guide .contentSidebar li a,
.box,
.map a,
#slider .slideControls a,
div.qmenu,
.rc4
 { 
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


h1 { padding: 20px 0 0 0;}

/*.headerMenu ul li a,*/
.contentTabs a, 
.rct4 { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	border-bottom-right-radius:0; border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0;
	-webkit-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; 
}

.pageMenu, 
.rcb4 { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	border-top-right-radius:0; border-top-left-radius: 0;
	-moz-border-radius-topleft:0; -moz-border-radius-topright:0;
	-webkit-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; 
}

.show { display: static; }
.hide { display: none;}
.hidden { visibility: hidden;}
.right { float: right;}
.question { cursor: help;}
.error.box { font-size: 14px; padding: 18px; margin: 0 0 18px 0; background: #FFCC33; color: #333; display: block;}
.notice.box { font-size: 14px; padding: 18px; margin: 0 0 18px 0; background: #0a0; color: #fff; display: block; border: 0;}

.error { margin-bottom: 9px; color: #EBA14B;}
.divider { padding: 0 0 36px 0;}

.button input { height: 36px; }
* html .contentSort select { margin: 4px 0 0 0;}
fieldset ul li { zoom: 1;}
.loginPopup { height: 155px; overflow: hidden;}
.prototip { line-height: 14px;}

.prototip_Stem { left: 0;}
* html #lightview { top: 15% !important;}
.mapWrapper { position: relative;}
* html .mapWrapper { display: none;}
#map { background-image: url(/images/filter-map/phuket.png); width: 100px; height:230px; position: absolute; top: -255px; left:100px;}
#map img { position: absolute; border: none; }
#map img.BAN { display: none; }
#map img.CHA { display: none; }
#map img.EAS { display: none; }
#map img.KAM { display: none; }
#map img.KAR { display: none; }
#map img.KAT { display: none; }
#map img.KTH { display: none; }
#map img.NAI { display: none; }
#map img.NOR { display: none; }
#map img.PAT { display: none; }
#map img.PHU { display: none; }
#map img.RAW { display: none; }
#map img.TAL { display: none; }
#map.BAN img.BAN.hover, #map.BANselected img.BAN.selected { display: block; }
#map.CHA img.CHA.hover, #map.CHAselected img.CHA.selected { display: block; }
#map.EAS img.EAS.hover, #map.EASselected img.EAS.selected { display: block; }
#map.KAM img.KAM.hover, #map.KAMselected img.KAM.selected { display: block; }
#map.KAR img.KAR.hover, #map.KARselected img.KAR.selected { display: block; }
#map.KAT img.KAT.hover, #map.KATselected img.KAT.selected { display: block; }
#map.KTH img.KTH.hover, #map.KTHselected img.KTH.selected { display: block; }
#map.NAI img.NAI.hover, #map.NAIselected img.NAI.selected { display: block; }
#map.NOR img.NOR.hover, #map.NORselected img.NOR.selected { display: block; }
#map.PAT img.PAT.hover, #map.PATselected img.PAT.selected { display: block; }
#map.PHU img.PHU.hover, #map.PHUselected img.PHU.selected { display: block; }
#map.RAW img.RAW.hover, #map.RAWselected img.RAW.selected { display: block; }
#map.TAL img.TAL.hover, #map.TALselected img.TAL.selected { display: block; }
#google_translate_element { margin: 10px 0 0 30px; height: 50px;}
@charset "utf-8";

/* -- Table Styles ------------------------------- */
td {
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-weight: bold;
	color: #555;
	width: 323px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/images/close.png);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}
/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}/* CSS to go with Prototip.Styles */
.prototip {
	font-size: 11px;
	/*font: 11px Arial, Helvetica, sans-serif;*/
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* renthouse */
.propertyList .prototip .renthouse { width: 182px;}
.prototip .renthouse {
	width: 250px;
	color: #fff;
	text-align: left;
	background: #1C77DE;
}
.prototip .renthouse .toolbar {
	background: #226abb;
	font-weight: bold;
}
.prototip .renthouse .title { padding: 5px 10px 5px 10px; }
.prototip .renthouse .content {
	/*background: #2d72be;*/
	padding: 10px;
}

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
	text-align: left;
}
.prototip .protoblue .toolbar {
	background: #226abb;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px 10px 5px 10px; }
.prototip .protoblue .content {
	/*background: #2d72be;*/
	padding: 10px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	/*color: #bb9c61;*/
	color: #5e4e31;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	/*background: #f8f4ca;*/
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	/*background: #808080;*/
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	text-align: left;
	/*background: #fff;*/
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	/*color: #808080;*/
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */