.childTimer {
    margin: 0px 15px;
    margin-right: 0;
}

.divTimer {
    float: right;
    padding-right: 15px;
}

.pietimer {
    position: relative;
    font-size: 25px;
    width: 1em;
    height: 1em;
    float: left;
    /*border: 1px solid #034EA2;*/
    border: 1px solid #03002F;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

    .pietimer > .percent {
        position: absolute;
        top: 1.05em;
        left: 0;
        width: 3.33em;
        font-size: 0.3em;
        text-align: center;
        display: none;
    }

    .pietimer > .slice {
        position: absolute;
        width: 1em;
        height: 1em;
        clip: rect(0px,1em,1em,0.5em);
    }

        /*.slice.gt50  > .pie{        
        border: solid !important;
        border-bottom-width: 3px !important;
        border-color: red !important;
    }*/
        .pietimer > .slice.gt50 {
            clip: rect(auto, auto, auto, auto);
        }

        .pietimer > .slice > .pie {
            border: 0.1em solid #c0c0c0;
            position: absolute;
            width: 0.8em; /* 1 - (2 * border width) */
            height: 0.8em; /* 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;
            /*border: solid !important;*/
            /*border-bottom-width: 3px !important;
        border-color: red !important;*/
        }

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

    .pietimer.fill > .percent {
        display: none;
    }

    .pietimer.fill > .slice > .pie {
        border: transparent;
        background-color: #c0c0c0;
        width: 1em;
        height: 1em;
    }