#home {
}

#home #home-market {
  float: left;
  width: 548px;
}

#home-user {
  float: right;
  width: 456px;
}

#home #home-fold {
  margin-top: 8px;
}

#home .heading {
  margin: 0;
  background: #001E6E;
  color: #fff;
  font-size: 12pt;
  font-weight: bold;
  padding: 12px;
}

#home .heading a {
  color: #fff;
  text-decoration: none;
}

#home .heading a:hover {
  text-decoration: underline;
}

.home-market-wrap {
  margin: 4px 0 0 0;
  padding: 8px 0;
  font-size:120%; 
  text-align: center;
}

.home-market-wrap a {
  display:inline-block; 
  background: #fff; 
  color: #001e6e;
  font-size: 10pt;
  font-weight: bold;
  padding: 10px 24px; 
  margin: 0 8px; 
  border-radius: 4px;
  border: 1px solid #aaa;
  text-decoration: none;
}

.home-market-wrap a:hover {
  background: #eee; 
  color: #001e6e;
  text-decoration: underline;
}

p.home-social {
  margin: 4px 0 0 0;
  background: #fb0;
  color: #0c3b6c;
  font-size: 10pt;
  padding: 8px;
  text-align: center;
}

p.home-social a {
  color: #0c3b6c;
  font-weight: bold;
  text-decoration: none;
}

p.home-social a:hover {
  text-decoration: underline;
}

.home-more {
  display: inline;
  height: 16px;
  margin: 4px;
  padding: 0;
  float: right;
  text-align: right;
  font-size: 8pt;
  color: #fff;
  float: right;
  font-size: 10pt;
  color: #fff;
}

.home-more a {
  padding: 4px 8px;
  display: block;
  color: #fff;
  margin: 4px;
  transition: background 0.15s;
}

.home-more a:hover {
  color: #00426c;
  background-color: #fff;
  border-radius: 4px;
  transition: background 0.15s;
}

#home-hero {
  text-decoration: none;
  display: block;
  height: 160px;
  margin: 0 0 4px 0;
  overflow: hidden;
}

#home-hero a {
  display: block;
  margin: auto;
  text-align: center;
}

#home-buttons {
}

#home-buttons .home-button {
  width: 100%;
  height: 160px;
  margin: 8px 0;
  text-align: center;
  background: #76c5f4;
}

#home-buttons .home-button:first-child {
  margin: 0 0 0 0;
}

#forecast {
  margin-top: 4px;
}

#forecast.dataset table tbody td {
  font-size: 9pt;
}

#home-aemo {
  margin: 8px 0 0 0;
}

#home-aemo ul {
  background: #001E6E;
  height: 34px;
  color: #fff;
  margin: 0;
  padding: 0 0 0 2px;
  font-size: 9pt;
}

#home-aemo ul li {
  margin: 0 4px 0 0;
  display: inline;
}

#home-aemo ul li strong,
#home-aemo ul li a {
  display: block;
  float: left;
  color: #fff;
  padding: 4px;
  margin: 4px 2px;
  transition: background 0.2s;
}

#home-aemo ul li a:hover {
  color: #00426c;
  background-color: #fff;
  transition: background 0.1s;
}

#home-aemo ul li strong {
  font-size: 10pt;
}

#aemo-charts {
  width: 548px;
  height: 240px;
  background: #eee;
  position: relative;
}

#aemo-charts .chart {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 540px;
  height: 232px;
  background: #fff;
  z-index: -100;
}

#aemo-charts .active {
  z-index: 100;
  cursor: crosshair;
}

.dataset tbody td:first-child {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #eee;
  text-align: left;
  font-weight: bold;
  width: 20%;
}

.dataset thead td {
  border-top: 1px solid #ddd;
}