body {
  font-family:"Museo-500",Helvetica,sans-serif;
  font-size:11px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

img {
  border-width: 0;
}

#container {
  width: 670px;
  height: 670px;
  position: relative;
  margin: 0 auto;
  border: 5px solid #333;
  border-radius: 20px;
  background: url("../images/bg.jpg") no-repeat;
  box-sizing: border-box;
}
#container-inner {
  padding: 20px;
}
h1 {
  margin-top: 0;
  color: #513323;
  margin-bottom: 0;
  font-family:"Museo-700",Helvetica,sans-serif;
  font-size: 43px;
  font-weight: normal;
}

/* Australia Map */
#australia-map {
  height: 330px;
  left: 272px;
  top: 10px;
  display: block;
  position: absolute;
}
.states {
  position:absolute;
  z-index:2;
  font-size:11px;
  font-family:"Museo-700",Helvetica,sans-serif;
  color:rgba(255,255,255,1);
}
/* State Text */
#state-wa {
  left:89px;
  top:140px;
}
#state-nt {
  left:185px;
  top:82px;
}
#state-qld {
  left:271px;
  top:115px;
}
#state-sa {
  left:198px;
  top:172px;
}
#state-nsw {
  left:288px;
  top:200px;
}
#state-act {
  left:289px;
  top:220px;
  font-size:8px;
}
#state-vic {
  left:271px;
  top:253px;
}
#state-tas {
  left:255px;
  top:299px;
}
.states.selected {
  color: #CCC;
}
#australia {
  position:absolute;
  left:28px;
  top:10px;
}
#australia2 {
  position:absolute;
  left:27px;
  top:10px;
  display: none;
}
/* End Australia Map */

/* Graph */
#graph-holder {
  height: 150px;
  position: absolute;
  top: 340px;
}
#graph {
  display: block;
  /*display: none;*/  
  position: relative;
  z-index: 10;
}
#graph-bg {
  background: url("../images/graph-bg.png") no-repeat;
  background-size: 100%;
  width: 562px;
  height: 107px;
  position: absolute;
  top: 11px;
  left: 47px;  
  z-index: 1;
}
#graph-source {
  position: absolute;
  top: -10px;
  left: 51px;
  color: #FFF;
  font-size: 9px;
}
#graph-title {
  text-transform: uppercase;
  position: absolute;
  font-size: 15px;
  left: 41px;
  top: 138px;
  color: #513323;
  font-family:"Museo-700",Helvetica,sans-serif;
}
#graph-state-title {
  position: absolute;
  text-transform: uppercase;
  top: 30px;
  left: 70px;  
  font-size: 16px;
  color: #EEE;
  font-family:"Museo-700",Helvetica,sans-serif;
  z-index: 11;
}
#graph-y-title {
  position: absolute;
  top: 70px;
  left: -90px;
  color: #3D3D3D;
  font-size: 9px;
  font-family:"Museo-300",Helvetica,sans-serif;
  transform: rotate(-90deg);
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
}
#graph-x-title {
  position: absolute;
  right: 12px;
  top: 140px;
  color: #3D3D3D;
  font-size: 9px;
  font-family:"Museo-300",Helvetica,sans-serif;
}

/* Slider */
#slider-holder {
  top: 420px;
  position: relative;  
  height: 50px;
  padding-top: 25px;
  margin-bottom: 30px;
  margin-left: 52px;
  margin-right: 11px;
}
#slider-title {
  position: absolute;
  z-index: 10;
  font-size: 15px;
  top: 73px;
  left: -12px;
  color: #513323;  
  font-family:"Museo-700",Helvetica,sans-serif;  
}
#slider-title-sub {
  font-size: 10px;
  color: #EEE;
  font-family:"Museo-300",Helvetica,sans-serif;
}
#slider{
    width: 100%;
    height:8px;
    margin:0px 0px 8px -1px;
    background: none;
    border: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: none !important;
  /*background: #CF171E !important;*/
  background: #EEE !important;
  border-left: 8px solid #513323 !important;
  border-right: 8px solid #513323 !important;
  padding-left: 1px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.ui-slider .ui-slider-handle {
  height: 30px !important;
  border-radius: 5px !important;
  top: -5px !important;
}
.ui-slider .ui-slider-handle:focus {
    outline: 0;
    /* or */
    outline: none;
}
.ui-slider .ui-slider-handle:after {
  content: "";
  border-right: 2px solid rgba(255,255,255,0.9);
  height: 98px;
  width: 1px;
  left: 0px;
  position: absolute;
  bottom: 92px;
}
.timeline-divider {
  /*border-left: 1px solid #ccc;*/
  border-top: 20px solid #515153;
  position: absolute;
  height: 30px;
  top: 25px;
  padding-top: 12px;
}
.timeline-divider.intervention {
  margin-top: -25px;
}
.timeline-divider.no-intervention {
  margin-top: 25px;
}
.timeline-divider.year-end {
  border: none;
  margin-top: 20px;
}
.timeline-year {
  display: none;
  margin-left: -12px;
}
.timeline-point {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  display: block;
  border: 2px solid #EEE;
  position: absolute;
  top: -14px;
  left: -4px;
}
.show-year .timeline-year {
  display: block;
}
.intervention .timeline-year {
  display: none;
}
/* End Slider */

/* State Info Box */
#state-info-holder {
  position: absolute;
  min-height: 130px;
  opacity: 0;
  right: 10px;
  color: #FFF;
  top: 150px;
  width: 220px;
  padding: 10px;
  background-color: #5C5D5F;
  border-radius: 15px;
  border: 2px solid #513323;
  box-sizing: border-box;
}
/* End State Info Box */

/* Legend */
#legend {
  position: absolute;
  left: 22px;
  top: 105px;
  width: 240px;
}
#legend h2 {
  color: #4C4C4E;
  font-size: 12px;
  font-weight: normal;
  border-bottom: 1px solid #4C4C4E;
  padding-bottom: 5px;
}
.legend-item {
  width: 50%;
  float: left;
}
.legend-text {
  float: left;
  line-height: 20px;
  text-align: left;
  font-size: 13px;
  margin-left: 8px;
  margin-top: 5px;
  color: #4C4C4E;
}
.legend-colour {
  border-radius: 5px;
  margin-bottom: 10px;
  width: 27px;
  height: 27px;
  float: left;
  border: 2px solid #F9F9F9;
  box-sizing: border-box;
}
/* End Legend */

/* Footer */
#footer {
  height: 65px;
  background-color: #FFF;
  position: absolute;
  width: 650px;
  bottom: 0;
  border-radius: 0 0 15px 15px;
  padding-left: 10px;
}
/* End Footer */