:param stats: two element list of added/deleted lines of code

    """

    a, d, t = stats[0], stats[1], stats[0] + stats[1]

    width = 100

    unit = float(width) / (t or 1)

    # needs > 9% of width to be visible or 0 to be hidden

    a_p = max(9, unit * a) if a > 0 else 0

    d_p = max(9, unit * d) if d > 0 else 0

    p_sum = a_p + d_p

    if p_sum > width:

        #adjust the percentage to be == 100% since we adjusted to 9

        if a_p > d_p:

            a_p = a_p - (p_sum - width)

        else:

            d_p = d_p - (p_sum - width)

    a_v = a if a > 0 else ''

    d_v = d if d > 0 else ''

    def cgen(l_type):

        map_getter = lambda x: mapping[x]

        if l_type == 'a' and d_v:

            #case when added and deleted are present

            return ' '.join(map(map_getter, ['tl', 'bl']))

        if l_type == 'a' and not d_v:

            return ' '.join(map(map_getter, ['tr', 'br', 'tl', 'bl']))

        if l_type == 'd' and a_v:

            return ' '.join(map(map_getter, ['tr', 'br']))

        if l_type == 'd' and not a_v:

            return ' '.join(map(map_getter, ['tr', 'br', 'tl', 'bl']))

    d_a = '<div class="added %s" style="width:%s%%">%s</div>' % (

        cgen('a'), a_p, a_v

    )

    d_d = '<div class="deleted %s" style="width:%s%%">%s</div>' % (

        cgen('d'), d_p, d_v

    )

    return literal('<div style="width:%spx">%s%s</div>' % (width, d_a, d_d))

	border-top-left-radius: 8px;

}

.top-right-rounded-corner {

	-webkit-border-top-right-radius: 8px;

	-khtml-border-radius-topright: 8px;

	-moz-border-radius-topright: 8px;

	border-top-right-radius: 8px;

}

.bottom-left-rounded-corner {

	-webkit-border-bottom-left-radius: 8px;

	-khtml-border-radius-bottomleft: 8px;

	-moz-border-radius-bottomleft: 8px;

	border-bottom-left-radius: 8px;

}

.bottom-right-rounded-corner {

	-webkit-border-bottom-right-radius: 8px;

	-khtml-border-radius-bottomright: 8px;

	-moz-border-radius-bottomright: 8px;

	border-bottom-right-radius: 8px;

}

.help-block {

    color: #999999;

    display: block;

    margin-bottom: 0;

    margin-top: 5px;

}

#header {

	margin: 0;

	padding: 0 10px;

}

#header ul#logged-user {

	margin-bottom: 5px !important;

	-webkit-border-radius: 0px 0px 8px 8px;

	-khtml-border-radius: 0px 0px 8px 8px;

	-moz-border-radius: 0px 0px 8px 8px;

	border-radius: 0px 0px 8px 8px;

	height: 37px;

    background-color: #eedc94;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),

        to(#eedc94) );

    background-image: -moz-linear-gradient(top, #003b76, #00376e);