div.ini_global {
	padding-left:10px;
	border: 2px solid;
	font-size: 12px;
	padding-top: 5px;
	font-family: Lucida Grande, Verdana, Geneva, Arial, sans-serif;
	border-collapse: collapse;
}

div.legend {
  width: 200px;
	border: 1px dashed;
}

div.legend div {
	padding-left:10px;
}

div.node {
	overflow:hidden;
	font-size: 12px;
	padding-top: 20px;
	border-bottom:1px solid;
	display: table;
}


div.node span.node_name {
  padding: 5px;
  text-align:left;
	font-weight:bold;
	display: table-cell;
}

div.node span.node_description {
	padding-left: 10px;
	display: table-cell;
}

div.ini_global > div.item {
	display: table-row;
	border-bottom: 5px solid transparent;
}

.item_advanced {
	/* we are kind of abusing an unrelated variable here */
	/* TODO maybe redefine? */
	color: var(--nav-menu-foreground-color)
}

div.item span.item_name {
	display: table-cell;
	width:300px;
}

div.item span.item_value {
	display: table-cell;
	padding-left: 20px;
	padding-left: 10px;	
	width:100px;
}

div.item span.item_description {
	display: table-cell;
	padding-left:20px;
	width:400px;
}
div.item span.item_tags {
	display: table-cell;
	padding-left:20px;
	width:200px;
}
div.item span.item_restrictions {
	display: table-cell;
	padding-left:20px;
	width:200px;
}

.item_required {
	color: #FF7F00;
	font-weight:bold;
}