#stateSCMap {
 /* background-color: rgb(230,230,230); */
  position: relative;
  top: 0px;
  right: 0px;
  width:100%;
  height: 600px;
}

#stateSCGraph {
  /* background-color: rgb(230,230,230); */
  position: relative;
  top: 0px;
  right: 0px;
  width:100%;
  height: 600px;
}

#stateSCMap .tooltip .label {
  font-size:13px;
  fill:white;
}

#stateSCMap .tooltip .header {
  font-size:13px;
  font-weight: bold;
  fill:white;
}

#stateSCMap .circle {
  stroke: rgb(240,240,240);
  stroke-width: 1.5px;
}


#stateSCMap .map .node:hover {
  fill: rgb(60,160,180) !important;
}

#stateSCMap .link {
  stroke: rgb(100,100,100);
  stroke-opacity: 0.9;
  fill:none;
}

#mapArrow {
  fill: rgb(100,100,100);
  fill-opacity: 0.9;
  stroke-width: 0;
}

#stateSCGraph .link {
  stroke: rgb(220,220,220);
  stroke-opacity: 0.8;
  fill:none;
}


#stateSCMap .highlightLink {
  stroke: rgb(40,40,40) !important;
  stroke-opacity: 0.9 !important;
  fill:none;
}

#highlightArrow {
  fill: rgb(40,40,40);
  fill-opacity: 0.9;
  stroke-width: 0;
}

#arrow {
  fill: rgb(220,220,220);
  fill-opacity: 0.8;
  stroke-width: 0;
}


#stateSCMap .stateLabel {
  font-size: 13px;
  font-weight:bold;
}

#stateSCMap .node .label {
  font-size:12px;
  font-family: Georgia,serif;
  text-anchor:middle;
}

#stateSCMap .state {
  fill:rgb(100,100,100);
  stroke:white;
  stroke-width:.5;
  fill-opacity:0.2;
}

#stateSCMap .state.highlight {
  fill:rgb(150,150,150);
  fill-opacity: .8;
}

#stateSCMap .state.highlight:hover {
  fill:rgb(120,120,120);
  fill-opacity:1;
  fill-opacity: .9;
}

#stateSCMap #tooltip.hidden {
  display: none;
}

#stateSCMap #tooltip {
  position: absolute;
  color:rgb(245,245,245);
  font-family: Georgia,serif;
  font-size: 12px;
}

#stateSCMap #tooltip .location {
  padding-top: 3px;
  font-size: 10px;
  color:rgb(240,240,240);
}

.stateSCMapContainer {
  font-family: Georgia,serif;
  font-size: 16px;
  width: 100%;
  height: auto;
}

.stateSCMapContainer h2 {
  margin-bottom: 5px;
}


#stateSCGraph .tooltip .label {
  font-size:13px;
  fill:white;
}

#stateSCGraph .tooltip .header {
  font-size:13px;
  font-weight: bold;
  fill:white;
}

#stateSCGraph .circle {
  stroke: rgb(230,230,230);
  stroke-width: 1.5px;
}


#stateSCGraph .map .node:hover {
  fill: rgb(60,160,180) !important;
}

#stateSCGraph .stateLabel {
  font-size: 13px;
  font-weight:bold;
}

#stateSCGraph .tv {
  cursor: pointer;
}

#stateSCGraph .label {
  text-transform:capitalize;
  font-size:12px;
  font-family: Georgia,serif;
  text-anchor:middle;
}

#stateSCGraph .state {
  fill:rgb(60,60,60);
  stroke:white;
  stroke-width:.5;
  fill-opacity:0.7;
}

#stateSCGraph .state.highlight {
  fill:rgb(149,148,111);
  fill-opacity: .9;
}

#stateSCGraph .state.highlight:hover {
  fill:rgb(181,179,112);
  fill-opacity:1;
  fill-opacity: .9;
}

#stateSCGraph #tooltip.hidden {
  display: none;
}

#stateSCGraph #tooltip {
  position: absolute;
  color:rgb(245,245,245);
  font-family: Georgia,serif;
  font-size: 12px;
}

#stateSCGraph #tooltip .location {
  padding-top: 3px;
  font-size: 10px;
  color:rgb(240,240,240);
}

.stateSCGraphContainer h2 {
  margin-bottom: 5px;
}

body {
  padding: 0px;
  margin: 0px;
}