@CHARSET "UTF-8";
/* Basic elements */
body {
    background-color: #efefef;
    margin: 0;
    height: 100%;
    overflow-y: scroll;
    background-image: url(/static/layout/images/background.png);
    background-position: center;
    background-repeat: repeat-y;
    color: #333;
}

#container {
    width: 800px;
    margin: auto;
    position: relative;
    height: auto !important;
    height: 100%; /* IE6 */
    min-height: 100%;
}

.float-container {
    overflow: hidden;
    width: 100%;    
}

#header {
    height: 100px;
    background-image: url(/static/layout/images/header.png);
    background-repeat: no-repeat;
}

#header h1 {
    display: none;
}

#header a {
    text-indent: -9999em;
    display: block;
    width: 300px;
    height: 100%;
    overflow: hidden;
}

#menu {
    position: absolute;
    top: 3em;
    right: 0;

}

#language {
    position: absolute;
    display: none;
    top: 1em;
    right: 1em;
}

#location, #ads, #footer, #twitter {
    text-align: center;
}

#footer {
    margin: 0.2em 0 0.2em 0;
}

#location td {
    vertical-align: middle;
}

#ads p, #footer p {
    margin: 0 4em 0 4em;
    font-size: 0.9em;
}

#ads p{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 1em 4em 1em 4em;
    padding-top: 1em;
}

#content_block {
    padding: 0 3em 1em 3em;
}

#contents {
    min-height: 60%;
    border: 1px solid #ccc;
    background-color: white;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    position: relative;
}

#header h1 {
    margin: 0;
}

h1, h2, h3, h4 {
    margin: 0.5em 0 0.5em 0;
    color: #444;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

hr {
    height: 1px;
    border: 0;
    background-color: #ccc;
    color: #ccc;
    margin: 2em 1em;
}

/* Text styles */
body, td, th {
    font-family: helvetica, arial, verdana;
    font-size: 0.9em;
}

.strong {
    font-weight: bold;
}

img {
    border-width: 0;
}

a {
    color: #0033CC;
    text-decoration: none;
}

a:visited {
    color: #6F24B3;
}

a:hover {
    color: #1a54ff;
}
/* Tables */
table {
    border: 0;
}

table.wide {
    width: 100%;
}

table.wide td {
    padding: 0 0.2em;
}

thead {
    font-weight: bold;
    background-color: #eee;
}

td, th {
    vertical-align: middle;
    color: #444;
}

th {
    text-align: right;
}

thead th {
    text-align: center;
}

th a {
    text-decoration: none;
    color: #444466;
}

tr.odd td {
    background-color: #f9f9f9;
}

th.option_even {
    background-color: #e1e1e8;
}
th.option_odd {
    background-color: #dfe6df;
}
tr.even td {
    background-color: #fcfcfc;
}
tr.even td.option_even {
    background-color: #f0f0f7;
}
tr.even td.option_odd {
    background-color: #f0f7f0;
}
tr.odd td.option_even {
    background-color: #e9e9f0;
}
tr.odd td.option_odd {
    background-color: #e9f0e9;
}

.sort-leader {
    text-decoration: underline;
}

tr td.option-1,
.option-1 {
    background-color: #CCD8EE;
}

tr td.option-2,
.option-2 {
    background-color: #EAD4CE;
}

tr td.option-3,
.option-3 {
    background-color: #EDDDC5;
}

tr td.option-4,
.option-4 {
    background-color: #DCF1DC;
}

tr td.option-5,
.option-5 {
    background-color: #E4E4E4;
}

tr td.option-6,
.option-6 {
    background-color: #D9D7EE;
}

tr td.option-7,
.option-7 {
    background-color: #F1D7F0;
}
.yesno-bar {
    width: 102px;
    margin-right: auto;
    margin-left: auto;
}
div.yesno-bar-1,
div.yesno-bar-2 {
    display: block;
    float: left;
    overflow: hidden;
    indent: -1000em;
    line-height: 0em;
    height: 1em;
}

div.yesno-bar-1 {
    background-color: #4684EE;
    border-right: 1px solid white;
}

div.yesno-bar-2 {
    background-color: #DC3912;
}


td {
    padding: 0;
    margin: 0;
}

td.strong {
    font-weight: bold;
    padding-right: 1em;
}

td.number {
    text-align: right;
}

/* Boxes */

div.box, div.image {
    display: block;
    border: 1px solid #eee;
    background-color: #eee;
    text-align: left;
    width: auto;
    margin: 0.5em 3em 0.5em 3em;
    padding: 0.2em 1em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

#content_block div.box, div.image {
    margin: 0.5em 1em 0.5em 1em;
}

div.center {
    text-align: center;
}

div.center table {
    margin-left:auto;
    margin-right:auto;
}

div.tight.box {
    margin-bottom: 0;
}

.results div.box td {
    text-align: right;
}

div.image {
    margin: 0 1em 0 1em;
    padding: 1em;
    float: right;
}

div.tight.image {
    margin: 1em 1em 0 1em;
}

div.image img {
    border: 1px solid #ccc;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

blockquote {
    color: #888;
    margin: 0 1em 0 1em;
}

/* forms */
.content_block form {
    margin-top: 1em;
}

div.buttons {
    margin: 2em 1em 2em 1em;
    text-align: center;
}

div.buttons input {
    padding: 0 2em 0 2em;
    height: 2.4em;
    font-weight: bold;
    font-size: 1.1em;
}

fieldset {
    border: 1px solid #eee;
    padding: 0.5em;
    background-color: #eee;
    color: #444;
    margin: 0.5em 1em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.2em;
}

fieldset:hover {
    background-color: #ddd;
}

fieldset img {
    border: 1px solid #ccc;
}

fieldset.selected {
    background-color: #def5d3;
}

/* Menu */

ul.links {
    float: right;
    margin: 0 1em 0 0;
    list-style-type: none;
}

ul.links li {
    float: left;
    margin-left: 1em;
}

#menu {
    margin-top: 5px;
}

#menu ul {
    font-size: 0.9em;
    list-style-type: none;
    margin: 0 0 0 1em;
    height: 1.5em;
    border: 1px solid #ccc;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 0 1em 0 1em;
}

