/* ================================================================ 
This copyright notice must be kept untouched in this stylesheet file
 at all times.

The original version of this stylesheet and the associated javascript
is available at http://www.jlion.com/docs/jsThermometer.aspx
Copyright (c) 2005-2011 Joe Lynds. All rights reserved.
This stylesheet and the associated javascript may be modified in any 
way to fit your requirements.
=================================================================== */

    #thermometer 
    {
        position: absolute;
        top:0px;
        left:0;
        width: 100%;
        padding: 0 15px;
        text-align: text-center;
    }

    #thermometer img
    {
        width: 336px;
        height: 585px;
    }  
    
    @media (max-width: 768px) {
       #thermometer {
         position: relative;
         width: 255px;
         height: 450px;
         margin: 0 auto;
       }
       #thermometer img {
         width: 255px;
         height: 450px;
       }
    }
    
    #label
    {
        position:absolute; left:10px;top:90px;
        
        height:230px;
        width:150px;
        text-align:right; 
        
    }
       
    #bar 
    {
        position:absolute; left:147px;top:90px;
        
        height:230px;
        width:17px;
        
        border:none;
        background-color:#940008;
    }
    
    .MajorTick 
    {
        width:30px;
        text-align:right;
        
        font-family:Arial;
        font-size:13px;
        padding-top:4px;
    }
    
    .Container 
    {
        padding:0 0 0 0;
        margin: 0 0 0 0;
    }
    
    .MinorTick
    {
        width:15px;
        border-top: solid 1px Gray;
        padding:0 0 0 0;
        margin: 0 0 0 0;
        height:1px;
        line-height:1px;
        font-size:0px;
    }
    
    .TickLabel
    {
        padding-top: 3px;
        padding-right: 3px;
        margin: 0 0 0 0;
        height:1px;
        line-height:10px;
        font-size:10px;
    } 
    
    .Title
    {
        margin-top:20px;
        font-family:Arial;
        font-size:14px;
        font-weight:bold;
        text-align:center;
    }
    
    .CurrentValue
    {
        margin-top:20px;
        font-family:Arial;
        font-size:18px;
        font-weight:bold;
        text-align:center;
    }