.tabs
{
	behavior:tabs;
	width:100%%;
	height:100%%;
	flow:vertical;
}
.tabs > [name] { display:none; }
.tabs > [name]:expanded // current panel
{ 
	padding:4px;
	display:block; 
	width:*;
	height:*;
	//border:1px solid threedshadow;  
	border-bottom-style:none;  
}
.tabs > .strip /* the tab strip */
{
	flow:h-flow;
	width:*;
	padding: 0 10px 4px 10px;
	//border-top:1px solid threedshadow; 	
}
.tabs > .strip > [panel] /* the tab having panel attribute, passive by default */
{
	padding: 2px 8px 4px 8px;
	height: *; /* span the whole row */
	width:80px;
	max-width: auto; /* not wider than max-intrinsic  */
	background-color: window;
	border-radius: 0 0 6px 6px;
	border-style:solid;
	border-color:threedshadow;
	border-width:0 1px 1px 1px;
	margin:0 -1px;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
}
.tabs > .strip > [panel]:nth-child(1) { background-color:bisque; }
.tabs > .strip > [panel]:nth-child(2) { background-color:lavender; }
.tabs > .strip > [panel]:nth-child(3) { background-color:lemonchiffon; }
.tabs > .strip > [panel]:hover /* passive tab */
{
	//border-top-color: orange;
	color:blueviolet;
}
