body {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 
    font-family : Verdana;
    padding : 0;
    background : #fff;
    margin : 0;
}
#widget-page {
    width : 148px;
    border : 1px solid #aaa;
}
#content-header {
    background : transparent url( images/school_output_widget_top_bg.gif ) no-repeat 0% 50%;
    height : 58px;
}
.views-field-province,
h1.title {
    display : none;
}
#content-area {
    padding : 5px 0 0 0;
    background : transparent url( images/school_output_widget_paper_bg.gif ) no-repeat 0% 0%;
}
p {
    font-size : .7em;
    font-weight : bold;
    text-align : center;
    padding : 1px 0;
    margin : 0;
    clear : both;
}
/* numbers */
.kwh {
    float : left;
    position : relative;
    left : 50%;
    height : 23px;
}
.kwh .integral {
    background : #fff url( images/school_output_widget_numbers_top_shadow.gif ) no-repeat 0% 0%;
    height : 23px;
    display : block;
    position : relative;
    left : -50%;
}
.kwh .integral em {
    font-size : 14px;
    font-style : normal;
    font-weight : bold;
    padding : 2px 3px;
    background : transparent url( images/school_output_widget_numbers_bottom_shadow.gif ) no-repeat 0% 100%;
    border : 1px solid #aaa;
    border-left-width : 0;
    float : left;
    position : relative;
}
.kwh .integral em.first {
    border-left-width : 1px;
}
.kwh .fractional {
    display : none;
}
/* button */
.button {
    text-align : center;
    padding-right : 14px;
    background : transparent url( images/school_output_widget_button_bg_right.png ) no-repeat 100% 0%;
    margin : 3px .5em 0 .5em;
    height : 27px;
}
.button a {
    color : #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 
    font-family : Verdana;
    font-size : .75em;
    text-decoration : none;
    padding : 3px 0 0 14px;
    background : transparent url( images/school_output_widget_button_bg_left.png ) no-repeat 0% 0%;
    height : 24px;
    display : block;
}
.button a:hover {
    color : #fff;
    text-decoration : underline;
}