/*
 * Default stylesheet for extension wes_weatheralert
 * tx.wesweatheralert.css
 * 
 * NO CUSTOMER ADJUSTMNENTS HERE! Use .mod files inestead.  
 *
 * Version 1.0.0
 * Copyright (C) Weber eBusiness Services
 * http://www.weber-ebusiness.de 
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * C H A N G E L O G (add changes to top of list)
 * 
 * 1.0.0, 2009-12-14, Jaroslav Herber
 *  
 *    - Initial Release     
 */

.tx-wesweatheralert-alert {
  padding: 1px;
  top: 1.75em;
  left: -10px;
  width: 233px;
  position: absolute;
  z-index: 30;
}

  .tx-wesweatheralert-alert .stormalert_container {
    background: #dead30 url(/fileadmin/images/default/stormalert_moderate.png) repeat-x 0 0;
    padding: 1px 0;
    position: relative;
  }
  
    .tx-wesweatheralert-alert .bubble_top {
      background: url(/fileadmin/images/default/stormalert_bubble_top.png) no-repeat 0 0;
      position: absolute;
      width: 243px;
      z-index: 1;
      height: 100%;
      left: -5px;
      top: -1px;
    }
    
    .tx-wesweatheralert-alert .bubble_bottom {
      background: url(/fileadmin/images/default/stormalert_moderate_bubble_bottom.png) no-repeat 0 bottom;
      height: 28px;
      width: 243px;
      position: absolute;
      left: -5px;
      bottom: -27px;
      z-index: 1;
    }
    
    .tx-wesweatheralert-alert .stormalert {
      background: #dead30 url(/fileadmin/images/default/stormalert_moderate.png) repeat-x 0 -1px;
      margin: 0 -1px;
    }

      .tx-wesweatheralert-alert .stormalert .stormalert_content {
        min-height: 71px;
        height: auto !important;
        height: 71px;
        position: relative;
      }

        .tx-wesweatheralert-alert .stormalert .stormalert_content a {
          padding: 4px 2px 9px 97px;
          display: block;
          position: relative;
          z-index: 30;
          text-decoration: none;
          color: #fff;
          cursor: pointer;
          cursor: hand;
          min-height: 60px;
          height: auto !important;
          height: 60px;
        }

          .tx-wesweatheralert-alert .stormalert .stormalert_content span.current_temperature {
            font-weight: bold;
            font-size: 25px;
            line-height: 1em;
            padding: 0 4px 7px 0;
            float: left;
            position: relative;
          }

          .tx-wesweatheralert-alert .stormalert .stormalert_content span.current_alert {
            font-size: 0.65em;
            line-height: 1.2em;
            display: block;
          }
            
            .tx-wesweatheralert-alert .stormalert .stormalert_content span.current_alert strong {
              display: block;
            }
          
          .tx-wesweatheralert-alert .stormalert .stormalert_content span.weather_image {
            position: absolute;
            top: 11px;
            left: 12px;
            width: 72px;
            height: 52px;
            background: url(/fileadmin/images/default/stormalert_clouds_small.png) no-repeat 0 0;
          }

          .tx-wesweatheralert-alert .stormalert .stormalert_content .link_to_dwd {
            font-size: 11px;
            line-height: 1.2em;
            display: inline-block;
            padding: 0px 0 0 0;
            clear: both;
          }
          
            .tx-wesweatheralert-alert .stormalert .stormalert_content .link_to_dwd span.text {
              text-decoration: underline;
            }
            
              .tx-wesweatheralert-alert .stormalert .stormalert_content .link_to_dwd span.icon {
                background: url(/fileadmin/images/default/icons/stormalert_dwd_icon.gif) no-repeat right 0;
                -moz-opacity: 0.60;
    	          opacity: 0.60;
    	          filter: alpha(opacity=60);
                height: 12px;
                width: 12px;
                padding: 0 0 0 14px;
              }
                
            .tx-wesweatheralert-alert .stormalert .stormalert_content .subline {
              color: #fff;
              font-size: 1em;
              margin: 0;
              line-height: 1.15em;
            }      
            
            .tx-wesweatheralert-alert .stormalert .stormalert_content .content_text {
              color: #fff;
              font-size: 0.75em;
              line-height: 1.35em;
              margin: 0.3em 0 0 0;
            }
              
  .tx-wesweatheralert-alert .moderate,
  .tx-wesweatheralert-alert .moderate .stormalert {
    background-image: url(/fileadmin/images/default/stormalert_moderate.png);
    background-color: #d3930f;
  }
  
  .tx-wesweatheralert-alert .moderate .bubble_bottom {
    background-image: url(/fileadmin/images/default/stormalert_moderate_bubble_bottom.png);
  }
  
    .tx-wesweatheralert-alert .moderate .stormalert .stormalert_content a .subline,
    .tx-wesweatheralert-alert .moderate .stormalert .stormalert_content a .content_text {
      color: #333;
    }
  
  .tx-wesweatheralert-alert .striking,
  .tx-wesweatheralert-alert .striking .stormalert {
    background-image: url(/fileadmin/images/default/stormalert_striking.png);
    background-color: #bd4a1d;
  }
  
  .tx-wesweatheralert-alert .striking .bubble_bottom {
    background-image: url(/fileadmin/images/default/stormalert_striking_bubble_bottom.png);
  }
  
  .tx-wesweatheralert-alert .storm,
  .tx-wesweatheralert-alert .storm .stormalert {
    background-image: url(/fileadmin/images/default/stormalert_storm.png);
    background-color: #4d0900;
  }
  
  .tx-wesweatheralert-alert .storm .bubble_bottom {
    background-image: url(/fileadmin/images/default/stormalert_storm_bubble_bottom.png);
  }
  
  .tx-wesweatheralert-alert .extreme,
  .tx-wesweatheralert-alert .extreme .stormalert {
    background-image: url(/fileadmin/images/default/stormalert_extreme.png);
    background-color: #2e001d;
  }
  
  .tx-wesweatheralert-alert .extreme .bubble_bottom {
    background-image: url(/fileadmin/images/default/stormalert_extreme_bubble_bottom.png);
  }

