html{
    background:none;
}
body {
  margin:0px;
  padding:0px;
  background:none;
}

.tabs 
{
  font:system;
  behavior:tabs; /*指定这是一个选项卡控件*/
  height:100%%;
  width:100%%;
  margin:0px;
  padding:0px;
  overflow:hidden;
}

.tabs > .strip /* 选项卡 */
{
  flow: horizontal;
  margin-bottom:0px;
  padding: 2px 2px 0 2px;
  behavior: windowCommand;
  assigned!:self.command="window-caption";
}

.tabs > .strip > [panel] /* 选项卡按钮默认样式 */
{
  padding: 3px 28px 3px 10px;
  margin:-2px -2px 0px -2px;
  height: 100%%;
  width: 68px;
  max-width: auto; /* 内容宽度  */
  background-image: url(images/strip-item-normal.png);
  background-position: 5px 19px 3px 11px;
  background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
 
}
.tabs > .strip > [panel]:hover /* 鼠标悬停选项卡样式*/
{
  background-image: url(images/strip-item-hover.png);
  background-position: 5px 19px 3px 11px;
  background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
  transition:blend;
}
.tabs > .strip > [panel]:current  /*当前选项卡样式*/
{
  background-image: url(images/strip-item-current.png);
  background-position: 5px 19px 3px 11px;
  background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
  
  margin:-2px -2px 0px -2px;
  padding: 4px 10px 5px 10px; 
  position:relative;
}
.tabs > .strip > [panel]:current:hover /*点击当前选项卡的样式*/
{
  background-image: url(images/strip-item-current-hover.png);
  background-position: 5px 19px 3px 11px;
  background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
  transition:none;
}

/*
.tabs > .strip > [panel]:current:first-child,
.tabs > .strip > [panel]:current:hover:first-child
{
  background-image: url(images/strip-select.png);
  background-position: 2px 14px 2px 1px;
  background-repeat: expand  stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
} 
*/

.tabs:focus .strip [panel]:current 
{
  background-image:url(theme:tab-item-focused);
} 

.tabs > [name] { display:none; }

.tabs > [name]:expanded 
{  
  padding:0px;
  border-radius: 5px 5px 0px 0px;
  background-color:#f9f9f8;
  display:block; 
  height:100%%;
} 
 
.panel-main{
   flow: horizontal; 
   height:100%%;
   width:100%%;
   border-radius:0px 5px 0px 0px; 
}
.panel-main  .left-nav{
   width:145px;
   height:100%%;
   background-image:url("images/left-bar-bg.png");
   background-repeat: repeat-y;
}
.panel-main .right-content{
   height:100%%;
   width:100%%;
}

.panel-top {
   height:34px;
   width:100%%;
   overflow:hidden;
   background-color:#f3f3f3;
   border-bottom:1px solid #d6d4d5;
   border-radius:0px 5px 0px 0px;
   color:#676767;
}
 

.left-nav  .nav-toolbar {
	width:145px;
	height:30px;
	overflow:hidden;
	line-height:30px;
	margin:2px auto 0px auto;
	color:#666767;
	text-align:left; 
	padding-left:3px;
}

@set button-nav-toolbar{
	:root.dropdown {
		behavior:~popup-menu;
		height:20px;
		line-height:20px;
		margin:2px 1px 2px 3px;
		padding:2px 2px 2px 2px;
		background:none;
		background-position: 3px 4px 3px 3px;
		background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom; 
	}
	
	:root.dropdown:active{
		padding:3px 1px 1px 3px;
	}
	
	:root.dropdown popup{
		background-color: #FEFEFE;
		transition:window-slide-ttb; 
	}
	 
	img {
		display: block; 
		margin-right:4px;
		vertical-align: middle;
	}
}

.left-nav .nav-toolbar button{
	style-set:button-nav-toolbar;
}
 

