@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------*/
/* add by JJR */
.expandmenu	
{
	position:absolute;
	top:438px;
	right:0px;
	}
.collapsemenu	
{
	position:absolute;
	/*top:604px;*/
	top:538px;
	right:0px;
	}
.tabexpand
{
	position:absolute;
	top:150px;
	left:300px;
}
.tabcollapse
{
	position:absolute;
	top:150px;
	left:0px;
}
.font_tell {
	font-family: tahoma,ms sans serif,verdana;
	font-size:0.82em;
	font-style: normal;
	color: #666666;
	line-height:18px;
}

.font_detail {
	font-family: tahoma,ms sans serif,verdana;
	font-size: 13px;
	font-style: normal;
	color: #666666;
	line-height:18px;
}
/*----------------------------------------------*/
.font_detail IMG {
	float:left;
	margin-right:8px;
	border:solid 1px #ccc;
	padding:4px;
	background:#fff;
}
/*----------------------------------------------*/
.font_group {
	font-family: tahoma,ms sans serif,verdana;
	font-size: 13px;
	font-style: normal;
	color: #0099cc;
	line-height:18px;
}
/*--------------------------------------------*/
.font_orange {
	font-family: tahoma,ms sans serif,verdana;
	font-size: 13px;
	font-style: normal;
	color: #FF9966;
}
#tab-scroll {
	position:relative;
	top:20px;
	right:20px;
	}

#serach-by-gmap {font-family:Tahoma, Verdana, "Lucida Grande";}
#serach-by-gmap H2 {font-size:0.9em;}
#serach-by-gmap H2 SPAN {display:none;}
#serach-by-gmap H2.new-home {background:url(../img/search-by-gmap-resources/header/new-home_search-by-gmap.png) no-repeat;}

#serach-by-gmap DIV.body-container {
	position:relative;
	border:solid 1px #a8bdc6;
	}

#serach-by-gmap DIV.body-container IMG.hide-btn {
	position:absolute;
	top:150px;
	left:300px;
	}

/***************************************************************
* tab menu 
*
***************************************************************/
/*palawee Smart buyers*/
#serach-by-gmap #sidebar ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#serach-by-gmap #sidebar ul li
{
	display: inline;
}
#serach-by-gmap #sidebar li a
{
	float: left;
	display: block;
}
/* - - - - palawee Smart buyers - - -*/


#serach-by-gmap #sidebar {
	float:left;
	width:300px;
	background:url(../img/search-by-gmap-resources/tab-menu/bg-new2.png) no-repeat #000;
	}
#serach-by-gmap #sidebar .ui-tabs-nav li {
	font-size:0px;
	line-height:0;
	height:35px;
	}
#serach-by-gmap #sidebar .ui-tabs-nav li IMG {visibility:hidden;}
#serach-by-gmap #sidebar .ui-tabs-nav li a:hover IMG,
#serach-by-gmap #sidebar .ui-tabs-selected A IMG {visibility:visible;}

#serach-by-gmap #sidebar .ui-tabs-panel {
	margin:0;
	padding:0;
	height:705px;
	}
#serach-by-gmap #sidebar .ui-tabs-hide {
	position: absolute;
	left: -10000px;
	display: block;
	}
	
	
/** tab search */
#serach-by-gmap #sidebar FIELDSET.tab-search {padding:20px 20px 20px 120px;}
#serach-by-gmap #sidebar FIELDSET.tab-search H3 {
	margin:0 0 3px 0;
	font-size:1.1em;
	}
#serach-by-gmap #sidebar FIELDSET.tab-search LABEL {
	font-size:0.8em;
	color:#666;
	}
#serach-by-gmap #sidebar FIELDSET.tab-search SELECT {
	width:150px;
	font-size:0.8em;
	}
	
/** list container */
#serach-by-gmap #sidebar .list-container {
	overflow:visible; 
	top: 0px;
	margin:12px 20px 15px 20px;
	padding-right: 5px;
	width: 260px;
	height: auto;
	}
#serach-by-gmap #sidebar .scrollbar-list {
	overflow: auto;
	padding-left:5px;
	}
