a:hover {
    text-decoration: underline;
}

input[type="submit"],
a:link.button, a:visited.button, a:hover.button, a:active.button {
    background-color: #e3ded4;
    background-image: linear-gradient(#e3ded4, #fffbf0);
    border: 2px outset;
    color: #000000;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
}

#title {
    background-color: #33335f;
    color: #e3ded4;
}
h1 {
    font-size: 4em;
    letter-spacing: 2px;
    text-align: center;
}

#title ellipse {
    fill: #33335f;
    stroke: #9b1c2c;
    stroke-width: 7px;
}
#title polygon {
    stroke: #e3ded4;
    stroke-width: 9px;
}

.linkbar {
    background-color: #9b1c2c;
    color: #ffffff;
}

h2 {
    color: #33335f;
}

.trend {
    margin-top: -10px;
    text-align: center;
}

h3 {
    clear: both;
    color: #33335f;
    padding-top: 40px;
}

th {
    color: #33335f;
}

body {
    width: 100%;
}

.embed, .embed embed {
    height: 600px;
    width: 100%;
}

.embed embed {
    border: 5px black dashed;
    clear: both;
    min-height: 600px;
    min-width: 100%;
}

.mine {
    font-style: italic;
}

/* DELETEME? th hr {
    margin-left: -30px;
    margin-top: 0;
} */

.co2_name a {
    float: left;
    padding-right: 60px;
    text-indent: 0;
}

.score_bar {
    margin: 0 0 10px -30px;
}
#content .score_bar td {
    padding: 2px;
}

.score_radios .score_low, .score_radios .score_mid, .score_radios .score_high {
    width: 100%;
}
.score_radios .score_low {
    background-image: linear-gradient(to right, #cc0000, #cccccc);
    width: 45%;
}
.score_radios .score_mid {
    background-color: #cccccc;
    width: 10%;
}
.score_radios .score_high {
    background-image: linear-gradient(to right, #cccccc, #00cc00);
    width: 45%;
}

.score_radios input {
    height: 1em;
    margin: 2px -2px 2px -2px;
    width: 20%;
}
.score_radios .score_mid input {
    width: 100%;
}

.score_radios, .score_labels {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    text-indent: 0;
    width: 100%;
}

#footer {
    background-color: #e3ded4;
}

#footer div.counter {
    text-align: center;
}

#footer span.counter {
    background-color: #9b1c2c;
    color: #ffffff;
    padding: 2px 4px;
}

#copyright {
    color: #333333;
    padding: 15px 0 10px 0;
}