/* ****************************** */
/* Start global style */
html 
{ 
	overflow:hidden;
	background-color:transparent;
	background: url(bg_h.png);
	//background-image:url(bg.PNG);
	background-repeat:expand;
	background-position:15 15 15 15;
}
body 
{
	border-radius:8px;
	//border-color:transparent;
	//border:1px dashed #a0a0a0;
	//border:1px red dashed;
	//assigned!: 
	//	self:expanded = true;

	//outline: glow #CCC 10px;
}
.root
{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	flow:vertical;
}
popup[role="tooltip"] /* tooltips */
{
  font:system;
}
/* End global style */
/* ****************************** */
#title_bar #icon 
{
	foreground-image:url(V5Main.ico);
}
#sysmenu_btn
{
	behavior:button popup-menu; 
	width:20px;
	height:20px;
	padding-top:-3px;
	margin-right:2px;
	background-image:url(sysmenu.png);
	background-position:center;
	background-repeat: no-repeat;
    border: 2px solid transparent;
}
#sysmenu_btn:hover
{
	background-image:url(sysmenu_hover.png);
	background-position:center;
	background-repeat: no-repeat;
}
#sysmenu_btn:active
{
	background-image:url(sysmenu_active.png);
	background-position:center;
	background-repeat:no-repeat;
}

/* **************************************************************** */
/* ****************************** */
/* Start mainpanel style */
#main_panel
{
	margin:1px 1px 1px 1px;
	padding:0;
	width:*;
	height:*;
	flow:horizontal;
	overflow-x:visible;
	//background-color:#c800e8;
}
#user_panel
{
	width:*;
	height:*;
	flow:vertical;
	//border: 1px dashed silver;
}
#top_bar
{
	display:none;
	margin-top: 1px;
	margin-bottom: 1px;
	width:*;
	height:18px;
	flow:horizontal;
	//border: 1px dashed red;
}
#open_manager
{
	margin-left:auto;
	width:16px;
	height:16px;
	vertical-align:middle;
	background-image:url(collapse-right.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	behavior:clickable;
	click! : 
		sub_obj=$1(div#process_panel),
		sub_obj.class=="hide-container" ? 
			(sub_obj.class="show-container", self::background-image=url(collapse-left.png),) # 
			(sub_obj.class="hide-container", self::background-image=url(collapse-right.png),);
}
#content_panel
{
	width:*;
	height:*;
	flow:horizontal;
	//border: 1px dashed silver;
}
#docs_panel, #apps_panel, #store_panel, #search_panel
{
	display:none;
	width:*;
	height:*;
	flow:vertical;
	//border: 1px dashed silver;
}
#bottom_bar
{
	width:*;
	height:26px;
	flow:horizontal;
	//border: 1px dashed silver;
}
#process_panel
{
	height:*;
	flow:vertical;
	//border: 1px dashed silver;
}
/* End mainpanel style */
/* ****************************** */



/* **************************************************************** */
/* ****************************** */
/* Start panel style */
#mydocspanel, #myappspanel, #appstorepanel 
{
	width:*;
	height:*;
	flow:vertical;
}
/* End panel style */
/* ****************************** */


/* **************************************************************** */
/* ****************************** */
/* Start mydocspanel style */
#mydocscontainer, #myappscontainer, #popupcontainer
{
	width:*;
	height:*;
}
/* End mydocspanel style */
/* ****************************** */


/* **************************************************************** */
/* ****************************** */
/* Start myappspanel style */
#appstest
{
	flow:horizontal;
	height:26px;
}
/* End myappspanel style */
/* ****************************** */


/* **************************************************************** */
/* ****************************** */
/* Start appstorepanel style */
/* End appstorepanel style */
/* ****************************** */

/* **************************************************************** */
/* ****************************** */
/* Start container_tab style */
#subcontainer
{
	position:fixed;
	z-index:999;
	top:32px;
	bottom:64px;
	left:5px;
	right:5px;
	background-color:transparent;
	//background-color: rgba(33,33,33,0.95) rgba(33,33,33,0.95) rgba(33,33,33,0.95) rgba(33,33,33,0.95);
}
/* End container_tab style */
/* ****************************** */

/* ****************************** */
/* Start subcontainer-item style */
#subcontainer_item
{
	click! : 
		sub_obj=$1(div#subcontainer), 
		//main_obj=$1(div#maincontent),
		//sub_obj.class=="hide-container" ? (sub_obj.class="show-container", main_obj.disabled=true,) # (sub_obj.class="hide-container"//, main_obj.disabled=false);
		sub_obj.class=="hide-container" ? (sub_obj.class="show-container",) # (sub_obj.class="hide-container");
}
.subcontainer_item_button
{
	background-repeat: expand stretch-top stretch-left stretch-right stretch-bottom stretch-middle; /* h-smile specific */
	background-position: 4px 4px 4px 4px;
	margin-right: auto;	
	behavior:button;
	transition:blend;
	color: #FF0000;
	text-align:center;
	display:inline-block;
	background-color: #00FFFF;
}
/* End subcontainer-item style */
/* ****************************** */

/* ****************************** */
/* Start tabs style */
.show-container
{
	display:block;
}
.hide-container
{
	display:none;
}
/* End tabs style */
/* ****************************** */

/* ****************************** */
/* Start paneltabbar style */
#paneltabbar
{
	flow:horizontal;
	height:26px;
}
/* End paneltabbar style */
/* ****************************** */