.app_item
{
	margin: 5px 1px 5px 14px;
	border-radius: 5px;
	padding: 2px;
	background-color: #EEE;
	width:70px;
	height:115px;
	overflow:hidden;
	//border:1px red dashed;
}
.app_item:hover
{
	//background-color: #FFF;
	//outline: 4px glow #0CF 3px;
	outline: 4px glow #CCC 3px;
}
.app_image
{
	outline: 3px glow #BBB 2px;
	background: url(store_app_img.png);
	border-radius: 8px;
	margin-top: 3px;
	background-color: #DDD;
	behavior:hyperlink;
	margin-left:auto;
	margin-right:auto;
	width:64px;
	height:64px;
	//border:1px dashed red;
	foreground-repeat: no-repeat;
	foreground-position: 50% 50%;
	overflow:hidden;
	cursor:pointer;
	click! : 
		root_obj=$1(div#root_panel),
		root_obj.class="hide-container",
		root_obj=$1(div#showall_panel),
		root_obj.class="hide-container",
		sub_obj=$1(div#detial_panel),
		sub_obj.class="show-container", 
		back_obj=$1(div#detial_back),
		back_obj.owner=self.parent().owner;
}
.app_name
{
	//background-color: #888;
	//behavior:hyperlink;
	text-decoration:none;
	width:80px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	//cursor:pointer;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
    vertical-align:middle;
	color:#000000;
	font-size:8pt;
	click! : 
		root_obj=$1(div#root_panel),
		root_obj.class="hide-container",
		root_obj=$1(div#showall_panel),
		root_obj.class="hide-container",
		sub_obj=$1(div#detial_panel),
		sub_obj.class="show-container", 
		back_obj=$1(div#detial_back),
		back_obj.owner=self.parent().owner;
}
.app_name:hover
{
	//text-decoration:underline;
}
.app_score
{
	width:62px;
	height:12px;
	margin-left:auto;
	margin-right:auto;
	background:url(stars.png) no-repeat;
	background-position: 0px -108px;
	overflow:hidden;
	//display:block;
	display:none;
}
.app_down
{
	width:48px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	//border:1px solid #7fc31e;
	border:1px solid #777;
	//display:none;
	display:block;
	behavior:clickable;
	cursor:pointer;
}
.app_span, .app_down > span
{
	display:block;
	width:56px;
	height:20px;
	margin:2px;
	//background:#7fc31e;
	background:#AAA;
	text-align:center;
	line-height:20px;
	color:#fff;
	cursor:pointer;
}
.app_span:hover , .app_down > span:hover
{
	background-color: #999;
}
.app_proc
{
	display:none;
	margin-left:auto;
	margin-right:auto;
	height:12px;
	width:90%;
}
.app_proc[requested-value]
{
	assigned!: 
		self.start-animation();
	animation-step!: 
		rqval = int(self.requested-value),
		rqval == int(self:value) ? return, 
		rqval < int(self:value) ? return, 
		self:value = self:value + (rqval < self:value? -1 # 1), 
		return 20;
	animation-end!: 
		self.requested-value = null;
}
.node_bottom
{
	height:16px;
	width:*;
	border:1px red solid;
}