#detial_panel
{
	padding:0;
	margin:0;
	width:100%%;
	height:100%%;
	border-radius:4px;
	overflow:auto;
	flow:vertical;
}
#detial_header
{
	height:22px;
	width:100%%;
	background-color:#464646;
	border-radius:4px 4px 0 0;
}
#detial_back
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: 3px;	
	behavior:clickable;
	height:22px;
	font-size:8pt;
	width:36px;
	color:#c0C0C0;
	text-decoration:none;
	text-align:center;
    vertical-align:middle;
	cursor:pointer;
	
	click! : 
		sub_obj=$1(div#detial_panel), 
		sub_obj.class="hide-container",
		self.owner=="root_panel" ? ($1(div#root_panel).class="show-container") # ($1(div#showall_panel).class="show-container");
}
#detial_back:hover 
{
	color:red;
	text-decoration:underline;
}
.detial_content
{
	width:100%%;
	height:100%%;
	flow:vertical;
}
.detial_info_header
{
	width:100%%;
	height:120px;
	flow:horizontal;
	//border:1px red dashed;
}
#detial_left
{
	flow:vertical;
	width:80px;
	height:100%%;
	//border:1px dashed red;
}
.detial_img
{
	margin-left:auto;
	margin-right:auto;
	width:60px;
	height:60px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.hor_blank_10
{
	height:10px;
	width:*;
}
.detial_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;
}
.detial_down > span
{
	display:block;
	width:56px;
	height:20px;
	margin:2px;
	//background:#7fc31e;
	background:#AAA;
	text-align:center;
	line-height:20px;
	color:#fff;
	cursor:pointer;
}
.detial_down > span:hover
{
	background-color: #999;
}
.detial_proc
{
	display:none;
	margin-left:auto;
	margin-right:auto;
	height:12px;
	width:90%;
}
.detial_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;
}
.ver_line
{
	width:5px;
	height:*;
}
#detial_right
{
	margin:2 2 2 2;
	flow:vertical;
	width:*;
	height:100%%;
	//border:1px dashed red;
}
.detial_name
{
	height:24px;
	width:*;
	font:14pt ËÎÌå;
	font:bold;
	//color:rgba(28,64,96,0.95) rgba(0e,d7,e9,0.95) rgba(28,64,96,0.95) rgba(0e,d7,e9,0.95);
	font-color:rgba(255, 0, 0, 0.95) rgba(255, 255, 0, 0.95) rgba(255, 0, 0, 0.95) rgba(255, 255, 0, 0.95);
}
.detial_score
{
	width:62px;
	height:12px;
	margin-right:auto;
	background:url(stars.png) no-repeat;
	background-position: 0px -108px;
	overflow:hidden;
	display:block;
	//border:1px red dashed;
}
#detial_old
{
	display:none;
}
.update_row
{
	flow:horizontal;
	height:*;
	width:*;
}
.detial_update
{
	display:none;
	margin-right: auto;	
	behavior:clickable;
	height:22px;
	font-size:8pt;
	width:36px;
	color:red;
	text-decoration:none;
	text-align:center;
    vertical-align:middle;
	cursor:pointer;
}
.detial_update:hover 
{
	color:red;
	text-decoration:underline;
}
.clear
{
	background-color: rgba(32,32,32,0.3);
	width:95%;
	height: 1px;
	margin-left:auto;
	margin-right:auto;
}
.detial_info_desc
{
	width:*;
	height:*;
	margin-left:10px;
	margin-right:10px;
}
.detial_info_text
{
	font-size: 12px;
	padding-bottom: 5px;
	//border:1px red dashed;
}
.detial_desc_text
{
	padding-bottom: 10px;
	font-size: 14px;
	color: rgba(51,102,0,1);
}
.detial_desc
{
	height:*;
	width:*;
	font:10pt ËÎÌå;
	color:#7d7979;
}