* { padding: 0; margin: 0; }
img {
  border:0;
}
#wrapper { 
 margin: 0 auto;
 width: 984px;
 background-color: #999999;
}

#content { 
 float: left;
 color: #333;
 background: #FFFFFF;
 min-height:900px;
 width: 797px;
 display: inline;
}

#contentn {
  position: relative;
  width: 797px;
  height: 235px;
  background-color: #33ccff;
  background-image: url(/images/main-graphic.jpg);
}
#contentm {
  position: relative;
  width: 797px;
  height: 45px;
  background-color: #33ccff;
  background-image: url(/images/heading_bg.jpg);
}

#top {
 color: #333;
 width: 1000px;
 float: left;
 height: 34px;
 background: #6B6659;
 background-image: url(/images/top.jpg);
}

#footer { 
 width: 984px;
 height: 190px;
 clear: both;
 color: #333;
 background: #6B6659;
 background-image: url(/images/footer.jpg);
}

#header {
 float: left;
 width: 984px;
 height: 76px;
 color: #333;
 background: #8AA1B6;
 background-image: url(/images/header.jpg);
}

#rightcolumn { 
 background-color: #999999;
 width: 187px;
 min-height:900px;
 float: left;
}

#rightnest {
  position: relative;
  width: 187px;
  background-color: #33ccff;
  height:252px;
  background-image: url(/images/rightmenu.jpg);
}

#rightnest a { color: #fff; }
#rightnest a:visited { color: #fff; }
#rightnest a:hover { color: #ccc; }

#menu {
  float:right;
  width:200px;
}
.translation_missing {
  background-color:red;
}
div.progress-container-green {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container-green > div {
  background-color: green; 
  height: 12px
}
div.progress-container-red {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container-red > div {
  background-color: red; 
  height: 12px
}
div.progress-container-blue {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container-blue > div {
  background-color: blue; 
  height: 12px
}
div.progress-container-gray {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container-gray > div {
  background-color: gray; 
  height: 12px
}
.office {
  border:1px solid #ccc;
}
.employees {
  border:1px solid #ccc;
}
.party_name {}
.stat_box {}
.voting {
  text-align:left;
  margin:10px;
  width:600px;
  float:left;
}
div.votes {
  float:left;
  width:780px;
  height:150px;
  margin-top:40px;
}
.date {
  font-weight: bold;
}
div.yes {
  width:250px;
  height:150px;
  position:relative;
  float:right;
  text-align:center;
  margin:2px;
  background: url(/images/gfx/za.png) no-repeat #7cc576;
}
.yes p {
  margin-left:30px;
}
div.no {
  background-color:red;
  width:250px;
  height:150px;
  position:relative;
  float:right;
  text-align:center;
  margin:2px;
  background: url(/images/gfx/przeciw.png) no-repeat #f69679;
}
.no p {
  margin-left:30px;
}
div.abstention {
  background-color:blue;
  width:250px;
  height:150px;
  position:relative;
  float:right;
  text-align:center;
  margin:2px;
  background: url(/images/gfx/wstrzymal.png) no-repeat #8393ca;
}
.abstention p {
  margin-left:30px;
}
div.not_attended {
  background-color:gray;
  width:250px;
  height:150px;
  position:relative;
  float:right;
  text-align:center;
  margin:2px;
  background: url(/images/gfx/nieobecny.png) no-repeat #bd8cbf;
}
.not_attended p {
  margin-left:30px;
}
.photo {
  float:right;
}
.content {
  position:relative;
  float:left;
  width:500px;
}
.sidebox {
  position:relative;
  width:170px;
  float:right;
}
.sidebox p {
  padding:4px;
}
.content h1 {
  text-size:0.8em;
}
.representatives_box {
  width:800px;
}
.representatives {
  width:300px;
  margin:20px;
  float:left;
}
.representative_image {
  float:left;
}
.voting_result {
  margin:10px;
}
.voting_description {
  margin:10px;
}
.voting_no_data {
  background-color:gray;
  margin:10px;
  text-align:left;
}
.voting_green {
  background-color:lightgreen;
  margin:10px;
  text-align:left;
}
.voting_red {
  background-color:#f69679;
  margin:10px;
  text-align:left;
}
.voting_blue {
  background-color:lightblue;
  margin:10px;
  text-align:left;
}
.voting_title {
  clear:both;
  font-size:16px;
}
.voting h3 {
  font-size: 14px;
}
.contentm {
  font-size: 16px;
  padding:10px;
}
.spacer {
  padding:15px;
}
.votings {
  margin:10px;
  text-align:left;
}
.title_link {
  margin-left:30px;
}
.title_date {
  margin-left:40px;
  font-weight: bold;
}
.detail_url {
  margin:10px;
}
.comments {
  margin:30px;
}

div.pagination {
  padding: 5px;
  text-align: center;
  margin: 5px;
  font-size: 0.8em;
}

div.pagination a {
  padding: 5px 5px 5px 5px;
  margin: 5px;
  border: 2px solid #000;
  text-decoration: none; /* no underline */
  color: #000;
}
div.pagination a:hover, div.pagination a:active {
  border: 2px solid #333;
  color: #000;
}
div.pagination span.current {
  padding: 5px 5px 5px 5px;
  margin: 5px;
  border: 2px solid #888;
  font-weight: bold;
  color: #888;
}
div.pagination span.disabled {
  padding: 5px 5px 5px 5px;
  margin: 5px;
  border: 2px solid #888;
  color: #888;
}
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#3669B8;
}

p.menu {
 font-weight:bold;
 font-size:20px;
 padding: 9px;
 color: white;
}
p.footer {
 padding: 4px;
 color: white;
}
p.districts {
  padding:20px;
}
h2.voting_result{
  padding-left:10px;
  font-size: 13px;
}
h3.voting_result {
  padding-left:20px;
}

h2 {
  padding:10px;
  margin-left:10px;
}
.menu {
  padding:5px;
  font-weight:bold;
  font-size:15px;
}