/* Flash007.lu StyleSheet 
 * 
 * Homepage specific properties
 *****************************/
 
#page {
  position: relative;
  min-height: 800px;
  width: 493px;
  padding-right: 200px;
  padding-left: 406px;
}

  #breakingNews {
    position: absolute;
    top: 9px;
    left: 5px;
    width: 170px;
    height: 77px;
    padding: 0;
    border: none;
	font-size: 115%;
  }
  
    #breakingNews p {
      color: #80ab00;
      margin-top: 0;
    }
    
  #flash007News {
    position: absolute;
    top: 50px;
    left: 5px;
    width: 180px;
    height: 688px;
    /*border: 1px solid #fff;*/
  }
  
    #newsScrollUp,
    #newsScrollDown {
      position: absolute;
    }
    
    #flash007News #newsScrollUp {
      top: 5px;
      left: 120px;
    }
    
    #flash007News #newsScrollDown {
      top: 5px;
      left: 140px;
    }
    
  
    #flash007News ul.title {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
        
    #flash007News ul.title li {
      border: 1px solid #989898;
      width: 100px;
      margin: 0;
      text-align: right;
    }
          
      #flash007News ul.title li a {
        display: block;
        height: 16px;
        background: #000 url('../images/backgrounds/menu_news.gif') no-repeat scroll top left;
      }

      #flash007News ul.title li a span {
        float: left;
        height: 12px;
        margin-left: 16px;
        width: 79px;
        border-left: 1px solid #989898;
        padding: 2px 4px 2px 0;
        background-color: #333333;
      }
            
      #flash007News .news {
        margin-left: 0px;
        height: 670px;
        overflow: auto;
      }
      
      
        #flash007News .news .new {
          width: 178px;
          margin-top: 10px;
        }
        
          #flash007News .news .new img {
            width: 75px;
          }
          
        
          #flash007News .news .new .top {
            height: 11px;
            background: #000 url('../images/backgrounds/home_news_top.png') no-repeat scroll top left;
          }
          
          #flash007News .news .new .content {
            border-left: 1px solid #999;
            border-right: 1px solid #333;
            background-color: #191919;
          }
            
            #flash007News .news .new .content .infos {
              font-size: 100%;
            }
          
            #flash007News .news .new .content h5 {
              font-size: 110%;
              margin: 0;
              padding: 2px;
            }
              
              #flash007News .news .new .content h5 a {
                color: #80ab00;
              }
              
            #flash007News .news .new .content p {
              margin: 0;
              padding: 2px;
              color: #ccc;
            }
            
            #flash007News .news .new .content ul {
              margin: 0;
            }
          
          #flash007News .news .new .bottom {
            height: 11px;
            background: #000 url('../images/backgrounds/home_news_bottom.png') no-repeat scroll top left;
          }
            

  #logo {
    display: block !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    min-height: 800px;
    margin-left: -447px;
    /*background: #ad1f54 url('../images/backgrounds/homepage.png') repeat-x scroll bottom left;*/
    text-align: left;
  }
  
    #insideWebcam img {
      border: none !important; /*1px solid #fff !important;*/
    }
  
  #logo .vcard {
    display: none;
    margin-top: 30px;
    margin-left: 10px;
    padding-top: 5px;
    width: 160px;
  }

    #logo .vcard .fn {
      display: none;
      font-weight: bold;
    }

    #logo .vcard .flash {
      color: #ae1f54;
    }

    #logo .vcard address {
      color: #ccc;
      font-style: normal;
    }

    #logo .vcard p {
      margin: 0;
    }

    #logo .vcard p.tel {
/*      border-top: 1px dashed #ae1f54;*/
      margin-top: 10px;
    }
    
    #logo #banner {
      margin-top: 10px;
      margin-left: 10px;
    }
    
    #logo #insideWebcam img {
      margin-left: 10px;
      margin-top: 10px;
      border: 1px solid #555;
    }
    
    #logo #jusquici img {
      margin-left: 9px;
      margin-top: 9px;
    }
  
    #main_menu {
      margin-left: -207px;
      width: 191px;
      height: 737px;
    }
    
    #content p.intro {
      display: none;
      text-align: justify;
      font-size: 11px;
      padding-bottom: 20px;
