body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }


body { background: #fff; font-family: "Droid Serif",Georgia,"Times New Roman",Times,serif; color: #444444; overflow: visible}

/* optional Container STYLES */
.chart { height: 100%; width: -moz-fit-content; width: fit-content; margin: 5px; margin: 15px auto; border: 3px solid #DDD; border-radius: 3px; overflow: visible}

.node { font-size: 11px; }

a {
	color: black;
	text-decoration: none;
}

.node.big-company {
	overflow: visible
	cursor: pointer;
	/*padding: 5px;*/
	padding: 3px 0 4px 0;
	min-width: 60px;
	text-align: center;
	border: 1px solid #383838; 
	border-radius: 2px;
	list-style-type: none;
	/*background-color: rgb(252, 252, 252);*/
}

.ref {
	margin: 2px;
	text-align: center;
	border: none;
	vertical-align: middle;
	/*line-height: 30px;*/
}

.ref ul {
	border: none;
}

.parentDef {
	color: red;
}

.title {
   align-items: center;
   /*margin: 5px;*/
}

.properties ul, .propertiesExpanded ul {
	border: none;
	padding: 3px;

	/*margin: 4px;*/
}

li {
   
}

h1 {
   font-size: 9px;
}

ul {
   list-style-type: none;
   border: 1px solid #383838;
   padding: 5px;
   margin-top: 3px;
   /*margin: 10px;*/
}

.properties {
   display: none;
   /*border: 2px solid #000;
   padding: 3px;
   margin: 5px;*/
   text-align: left;
}

.propertiesExpanded {
   display: block;
   /*border: 2px solid #000;
   margin: 5px;
   padding: 3px;*/
   text-align: left;
}

.node.big-commpany:active { 
	/*box-shadow: inset 1px 1px 1px rgba(0,0,0,.1); 
	margin: 1px 0 0 1px;*/ 
	border: 2px solid #D3D3CB;
}

.node.big-commpany .node-name {
	line-height: 30px;
	color: #9B9B9B;
}

.node.big-commpany:hover .node-name {
	color: #8B8B8B;
	text-shadow: 1px 1px rgba(0,0,0,.15);
}

.Treant .collapse-switch { width: 100%; height: 100%; border: none;}
.Treant .node.collapsed { background-color: rgb(230, 230, 230); }
.Treant .node.collapsed .collapse-switch { background: none; }