html{
	margin: 0 auto;
	font-family: arial;
	background: lightgrey;
	vertical-align: center;
	width: 1000px;
}

body{
	width: 1000px;
	background: white;
	padding: 10px;
	border: 1px solid grey;
	width: auto;
	height: auto;
}

h2{
	border-bottom: 3px solid black;
}

#node_of_interest{
	font-size: 14pt;
	padding: 10px;
	border: 1px solid red;
	background: white;
}

#comment{
	font-size: 9pt;
	font-style: italic;
	margin-top: 3px;
}

#intermediate_nodes{
	padding-top: 6px;
}

.inter{
	border: 1px solid black;
	cursor: pointer;
	margin: 10px;
	padding: 10px;
	background: whitesmoke;
}

.inter:hover{
	background: lightgrey;
}

.hide{
	display: none;
}

.clusters{
	padding-left: 10px;
	font-size: 11pt;
}

.cluster{
	padding: 4px;
	padding-left: 10px;
}

.clusterx{
	padding: 4px;
	padding-left: 106px;
}

.space{
	width: 50px;
}

.circle{
	border: 1px solid black;
	border-radius: 100px;
	position: absolute;
	z-index:10;
	background: rgb(255, 160, 160);
}

.edge{
	border-bottom: 1px solid black;
	position:absolute;
	z-index:5;
}

.name{
	font-size: 20pt;
	position: absolute;
}

/*venn1*/

#venn1{
	position: absolute;
	border: 1px solid black;
	height: 240px;
	background: white;
	width: 300px;
	margin-left: 611px;
	margin-top: -241px;
}

#int1{
	margin-left: 130px;
	margin-top: 20px;
	background: rgb(160, 160, 255);
	height: 50px;
	width: 50px;
}

#edge1{
	transform: rotate(133deg);
	margin-top: 111px;
	margin-left: 28px;
	width: 130px;
}

#edge2{
	transform: rotate(120deg);
	margin-top: 111px;
	margin-left: 63px;
	width: 120px;
}

#edge3{
	transform: rotate(90deg);
	margin-top: 111px;
	margin-left: 93px;
	width: 120px;
}

#edge4{
	transform: rotate(65deg);
	margin-top: 111px;
	margin-left: 127px;
	width: 120px;
}

#edge5{
	transform: rotate(48deg);
	margin-top: 111px;
	margin-left: 153px;
	width: 143px;
}

#ln1{
	margin-left: 18px;
	margin-top: 9px;
	height: 50px;
	width: 50px;
}

#l1{
	margin-top: 150px;
	margin-left: 5px;
	height: 50px;
	width: 50px;
}
#l2{
	margin-top: 150px;
	margin-left: 65px;
	height: 50px;
	width: 50px;
}
#l3{
	margin-top: 150px;
	margin-left: 125px;
	height: 50px;
	width: 50px;
}
#l4{
	margin-top: 150px;
	margin-left: 185px;
	height: 50px;
	width: 50px;
}
#l5{
	margin-top: 150px;
	margin-left: 245px;
	height: 50px;
	width: 50px;
}

/*venn2*/

#svenn1{
	position: absolute;
	border: 1px solid black;
	height: 240px;
	background: white;
	width: 300px;
	margin-left: 611px;
	margin-top: -241px;
}

#sint1{
	margin-left: 130px;
	margin-top: 20px;
	background: rgb(160, 160, 255);
	height: 50px;
	width: 50px;
	z-index:102;
}

#sedge1{
	transform: rotate(127deg);
	margin-top: 65px;
	margin-left: 101px;
	width: 75px;
}

#sedge2{
	transform: rotate(110deg);
	margin-top: 100px;
	margin-left: 90px;
	width: 84px;
	z-index: 101;
}

#sedge3{
	transform: rotate(80deg);
	margin-top: 75px;
	margin-left: 144px;
	width: 45px;
	z-index: 101;
}

#sedge4{
	transform: rotate(65deg);
	margin-top: 89px;
	margin-left: 126px;
	width: 120px;
	z-index: 101;
}

