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

.therm-numbers1, .therm-numbers2{
    width:50px;
    float:left;
    opacity:.4;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    font-weight: bold;
    position:relative;
}

.therm-number,.therm-number1,.therm-number2{
    position:absolute;
    text-align:right;
    font-size:13px;
}

.therm-graphics{
    float:left;
    position:relative;
    width:46px;
}

.therm-top{
    position:absolute;
    top:0;
    left:7px;
    
    width:32px;
    height:13px;
}

.therm-body-bg{
   position:absolute;
   top:13px;
   left:7px;
   width:32px;
}

.therm-body-mercury,.therm-body-mercury1,.therm-body-mercury2{
   position:absolute;
   bottom:51px;
   left:14px;
   width: 18px;
   height:2px;
}

.therm-body-fore{
   position:absolute;
   width:24px;
   top:13px;
   left:11px;
   background-repeat:repeat-y;
}

.therm-bottom{
    position:absolute;
    left:0;
    width:46px;
    height:51px;
} 

.therm-tooltip1, .therm-tooltip2{
    position:absolute;
    left:38px;
    width:200px;
}

.therm-tooltip1 .tip-left, .therm-tooltip2 .tip-left{
    float:left;
    width:19px;
    height:32px;
}

.therm-tooltip1 .tip-middle,.therm-tooltip2 .tip-middle{
    float:left;
    height:32px;
    font-size:15px;
}

.therm-tooltip1 .tip-middle p,.therm-tooltip2 .tip-middle p{
 font-family:Arial, Helvetica, sans-serif;
 color:#fff;
 font-weight: bold;
 position:relative;
 margin:0;
 padding-right:4px;
 padding-left:3px;
 top:6px;
 height:32px;
 opacity:.7;
 background-size:64px 64px;
 -moz-background-size: 100%;
}

.therm-tooltip1 .tip-right,.therm-tooltip2 .tip-right{
    float:left;
    width:9px;
    height:32px;
}

.clear {
    clear: both;
}