@import "/styles/base/alpha.less";

.RecentItemsToolTip {
  
  background-color: white;
  
  .content {
    padding: 25px;
  }

  .thumbnail {
    background-size: 100% 100%;
    background-position: left top;
    background-repeat: no-repeat;
  }
}

.RecentItemsList {

  min-height: 50px;
  
  position: relative;
  margin: 0;
  
  .separator {
    margin: 0 !important;
  }
  
  div {
    padding: 0;
  }

  .footer {
    padding: 0 !important;
    
    .buttonContainer {
      padding: 15px;
    }
  }
  
  .items {
    
    .separator {
      margin: 0;
    }
    .item {
      text-align: left;
      cursor: pointer;
      text-shadow: 1px 1px 2px rgba(0,0,0,1.0);
      
      &:hover {

        // CSS Backgrounds - Only supported in firefox and chrome - not ie
        // background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 100%); /* Mozilla */
        // background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 100%); /* Web kit */

        // Image Backgrounds
        background-image: url("/styles/base/img/RecentItemsListItemHover.png");
        background-size: 100% 100%;

      }
      
      .label {

        padding: 12px 14px;
        float: left;
        margin-left: 0;
        margin-right: 64px;
      }
      
      position: relative;

      .date {
        
        text-shadow: none;
        position: absolute;
        right: 14px;
        top: 12px;
        
        div {
        }
      }

      .floatFix {
        clear: both;
        margin: 0;
        padding: 0;
      }
      
      // Alternative CSS2 Styles for item

      &.css2 {

        background-image: none;
        position: relative;

        img {

          display: none;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;

        }

        &:hover {

          background-image: none;

          img {

            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;

          }
        }
      }
    }
  }
  
  .title {
  }
}

// Font Settings
.RecentItemsList {
  .items {
    .item {
      .label {
        span {
          line-height: 1.5;
        }
      }
      .date {
        .alpha(0.5);
      }
      .date span {
        line-height: 1.5;
        font-size: 11px;
      }
    }
  }
}