/*
GMO
***********************/
/* line 5, ../sass/gmo.scss */
#controls {
  width: 400px;
  height: 130px;
  margin: 0 0 40px 0;
}

/* line 11, ../sass/gmo.scss */
#nav {
  margin: 0;
  float: left;
}

/* line 16, ../sass/gmo.scss */
span.btn {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  font-size: 16pt;
  color: #222;
  padding: 5px 10px 5px 10px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
  margin: 0px 10px 10px 0;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ddd;
}

/* line 34, ../sass/gmo.scss */
#sub-controls {
  clear: left;
}
/* line 39, ../sass/gmo.scss */
#sub-controls ul {
  margin: 0;
  list-style: none;
  display: none;
}
/* line 47, ../sass/gmo.scss */
#sub-controls ul li {
  float: left;
  width: 83px;
  min-height: 62px;
  font-size: 10pt;
  color: #222;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ddd;
  cursor: pointer;
  margin: 0px 10px 0px 0;
}

/* line 65, ../sass/gmo.scss */
#slider-control {
  width: 95%;
  float: left;
}
/* line 69, ../sass/gmo.scss */
#slider-control .ui-slider-tick-mark {
  display: inline-block;
  width: 1px;
  background: #888;
  height: 5px;
  position: absolute;
  top: 6px;
}
/* line 78, ../sass/gmo.scss */
#slider-control .ui-slider .ui-slider-handle {
  width: 20px;
  height: 17px;
  background: url("../../assets/images/slide_handle_2.png") no-repeat;
  overflow: hidden;
  position: absolute;
  top: -7px;
  margin-left: -8px;
  border-style: none;
  cursor: pointer;
  box-shadow: 2px 2px 3px #999;
}
/* line 90, ../sass/gmo.scss */
#slider-control .ui-slider-range {
  background: #ddd;
  border-radius: 0px;
}
/* line 91, ../sass/gmo.scss */
#slider-control .ui-slider a {
  outline: none;
}
/* line 92, ../sass/gmo.scss */
#slider-control .ui-slider {
  clear: both;
}
/* line 93, ../sass/gmo.scss */
#slider-control .ui-widget-content {
  background: #999;
}

/* line 98, ../sass/gmo.scss */
#slider {
  float: left;
  width: 80%;
  height: 5px;
  background: #222;
  border: 1px solid #222;
  border-radius: 0px;
  margin: -33px 0 0px 120px;
}
/* line 107, ../sass/gmo.scss */
#slider .year {
  display: inline-block;
  color: #999;
  font-size: 50%;
  position: absolute;
  top: 16px;
}

/* line 117, ../sass/gmo.scss */
.key text {
  fill: #222;
  font-size: 10pt;
}

/* line 122, ../sass/gmo.scss */
.stateNames text {
  font-size: 9pt;
  fill: #111;
  opacity: 0.7;
  text-anchor: middle;
}

/* line 129, ../sass/gmo.scss */
#statPanel {
  width: 100%;
  padding: 20px 0 0 0;
  float: left;
}

/* line 137, ../sass/gmo.scss */
#pieChart {
  width: 30%;
  height: 220px;
  float: left;
  margin: 0px 0 0 30px;
}

/* line 144, ../sass/gmo.scss */
#pieChart path {
  stroke: #ddd;
  stroke-width: 2;
}

/* line 149, ../sass/gmo.scss */
#map, #key, #statPanel {
  overflow: hidden;
}

/* line 154, ../sass/gmo.scss */
.usTitle {
  font-size: 11pt;
}

/* line 158, ../sass/gmo.scss */
.pieChartText {
  font-size: 11pt;
  font-weight: 300;
  fill: #222;
}

/* line 164, ../sass/gmo.scss */
#lineGraph {
  float: left;
  width: 60%;
}

/* line 169, ../sass/gmo.scss */
#lineGraph .overlay {
  fill: none;
  pointer-events: all;
}

/* line 174, ../sass/gmo.scss */
#lineGraph .dots {
  font-size: 11pt;
  fill: #333;
}

/* line 179, ../sass/gmo.scss */
#lineGraph circle:hover {
  cursor: pointer;
}

/* line 183, ../sass/gmo.scss */
#lineGraph path {
  stroke: #999;
  stroke-width: 4;
  fill: none;
}

/* line 187, ../sass/gmo.scss */
#lineGraph .xAxis path, #lineGraph .yAxis path, .xAxis line {
  fill: none;
  stroke: #ddd;
  stroke-width: 0.5;
  shape-rendering: crispEdges;
}

/* line 190, ../sass/gmo.scss */
#lineGraph .grid .tick {
  stroke: #999;
  opacity: 0.7;
}

/* line 194, ../sass/gmo.scss */
#lineGraph .rules {
  stroke-width: 1;
  stroke: #999;
  shape-rendering: crispEdges;
  opacity: 0.2;
}

/* line 198, ../sass/gmo.scss */
#lineGraph text {
  fill: #222;
  font-weight: 300;
}

/* line 203, ../sass/gmo.scss */
.xAxis {
  font-size: 11pt;
  stroke-width: 1px;
}

/* line 208, ../sass/gmo.scss */
.yAxis {
  font-size: 11pt;
  stroke-width: 1px;
}

/* line 213, ../sass/gmo.scss */
.hideTooltip {
  display: none;
}

/* line 217, ../sass/gmo.scss */
#tooltip {
  position: absolute;
  height: auto;
  padding: 10px;
  background-color: #fff;
  font-size: 12pt;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

/* line 233, ../sass/gmo.scss */
#tooltipDot {
  position: absolute;
  height: auto;
  padding: 10px;
  background-color: #fff;
  font-size: 12pt;
  pointer-events: none;
}