/* add by JJR */
#serach-by-gmap #sidebar .scrollbar-list .gmap-route {
	font-family:Arial, Tahoma, Verdana;
	font-size:0.725em;}
#serach-by-gmap #sidebar .list-container LI {
	position:relative;
	padding:0 0 20px 20px;
	font-family:Tahoma, Verdana, "Lucida Grande";
	}
#serach-by-gmap #sidebar .list-container LI INPUT.select-item {
	position:absolute;
	top:2px;
	left:0;
	}
#serach-by-gmap #sidebar .list-container LI DT {
	padding:0 0 5px 0;
	font-size:0.8em;
	font-weight:bold;
	}
#serach-by-gmap #sidebar .list-container LI DD {
	padding:0 0 5px 0;
	font-size:0.75em;
	color:#555;
	}
#serach-by-gmap #sidebar .list-container LI DD SPAN {margin-right:5px;}
#serach-by-gmap #sidebar .list-container LI DD A {text-decoration:underline;}
	
/* add by JJR */
/* page-number
-------------------------------------------------------------------------- */
#serach-by-gmap #sidebar .list-container .page-number {
	padding:2px 2px 1px 2px;
	}
#serach-by-gmap #sidebar .list-container .page-number P {
	float:left;
	font-size:0.82em;
	width:255px;
	/*
	width:280px;*/
	}

#serach-by-gmap #sidebar .list-container .page-number .goto-page {
	float:left;
	vertical-align:middle;
	width:255px;
	/*
	width:280px;*/
	}
#serach-by-gmap #sidebar .list-container .page-number .goto-page LI {
	float:left;
	margin-right:2px;
	}
#serach-by-gmap #sidebar .list-container .page-number .goto-page LI SPAN {
	font-size:0.82em;
	}

#serach-by-gmap #sidebar .list-container .page-number .goto-page SELECT {
	width:40px;
	font-size:0.8em;
	height: 20px;
	}
#serach-by-gmap #sidebar .list-container .page-number .goto-page SELECT OPTION {
	width:40px;
	font-size:0.8em;
	height: 20px;
	}
#serach-by-gmap #sidebar .list-container .page-number .right IMG {
	padding:2px 0 0 0;
	}
/* add by JJR */
#serach-by-gmap #sidebar .list-container .loading {
	padding:2px 0 0 0;
	}
	
/** scrollbar */
#serach-by-gmap #sidebar .jScrollCap.jScrollCapTop, 
#serach-by-gmap #sidebar .jScrollCap.jScrollCapBottom {height:0;}
#serach-by-gmap #sidebar .jScrollPaneTrack {
	top: 0px;
	width: 16px;
	background:url(../img/search-by-gmap-resources/btn/scrollbar-bg.gif) repeat-y;
	}
#serach-by-gmap #sidebar .jScrollPaneDrag {
	top: 0px;
	width: 16px;
	height: 83px;
	background:url(../img/search-by-gmap-resources/btn/scrollbar.gif) no-repeat;
	}
#serach-by-gmap #sidebar .jScrollPaneDragTop,
#serach-by-gmap #sidebar .jScrollPaneDragBottom {width:16px;}
#serach-by-gmap #sidebar a.jScrollArrowUp {}
#serach-by-gmap #sidebar a.jScrollArrowUp:hover {}
#serach-by-gmap #sidebar a.jScrollArrowDown {}
#serach-by-gmap #sidebar a.jScrollArrowDown:hover {}

* html #serach-by-gmap #sidebar .jScrollPaneDragBottom {bottom: -1px;}/* IE SPECIFIC HACKED STYLES */



/**
* search by raduis panel
*/
#serach-by-gmap #search-by-radius {background:url(../img/search-by-gmap-resources/tab-panel/red-bg.png) no-repeat;}
#serach-by-gmap #search-by-radius FIELDSET.tab-search {height:80px;}
#serach-by-gmap #search-by-radius FIELDSET.tab-search H3 {color:#660000;}
#serach-by-gmap #search-by-radius .scrollbar-list {height:550px;}

