/* CSS Document */
body{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#F1DFD8;
}
/*-------------------------------------------------Main Window ---------------------------- */
#border{
	border:1px solid black;
	width:1000px;
	margin:0 auto;
	overflow:auto;
}
img{
	border:0;
	margin-left:10px;
}
/*----------------------------------------------------- Banner   ----------------- */
.bar{

	border-bottom:1px solid black;
	height:25px;
	width:100%;
	background:#33CCFF;
	padding:8px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;	
}
/*-------------------------------------------------- Left Side Menu   ---------------- */
.left-col{
	float:left;
	width:190px;
	border:1px solid black;
	margin:5px;
	background:#E8E8E8;
	padding:0;

}
/*------------------------------------------------ Tool Bar on the left side menu  ---------------- */
.tool-bar{
	border-bottom:1px solid black;
	color:#C5557B;
	font-weight:bold;
	font-size:14px;
	width:188px;
}

/*--------------------------------------------------- Right Side Window  ----------------- */
#right-col{
	float:right;
	width:780px;
	margin:5px 5px 0 0;
}
/* use in showshop.php to format the shop list        */
div#res-list{
	border-top:1px dashed black;
	width:780px;
	overflow:auto;
	text-align:left;
	font-size:14px;
}
#res-list span{
	width:150px;
	float:left;
}
#res-list span.form{
	float:left;
	width:300px;
}
div#s-list{
	border:1px solid black;
	width:780px;
	overflow:auto;
	text-align:left;
}
#s_list p{
}
#s-list span.name{
	float:left;
	width:500px;
	border-top:1px dashed black;
	}
#s-list span.edit{
	width:130px;
	float:left;
	border-top:1px dashed black;
	}
#s-list span.sort{
	width:90px;
	float:left;
	border-top:1px dashed black;
	
}
#s-list span.dismethod{
	float:left;
	width:250px;
	margin-left:80px;

}
#s-list span.cityselect{
	float:left;
	width:150px;

}
#s-list span.list{
	width:700px;
	float:left;
	border-top:1px dashed black;
	
}
#s-list p.reslist{
	width:250px;
	float:left;
}
#s-list p.select{
	width:750px;
	float:left;
}
#sl-bar{
	border-bottom:1px solid black;
	color:#C5557B;
	font-weight:bold;
	font-size:14px;
	background:#E8E8E8;
	width:780px;
	text-align:center;
}
#c-list{
	margin:10px 0px 5px 0px;
	border:1px solid black;
	width:780px;
	overflow:auto;
}
#c-list span{
	margin-left:10px;
	float:left;
	width:130px;
	}
#c-list p.cat{width:370px; float:left; border-bottom:1px dashed black;	}

#c-list input{ height:15px; }

#c-list p{ width:500px; }

#c-list .button{ height:25px; }
#c-list a{
	text-decoration:none;
	}
#c-list a:hover{
	text-decoration:underline;
	}
#cl-bar{
	width:780px;
	float:left;
	border-bottom:1px solid black;
	color:#C5557B;
	font-weight:bold;
	font-size:14px;
	background:#E8E8E8;
}
div#shopdetail{
	margin:10px 0px 5px 0px;
	border:1px solid black;
	width:780px;
	float:left;
	}
#shopdetail span{
	margin-left:10px;
	float:left;
	width:150px;
	}
#shopdetail p{
	width:680px;
	clear:both;
	}
/*----------Use in show_dish.php-----------*/
#dishlist{
	margin:10px 0px 5px 0px;
	border:1px solid black;
	width:780px;
	overflow:auto;
	}
#dishlist p.dishcat{width:350px; float:left; border-bottom:1px dashed black; }
#dishlist p.num{ width:760px; float:left; }
#dishlist p.dish{ width:760px; float:left; border-bottom:1px dashed black;}

#dishlist span{	width:400px;}

#dishlist img{float:left; width:150px; height:150px; border:1px dashed black;	}

#arealist{	margin:10px 0px 5px 0px; border:1px solid black; width:780px;	}

.nav-bar{ border-bottom:1px solid black; height:15px; background:#F1EAD8;}


ul{	list-style-type:none;	margin:0;	padding:0;	text-align:left; letter-spacing:2px; color:#009900;
	border-style:solid;	border-color:#E0E0E0;	border:1px; }
	
ul a{
	display:block;	width:188px; text-decoration:none;color:#0066CC;
	background-color:#F1EAD8;border-style:solid; border-color:#E0E0E0;border-width:1px 0 0 0;
	padding:4px 0px; height:20px; font-weight:bold; }
/*---------------------------------------------------UL for the left side menu    ----------------- */

ul a:hover{	background-color:#D8F1F0;}
p {
 text-align:left;
 margin:0 0 0 10px;
 line-height:200%;
}
/*-------------------------------------Dish List show_dish.php----------------------------------------*/
.dish-list-id{
	
	margin-right:10px;
	font-size:14px;
}
/*-------------register memeber------------*/
div#reg-col{
	width:100%;
	}
#reg-col span{
	float:left;
	width:150px;
	}
#reg-col p{
	clear:both;
}
/* ------------Member Management--------------*/

/* use into format the shop list        */
#member-list{
	border:1px solid black;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	width:780px;
	overflow:auto;
}
#member-list span{
	float:left;
	width:250px;
	margin-left:20px;
	}
#member-list p.list{
	clear:both;
	border-bottom:1px dashed black;
	}
#member-list p{
	clear:both;
}
#member-list span.name{
	float:left;
	width:350px;
	margin-left:20px;
	
	}
div#s_newimage{
	float:left;
	width:300px;
	
	}
div#m_newimage{
	width:230px;
	float:left;
	margin-left:10px;
	
	}
#s_newimage p, #m_newimage p{
	font-weight:bold;
	}
/*-------------------------------------------------footer Bar-------------------------------------- */

.footer{
	float:left;
	border-bottom:1px solid black;
	height:25px;
	width:100%;
	background:#33CCFF;
	border:solid black;
 	border-width:1px 0 0 0;
 	margin:0;
}
/*---------------------------------------------------------------------------------------------- */
div#dis_info{
	width:780px;
	float:right;
	margin:0;
	padding:0;
}
#dis_info p.content{
	width:400px;
	height:20px;
	margin:0;
	float:left;
}
#dis_info input{
	height:15px;
	padding:0;
	
}
#dis_info .button{
	height:20px;
	padding:0;
}
div#menulist p.menupic{
	width:220px;
	float:left;
	height:160px;
	border:1px solid black;
	margin-bottom:10px;
}
div#newshopintro{width:780px; float:left; border:1px solid black;}
div#newshopintro P{width:770px; display:block; border-bottom:1px groove black; }
div#newshopintro span{width:150px; display:inline-block;
	
}