div.weather{
    
}
div.weather .title{
    font-size:110%;
    color:#2d8aeb;
    padding:10px;
}

div.weather div.summary{
    text-align:center;
}
div.weather div.summary .summaryText{
    color:#ff6868;
    font-size:120%;
    font-weight:bold;
}

div.weather img.icon_l2{
    width:70px;
    top:0px;
    position: absolute;
}
div.weather img.icon_l1{
    width:60px;
    top:0px;
    position: absolute;
}
div.weather img.icon_m1{
    width:50px;
    top:0px;
    position: absolute;
}
div.weather img.icon_m2{
    width:35px;
    top:5px;
    position: absolute;
}
div.weather .w_icon{
    margin:auto;
    display:block;
    width:150px;
    height:90px;
    position: relative;
}


div.weather div.summary .summaryText2{
    color:#ff6868;
    font-size:140%;
    font-weight:bold;
}
div.weather table.termList{
    margin:0 auto 0px auto;
}
div.weather table.termList img{
    display:inline-block;
}
div.weather table.termList th{
    padding:5px;
    border:1px solid #ccc;
    text-align:center;
}
div.weather table.termList td{
    padding:5px;
    border:1px solid #ccc;
    text-align:center;
}
div.weather div.temperList span{
 line-height: 120%;
}
div.weather div.temperList{
  padding:15px 0 0 0; 
  text-align:center;
    font-weight:bold;
    font-size:1.0rem;
  vertical-align: middle;
}
div.weather div.temperList.temperListForecast{
  padding:25px 0 0 0; 
  text-align:center;
    font-weight:bold;
    font-size:1.0rem;
  vertical-align: middle;
}
div.weatherContainer{
    margin-left:22px;
    margin-right:20px;
}
div.weatherContainer table{
    width:100%;
}
div.weatherContainer table td{
    position:relative;
    text-align:left;
    height:25px;
    font-size:0px;
}

div.weatherContainer table td.w4p{
    width:4%;
}
div.weatherContainer table td.w10p{
    width:10%;
}

div.weatherContainer table td img{
    position:absolute;
    top:0px;
    left:-10px;
}

div.weatherEachContainerLine{
    position:relative;
    margin:-15px 5px 0px 15px;
    display:none;
    overflow:visible;
    height:25px;
}
div.weatherEachContainerLine.daily{
    margin:-15px 30px 0px 35px;
}

div.weatherEachContainerStack{
    position:relative;
    margin:5px 20px 10px 25px;
    display:none;
    overflow:visible;
    height:35px;
}
div.weatherEachContainer span.iconWrap{
   text-align:center;
   position:absolute;
   display:block;
}
div.weatherEachContainer span.iconWrap img{
   max-height:25px;
}
div.weatherEachContainerLine.hourly span.iconWrap img{
    max-height:20px;
}

div.weatherEachContainerLine.daily span.iconWrap img{
    max-width:15px;
}


div.weatherEachContainer img.icon_l2{
    width:100%;
    top:0px;
    position: absolute;
}
div.weatherEachContainer img.icon_l1{
    width:60%;
    top:10%;
    position: absolute;
}
div.weatherEachContainer img.icon_m1{
    width:40%;
    top:15%;
    position: absolute;
}
div.weatherEachContainer img.icon_m2{
    width:30%;
    top:30%;
    position: absolute;
}
div.weatherEachContainer .eachWeatherIcons {
    margin:auto;
    display:block;
    width:100%;
    height:25px;
    position: relative;
}



div.clickweatherdata{
    display:none;
}


#totalTax{
    font-size:12px;
    font-weight:normal;
    margin:3px;
    padding:3px;
}

#todayAmountTax{
    font-size:12px;
    font-weight:normal;
    margin:3px;
    padding:3px;

}


