@charset "UTF-8";
/* CSS Document */

@font-face
{
	font-family: 'iRokusPlusIcons';
	src: url('../../assets/fonts/iRokusPlusIcons.eot?') format('eot'), 
		url('../../assets/fonts/iRokusPlusIcons.woff') format('woff'), 
		url('../../assets/fonts/iRokusPlusIcons.ttf')  format('truetype'),
		url('../../assets/fonts/iRokusPlusIcons.svg#iRokusPlusIcons') format('svg');
}
.icon {
	font-family: 'iRokusPlusIcons';
	font-weight: normal;
	font-size: 36px;
	color: #7F7F7F;
	z-index: 999;
}
.icon.enabled {
	cursor: pointer;
}
.icon.enabled:hover {
	color: #000000;
}
.icon.active {
	color: #000000;
}
#zoomIn1{
	position: absolute;
	top: 330px;
	left: 415px;
	z-index: 999;
}
span#zoomIn1:before{
	content: "\002B";
}
#zoomIn2{
	position: absolute;
	top: 440px;
	left: 632px;
	z-index: 999;
}
span#zoomIn2:before{
	content: "\002B";
}

#zoomOut1{
	position: absolute;
	top: 440px;
	left: 678px;
	z-index: 999;
}
span#zoomOut1:before{
	content: "\2212";
}

#zoomOut2{
	position: absolute;
	top: 479px;
	left: 383px;
	z-index: 999;
}
span#zoomOut2:before{
	content: "\2212";
}

/* titles */
#title01{
	top: 600px;
	left: 605px;
}
#title02{
	top: 695px;
	left: 680px;
	width: 270px;
}
#title03{
	top: 695px;
	left: 380px;
	width: 440px;
}

/**/
.disabled{
	/*display: none;*/
	visibility: hidden;
}
.active{
	display: block;
}

#annotation-content {
	top: 126px; 
}

#tpIconActive1{
margin-left: 598px;
margin-top: 185px;
}
#tpIconActive2{
	margin-left: 498px;
margin-top: 338px;
}
#tpIconActive3{
	margin-left: 626px;
margin-top: 298px;
}
#tpIconActive4{
	margin-left: 503px;
margin-top: 533px;
}

#tpIconActive5{
	margin-left: 573px;
margin-top: 302px
}
#tpIconActive6{
	margin-left: 388px;
margin-top: 173px;
}

#popover01{
	top: 134px;
left: 556px;
width: 181px;
}
#popover02{
	top: 334px;
left: 353px;
width: 142px;
}
#popover03{
	top: 260px;
left: 645px;
width: 64px;
}
#popover04{
top: 580px;
left: 438px;
width: 134px;
}
#popover05{
	top: 282px;
left: 624px;
width: 287px;
}
#popover06{
	top: 226px;
left: 275px;
width: 66px;
}

/* popovers */
.popover {
	padding: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  text-align: left;
  white-space: normal;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(103, 103, 103);
  border-radius: 6px;
  
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);

  background-clip: padding-box;
  color: rgb(0,0,0);
  border-radius: 12px;
}