@import "variables";

#mydoitArea {
  background-color: $lightgrey;
  position: absolute;
  top: 32px;
  left: 0px;
  bottom: 0;
  width: 235px;
  overflow: auto;
  border: 1px solid $darkgrey;
  border-left: 0;
  margin-right: 5px;
  z-index: 999;

  table {
    width: 100%;

    th.navigation {
      padding: 1px;

      td.bookmarkButton {
        background-color: $grey;
        border: 1px solid $darkgrey;
        cursor: pointer;

        &:hover {
          background-color: $lightgrey;
          border: 1px solid $darkgrey;
        }
      }
    }
  }

  .status-headline {
    border-top: 1px solid $darkgrey;
    border-bottom: 1px solid $darkgrey;
  }
}

#tasks {
  margin: 0;
  border-left: 1px solid $lightgrey;

  ul {
    list-style-type: none;
    display: block;
    margin: 0 0 0 30px;
    padding: 0;
    clear: both;

    li {
      margin: 0;
      margin-bottom: .3em;
      padding: 0;
      margin-left: 5px;

      &.task_date {
        list-style-image: url('[{$dir_images}]task/li__arr.png');
        font-size: 7pt;
        margin: 0 !important;
        padding: 0 !important;
        padding-top: 1em !important;
      }
    }
  }

  :link, :visited {
    color: #5e594d;
    text-decoration: none;
    border-bottom: 1px dotted $grey;
    padding-bottom: 1px;

    &:hover {
      color: lighten($brand-color, 6.7%);
      border-bottom: 1px solid lighten($brand-color, 6.7%);
    }
  }
}
