#showall_panel
{
	//context-menu: selector(menu#context);
	padding:0;
	margin:0;
	width:100%%;
	height:100%%;
	border-radius:4px;
	overflow:auto;
	flow:vertical;
}
.showall_header
{
	height:22px;
	width:100%%;
	background-color:#464646;
	border-radius:4px 4px 0 0;
	flow:horizontal;
}
.showall_title
{
	margin-top: 3px;
	margin-left: 3px;
	height:22px;
	width:80px;
	font:12pt ËÎÌå;
	font:bold;
	color:#c0C0C0;
	text-align:left;
    vertical-align:middle;
}
.showall_mode
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: 3px;	
	behavior:popup-menu;
	height:22px;
	font-size:8pt;
	width:36px;
	color:#c0C0C0;
	text-decoration:none;
	text-align:center;
    vertical-align:middle;
	cursor:pointer;
}
.showall_mode:hover 
{
	color:red;
	text-decoration:underline;
}
.showall_update
{
	margin-top: 3px;
	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;
}
.showall_update:hover 
{
	color:red;
	text-decoration:underline;
}
.showall_back
{
	margin-top: 3px;
	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! : 
		root_obj=$1(div#root_panel),
		root_obj.class="show-container",
		sub_obj=$1(div#showall_panel), 
		sub_obj.class="hide-container";
}
.showall_back:hover 
{
	color:red;
	text-decoration:underline;
}
.showall_thumbnails
{
	//display:none;
	padding:0;
	width:100%%;
	height:*;
	flow:h-flow;
	border-spacing:3px;
}
.showall_detials
{
	display:none;
	padding:0;
	width:100%%;
	height:*;
	border-spacing:3px;
	//border:1px dashed green;
}