.nav_bar
{
	flow:horizontal;
	height:32px;
	width:100%%;
}
.nav_blank
{
	margin-left:auto;
	margin-right:auto;
	width:*;
	height:32px;
}
.nav_content
{
	flow:horizontal;
	padding-left:10px;
	padding-right:10px;
	height:32px;
	background-color:transparent;
	background-image:url(PageNavigate.png);
	background-repeat:expand;
	background-position:15 15 15 15;
}
.nav_tag
{
	margin-top:4px;
	margin-bottom:4px;
	width:20px;
	height:20px;
	display:block-inline;
	behavior:clickable;
	cursor:pointer;
	border: 1px solid transparent;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:50% 50%;
	foreground-color:transparent;
	foreground-repeat: no-repeat;
	foreground-position:50% 50%;
	opacity:0.5;
	background-image: url(NaviBarDot.png);
	//foreground-image: url(one.png);
	accept-drop: selector(ul.container>li);
	drop: recycle;
	assigned!:
		InitNavItem(self);
	click!:
		obj=$1(self.parent().container),
		if(obj)
			obj.class="hide-container";
		self.parent().container=self.subcontainer,
		obj=$1(self.subcontainer),
		if(obj)
			obj.class="show-container";
}
.nav_tag:drag-over
{
	border-color:red;
}