#goal-thermometer{
    position:relative;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
/*     color:#fff; */
	color:black;
    font-weight: bold;
    opacity:0;
}

#therm-numbers{
    width:5em;
    float:left;
    opacity:.4;
}

.therm-number{
    position:absolute;
    text-align:right;
    font-size:1.3em;
}

#therm-graphics{
    float:left;
    position:relative;
    width:4.6em;
}

#therm-top{
    position:absolute;
    top:0;
    left:0.7em;
    
    width:3.2em;
    height:1.3em;
}

#therm-body-bg{
     position:absolute;
     top:1.3em;
     left:0.7em;
     width:3.2em;
}

#therm-body-mercury{
     position:absolute;
     bottom:5.1em;
     left:1.4em;
     width: 1.8em;
     height:0.2em;
}

#therm-body-fore{
     position:absolute;
     width:2.4em;
     top:1.3em;
     left:1.1em;
     background-repeat:repeat-y;
}

#therm-bottom{
    position:absolute;
    left:0;
    width:4.6em;
    height:5.1em;
} 

#therm-tooltip{
    position:absolute;
    left:3.8em;
    width:20.0em;
}

#therm-tooltip .tip-left{
    float:left;
    width:1.9em;
    height:3.2em;
}

#therm-tooltip .tip-middle{
    float:left;
    height:3.2em;
    font-size:1.5em;
}

#therm-tooltip .tip-middle p{
	text-indent:0;
    position:relative;
    margin:0;
    padding-right:4px;
    padding-left:3px;
/*     top:6px; */
	top:0.6em;
    height:3.2em;
    opacity:.7;
    background-size:6.4em 6.4em;
    -moz-background-size: 100%;
}

#therm-tooltip .tip-right{
    float:left;
    width:0.9em;
    height:3.2em;
}

.clear {
    clear: both;
}