body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: Arial, sans-serif;
}

div, span {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#vertical {
    background: url(counter2-vertical.jpg) transparent scroll no-repeat 0 0;
    height: 555px;
    width: 155px;
    position: relative;
}

#big {
    background: url(counter2-big.jpg) transparent scroll no-repeat 0 0;
    height: 250px;
    width: 430px;
    position: relative;
}

#counter {
    color: #bb0000;
    width: 115px;
    padding: 5px;
    font-family: Arial;
    position: relative;
    top: 123px;
    left: 11px;
    text-align: center;
    overflow: hidden;
}

#big #counter {
    top: 142px;
    left: 70px;
}

#counter #counter-inner {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    /*padding-right: 10px;*/
}

#counter #counter-inner span {
/*    position: relative;
    overflow: hidden;
*/
}

#counter-inner div {
    margin-left: -16px;
    margin-right: 16px;
}

#d0, #d1, #d2, #d3, #d4, #d5, #d6, #d7, #d8, #d9, #d10, #d11, .comma {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    height: 19px;
    width: 9px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
}

.comma {
    width: 4px;
}

.hidden {
    visibility: hidden;
}

#big #slider-outer {
    top: 30px;
    left: 290px;
}

#slider-outer {
    position: absolute;
    display: block;
    width: 110px;
    height: 20px;
    top: 215px;
    left: 17px;
}

#slider {
    font-size: 0.8em;
}

#big #rate {
    top: 46px;
    left: 290px;
}

#rate {
    position: absolute;
    width: 110px;
    height: 20px;
    top: 235px;
    left: 17px;
    text-align: center;
    font-size: 0.7em;
}

a.rate-change {
    position: absolute;
    display: block;
    width: 110px;
    height: 30px;
    left: 17px;
    top: 280px;
}

a.rate-change:active {
    outline: none;
}

a.rate-change:focus {
    -moz-outline-style: none;
}

#big a.rate-change {
    left: 285px;
    top: 80px;
}

#rate-outside {
    top: 325px;
}

#big #rate-outside {
    top: 120px;
}

#rate-bp-worst {
    top: 360px;
}

#big #rate-bp-worst {
    top: 167px;
}

#rate-expert-worst {
    top: 410px;
}

#big #rate-expert-worst {
    top: 208px;
}

#noaa {
    position: absolute;
    display: block;
    width: 100px;
    height: 20px;
    top: 195px;
    left: 30px;
}

#big #noaa {
    top: 95px;
    left: 190px;
}

#action {
    position: absolute;
    top: 445px;
    left: 10px;
    width: 135px;
    height: 70px;
    display: block;
}

#big #action {
    top: 180px;
    left: 75px;
}

#greenpeace {
    position: absolute;
    top: 525px;
    width: 135px;
    height: 15px;
    left: 10px;
    display: block;
}

#big #greenpeace {
    top: 12px;
    left: 170px;
    width: 90px;
}