.clear:after{
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* begin restaurant */
#food_search{
width:615px;
position: relative;
}

span.pagetotal{
right: 10px;
position: absolute;
margin-top: 8px;
font-size:10pt;
}

div.searchbox{
	width:610px;
	height:217px;
	background-image: url(images/searchboxbg.jpg);	
	position:relative;
}

div.searchbox form{
margin:0;
padding:0;
left:0px;
top:0px;
width:618px;
height:217px;
position:absolute;

}

div.searchbox form div span{
width:80px;
display:none;
}

div.searchbox form div #keyword{ 
position:absolute;
left:307px;
top: 58px;
	width:200px;
	border-style:solid;
	border-width:1px;
	border-color:#719ebb;
} 

div.searchbox form div select{
width:150px;
border-style:solid;
border-width:1px;
border-color:#719ebb;
}

div.searchbox form div #district{ 
position:absolute;
width:200px;
left:307px;
top: 84px;
} 

div.searchbox form div #foodtype{ 
position:absolute;
left:307px;
top: 111px;
}

div.searchbox form div #resttype{ 
position:absolute;
left:307px;
top: 138px;
}

div.searchbox form input.checkbox{
width:13px;
height:13px;
sbackground-color:black;
} 

div.searchbox form div #delivery{ 
position:absolute;
left:297px;
top: 170px;
}

div.searchbox form div #menu{ 
position:absolute;
left:380px;
top: 170px;
}

div.searchbox form div #noSmoking{ 
position:absolute;
left:473px;
top: 170px;
}

div.searchbox form input.submit{
position:absolute;
right:35px;
bottom: 28px;
width:4em;
}

/* 
div.searchbox form{
margin-right:30px;
left:307px;
top:57px;
position:absolute;

}

div.searchbox form div{
height:27px; 
}

div.searchbox form div *{
sbackground-color:#f5f5f5;

}

div.searchbox form div #keyword{
	width:200px;
	border-style:solid;
	border-width:1px;
	border-color:#719ebb;
}

div.searchbox form div select{
width:150px;
border-style:solid;
border-width:1px;
border-color:#719ebb;
}

div.searchbox form div span{
width:80px;
display:none;
}

div.searchbox form input.submit{
float:right;
top:-27px;
position:relative;
}

div.searchbox form input.checkbox{
width:auto;
}

div.searchbox form input#delivery{
}
 
div.searchbox form input#menu
{
width:auto;
}
*/

div.restresult{
	border-bottom-style: solid;
	border-width: 1px;
	border-color:#e8e8e8;
	margin-left: 8px;
	margin-bottom: 5px;
	width:602px;
	padding: 1px;
	position:relative;
	sfont-size:0.8em;
}


div.restresult div.image{
margin:0 5px;
float:left;
padding:0;
}

div.restresult div.image img{
border:1px solid #e8e8e8;
background-color:#FFFFFF;
padding:4px;
}

// drop shadow
div.srestresult div.image{
margin: 10px 0 10px 5px;
background-color:#888888;
awidth:108;
aheight:72;
}

div.srestresult div.image img{
bottom:4px;
right:6px;
position:relative;
}


div.restresult div.details{
padding: 4px;
float:left;
width:auto;
}

div.restresult div.details ul{
padding:0;
margin:0;
}

div.restresult div.details li {
	msargin: 0 0 5px -10px;
	padding: 3px 0 3px 12px;
	background-image:url(images/dot.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	list-style-position: outside;
	list-style-type: none;
	
}
div.restresult div.details ul li span {
color:#080872;
}

div.restresult div.details h5{
sfont-size:1.2em;
font-weight:bold;
line-height:auto;
}
div.restresult div.details h5 img{
vertical-align:middle;
margin-left:4px;
}

div.restresult div.more{
position:absolute;
right:4px;
bottom:5px;
}


div.restresult div.rating{
right:4px;
top: 2px;
position:absolute;
text-align:left;
sfont-size:0.8em;
}

.rating img{
display:block;
}




/* end restaurant */


/* begin restaurant detail */
#restDetail{
width:auto;//608px;
position: relative;
padding:0;
fsont-family:'華康中黑體(P)';
margin:0;
}

/*
#restDetail:after{
    content: "."; 
    display: block; 
    position:relative; *//*works better in IE5.5 or float in float situations*//*
    height: 0; 
    clear: both; 
    visibility: hidden;
}
*/


#restHead{
position: relative;
border-style: solid;
border-width: 4px 0 1px 0px;
border-color: #4F3208;
color: #493304;
margin:0;
padding: 1px 5px 0px 1px;
min-height:1.5em;
text-align:right;
} 

#srestHead div#FavouriteIcon{
position:absolute;
z-index:2;
left:-25px;
top:0;
}

#restHead div{
float:left;
display:inline;
margin:1px 0px 1px 1px;
}