/**
* search by area panel
*/
#serach-by-gmap #search-by-area {background:url(../img/search-by-gmap-resources/tab-panel/orange-bg.png) no-repeat;}
#serach-by-gmap #search-by-area FIELDSET.tab-search {height:170px;}
	

/**
* search favorite panel
*/
#serach-by-gmap #search-favorite {background:url(../img/search-by-gmap-resources/tab-panel/green-bg2.png) no-repeat;}
#serach-by-gmap #search-favorite FIELDSET.tab-search {height:170px;}/*height:55px*/
#serach-by-gmap #search-favorite FIELDSET.tab-search INPUT {margin:10px 0 0 0;}
	


/**
* search-way panel
*/
/*#serach-by-gmap #search-way {background:url(../img/search-by-gmap-resources/tab-panel/blue-bg.png) no-repeat;}*/
#serach-by-gmap #search-way DIV.inner-block {padding:20px}
/* add by JJR */
#serach-by-gmap #search-way DIV.tabscroll
 {
	position:absolute;
	top: 90px;
	/*left:200px;*/
	left:185px;
	font-family: tahoma,ms sans serif,verdana;
	font-size:0.82em;
	font-style: normal;
	color: #666666;
	line-height:18px;
  }
 #serach-by-gmap #search-way DIV.tabdirection
 {
	position:absolute;
	top: 60px;
	/*left:200px;*/
	left:185px;
	font-family: tahoma,ms sans serif,verdana;
	font-size:0.82em;
	font-style: normal;
	color: #666666;
	line-height:18px;
  }
#serach-by-gmap #search-way DIV.tabprintdirection
 {
	position:absolute;
	top: 75px;
	/*left:200px;*/
	left:185px;
	font-family: tahoma,ms sans serif,verdana;
	font-size:0.82em;
	font-style: normal;
	color: #666666;
	line-height:18px;
  }
#serach-by-gmap #search-way .way-list {
	overflow:visible; 
	top: 0px;
	margin:0 0 5px 10px;
	/*width: 245px;*/
	width: 240px;
	height: auto;
	}
#serach-by-gmap #search-way .way-list LI {
	padding:5px;
	width:215px;
	background:url(../img/search-by-gmap-resources/dray-dotted.gif) repeat-x bottom;
	font-family:Tahoma, Verdana, "Lucida Grande";
	font-size:0.7em;
	}
#serach-by-gmap #search-way .way-list LI SPAN {
	display:block;
	float:left;
	width:160px;
	}
#serach-by-gmap #search-way .way-list LI EM {
	display:block;
	float:right;
	font-style:normal;
	}
/*  add by JJR  */
#serach-by-gmap #search-way .way-list .gmap-route 
{
    background-color:#fff;
    font-family:Arial, Tahoma, Verdana;
	font-size:0.725em;
}
#serach-by-gmap #search-way H4 {
	margin:10px;
	font-size:0.8em;
	}
#serach-by-gmap #search-way DIV.detail {
	margin:0 10px 10px 10px;
	font-size:0.75em;
	color:#555;
	}
#serach-by-gmap #search-way DIV.detail IMG {
	float:left;
	margin-right:8px;
	border:solid 1px #ccc;
	padding:4px;
	background:#fff;
	}
#serach-by-gmap #search-way DIV.detail P {
	float:left;
	width:130px;
	}
#serach-by-gmap #search-way P.txt-right {
	margin:0 10px 15px 0;
	}
#serach-by-gmap #search-way DIV.detail P SPAN {
	display:block;
	margin:10px 0 0 0;
	text-align:right;
	}
#serach-by-gmap #search-way DIV.detail P SPAN A {text-decoration:underline;}

	
	
	
	
	
/***************************************************************
* main block
*
***************************************************************/
#serach-by-gmap #main-block {
	float:left;
	margin:0;
	padding:0;
	border:none;
	width:648px;
	height:740px;
	background:#000;
	}
	
	
	
	
/**
* display google map  
*/
#serach-by-gmap #main-block DIV.gmap-display {
	width:100%;
	/*height:560px;*/
	height:740px;
	background:#ddd;
	}

/**
* data summary
*/
#serach-by-gmap #main-block DIV.data-summary 
{
	/* edit by JJR  180 */
	height:166px;
	background:url(../img/search-by-gmap-resources/summary-block_bg.png) repeat-x #202020;
	}
