/* PROGRAM DIAGRAM BELOW */

      .rooms {
          position:absolute;
          width:380px;
          height:15px;
          font-size:11px;
      }
      .roomlabel {
          margin:2px;
          position:absolute;
          width:170px;
      }
      .container {
          margin-top:30px;
          border:1px solid #fff;
          /*width:410px;*/
          width:550px;
          height:812px;     /*H*/
          border-top:1px dashed #bbb;
          border-left:1px dashed #bbb;
          border-bottom:1px dashed #bbb;
          border-right:none;
          position:relative;
          left:30px;
          top:30px;
      }
      .timeline {
          position:absolute;
          left:0px;
          top:15px;
          width:30px; 15px; /*H-(1-15-1)*/
          background-color:#ee9;
          font-size:9px;
          padding-left:5px;
      }
      .timelabel {
          position:absolute;
      }
      .events {
          position:absolute;
          top:30px;
      }
      .event {
          background-color:#eee;
          position:absolute;
          padding:3px;
          border-top:1px solid #fff;
          border-right:1px solid #fff;
          border-bottom:1px solid #ccc;
          border-left:1px solid #ccc;
          width:160px;
          font-size:10px;
      }
      .event a:active { text-decoration:none; }
      .event a:hover { text-decoration:none; }
      .event a:visited { text-decoration:none; }
      .event a:link { text-decoration:none; }
      .break {
          position:absolute;
          padding:3px;
          width:170px;
          font-size:12px;
      }
      .eventtime {
          position:absolute;
          bottom:6px;
          font-size:8px;
          color:#939598;
      }
      #room0 { left:0px; }
      #room1 { left:45px; }
      #room2 { left:220px; }
      #room3 { left:395px; }
      .now {
          position:absolute;
          top:179px;
          width:380px;
          height:1px;
          background-color:orange;
      }

/* PROGRAMME DIAGRAMME ABOVE */