.pollAnswerBar {
    position: relative;
    font-size: 20px;
    width: 1em;
    height: 1em;
    margin: auto;
    /*cursor:pointer;*/
    float: right;
}

.percent {
    float: left;
}

.pollAnswerBar > .pollBackground {
    position: absolute;
    width: 1em;
    height: 1em;
    background-color: #7E7F7F;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

.pollAnswerBar > #slice {
    position: absolute;
    clip: rect(0px, 1em, 1em, 0.5em);
    width: 1em;
    height: 1em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

    .pollAnswerBar > #slice.gt50 {
        clip: rect(auto, auto, auto, auto);
    }

    .pollAnswerBar > #slice > .pie {
        background-color: #7BB58B;
        position: absolute;
        width: 1em;
        /* 1 - (2 * border width) */
        height: 1em;
        /* 1 - (2 * border width) */
        clip: rect(0em, 0.5em, 1em, 0em);
        -moz-border-radius: 0.5em;
        -webkit-border-radius: 0.5em;
        border-radius: 0.5em;
    }

        .pollAnswerBar > #slice > .pie.fill {
            -moz-transform: rotate(180deg) !important;
            -webkit-transform: rotate(180deg) !important;
            -o-transform: rotate(180deg) !important;
            transform: rotate(180deg) !important;
        }