#restHead div h1{
font-size: 14pt;//1.2em;
line-height: 14pt;
display:inline;
}

#restHead div span{
	sfont-size: 0.75em;
	font-weight: normal;
	margin-left:1em;
 	color: #000000;
}

#restHead p{
font-size: 14pt;//1.2em;
font-weight: bold;
position:relative;
margin-top:3px;
margin-bottom:0;
clear:right;
}

#restHead p img{
margin-right:5px;
}

#restOther{
background-color:#E3E4C2;
position: relative;
haeight: 4em;
margin-top: 2px;
sfont-size:0.75em;
padding:0;
width:100%;
}

#restOther div {
position: relative;
wsidth:100%;
padding: 4px 5px 4px 5px;

}

#restOther div p{
margin-right:3em;
display: inline;

}

#restOther div p span{
color:#606060;
}

#restImage{
width:100%;//615px;
margin-top: 2px;
margin-bottom: 6px;
height:1%;
position:relative;
}

#restImage img{
border:1px solid;
}

#restImage div{
float:right;
margin-right: 0px;
}


#restImage div#restImageLarge{
float:left;
smargin-right: 7px;
}


#restImage div p{
	margin:2px 0;
	font-size: 11px;
	sheight:13px;
	smin-height:13px;
	sline-height:13px;
	background-image: url(images/UpBox.gif);
	background-repeat: no-repeat;
	background-position: 0 center;//0px 2px;
	padding:0 0 0 12px;
	color:#C18B00;
	
}

#restImage div div#recommend{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

#restImage div div#recommend img{
	border:none;
}

#restlower{
height:1%;
position:relative;
}

div#mapdiv{
float:left;
padding-left:10px;
width:125px;
}

div#mapdiv object#map,div#mapdiv .nomap{
border:1px solid silver;
width:120px;
height:120px;
}




#restLowerRight{
float:right;
width:342px;
height:1%;
padding:0;
}

ul#restLowerRightButton{
height:1%;
}

ul#restLowerRightButton li{
float:left;
padding:0;
sborder:1px solid;
list-style-type:none;
list-style-position:outside;
}

ul#restLowerRightButton a{
display:block;
text-align:center;
vertical-align:center;
padding:auto 0;
}

ul#restLowerRightButton img{
background-image:url(images/btn_off.gif);
background-repeat:no-repeat;
}

ul#restLowerRightButton a img{
background-image:url(images/btn_on.gif);
}

ul#restLowerRightButton a:hover img{
background-image:url(images/btn_over.gif);
}

#restDesc{
	border-style: solid;
	border-width: 1px;
	padding: 0.5em 5px 5px 5px;
	margin: 5px;
	swidth: 50%;
	sfloat: right;
	smin-height: 3em;
	color:#BE8D60;
}

div.tabArea{ 
padding:0;
padding-left:7px;
margin:0;
height:18px;
background:url(images/tab_leftBlank.gif) left top no-repeat;
}

div.restTabContainer a.tab {
  background-color: #F4EFEB;
/*  border: 1px solid #BDB6AD;
  border-bottom-width: 0px;
  border-left-width: 0px;
  margin-left:0;
*/
  spadding: 2px 1em 2px 1em;
  padding:0;
  position: relative;
  text-decoration: none;
  stop: -1px;
  z-index: 50;
} 

div.restTabContainer a.tab  img{
margin:0;
}

div.restTabContainer a.tab:hover{
background-color:#F8F3E4;
}
div.restTabContainer a.tab.activeTab:hover{
background-color:#FFFFF3;
}

div.restTabContainer a.tab.activeTab {
  background-color:white;
  z-index: 52;
}

div.tabMain{ 
  margin:0;
  background-color:white; 
  border: 1px solid #BDB6AD;
  padding:10px; 
   top:-1px;
  position: relative;
  z-index: 51;
  display:none; 
   color:gray;
   line-height:1em;
}

/* ie */
* html div.tabMain{
top:-4px;
}

div.tabMain.activeTab{
display:block;
}

#restDesc legend{
	color:#BE8D60;
	font-size:1.1em;
}

#restDesc p {
	margin:0;
	sfont-size:0.8em;
	color:gray;
	position:relative;
}

#restInfo {
background-color:#F6F5E7;
border:1px solid #E7E6D6;
padding:10px;
}

#restInfo div{
margin-top:10px;
color:#4F4040;
}

#RMSButton{
position:absolute;
right:5px;
top:2px; 
}

/* rating */
#restRating {
	position:relative;
	padding:20px 0 0 5px;
	background-image: url(images/ratingheader.gif);
	background-repeat: no-repeat;
	sclear:both;
	float:left;
	sfont-size:0.7em;
	height:1%;
	width:125px;
}

div#restRating.ratingSplit {
width:250px;
background-image: none;
padding-top:1px;
}

