/*
 * Default stylesheet for extension wes_weatheralert
 * tx.wesweatheralert.css
 * 
 * Version 1.1.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.1.0, 2010-03-17, Jaroslav Herber
 *  
 *    - Centered details in the weatherinfo-view with text-align: right
 *
 *  1.0.0, 2009-12-14, Jaroslav Herber
 *  
 *    - Initial Release     
 */

#spalte1 .tx-wesweatheralert-alert {
  padding: 1px;
  margin: 0px 0 30px 0;
  position: relative;
  top: 0px;
  font-family: Arial,Verdana,sans-serif;
}

  #spalte1 .tx-wesweatheralert-alert .stormalert_container {
    background: #dead30 url(/fileadmin/template2010/ext/wes_weatheralert/images/stormalert_moderate.png) repeat-x 0 0;
    padding: 1px 0;
  }
  
    #spalte1 .tx-wesweatheralert-alert .stormalert {
      background: #dead30 url(/fileadmin/template2010/ext/wes_weatheralert/images/stormalert_moderate.png) repeat-x 0 -1px;
      margin: 0 -1px;
    }
    
      #spalte1 #content .tx-wesweatheralert-alert .stormalert .stormalert_content {
        background: url(/fileadmin/template2010/ext/wes_weatheralert/images/stormalert_clouds.png) no-repeat 0 0;
        min-height: 71px;
        height: auto !important;
        height: 71px;
        position: relative;
      }

        #spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content a {
          padding: 9px 15px;
          display: block;
          position: relative;
          text-decoration: none;
          color: #fff;
          cursor: pointer;
        }

          
          
      #spalte1 #content .tx-wesweatheralert-alert .stormalert .stormalert_content .current_alert {
        width: 180px;
      }
      
          #spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content .link_to_dwd {
            font-size: 13px;
            line-height: 1.2em;
            display: inline-block;
            padding: 0px 0 0 0;
            clear: both;
          }
          
            #spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content .link_to_dwd span.text {
              text-decoration: underline;
              background: url(/fileadmin/template2010/images/icons/link-extern-inv.gif) no-repeat 0 1px;
              padding-left: 14px;
            }
            
              #spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content .link_to_dwd span.icon {
                
                /*-moz-opacity: 0.60;
    	          opacity: 0.60;
    	          filter: alpha(opacity=60);*/
                height: 10px;
                width: 10px;
                padding: 0 0 0 14px;
                display: inline;
              }
            
        #spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content .subline {
          color: #fff;
          font-size: 1em;
          margin: 0;
          line-height: 1.15em;
          font-weight: bold;
        }      
        
        #spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content .content_text {
          color: #fff;
          font-size: 0.75em;
          line-height: 1.35em;
          margin: 0.3em 0 0 0;
        }
        
          #spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content span.link_info {
            font-size: 0.93333em;
          }

      
  #spalte1 .tx-wesweatheralert-alert .moderate,
  #spalte1 .tx-wesweatheralert-alert .moderate .stormalert {
    background-image: url(/fileadmin/template2010/ext/wes_weatheralert/images/stormalert_moderate.png);
    background-color: #dead30;
  }
  
  #spalte1 .tx-wesweatheralert-alert .moderate .stormalert .stormalert_content .link_to_dwd span.text {
    background-image: url(/fileadmin/template2010/images/icons/link-extern-nobg.gif);
  }
  
    #spalte1 .tx-wesweatheralert-alert .moderate .stormalert .stormalert_content a .subline,
    #spalte1 .tx-wesweatheralert-alert .moderate .stormalert .stormalert_content a .content_text {
      color: #333;
    }
  
  #spalte1 .tx-wesweatheralert-alert .striking,
  #spalte1 .tx-wesweatheralert-alert .striking .stormalert {
    background-image: url(/fileadmin/template2010/ext/wes_weatheralert/images/stormalert_striking.png);
    background-color: #bd4a1d;
  }
  
  #spalte1 .tx-wesweatheralert-alert .storm,
  #spalte1 .tx-wesweatheralert-alert .storm .stormalert {
    background-image: url(/fileadmin/template2010/ext/wes_weatheralert/images/stormalert_storm.png);
    background-color: #521908;
  }
  
  #spalte1 .tx-wesweatheralert-alert .extreme,
  #spalte1 .tx-wesweatheralert-alert .extreme .stormalert {
    background-image: url(/fileadmin/template2010/ext/wes_weatheralert/images/stormalert_extreme.png);
    background-color: #2e001d;
  }
  
/* More_info-col */
#spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content {
  min-height: 71px;
  height: auto !important;
  height: 71px;
  position: relative;
}

  #spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content .link_to_dwd {
    background: url(/fileadmin/template2010/ext/wes_weatheralert/images/stormalert_clouds_small.png) no-repeat 0 0;
    min-height: 52px;
    height: auto !important;
    height: 52px;
    padding: 0px 0 0 81px;
    margin: 17px 0 0 -6px;
  }
  
  #spalte1 .tx-wesweatheralert-alert .stormalert .stormalert_content .subline {
    text-transform: capitalize;
    font-size: 1em;
    letter-spacing: 0;
  }


