@timeslot_bg_color: #303030;
@white: #FFF;
@black: #000;
@session_dark: #EBFFFF;

#main-content h1 {
  margin: 1em;
}

#main-content h2 {
  margin:0;
  padding:0 0 0 0.25em;
  border-bottom: 1px solid #000;

  img {
    padding: 0.25em 0 0 0;
  }

  img.minimize {
    display: none;
  }
}

#main-content h2.open {
    color: @white;
    background-color: @timeslot_bg_color;

    img.expand {
        display:none;
    }

    img.minimize {
        display: inline;
    }
}

#main-content h2:hover {
  color: @white;
  cursor: pointer;
  cursor: hand;
  background-color: @timeslot_bg_color;
}

h3 {
    margin:0.5em;
    padding:0;
    font-weight: bold;
}

#expandAll {
    width: auto;
    float: right;

    a {
        outline: none;

        .minimize {
            display: none;
        }

        img {
            padding: 0.35em 0.25em 0 0;
        }
    }

    a.open {
        .expand {
            display:none;
        }

        .minimize {
            display: inline;
        }
    }
}

ul.sessions {
  list-style-type: none;
  margin: 0.5em;
  padding: 0;
  display:none;

   .session.Quickie {
        border:none;
   }

  .session {
    margin-left: 0;
    padding: 0.25em 0.5em 0.35em 0.5em;
    border-bottom: 1px solid @black;

    .info {
      a {
        font-weight: bold;
        outline: none;
      }
    }

    .speakers {
      font-style: italic;
    }

    .legends {
      font-size: 0.80em;

      span {
        font-weight: bold;
      }

      img {
        padding: 0.25em 0.25em 0 0.25em;
      }

      img.level {
        padding-right: 1em;
      }
    }
  }

  .session.dark {
    background: @session_dark;
  }

   .session.level-hide {
    opacity: 0.3;
  }
 .session.label-hide {
    opacity: 0.3;
  }
}

ul.sessions.open {
 display: list-item;
}

#filtersContainer {
  position: absolute;
  left: 0;
  width: 200px;

    ul {
        list-style-type:none;
        margin:0 0 0 1em;
        padding:0;

      li{
        margin:0;
        padding:0;

        div {
            color: @white;
            background: @timeslot_bg_color;
            font-weight: bold;
            padding: 0.35em;
            margin: 0.25em 0 0.25em 0;
        }

        .levels {
            padding-left:5px;

            li {
              list-style-type: circle;
              cursor: pointer;
              cursor: hand;

              :hover {
                 text-decoration: underline;
              }

              a {
                display: block;
                outline: none;
              }
            }

            .on {
                list-style-type: disc;
            }

            .off {
                list-style-image: none;
            }
        }
        .labels {
            padding-left:5px;

            li {
              list-style-type: circle;
              cursor: pointer;
              cursor: hand;

              :hover {
                 text-decoration: underline;
              }

              a {
                display: block;
                outline: none;
              }
            }

            .on {
                list-style-type: disc;
            }

            .off {
                list-style-image: none;
            }
        }
      } 
    }
}

#filtersContainer.fixed {
  top:0;
  position:fixed;
}

#session-overlay-content {
    width: 100%;
    height: 480px;
    overflow: auto;

    .session-url-reference input {
        width: 95%;
        float: right;
    }
}