/*      border-bottom: 1px dashed #555;*/
    }
    
    #content p.tagline {
      margin: 0;
      padding-bottom: 30px;
/*      border-bottom: 1px dashed #555;*/
    }
    
      #content .tagline .step {
        border: 1px solid #ae1f54;
        padding: 10px;
        font-size: 12px;
      }
      
        #content .tagline .step ul {
          margin:5px;
          padding:5px;
        }
    
    #content #missionsCalendar #todayMissions {
      clear: left;
      border: 1px solid #555;
      width: 488px;
    }
    
    #content #missionsCalendar #agendaMission {
      clear: left;
    }
 
      #content #missionsCalendar #todayMissions h2 {
        float: none;
        height: 40px;
        margin: 0;
        padding: 0;
        font-size: 39px;
        letter-spacing: 5px;
        color: #ae1f47;
        text-transform: uppercase;
        border: none;
        background: #000 url('../images/backgrounds/homepage_today_logo.png') no-repeat scroll top left;
      }
 
        #content #missionsCalendar #todayMissions h2 span {
          visibility: hidden;
        }
 
      #content #missionsCalendar #todayMissions img {
        height: 368px;
        width: 488px;
      }
 
      #content #missionsCalendar #todayMissions .description {
        cursor: move;
        position: absolute;
        top: 50px; /*Change for banner being on the same level (height) as the flash head*/
        left: 0;
        width: 470px;
        padding: 10px;
        font-size: 160%;
        overflow: auto;
        font-weight: bold;
        background-color: #000;
        opacity: 0.7;
        -moz-opacity: 0.7;
        filter:alpha(opacity=70);
      }
 
      #content #missionsCalendar #todayMissions .description a:hover {
        color: #ae1f54;
      }
      
      #content #missionsCalendar #todayMissions .description img {
        width: 220px;
        height: 165px;
      }
      
            
    #content #recentMedias {
      margin: 5px 0 0 0;
      padding-bottom: 45px;
      height: 200px;
    }
    
      #content #recentMedias .medias {
        clear:left;
        border: 1px solid #555;
        padding: 15px 2px;
        margin: 0 2px 0 0;
      }
    
      #content #recentMedias a#mediaExplore {
        float: right;
        background: #000 url('../images/backgrounds/homepage_explore-fr.png') no-repeat scroll top right;
        height: 22px;
        width: 83px;
        margin-top: 79px;
      }
      
        #content #recentMedias a#mediaExplore span {
          display: none;
        }
    
      #content #recentMedias h2 {
        float:left;
        height: 20px;
        font-weight: normal;
        padding: 2px 5px;
        margin-bottom: 0;
        border: 1px solid #555;
        border-bottom: none;
        color: #fff;
      }
      
      #content #recentMedias .media {
        float: left;
        width: 115px;
        margin-left: 15px;
        margin-right: 0px;
      }
      
        #content #recentMedias .media h3 {
          margin: 0;
          padding: 0;
          font-size: 100%;
          margin-left: -10px;
          margin-bottom: 5px;
          font-weight: normal;
          color: #ccc;
        }
        
        #content #recentMedias .media img {
          height: 74px;
          width: 110px;
          margin-bottom: 5px;
        }
        
        #content #recentMedias .media p {
          margin: 0;
          padding: 0;
          overflow: hidden;
        }
        
          #content #recentMedias .media span.title,
          #content #recentMedias .media span.event {
            font-style: italic;
          }
          
          #content #recentMedias .media span.title {
            color: #ccc;
            white-space: nowrap;
          }

  #lux2007 {
    margin-top: 20px;
    text-align: left;
  }

    #lux2007 p {
      display: block;
      margin: 0;
      padding:0;
    }

    #lux2007 img {
      float: right;
      margin-top: -4px;
    }
  
  #footer {
    margin-top: 0px; 
  }
  
.darktip .title, .darktip .content { border: 1px solid #ae1f54; }