body {
  margin: 0;
}
a,
a:visited {
  color: #125185;
  border: 0;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
em,
img,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: Arial;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Georgia;
}
#gia-interactive {
  width: 300px;
  overflow: hidden;
}
.b-content-full {
  width: 300px;
  float: left;
  padding: 5px 0;
}
.b-header {
  padding-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  float: left;
  border-bottom: 1px dotted #cccccc;
}
.b-title,
.b-title-r {
  float: left;
  font-size: 20px;
  line-height: 20px;
  font-family: Georgia, Arial;
}
.b-title-r {
  padding-left: 5px;
}
#refresh {
  font-family: Arial;
  float: right;
  cursor: pointer;
  background: url(http://gia.guim.co.uk/2012/11/us-elections/interactive/img/election-sprite.png) 0px -280px no-repeat;
  padding-left: 25px;
  height: 25px;
  line-height: 25px;
  color: #b7b7b7;
  font-size: 12px;
}
#map-canvas {
  width: 300px;
  height: 190px;
  float: left;
}
#b-content-left {
  padding: 5px 0;
  border-top: 1px solid #cccccc;
  width: 149px;
  border-right: 1px solid #cccccc;
  float: left;
}
#b-content-right {
  padding: 5px 0;
  border-top: 1px solid #cccccc;
  width: 150px;
  float: left;
}
#house-canvas,
#senate-canvas {
  width: 148px;
  position: absolute;
  left: 1px;
  height: 185px;
}
.power-bar-container {
  float: left;
  width: 300px;
  border: 1px solid #cccccc;
  padding-bottom: 20px;
  position: relative;
}
#power-bar {
  position: relative;
  width: 298px;
  height: 20px;
  border: 1px solid #eeeeee;
  float: left;
}
#uncounted-bar {
  position: absolute;
  top: 1px;
  height: 18px;
  left: 0;
  width: 100%;
  background-color: #eeeeee;
}
#dem-bar {
  position: absolute;
  top: 1px;
  height: 18px;
  left: 0;
  background-color: #45a6fb;
}
#rep-bar {
  position: absolute;
  top: 1px;
  height: 18px;
  right: 0;
  background-color: #cb3128;
}
#other-bar {
  position: absolute;
  top: 1px;
  height: 18px;
  left: 0;
  background-color: #85c17f;
}
#half-marker {
  width: 2px;
  background-color: #333333;
  position: absolute;
  left: 50%;
  height: 25px;
  bottom: 0;
}
#power-bar-explainer {
  text-align: center;
  width: 300px;
  float: left;
  font-size: 11px;
  color: #cccccc;
  font-family: Arial;
}
#power-bar-labels {
  float: left;
  width: 300px;
  padding-bottom: 5px;
  position: relative;
}
#dem-votes,
#dem-name {
  float: left;
}
#dem-votes {
  font-family: 'Goudy Old Style', 'Lucida Bright', 'Palatino Linotype';
  padding-right: 5px;
  font-weight: bold;
}
#dem-name.win {
  padding-left: 15px;
  background: url(http://gia.guim.co.uk/2012/11/us-elections/interactive/img/election-sprite.png) -2px -5px no-repeat;
}
#rep-votes,
#rep-name {
  float: right;
}
#rep-votes {
  font-family: 'Goudy Old Style', 'Lucida Bright', 'Palatino Linotype';
  padding-left: 5px;
  font-weight: bold;
}
#rep-name.win {
  padding-left: 15px;
  background: url(http://gia.guim.co.uk/2012/11/us-elections/interactive/img/election-sprite.png) -2px -45px no-repeat;
}
#half-marker-lbl {
  width: 300px;
  position: absolute;
  bottom: 5px;
  text-align: center;
  font-size: 12px;
  font-family: 'Goudy Old Style', 'Lucida Bright', 'Palatino Linotype';
}
.congress-container {
  float: left;
  position: relative;
  width: 149px;
  height: 175px;
}
.congress-dem-lbl {
  position: absolute;
  left: 5px;
  top: 0;
}
.congress-dem-total {
  font-family: 'Goudy Old Style', 'Lucida Bright', 'Palatino Linotype';
  color: #45a6fb;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.congress-dem-title {
  font-family: Arial;
  color: #666666;
  font-size: 12px;
  line-height: 10px;
}
.congress-rep-lbl {
  position: absolute;
  right: 5px;
  top: 0;
}
.congress-rep-total {
  font-family: 'Goudy Old Style', 'Lucida Bright', 'Palatino Linotype';
  color: #cb3128;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-align: right;
}
.congress-rep-title {
  font-family: Arial;
  color: #666666;
  font-size: 12px;
  line-height: 10px;
  text-align: right;
}
.majority-explainer {
  font-family: Arial;
  color: #cccccc;
  font-size: 11px;
  width: 149px;
  position: absolute;
  bottom: 5px;
  left: 0;
  text-align: center;
}
.majority-count {
  font-family: 'Goudy Old Style', 'Lucida Bright', 'Palatino Linotype';
  color: #333333;
  font-size: 14px;
  width: 49px;
  position: absolute;
  bottom: 45px;
  left: 46px;
  text-align: center;
}
.majority-line {
  position: absolute;
  left: 68px;
  bottom: 20px;
  width: 2px;
  height: 25px;
  background-color: #333333;
}
#source {
  width: 300px;
  float: left;
  font-size: 10px;
  color: #666666;
  text-align: right;
  border-top: 1px solid #cccccc;
  font-family: Arial;
  text-tranform: uppercase;
}
.popup-cong-txt {
  font-size: 12px;
  width: 100px;
}
#gia-state-dropdown {
  margin: 10px 0;
  width: 300px;
  float: left;
  text-align: right;
}
#gia-state-dropdown label {
  font-size: 11px;
}
#president-key {
  margin: 10px 0;
  float: left;
  width: 100%;
  font-size: 10px;
  font-family: Arial;
}
.key-row {
  width: 50%;
  float: left;
}
.president-key-lbl {
  float: left;
  font-weight: bold;
  margin-right: 10px;
}
.president-key-sublbl {
  float: left;
  font-weight: normal;
  margin: 0 2px;
}
.president-key-block {
  width: 12px;
  height: 12px;
  float: left;
  margin-left: 2px;
}
.president-key-block.dem {
  background-color: #45a6fb;
}
.president-key-block.leandem {
  background-color: #e6f5ff;
}
.president-key-block.rep {
  background-color: #cb3128;
}
.president-key-block.leanrep {
  background-color: #ffeceb;
}
.president-block-divider {
  float: left;
  width: 1px;
  height: 15px;
  margin: 0 10px;
}