html,body {
			height:100%;
			margin:0;
			padding:0;
}
#toolbar {			
	height:28px;
	margin-top:8px;
	width:100%;
	background:#eeeeee;			
	position:relative;
}
#showArea {
	margin-left:10px;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
}
#cityNow {
	font-weight:bold;
	font-size:14px;
}
.info {
	font-size:14px;
	color:0099FF;
	padding-left:4px;
}
#toolbar a,#toolbar img,#toolbar span,#toolbar input {
	vertical-align:middle;
}
.toggleButton {
	width:20px;height:20px;
	vertical-align:middle;
}
#down {
	position:absolute;
	width:50px;
	height:20px;
	margin-top:0px;
	right:5px;
	display:inline;
	font-weight:bold;
	font-size:14px;
	top:3px;
	*top:6px;
}
#area {
	position:absolute;
	width:320px;
	height:auto;
	
	margin-left:10px;
	margin-top:1px;
	border-top:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	left:0;
	top:28px;
	display:none;
	z-index:	200000;
	font-size:13px;
	color:#0099FF;
	background-color:#eeeeee;
}
#area div {
	border-bottom:1px solid;
	height:auto;			
}
#area div span {
	cursor:pointer;
	padding-right:10px;
	word-break:keep-all;
	white-space: nowrap;
}
#provinces {
	
}
#citys {
	display:none;
}
#districts {
	display:none;
}
#citys span,#districts span {
	display:none;
}
span.clicked {
	color:#ff1111;
}

#container {
	width:100%;height:90%;border:1px solid gray;z-index:0;
}