/* WEATHER FORECAST */
.tx-wesweatheralert-info {
  position: relative;
  z-index: 30;
  padding: 0px 0 20px 0;
  overflow: visible;
  width: 173px;
  font-family: Arial,Verdana,sans-serif;
}


    .tx-wesweatheralert-info .weather_info {
      display: relative;
      margin-top: -10px;
      z-index: 2;
    }

      .tx-wesweatheralert-info .sky_container {
        width: 75px;
        height: 60px;
        float: none;
        top: 15px;
        left: 10px;
        position: absolute;
        overflow: hidden;
        display: block;
        z-index: 99;
      }

        .tx-wesweatheralert-info .sky_container img {
          position: absolute;
        }



      .tx-wesweatheralert-info .weather_data {
        padding: 8px 0 14px 0px;
        overflow: visible;
        position: relaitve;
      }

      .tx-wesweatheralert-info .weather_info .notice {
        font-size: 10px;
        padding: 0 5px 6px 13px;
        position: relative;
      }

      /* Preload Border-Images */

      .tx-wesweatheralert-info .border_top {
        display: none;
      }
      
      .tx-wesweatheralert-info .border_bottom {
        background: #fff;
        position: relative;
        display: none;
      }
      
        .tx-wesweatheralert-info .extended_weather .border_top,
        .tx-wesweatheralert-info .extended_weather .border_bottom {
          
          display: block;
        }

        .tx-wesweatheralert-info .weather_info h3.current_temperature,
        #content .tx-wesweatheralert-info .weather_info h3.current_temperature {
          color: #535353;
          font-size: 24px;
          font-weight: normal;
          line-height: 1em;
          padding: 6px 0 0.3em 95px;
          position: relative;
          margin: 0;
          border: none;
        }

        .tx-wesweatheralert-info .weather_info .items,
        #more_info .tx-wesweatheralert-info .weather_info .items {
          width: 160px;
          display: block;
          margin: 0 auto;
          line-height: 14px;
          
        }
        
          .tx-wesweatheralert-info .weather_info .item strong {
            opacity: 1;
            background: #fff;
          }
        
          .tx-wesweatheralert-info .extended_weather .items {
            margin-top: 0px;
            width: 128px;
            margin-left: 91px;
            border-top: 1px solid #c2dcf2;
          }

          .tx-wesweatheralert-info .weather_info .item {
            border-bottom: 1px solid #c2dcf2;
            padding-bottom: 2px;
            padding-top: 2px;
            display: block;
            font-size: 11px;
            color: #666;
            text-align: right;
          }
          
            .tx-wesweatheralert-info .extended_weather .item {
              text-align: left;
            }
          
            .tx-wesweatheralert-info .weather_info .time {
              border: none;
              padding-left: 95px;
              padding-right: 5px;
              padding-bottom: 3px;
            }
            
              .tx-wesweatheralert-info .weather_info .show_time {
                font-size: 12px;
              }

          .tx-wesweatheralert-info .weather_info .items .extended,
          #more_info .tx-wesweatheralert-info .weather_info .items .extended,
          .tx-wesweatheralert-info .weather_info .notice {
            display: none;
          }

      /* Weather-Details Button */
      .tx-wesweatheralert-info .weather_details {
        float: right;
        background: #e1ebf5;
        margin: -5px 0 10px 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 {
            background: url(/fileadmin/template2010/ext/wes_weatheralert/images/weather_details_arrow.gif) no-repeat right 0.6em;
            padding-right: 15px;
            display: block;
            position: relative;
          }

  .tx-wesweatheralert-pi2 .extended_weather {
    overflow: visible;
    z-index: 30;
    color: #333;
    width: 243px;
  }

    .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: 8px 0 10px 0px;
      position: relative;
    }
    
    .tx-wesweatheralert-pi2 .extended_weather .sky_container {
      top: 9px;
    }
    
      .tx-wesweatheralert-pi2 .extended_weather .sky_container img {
        top: 0px;
      }
    
        .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/template2010/ext/wes_weatheralert/images/icon_close.gif) no-repeat 4px 4px;
            overflow: hidden;
          }
          
        .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/template2010/ext/wes_weatheralert/images/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-info .border_top {
        background: url(/fileadmin/template2010/ext/wes_weatheralert/images/weather_bg_top.png) no-repeat 0 -5000px;
        height: 6px;
        position: relative;
        margin: 0;
        padding: 0;
        vertical-align: bottom;
      }
      
      .tx-wesweatheralert-info .border_bottom {
        background: url(/fileadmin/template2010/ext/wes_weatheralert/images/weather_bg_bottom.png) no-repeat 0 -5000px;
      }
    
        .tx-wesweatheralert-pi2 .extended_weather .weather_details {
          display: none;
          margin-right: 8px;
        }
      
          .tx-wesweatheralert-pi2 .tx-wesweatheralert-info .extended_weather h3.current_temperature,
          #content .tx-wesweatheralert-pi2 .tx-wesweatheralert-info .extended_weather h3.current_temperature {
            color: #535353;
            padding-top: 0;
          }
      
          .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;
          }

            .tx-wesweatheralert-info .weather_info .details_button a {
              background: url(/fileadmin/template2010/ext/wes_weatheralert/images/weather_details_arrow.gif) no-repeat right 7px;
              padding: 0 15px 0 0;
              display: inline-block;
              font-weight: bold;
              text-decoration: none;
              color: #7b8bb0;
            }