#tooltip2 , div.clickweatherdata{
    z-index:99999;
    color:#fff;
    width:500px;
    overflow:hidden;
    font-size:12px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    padding:0 0 10px 0;
    border:none  !important;
    background-color:#666 !important;
}
    #tooltip2  .inbox,
    div.clickweatherdata  .inbox
    {
        background-color:#eee !important;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        margin:0 10px 10px 10px;
        padding:5px;
        box-shadow:rgba(92, 92, 92, 0.65) 0px 0px 6px 3px;
        -webkit-box-shadow:rgba(92, 92, 92, 0.65) 0px 0px 6px 3px;
        -moz-box-shadow:rgba(92, 92, 92, 0.65) 0px 0px 6px 3px;
    }
    
    #tooltip2  .title,
    div.clickweatherdata .title{
        font-size:110%;
        color:#fff;
        padding:10px;
    }
    
    #tooltip2  div.summary,
    div.clickweatherdata div.summary{
        text-align:center;
    }
    #tooltip2  div.summary .summaryText,
    div.clickweatherdata div.summary .summaryText{
        color:#ff6868;
        font-size:100%;
        font-weight:bold;
    }
    #tooltip2  div.summary .summaryText2,
    div.clickweatherdata  div.summary .summaryText2{
        color:#ff6868;
        font-size:120%;
        font-weight:bold;
    }
    #tooltip2  table.termList,
    div.clickweatherdata  table.termList{
        width:95%;
        margin:10px auto 10px auto;
    }
    #tooltip2  table.termList th,
    div.clickweatherdata table.termList th{
        padding:5px;
        border:1px solid #ccc;
        text-align:center;
        color:#000;
    }
    #tooltip2  table.termList td,
    div.clickweatherdata table.termList td{
        padding:5px;
        border:1px solid #666;
        text-align:center;
        color:#000;
    }
    #tooltip2  div.temperList,
    div.clickweatherdata div.temperList{
      padding:20px 0 0 0; 
      text-align:center;
        font-weight:bold;
        font-size:110%;
      vertical-align: middle;
      color:#000;
    }
    #tooltip2  div.pcsdata,
    div.clickweatherdata div.pcsdata{
        padding:10px;
        font-size:120%;
        font-weight:bold;
        text-align:center;
    }

    #tooltip2  img.icon_l2,
    div.clickweatherdata div.pcsdata{
        width:70px;
        top:0px;
        position: absolute;
    }
    #tooltip2  img.icon_l1,
    div.clickweatherdata img.icon_l1{
        width:60px;
        top:0px;
        position: absolute;
    }
    #tooltip2  img.icon_m1,
    div.clickweatherdata img.icon_m1{
        width:40px;
        top:0px;
        position: absolute;
    }
    #tooltip2  img.icon_m2,
    div.clickweatherdata img.icon_m2 {
        width:30px;
        top:5px;
        position: absolute;
    }
    #tooltip2 .w_icon,
    div.clickweatherdata .w_icon{
        margin:auto;
        display:block;
        width:150px;
        height:70px;
        position: relative;
    }
    #tooltip2 .w_max_temp,
    div.clickweatherdata .w_max_temp {
        line-height:120%;
    }
    #tooltip2 .w_min_temp,
    div.clickweatherdata .w_min_temp {
        line-height:120%;
    }
    #tooltip2 .w_rain_mm,
    div.clickweatherdata .w_rain_mm{
        line-height:120%;
        
    }

#weather_tooltip {
    z-index:99999;
    color:#666;
    width:auto;
    overflow:hidden;
    font-size:12px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    padding:0 0 10px 0;
    border:none !important;
    background-color:#eee !important;
}

table.weather_list{
  border-collapse:collapse;
  width:100%;
  min-width:700px;
}
table.weather_list th{
  border:1px solid #ccc;
  background-color:#eee;
  text-align:center;
  padding:0.3rem;
  font-size:0.7rem;
}
table.weather_list td{
  border:1px solid #ccc;
  text-align:center;
  padding:0.3rem;
  font-size:0.7rem;
}

table.weather_list span.w_icon{
  display:none;
  width:100%;
  max-width:100%;
}
table.weather_list td img{
  max-width:20px;
  display:inline-block;
}
@media (min-width: 576px) {
  table.weather_list span.w_icon{
    min-width:90px;
  }
  table.weather_list td img{
    max-width:40px;
  }
}
@media (min-width: 768px) {
  table.weather_list th{
    font-size:0.8rem;
  }
  table.weather_list td{
    font-size:0.8rem;
  }
}
@media (min-width: 992px) {
  
  table.weather_list th{
    font-size:0.9rem;
  }
  table.weather_list td{
    font-size:0.9rem;
  }
  
}

@media (min-width: 1200px) {
}