div
    {
        font-family:Arial;
    }

    #solarTemps
    {
        float:left;
        width:30px;
        background-image:url(/images/solar-flow.png);
        background-repeat:no-repeat;
        background-position:0px 45px;
    }

    #solarTemps .panel
    {
        background-image:url(/images/sun.png);
        background-repeat:no-repeat;
        height:166px;
        padding-top:30px;
    }
    #solarTemps .hot
    {
        height:130px;
        text-align:right;
        padding-right:3px;
    }
    #solarTemps .return
    {
        text-align:right;
        padding-right:3px;
    }


    #tank
    {
        background-image:url(/images/tank-blank.png);
        background-repeat:no-repeat;
        width:236px;
        height:401px;
        float:left;
    }

    #tank div
    {
        text-align:center;
    }

    #tank .status
    {
        padding-top:95px;
    }

    #tank .main
    {
        font-size:150px;
        padding-top:0;
		margin-left:6px;
    }

    #tank .comment
    {
        font-size:20px;
    }

    #sideTemps
    {
        float:left;
        padding-left:3px;
    }

    #sideTemps div
    {
        text-align:left;
    }

    #sideTemps .top
    {
        padding-top:45px;
    }

    #sideTemps .upperMiddle
    {
        padding-top:58px;
    }

    #sideTemps .middle
    {
        padding-top:55px;
    }

    #sideTemps .lowerMiddle
    {
        padding-top:63px;
    }

    #sideTemps .bottom
    {
        padding-top:56px;
    }

    .graphLink
    {
        font-size:10px;
        margin-top:20px;
        width:250px;
        text-align:center;
    }

    div.clear
    {
        clear:both;
    }

/* Temperature group colours
***************************/
.hot{ color: #FF1414; }
.warm { color: #9B1E1E; }
.lukewarm {color: #642864; }
.cool { color: #371E8C; }
.cold { color: #1914B4; }
.freezing { color: #0014FF; }

.heating {color: #F33; }
.cooling {color: #33F; }