@font-face{
	font-family: Rubric;
	font-style: normal;
	src:url(../fonts/MyriadPro-Bold.otf);
}

@font-face{
	font-family: Ans;
	font-style: normal;
	src:url(../fonts/MyriadPro-Bold.otf);
}
 
 @font-face{
	font-family: Ans2;
	font-style: normal;
	src:url(../fonts/MyriadPro-Regular.otf);
}

body{margin:0px;}

svg{
	
	padding:0px;
	background:#fff;
	
}

.node{
    cursor: pointer;
	border:2px solid black;
}
.link{
	fill: none;
    stroke: gray;
    stroke-width: 2px;
}
#popbox
{
display:none;
position:absolute;
height:720px;
width:1280px;
background:#DED7E6;
margin:0px;

border:0px solid black;
}
.bt
{	
	height:45px;
	width:180px;
	font-weight:bold;
	cursor:pointer;
	bottom:10px;
	right:20px;
	position:absolute;
}
.tooltiptext {
	font-family: Ans;
    visibility: hidden;
    width: 120px;
	font-size:12px;
	margin-top:15px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.bt:hover .tooltiptext{
    visibility: visible;  
}
#imgleft
{
height:580px;
width:1225px;
text-align:center;
margin-top:8px;
overflow:hidden;
margin-left:28px;
border:2px dashed #fff;
}
#textright
{
font-family: Ans2;
font-size:26px;
line-height:32px;
padding:7px;
padding-left:20px;
height:auto;
width:1150px;
margin-top:10px;
margin-left:0px;
margin-bottom:0px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
background:#fff;
border:0px dashed black;
}
#imgleft1
{
padding:10px;
height:580px;
width:720px;
margin-top:50px;
margin-left:20px;
border:2px dashed #fff;
float:left;
overflow:hidden;
}
#textright1
{
font-family: Ans2;
font-size:26px;
line-height:32px;
float:right;
padding:10px;
margin-right:20px;
height:560px;

width:400px;
margin-top:60px;
background:#fff;
border:0px dashed black;
}
#textright2
{
font-family: Ans2;
font-size:26px;
line-height:32px;
padding:7px;
padding-left:20px;
height:480px;
width:1000px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
background:#fff;
border:1px dashed black;
border-radius:20px;
}
.textright2a
{
margin:8px;
height:440px;
width:960px;
padding:5px;
margin:10px auto 10px auto;
border:0px solid red;

}

div.name {
	 font-family: Ans;
	 padding:5px;
	height:55px;
 	font-size: 16px;
 	line-height:19px;
 	 color: #fff;
 	 cursor: pointer;
	vertical-align:middle;
  background:gray;
  border-radius:15px;
  text-align:center;
}
.oneline
{
margin-top:18px;
border:0px solid black;
}
.twoline
{
margin-top:10px;
border:0px solid black;
}
.threeline
{
margin-top:0px;
border:0px solid black;
}
.fnt1
{
font-size: 13px;

}
div.name:hover {
	height:57px;
	box-shadow: 0 5px 0 #C0B38D;
}
@keyframes bts {
    0%   {border:2px solid #16A085;}
    50% {border:6px solid #16A085;}
    100% {border:1px solid #16A085;}
}
#a01
{
font-family: Rubric;
font-size:20px;
line-height:22px;
pointer-events: none;
width:153px;
height:62px;
margin-left:1px;
}  
#a02
{
pointer-events: none;
}
#a03
{
pointer-events: none;
}
#a04
{
pointer-events: none;
}
#a05
{
pointer-events: none;
}
#a06
{
pointer-events: none;
}
#a07
{
pointer-events: none;
}
 #a08
{
pointer-events: none;
}
 #a09
{
pointer-events: none;
}
 #a10
{
pointer-events: none;
}
 #a11
{
pointer-events: none;
}
 
div, input
{
    font-variant-ligatures: none;
}

.scrl
{
width:410px;
height:560px;
padding-right:10px;
box-sizing:border-box;
overflow-Y:scroll;
margin-top:0px;
background:#fff;
}
.scrl1
{
width:1000px;
height:440px;
margin-top:0px;
padding-right:10px;
box-sizing:border-box;
margin-left:-15px;
margin-right:0px;
margin-bottom:0px;
background:#fff;
overflow-Y:scroll;
}

.imgcent{
	margin: 0px auto 15px auto;
	display: block;
}