#menu ul li {
    float: left;
}

#menu ul li a {
    display: block;
    padding: 0 2em 0 2em;
    height: 1.5em;
    line-height: 1.5em;
    text-decoration: none;
    font-weight: bold;
    color: #444;
}

#menu ul li a:hover {
    background-color: #f5f5f5;
}

#menu ul li.active a {
    background-color: #eee;
}

/* Results */
table.results {
    width: 100%;
}

table.results td {
    padding: 0.5em;
}

/* Location */
#location img.flag {
    vertical-align: middle;
}

#location td {
    text-align: left;
}

#map_canvas {
    background-color: #eee;
    border: 1px solid #ccc;
    margin: 0 1em;
}

#map ul {
    height: 1.5em;
    margin: 0 1em;
    padding: 0;
    overflow: hidden;
}

#map ul li {
    display: block;
    float: left;
    margin-left: 0.2em;
    background-color: #eee;
    height: 1.5em;
    line-height: 1.5em;
}

#map ul li a {
    display: block;
    padding: 0 1.5em 0 1.5em;
    color: #666;
    text-decoration: none;
    border: 1px solid #ccc;
    border-bottom: 0;
    font-size: 0.9em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -webkit-border-radius-topleft: 0.5em;
    -webkit-border-radius-topright: 0.5em;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
}

#map ul li a:hover {
    background-color: #f5f5f5;

}

#map ul li a.active {
    color: #333;
    font-weight: bold;
}

#map {
    margin-bottom: 1.5em;
}

/* Ballot */
img.question, img.option {
    float: right;
}

/* Tweet */
#tweet {
    position: relative;
    color: #333;
    height: 5em;
    overflow: hidden;
}

#tweet a {
    color: #666;
}

#tweet p {
    margin: 0 0 0.5em 82px;
}

#tweet img {
    position: absolute;
    margin-right: 2px;
    margin-left: 20px;
}

#tweet .navigate {
    position: absolute;
    right: 0;
    bottom: 0;
}

#tweet .navigate a {
    display: block;
    float: right;
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
}

#tweet .navigate a.next {
    background-image: url(/static/layout/images/next.png);
}

#tweet .navigate a.previous {
    background-image: url(/static/layout/images/previous.png);
    margin-right: 1px;
}


/* Results overview */
#results_index p a {
    font-weight: bold;
}

.actions {
    display: block;
    list-style-type: none;
    list-style: none;
    margin: 0.5em 1em;
    padding: 0;
    height: 2em;
}
.actions li {
    float: right;
}

.actions a {
    display: block;
    padding: 0 1em 0 1em;
    line-height: 2em;
    background-color: #eee;
    text-align: center;
    color: #444;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-left: 0.5em;
}

.actions img {
    border: 0;
    float: left;
    margin-top: 0.3em;
}


.button {
    display: block;
    padding: 0 1em 0 62px;
    line-height: 3em;
    background-color: #eee;
    color: #444;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-left: 0.5em;
    float: left;
}

p.buttons {
    height: 3em;
    margin-left: 0.5em;
}

.button.results{
    background: #eee url(/static/layout/images/results-icon.png) no-repeat 20px center;
}

/* Summary */

.summarized .fulltext {
    display: none;
}

.summarized.show .fulltext {
    display: block;
}

.summarized.show .summary {
    display: none;
}

/* Social links */

.social-links table {
    width: auto;
}
.social-links td img {
    vertical-align: middle;
}

.social-links td {
    line-height: 0;
    text-align: center;
    padding: 0 1em 0 1em;
}

.DiggThisButton {
    display: none;
}