.inteliusnetworkcontainer{
   border:1px solid #CCC;
   border-radius:8px 0 0 8px;
   overflow:hidden;
}
.inteliusnetworkcontainer.fullscreen{
   width:98% !important;
   height:95% !important;
   position:fixed !important;
   left:1%;
   right:1%;
   top:1%;
   z-index:1000;
}
.inteliusnetworkgraph{
   background-color:white;
}
.inteliusnetworkbuttoncontainer{
   pointer-events:none;
   height:38px;
   background-color:transparent;
}
.inteliusnetworkdata{
   height:100%;
   float:right;
   background-color:#EEE;
   outline:1px solid #CCC;
   font-size:11px;
   position:relative;
}
#networkLinkedInContainer{
	position:absolute;
	right:0;
	top:0;
	padding:0;
}
div.inteliusnetworkdata img.networkavatar
{
   width:50%;
   height:auto;
   margin:auto;
   display:block;
   margin-top:5px;
   margin-bottom:5px;
}
div.inteliusnetworkdata div.networkButtonContainer{
   height:7.5%;
   position:absolute;
   left:0;
   bottom:0;
   padding:0;
   width:100%;
}
div.inteliusnetworkdata div.networkContentContainer{
	height:92.5%;
	overflow-y:scroll;
	position:relative;
   overflow-x:hidden;
}