div#restRating.ratingSplit ul{
float:left;
}

div#restRating.ratingSplit ul.ratingSecond{
border-left:0px none;
}
div#restRating.ratingSplit ul.ratingSecond li{
border-left:0px none;
}

#restRating p{

}

#restRating ul{
border-left:1px solid #4F3208;
padding:0;
}

#restRating ul li{
	fsont-size:0.7em;
	list-style-type: none;
	border-left:5px solid #4F3208;
	margin:0 0 3px 0;
	left:-5px;
	position:relative;
	display:block;
	padding:0 4px;
	list-style-position: outside;
}

#restFollow
{
	margin-top:15px;
}



/* restaurant Navigation block*/
/*
.restnav{
border:1px solid #E5E5E5;
padding:3px;
width:154px;
background-color:white;
}

.restnav ul{
margin-top:0;
padding:0;
}

.restnav ul li{
list-style-type:none;
list-style-position:outside;
font-size:0.75em;
font-color:#959595;
padding:5px 4px 5px 1px;
border-bottom:1px solid #D7D7D7;
}

.restnav ul li.last{
border-bottom:none;
}

.restnav ul li a{
font-weight:normal;
height:0.75em;
border-left:4px solid #D7D7D7;
padding:2px 2px 1px 10px;
color:#8B8B8B;
display:block;

}

.restnav ul li a:hover{
font-weight:normal;
border-left:4px solid #6C572B;
color:#6C572B;
}

.restnav ul li.selected{
background-image: url(images/tomato.gif);
background-repeat:no-repeat;
background-position: center right;
}
*/

/* restaurant favorites block*/
.restfav{
border:1px solid #E5E5E5;
padding:4px;
width:152px;
background-color:white;
}

.restfav li{
list-style-type:none;
list-style-position:outside;
sfont-size:0.9em;
font-color:#959595;
}

.restfav li a{
font-weight:normal;
}

/* restaurant nearby block*/
.restNearby{
border:1px solid #E5E5E5;
padding:4px;
width:152px;
background-color:white;
}

.restNearby li{
list-style-type:none;
list-style-position:outside;
sfont-size:0.9em;
font-color:#959595;
}

.restNearby li a{
font-weight:normal;
}

/* restaurant nearby sight block*/
.restNearbySight{
border:1px solid #E5E5E5;
padding:4px;
width:152px;
background-color:white;
}

.restNearbySight li{
list-style-type:none;
list-style-position:outside;
padding:0;
margin:0;
sfont-size:0.9em;
font-color:#959595;
text-align:center;

}

.restNearbySight li a{
font-weight:normal;
}

.restNearbySight li a img.imgH{
width:148px;
}

.restNearbySight li a img.imgV{
height:148px;
margin:0 auto;
text-align:center;
}

.restNearbySight ul{
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
}

.restNearbySight li p{
font-weight:normal;
sfont-size:13px;
padding-left:11px;
background-image:url(images/up.gif);
background-repeat:no-repeat;
background-position:left center;
margin-bottom:2px;
margin-top:0px;
text-align:left;
}


/* restaurant post */
#restpost{
background-image:url(images/RestInfoUpdateBG.jpg);
background-repeat:no-repeat;
background-position:top right;
}


#restpost table th,#restpost table td.head{
background-color:transparent;
background-image:none;
color:#000000;
vertical-align:text-top;
width:7em;
}

#restpost input,#restpost textarea
{
width:300px;
}

#restpost .order input
{
width:2em;
}

#restpost div.radio input{
width:auto;
}

#restpost input.checkbox{
width:auto;
}

#restpost .button input, #restpost input.button{
width:auto;
}

#restpost tr.foot, #restpost tr.foot td{
background-color:transparent;
background-image:none;
text-align:left;
}

#restpost .note{
color:red;
}

#food_search p.notfound{
margin:10px;
sfont-size:0.85em;
text-align:center;
}


#restSearchText{
padding:15px;
}

#restSearchText p{
margin-top:1em;
}

#restSearchText h3{
text-size:1em;
padding:10px 0px;
}

#restSearchText em{
color:blue;
font-style:normal;
}

div.RelatedImages{
text-align:right;
}

div.RelatedImages table td{
text-align:center;
vertical-align:middle;
width:20%;
}

div.RelatedImages img{
vertical-align:middle;
margin:4px;
}


ul.related_links{
margin-bottom:1em;
}

span.closed, #restHead div span.closed{
color:red;
}

.form_hide {display:none;}

div.owneredit table th,div.owneredit table td.head{
background-color:transparent;
background-image:none;
color:#000000;
vertical-align:text-top;
width:8em;
}

div.owneredit .order input
{
width:2em;
}

/* user comment */
div.signature
{  
width:470px;
overflow-x:hidden;
}