/* WEATHER FORECAST */
.tx-wesweatheralert-pi2 {
  position: absolute;
  top: 28px;
  z-index: 30;
  color: #fff;
  width: 243px;
}

    .tx-wesweatheralert-info .weather_info {
      position: relative;
      top: 0;
      z-index: 30;
      width: 100%;
    }
    
      .tx-wesweatheralert-info .sky_container {
        width: 75px;
        height: 60px;
        float: left;
        margin: 0px;
        position: absolute;
        overflow: hidden;
        display: block;
        z-index: 99;
      }
      
        .tx-wesweatheralert-info .sky_container img {
          position: relative;
          top: 0;
          left: 0;
        }
      
        .tx-wesweatheralert-info .sky_container .sky {
          position: absolute;
          top: -120px;
          left: -20px;
          width: 3635px;
          height: 200px;
        }
      
      .tx-wesweatheralert-info .weather_data {
        padding: 1px 0 10px 74px;
        position: relative;
      }
      
      .tx-wesweatheralert-info .weather_info .notice {
        font-size: 10px;
        padding: 0 1px 4px 13px;
        margin: 0 4px 0 4px;
        position: relative;
        background: url(/fileadmin/images/default/weather_bg_center.png) no-repeat -4px bottom;
      }
        
      /* Preload Border-Images */
      .tx-wesweatheralert-info .border_top {
        background: url(/fileadmin/images/default/weather_bg_top.png) no-repeat 0 -5000px;
        height: 6px;
        position: relative;
        margin: 0;
        padding: 0;
        display: block;
        vertical-align: bottom;
      }
      
      .tx-wesweatheralert-info .border_bottom {
        background: url(/fileadmin/images/default/weather_bg_bottom.png) no-repeat 0 -5000px;
      }
        
        .tx-wesweatheralert-info .weather_info h3.current_temperature {
          font-size: 32px;
          line-height: 1em;
          padding: 0 0 0.3em 0;
          position: relative;
          float: left;
        }
        
        .tx-wesweatheralert-info .weather_info .not_extended {
          font-size: 11px;
          float: left;
        }
        
        .tx-wesweatheralert-info .weather_info .close {
          height: 16px;
          width: 16px;
          position: absolute;
          right: 12px;
          top: 8px;
          display: none;
          z-index: 200;
        }
        
          .tx-wesweatheralert-info .weather_info .close a {
            display: block;
            height: 16px;
            width: 16px;
            background: url(/fileadmin/images/default/icons/all_icons.gif) no-repeat 0 -1003px;
            overflow: hidden;
          }
              
              .tx-wesweatheralert-info .weather_info .close a span {
                display: block;
                width: 16px;
                height: 16px;
                visibility: hidden;
              }
        
        .tx-wesweatheralert-info .weather_info .time {
          padding: 0 0 0 8px;
          line-height: 16px;
        }
          
            .tx-wesweatheralert-info .weather_info .details_button a {
              background: url(/fileadmin/images/default/weather_details_arrow.gif) no-repeat right 7px;
              padding: 0 12px 0 0;
              display: block;
              text-decoration: none;
              color: #fff;
            }
        
        .tx-wesweatheralert-info .weather_info .items,
        #more_info .tx-wesweatheralert-info .weather_info .items {
          font-size: 11px;
          border-top: 1px solid #cccccc;
          width: 128px;
          display: block;
        }
        
          .tx-wesweatheralert-info .weather_info .items .item {
            border-bottom: 1px solid #cccccc;
            padding-bottom: 0.36em;
            display: block;
          }
          
          .tx-wesweatheralert-info .weather_info .extended,
          #more_info .tx-wesweatheralert-info .weather_info .extended,
          .tx-wesweatheralert-info .weather_info .notice {
            display: none;
          }
      
      /* Weather-Details Button */
      .tx-wesweatheralert-info .weather_details {
        float: right;
        background: #e1ebf5;
        margin: -5px 0 0 0;
        z-index: 1;
        position: relative;
      }
      
        .tx-wesweatheralert-info .weather_details a {
          padding: 4px 14px 5px 15px;
          display: block;
          font-size: 11px;
          text-decoration: none;
          position: relative;
        }
        
          .tx-wesweatheralert-info .weather_details a span {
            padding-right: 15px;
            display: block;
            position: relative;
          }
         
    /* Extended weather */
  .tx-wesweatheralert-pi2 .extended_weather {
    position: absolute;
    overflow: hidden;
    z-index: 30;
    color: #333;
    left: -29px;
    top: 2px;
  }

    .tx-wesweatheralert-pi2 .extended_weather .not_extended {
      display: none;
    }
 
    .tx-wesweatheralert-pi2 .extended_weather .weather_info {
      border: none;
    }
    
    .tx-wesweatheralert-pi2 .extended_weather .weather_data {
      padding: 3px 0 10px 91px;
    }
    
    .tx-wesweatheralert-pi2 .extended_weather .sky_container {
      margin: 2px 0 0 15px;
    }
    
      .tx-wesweatheralert-pi2 .extended_weather .sky_container img {
        top: -100px;
      }
    
      .tx-wesweatheralert-pi2 .extended_weather .close {
        display: block;
      }
      
      .tx-wesweatheralert-pi2 .extended_weather .border_top {
        background-position: 0 0;
      }
      
      .tx-wesweatheralert-pi2 .extended_weather .border_center {
        position: relative;
        overflow: hidden;
      }
      
        .tx-wesweatheralert-pi2 .extended_weather .border_center div {
          z-index: 2;
        }
        
        .tx-wesweatheralert-pi2 .tx-wesweatheralert-info .weather_info .close {
          z-index: 200;
        }
      
        .tx-wesweatheralert-pi2 .extended_weather .border_center div.background {
          position: absolute;
          width: 100%;
          height: 992px;
          bottom: 0;
          z-index: 1;
          background: url(/fileadmin/images/default/weather_bg_center.png) no-repeat 0 0;
        }
      
      .tx-wesweatheralert-pi2 .extended_weather .border_bottom {
        background-position: 0 bottom;

        width: 100%;
        height: 8px;
        bottom: 0;
      }
    
        .tx-wesweatheralert-pi2 .extended_weather .weather_details {
          display: none;
          margin-right: 8px;
        }
      
          .tx-wesweatheralert-pi2 .extended_weather h3.current_temperature {
            color: #ba2722;
          }
      
          .tx-wesweatheralert-pi2 .weather_info .items .item,
          .tx-wesweatheralert-pi2 .extended_weather .items,
          #more_info .tx-wesweatheralert-pi2 .extended_weather .items {
            border-color: #cccccc;
          }
          
          .tx-wesweatheralert-pi2 .extended_weather .items .extended,
          #main #more_info .tx-wesweatheralert-pi2 .extended_weather .items .extended {
            display: block;
          }