#inteliusnetworkfullscreenbutton.inteliusnetworkbutton{
   background: url('/templates/spock/resources/img/vishelper/buttons-for-spock.png') no-repeat -70px -295px;
   width: 43px;
   height: 51px;
   filter:none;
   position:absolute;
   left:2px;
   top:162px;
   border:none;
   padding:0;
   margin:0;
   cursor:pointer;
}
#inteliusnetworkfullscreenbutton.inteliusnetworkbutton.active{
   background: url('/templates/spock/resources/img/vishelper/buttons-for-spock.png') no-repeat -10px -295px;
   width: 43px;
   height: 51px;
}
div.inteliusnetworkdata ul li a{
   cursor:pointer;
}
div.vis-navigation{
   position:absolute;
   top:0;
   left:0;
}
.inteliusnetworkcontainer.fullscreen div.vis-navigation{
   top:34px;
}
div.inteliusnetworkgraph div.vis-network div.vis-navigation div.vis-button:hover{
box-shadow:none;
}
div.inteliusnetworkgraph div.vis-network div.vis-navigation div.vis-button{
   border-radius:0px;
   width:43px;
   height:42px;
}
div.inteliusnetworkgraph div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends{
   background: url('/templates/spock/resources/img/vishelper/buttons-for-spock.png') no-repeat -10px -160px;
   left:2px;
   top:5px;
}
div.inteliusnetworkgraph div.vis-network div.vis-navigation div.vis-button.vis-zoomIn{
   background:url('/templates/spock/resources/img/vishelper/buttons-for-spock.png') no-repeat -10px -215px;
   left:2px;
   top:50px;
}
div.inteliusnetworkgraph div.vis-network div.vis-navigation div.vis-button.vis-zoomOut{
   background:url('/templates/spock/resources/img/vishelper/buttons-for-spock.png') no-repeat -10px -255px;
   left:2px;
   top:90px;
   height:40px;
}
div.inteliusnetworkfilters{
   margin:auto;
   width:392px;
}
#filteraddress{
   width:95px;
}
#filterwork{
   width:104px;
}
#filterschool{
   width:90px;
}
#filterrelatives{
  width:90px;
}
.inteliusnetworkbutton{
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );

   float:left;
   margin-top:3px;
   margin-bottom:3px;
   margin-left:1px;
   margin-right:0px;
   font-size:10px;
   font-weight:bold;
   position:relative;
   pointer-events:all;
   border:1px solid #b4b4b4;
   border-radius:3px;
   height:32px;
   color:#666666;
   padding:2px 5px;
}
.inteliusnetworkbutton.active
{
background: rgb(254,195,101);
background: -moz-linear-gradient(top,  rgba(254,195,101,1) 0%, rgba(255,167,61,1) 25%, rgba(198,75,28,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,195,101,1)), color-stop(25%,rgba(255,167,61,1)), color-stop(100%,rgba(198,75,28,1)));
background: -webkit-linear-gradient(top,  rgba(254,195,101,1) 0%,rgba(255,167,61,1) 25%,rgba(198,75,28,1) 100%);
background: -o-linear-gradient(top,  rgba(254,195,101,1) 0%,rgba(255,167,61,1) 25%,rgba(198,75,28,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,195,101,1) 0%,rgba(255,167,61,1) 25%,rgba(198,75,28,1) 100%);
background: linear-gradient(to bottom,  rgba(254,195,101,1) 0%,rgba(255,167,61,1) 25%,rgba(198,75,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec365', endColorstr='#c64b1c',GradientType=0 );
border:1px solid #BF8A68;
color:white;
}
.inteliusnetworkbuttoncontainer{
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 25%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(255,255,255,0.25)), color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 25%,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 25%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 25%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 25%,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cccccc',GradientType=0 );


}
.networkViewProfileButton{
   padding:0px;
   width:100%;
   height:100%;
   margin:0px;
   outline:1px solid #BF8A68;
   pointer-events:all;
   white-space:normal;
   font-size:13px;
   font-weight:bold;
   position:relative;
background: rgb(254,195,101);
background: -moz-linear-gradient(top,  rgba(254,195,101,1) 0%, rgba(255,167,61,1) 25%, rgba(198,75,28,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,195,101,1)), color-stop(25%,rgba(255,167,61,1)), color-stop(100%,rgba(198,75,28,1)));
background: -webkit-linear-gradient(top,  rgba(254,195,101,1) 0%,rgba(255,167,61,1) 25%,rgba(198,75,28,1) 100%);
background: -o-linear-gradient(top,  rgba(254,195,101,1) 0%,rgba(255,167,61,1) 25%,rgba(198,75,28,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,195,101,1) 0%,rgba(255,167,61,1) 25%,rgba(198,75,28,1) 100%);
background: linear-gradient(to bottom,  rgba(254,195,101,1) 0%,rgba(255,167,61,1) 25%,rgba(198,75,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec365', endColorstr='#c64b1c',GradientType=0 );
color:white;
border:none;
}
.networkViewProfileButton,
.inteliusnetworkbutton.active{
	
}
div.inteliusnetworkdata ul li {
   list-style-type: circle;
   list-style: initial;
   list-style-position: outside;
}
div.inteliusnetworkdata ul li{
   margin-left:15px;
   width:95%;
}
div.inteliusnetworkdata div, 
div.inteliusnetworkdata ul{
   padding: 0 5px;
   font-weight:bold;
}
div.inteliusnetworkdata span {
   font-weight:normal;
   word-break:break-word;
   display:block;
}
div.inteliusnetworkdata span.email {
   word-break:break-all;
}
div.vis-network div.vis-network-tooltip{
	z-index:2;
}
div.vis-network div.vis-navigation div.vis-button.vis-up,
div.vis-network div.vis-navigation div.vis-button.vis-down,
div.vis-network div.vis-navigation div.vis-button.vis-left,
div.vis-network div.vis-navigation div.vis-button.vis-right{
   display:none;
}

/* Base styles for the element that has a tooltip */
[data-tooltip] {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
  border:1px solid #b4b4b4;
  border-radius:3px;
  color: #000;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
  font-weight:normal;
  width:100px;
  text-align:center;
}

/* Right */
[data-tooltip]:before,
[data-tooltip]:after {
  bottom: 50%;
  left: 100%;
}

[data-tooltip]:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #b4b4b4;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
[data-tooltip]:before {
  top: 15px;
}

/* Vertically center tooltip content for left/right tooltips */
[data-tooltip]:after {
  margin-left: 0;
  margin-bottom: -16px;
}

@media (max-width: 399px) {
   .inteliusnetworkbuttoncontainer{
      position:absolute;
   }
   .inteliusnetworkgraph{
      float:left;
   }
   .inteliusnetworkbuttoncontainer,
   .inteliusnetworkgraph{
      width:100%
   }
   .inteliusnetworkdata{
      width:0%;
      display:none;
   }
}
@media (min-width: 400px) {
   .inteliusnetworkbuttoncontainer{
      top:0px;
   }
   .inteliusnetworkgraph{
      top:34px;
      bottom:0px;
   }
   .inteliusnetworkbuttoncontainer,
   .inteliusnetworkgraph{
      position:absolute;
      right:175px;
      left:0px;
   }
   .inteliusnetworkdata{
      width:175px;
   }
   .fullscreen .inteliusnetworkbuttoncontainer,
   .fullscreen .inteliusnetworkgraph{
      position:absolute;
      right:300px;
      left:0px;
      top:0px;
   }
   .fullscreen .inteliusnetworkdata{
      width:300px;
   }
}