#sedge5{
	transform: rotate(48deg);
	margin-top: 111px;
	margin-left: 153px;
	width: 143px;
}

#sln0{
	margin-left: 17px;
	margin-top: 9px;
	opacity: 1;
}
#sln1{
	margin-left: 177px;
	margin-top: 109px;
	opacity: 1;
	position: absolute;
	z-index: 101;
}
#sln2{
	margin-left: 81px;
	margin-top: 109px;
	opacity: 1;
	position: absolute;
	z-index: 101;
}
#sln3{
	margin-left: 220px;
	margin-top: 151px;
	opacity: 1;
	position: absolute;
	z-index: 101;
}
#sln4{
	margin-left: 102px;
	margin-top: 163px;
	opacity: 1;
	position: absolute;
	z-index: 101;
}
#s1{
	margin-top: 95px;
	margin-left: 44px;
	height: 130px;
	width: 130px;
	background: orange;
	opacity: 0.85;
}
#s2{
	margin-top: 95px;
	margin-left: 124px;
	height: 130px;
	width: 130px;
	opacity: 0.75;
}
#s3{
	margin-top: 138px;
	margin-left: 88px;
	height: 70px;
	width: 70px;
	background: red;
	opacity: 0.6;
}
#s4{
	margin-top: 140px;
	margin-left: 200px;
	height: 50px;
	width: 50px;
	background: rgb(48, 216, 48);
	opacity: 0.46;
}


/*venn3*/

#lvenn1{
	position: absolute;
	border: 1px solid black;
	height: 240px;
	background: white;
	width: 300px;
	margin-left: 611px;
	margin-top: -241px;
}

#lint1{
	margin-left: 130px;
	margin-top: 20px;
	background: rgb(160, 160, 255);
	height: 50px;
	width: 50px;
	z-index:102;
}

#ledge1{
	transform: rotate(127deg);
	margin-top: 65px;
	margin-left: 101px;
	width: 75px;
}

#ledge2{
	transform: rotate(80deg);
	margin-top: 72px;
	margin-left: 128px;
	width: 59px;
	z-index: 101;
}

#ledge3{
	transform: rotate(75deg);
	margin-top: 76px;
	margin-left: 123px;
	width: 86px;
	z-index: 101;
}

#ledge4{
	transform: rotate(73deg);
	margin-top: 101px;
	margin-left: 122px;
	width: 120px;
	z-index: 101;
}

#ledge5{
	transform: rotate(48deg);
	margin-top: 111px;
	margin-left: 153px;
	width: 143px;
}

#lln0{
	margin-left: 18px;
	margin-top: 9px;
	opacity: 1;
}
#lln1{
	margin-left: 80px;
	margin-top: 109px;
	opacity: 1;
	position: absolute;
	z-index: 101;
}
#lln2{
	margin-left: 203px;
	margin-top: 97px;
	opacity: 1;
	position: absolute;
	z-index: 101;
	font-size: 16pt;
}
#lln3{
	margin-left: 209px;
	margin-top: 131px;
	opacity: 1;
	position: absolute;
	z-index: 101;
	font-size: 16pt;
}
#lln4{
	margin-left: 193px;
	margin-top: 164px;
	opacity: 1;
	position: absolute;
	z-index: 101;
	font-size: 16pt;
}
#ll1{
	margin-top: 95px;
	margin-left: 44px;
	height: 130px;
	width: 130px;
	background: orange;
	opacity: 0.85;
}
#ll2{
	margin-top: 95px;
	margin-left: 124px;
	height: 130px;
	width: 130px;
	opacity: 0.65;
}
#ll3{
	margin-top: 158px;
	margin-left: 181px;
	height: 35px;
	width: 35px;
	background: red;
	opacity: 0.6;
}
#ll4{
	margin-top: 116px;
	margin-left: 145px;
	height: 90px;
	width: 90px;
	background: rgb(48, 216, 48);
	opacity: 0.46;
}