#serach-by-gmap #main-block DIV.data-summary UL.icon-description {
	float:left;
	margin:15px 5px 0 10px;
	width:150px;
	}
#serach-by-gmap #main-block DIV.data-summary UL.icon-description LI {
	position:relative;
	margin:0 0 10px 0;
	height:40px;
	}
#serach-by-gmap #main-block DIV.data-summary UL.icon-description LI IMG {
	position:absolute;
	top:0;
	left:0;
	}
#serach-by-gmap #main-block DIV.data-summary UL.icon-description LI DL {
	margin-left:50px;
	}
#serach-by-gmap #main-block DIV.data-summary UL.icon-description LI DT {
	padding:3px 0 0 0;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
	}
#serach-by-gmap #main-block DIV.data-summary UL.icon-description LI DD {
	font-size:0.7em;
	color:#999;
	}

/** common-form */
#serach-by-gmap #main-block FIELDSET.common-form {
	float:right;
	padding:20px 5px 10px 5px;
	/*width:250px;*/
	width:285px;
	min-height:150px;
	height:auto !important;
	height:150px;
	background:url(../img/search-by-gmap-resources/summary-block_border.png) no-repeat left top;
	}
#serach-by-gmap #main-block FIELDSET.common-form P {margin:0 0 10px 0;}
#serach-by-gmap #main-block FIELDSET.common-form IMG {margin:15px 0 0 0;}
#serach-by-gmap #main-block FIELDSET.common-form LABEL,
#serach-by-gmap #main-block FIELDSET.common-form INPUT {
	float:left;
	margin-right:10px;
	padding:3px 0 2px 0;
	line-height:20px;
	height:16px;
	font-size:0.725em;
	color:#fff;
	}
#serach-by-gmap #main-block FIELDSET.common-form INPUT {
	border:solid 1px #333;
	/* width:108px;*/
	width:128px;
	background:none;
	}
#serach-by-gmap #main-block FIELDSET.common-form INPUT.btn {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	border:none;
	background:none;
	}
	/* add by JJR */
#serach-by-gmap #main-block FIELDSET.common-form IMG.btn {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	border:none;
	background:none;
	}
/** ads banner */
#serach-by-gmap #main-block .ads {
	padding:8px 0 0 0;
	text-align:center;
	}
	
/** mini tools  by JJR */
#serach-by-gmap #main-block DIV.mini-tools 
{
	z-index:1000;
	position:absolute; 
	top:30px; 
	right:0px;
	height:100px;
	/*background:url(../img/search-by-gmap-resources/summary-block_bg.png) repeat-x #202020;*/
	}
#serach-by-gmap #main-block FIELDSET.mini-form {
	float:right;
	padding:10px 5px 10px 5px;
	width:210px;
	min-height:100px;
	height:auto !important;
	height:100px;
	/*background:url(../img/search-by-gmap-resources/summary-block_border.png) no-repeat left top;*/
	}
#serach-by-gmap #main-block FIELDSET.mini-form P {margin:0 0 5px 0;}
#serach-by-gmap #main-block FIELDSET.mini-form IMG {margin:5px 0 0 0;}
#serach-by-gmap #main-block FIELDSET.mini-form LABEL,
#serach-by-gmap #main-block FIELDSET.mini-form INPUT {
	float:left;
	margin-right:2px;
	padding:2px 0 1px 0;
	line-height:18px;
	height:18px;
	font-size:0.725em;
	/*color:#fff;*/
	color:#000;
	
	}
#serach-by-gmap #main-block FIELDSET.mini-form INPUT {
	border:solid 1px #333;
	width:88px;
	/*background:none;*/
	background-color:#fff;
	}
#serach-by-gmap #main-block FIELDSET.mini-form INPUT.btn {
	margin:0;
	padding:0;
	width:58px;
	height:auto;
	border:none;
	background:none;
	}
#serach-by-gmap #main-block FIELDSET.mini-form IMG.btn {
	margin:0;
	padding:0;
	width:58px;
	height:auto;
	border:none;
	background:none;
	}