﻿.w {
    width: 1em;
    height: 1em;
}

.pollAnswerBar {
    font-size: 1.3em;
    width: 1em;
    height: 1em;
    cursor: pointer;
}

.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;
        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;
        }
