/* (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P. */
/* (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P. */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -webkit-transform: translateX(-10px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -moz-transform: translateX(-10px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -ms-transform: translateX(-10px); }

  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -o-transform: translateX(-10px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    transform: translateX(-10px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -webkit-transform: translateY(-10px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -moz-transform: translateY(-10px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -ms-transform: translateY(-10px); }

  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -o-transform: translateY(-10px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0.7;
    transform: translateY(10px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -webkit-transform: translateY(5px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -moz-transform: translateY(5px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -ms-transform: translateY(5px); }

  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -o-transform: translateY(5px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0.7;
    transform: translateY(5px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

#hp-banner-container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 60px;
  min-width: 600px;
  background-color: #fff;
  z-index: 300;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; }
  @media print {
    #hp-banner-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-simple-banner {
  text-align: center;
  line-height: 60px;
  border-bottom: 1px solid #e6e6e6; }
  #hp-simple-banner .hp-header-primary {
    display: inline-block;
    position: relative;
    height: 100%; }
    #hp-simple-banner .hp-header-primary .hp-logo {
      display: inline-block;
      position: relative;
      top: 15px;
      left: 8px; }
    #hp-simple-banner .hp-header-primary h1 {
      position: relative;
      top: 5px;
      padding-left: 20px; }

#hp-info-bar {
  height: 0px;
  text-align: center;
  color: #fff; }
  #hp-info-bar.hp-active {
    height: 20px;
    line-height: 20px;
    background-color: #666;
    -webkit-animation-name: relax;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0;
    -moz-animation-name: relax;
    -moz-animation-duration: 10s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 0;
    -ms-animation-name: relax;
    -ms-animation-duration: 10s;
    -ms-animation-timing-function: ease-in;
    -ms-animation-iteration-count: 1;
    -ms-animation-delay: 0;
    -o-animation-name: relax;
    -o-animation-duration: 10s;
    -o-animation-timing-function: ease-in;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 0; }

@-webkit-keyframes relax {
  0% {
    background-color: #00B388;
    height: 0px; }

  5% {
    background-color: #00B388;
    height: 30px;
    line-height: 30px; }

  90% {
    background-color: #00B388;
    height: 30px;
    line-height: 30px; }

  100% {
    background-color: #666;
    height: 20px;
    line-height: 20px; } }

@-moz-keyframes relax {
  0% {
    background-color: #00B388;
    height: 0px; }

  5% {
    background-color: #00B388;
    height: 30px;
    line-height: 30px; }

  90% {
    background-color: #00B388;
    height: 30px;
    line-height: 30px; }

  100% {
    background-color: #666;
    height: 20px;
    line-height: 20px; } }

@-ms-keyframes relax {
  0% {
    background-color: #00B388;
    height: 0px; }

  5% {
    background-color: #00B388;
    height: 30px;
    line-height: 30px; }

  90% {
    background-color: #00B388;
    height: 30px;
    line-height: 30px; }

  100% {
    background-color: #666;
    height: 20px;
    line-height: 20px; } }

@-o-keyframes relax {
  0% {
    background-color: #00B388;
    height: 0px; }

  5% {
    background-color: #00B388;
    height: 30px;
    line-height: 30px; }

  90% {
    background-color: #00B388;
    height: 30px;
    line-height: 30px; }

  100% {
    background-color: #666;
    height: 20px;
    line-height: 20px; } }

.hp-banner {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  z-index: 300;
  background-color: #f3f3f3;
  color: #666666; }
  .hp-banner h1 {
    display: inline-block;
    white-space: nowrap;
    font-size: 18px; }
  @media print {
    .hp-banner {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-main-banner {
  border-bottom: 1px solid #e6e6e6;
  z-index: 50; }
  #hp-main-banner .hp-header-primary {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 150px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    background-color: #f3f3f3; }
    #hp-main-banner .hp-header-primary > * {
      vertical-align: top; }
    #hp-main-banner .hp-header-primary #hp-main-menu-control, #hp-main-banner .hp-header-primary #hp-search-control {
      position: relative;
      display: inline-block;
      margin: 0px;
      font-weight: normal;
      color: #666666;
      height: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control:hover, #hp-main-banner .hp-header-primary #hp-search-control:hover {
        background-color: white;
        color: black; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control.hp-selected, #hp-main-banner .hp-header-primary #hp-search-control.hp-selected {
        z-index: 90; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control.hp-disabled:hover, #hp-main-banner .hp-header-primary #hp-search-control.hp-disabled:hover {
        background-color: inherit;
        color: #666666; }
    #hp-main-banner .hp-header-primary #hp-main-menu-control {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      min-width: 210px;
      padding: 10px;
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control:hover {
        border-right: 1px solid #cccccc; }
        #hp-main-banner .hp-header-primary #hp-main-menu-control:hover:after {
          content: '';
          display: none; }
        #hp-main-banner .hp-header-primary #hp-main-menu-control:hover .hp-main-menu-carret {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwWAiwApYte2AAAAGdJREFUSMdjYBgFo2AUkAsOMDAw/GdgYOgiUn0/VP02Yi2QgGqA4SkE1E9BU89HrEVXiLQI3YLzpAbZZQIWoVtwmdy4wWUR1SzAZdFlaluAyyKqW4DPRzQBl8lNRaQCidGyahSMMAAAbUE8mzL+JC8AAAAASUVORK5CYII=); }
      #hp-main-banner .hp-header-primary #hp-main-menu-control.hp-active:hover {
        border-bottom: 5px solid #00B388;
        height: 65px; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control.hp-selected:hover {
        border-bottom: none;
        height: 60px; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control:after {
        content: '';
        position: absolute;
        top: 15px;
        right: 0px;
        height: 30px;
        width: 1px;
        background-color: #cccccc; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control.hp-disabled {
        cursor: default; }
        #hp-main-banner .hp-header-primary #hp-main-menu-control.hp-disabled:after {
          content: '';
          display: none; }
        #hp-main-banner .hp-header-primary #hp-main-menu-control.hp-disabled .hp-main-menu-carret {
          display: none; }
        #hp-main-banner .hp-header-primary #hp-main-menu-control.hp-disabled:hover {
          border: none; }
      body.hp-basic-layout #hp-main-banner .hp-header-primary #hp-main-menu-control {
        padding: 10px 30px 10px 30px; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control #hp-logo {
        position: relative;
        top: 8px;
        display: inline-block;
        vertical-align: top;
        background-image: url("../../img/hp-piano/hp-piano-icons.png");
        background-position: -260px -140px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px; }
        body.hp-basic-layout #hp-main-banner .hp-header-primary #hp-main-menu-control #hp-logo {
          top: 3px;
          width: 36px;
          height: 36px;
          background-position: -260px -240px; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control #hp-main-menu-labels {
        position: relative;
        top: 12px;
        display: inline-block;
        vertical-align: top;
        height: 40px;
        padding-right: 5px;
        padding-left: 5px;
        min-width: 135px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control #hp-main-menu-label {
        font-size: 16px;
        font-weight: normal;
        line-height: normal;
        vertical-align: bottom;
        margin-bottom: 3px; }
        body.hp-basic-layout #hp-main-banner .hp-header-primary #hp-main-menu-control #hp-main-menu-label {
          position: relative;
          top: -12px;
          font-size: 36px;
          font-family: 'HPLight', Arial, Helvetica, sans-serif;
          padding-right: 15px;
          padding-left: 15px; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control #hp-main-menu-sub-label {
        font-size: 12px;
        margin: 0px;
        color: #737373;
        text-align: right; }
      #hp-main-banner .hp-header-primary #hp-main-menu-control .hp-main-menu-carret {
        position: relative;
        top: 11px;
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 20px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwWAigaPIVipgAAAL9JREFUSMft0zEKAjEQheFfL2C7h1gLT2AvzEnWwkrmCAELGz3JFLbeQMH1DFp7AW1EglmzWVhBJK/LMJOPJARycv4s5nqfH3xo3ANTYIXoMmHjNbAAdojO2hFzBXDxKltE5xFgA1ReZYTozW8ZBkOiV+DsVarnRinA8R1oRsyBaAnUUSgEakQnXd4ERMHcCSiDq2sGxq+5JCQO1cE6AsSROJQMtCNtJ0oAun8wcyfM3TF36OXjRqDiO0BOzs/mAdRkWAg8C8SoAAAAAElFTkSuQmCC);
        background-position: right 0px;
        background-repeat: no-repeat; }
    #hp-main-banner .hp-header-primary #hp-search-control {
      position: absolute;
      top: 0px;
      left: 200px;
      right: 0px;
      height: 56px;
      padding: 2px 12px 2px 45px;
      background-image: url("../../img/hp-piano/hp-piano-icons.png");
      background-position: -380px -99px;
      background-repeat: no-repeat;
      font-size: 21px;
      line-height: 58px;
      color: #999999;
      -webkit-transition: left 0.5s;
      -moz-transition: left 0.5s;
      transition: left 0.5s; }
      #hp-main-banner .hp-header-primary #hp-search-control:hover {
        background-color: white;
        color: #666666;
        background-position: -380px -59px; }
      #hp-main-banner .hp-header-primary #hp-search-control.hp-selected {
        color: #666666;
        background-position: -380px -59px; }
    #hp-main-banner .hp-header-primary #hp-banner-title {
      display: none;
      margin: 0px;
      font-size: 21px;
      line-height: 60px;
      font-weight: normal;
      padding-left: 20px;
      padding-right: 20px; }
    @media print {
      #hp-main-banner .hp-header-primary {
        display: none; } }
  #hp-main-banner #hp-activity-notification {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 60px;
    max-width: 150px;
    padding: 0px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f3f3f3;
    color: #000;
    line-height: 60px;
    font-size: 13px;
    white-space: nowrap;
    z-index: 52;
    -webkit-transition: right 1s, max-width 1s;
    -moz-transition: right 1s, max-width 1s;
    transition: right 1s, max-width 1s; }
    #hp-main-banner #hp-activity-notification.hp-active {
      right: 150px;
      max-width: 400px; }
    #hp-main-banner #hp-activity-notification .hp-message {
      padding-left: 30px;
      max-width: 300px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    #hp-main-banner #hp-activity-notification .hp-status {
      position: absolute;
      top: 19px;
      left: 10px;
      display: none;
      -webkit-animation: bounce 0.7s ease-in-out 0.5s infinite;
      -moz-animation: bounce 0.7s ease-in-out 0.5s infinite;
      -ms-animation: bounce 0.7s ease-in-out 0.5s infinite;
      -o-animation: bounce 0.7s ease-in-out 0.5s infinite; }
      #hp-main-banner #hp-activity-notification .hp-status.hp-active {
        display: block; }
    @media print {
      #hp-main-banner #hp-activity-notification {
        display: none; } }
  #hp-main-banner ol.hp-header-secondary {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    background-color: #f3f3f3;
    z-index: 55;
    white-space: nowrap;
    font-size: 0px; }
    #hp-main-banner ol.hp-header-secondary > li {
      display: inline-block;
      font-size: 13px;
      vertical-align: top; }
    #hp-main-banner ol.hp-header-secondary .hp-banner-control {
      position: relative;
      cursor: pointer;
      top: 0px;
      width: 50px;
      height: 60px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid transparent; }
      #hp-main-banner ol.hp-header-secondary .hp-banner-control.hp-full {
        width: auto; }
      #hp-main-banner ol.hp-header-secondary .hp-banner-control:hover {
        background-color: white; }
        #hp-main-banner ol.hp-header-secondary .hp-banner-control:hover:after {
          content: '';
          display: none; }
      #hp-main-banner ol.hp-header-secondary .hp-banner-control.hp-selected {
        z-index: 20; }
      #hp-main-banner ol.hp-header-secondary .hp-banner-control:after {
        content: '';
        position: absolute;
        top: 15px;
        left: 0px;
        height: 30px;
        width: 1px;
        background-color: #cccccc; }
      #hp-main-banner ol.hp-header-secondary .hp-banner-control .hp-icon {
        position: relative;
        top: 22px;
        left: 17px;
        width: 20px;
        height: 20px;
        background-image: url("../../img/hp-piano/hp-piano-icons.png");
        background-repeat: no-repeat; }
      @media print {
        #hp-main-banner ol.hp-header-secondary .hp-banner-control {
          display: none; } }
    #hp-main-banner ol.hp-header-secondary .hp-count {
      position: absolute;
      top: 10px;
      right: 6px;
      height: 18px;
      width: 20px;
      padding-top: 2px;
      text-align: center;
      background-image: url("../../img/hp-piano/hp-piano-icons.png");
      background-repeat: no-repeat;
      background-position: -140px -60px;
      font-size: 11px;
      font-weight: bold;
      color: #000;
      z-index: 1;
      display: none; }
      #hp-main-banner ol.hp-header-secondary .hp-count.hp-active {
        display: block; }
    #hp-main-banner ol.hp-header-secondary #hp-activity-control .hp-icon {
      top: 23px;
      background-position: -140px -18px; }
    #hp-main-banner ol.hp-header-secondary #hp-activity-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-icon {
      background-position: -140px 0px; }
    #hp-main-banner ol.hp-header-secondary #hp-activity-control:hover #hp-activity-control-new-count, #hp-main-banner ol.hp-header-secondary #hp-activity-control.hp-selected #hp-activity-control-new-count {
      background-position: -140px -40px; }
    #hp-main-banner ol.hp-header-secondary #hp-session-control {
      white-space: nowrap; }
      #hp-main-banner ol.hp-header-secondary #hp-session-control .hp-icon {
        top: 23px;
        background-position: -100px -18px; }
      #hp-main-banner ol.hp-header-secondary #hp-session-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-icon {
        background-position: -100px 0px; }
      #hp-main-banner ol.hp-header-secondary #hp-session-control .hp-name {
        position: relative;
        top: 15px;
        padding: 0px 15px 0px 20px; }
      #hp-main-banner ol.hp-header-secondary #hp-session-control.hp-full .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-session-control.hp-full .hp-name {
        display: inline-block; }
    #hp-main-banner ol.hp-header-secondary #hp-help-control .hp-icon {
      top: 22px;
      background-position: -120[x -20pxpx; }
    #hp-main-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-icon {
      background-position: -120px 0px; }
    @media print {
      #hp-main-banner ol.hp-header-secondary {
        height: auto;
        width: auto; } }

@-webkit-keyframes bounce {
  0% {
    left: 15px; }

  30% {
    left: 15px; }

  50% {
    left: 5px; }

  70% {
    left: 15px; }

  90% {
    left: 17px; }

  100% {
    left: 15px; } }

@-moz-keyframes bounce {
  0% {
    left: 15px; }

  30% {
    left: 15px; }

  50% {
    left: 5px; }

  70% {
    left: 15px; }

  90% {
    left: 17px; }

  100% {
    left: 15px; } }

@-ms-keyframes bounce {
  0% {
    left: 15px; }

  30% {
    left: 15px; }

  50% {
    left: 5px; }

  70% {
    left: 15px; }

  90% {
    left: 17px; }

  100% {
    left: 15px; } }

@-o-keyframes bounce {
  0% {
    left: 15px; }

  30% {
    left: 15px; }

  50% {
    left: 5px; }

  70% {
    left: 15px; }

  90% {
    left: 17px; }

  100% {
    left: 15px; } }

#hp-main-menu {
  position: absolute;
  top: 0px;
  height: auto;
  background-color: #fff;
  padding: 60px 42px 15px 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  z-index: 10;
  display: none;
  border-bottom: 5px solid #00B388;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-left-color: transparent; }
  #hp-main-menu.hp-active {
    display: block; }
  body.hp-basic-layout #hp-main-menu {
    padding-left: 85px;
    padding-right: 30px;
    font-size: 18px; }
  #hp-main-menu > :first-child {
    border-top: 1px solid #000;
    padding-top: 22px; }
  #hp-main-menu > header a {
    display: block;
    padding: 12px 0px; }
  #hp-main-menu .hp-sections > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px; }
    #hp-main-menu .hp-sections > li label {
      display: block;
      font-weight: bold;
      font-size: 12px;
      margin-bottom: 10px;
      color: #999;
      text-transform: uppercase; }
  #hp-main-menu .hp-section > li {
    margin-bottom: 6px;
    min-width: 135px; }
    #hp-main-menu .hp-section > li.hp-unauthorized {
      display: none; }
    #hp-main-menu .hp-section > li a {
      display: block;
      color: black;
      padding: 2px 0px; }
      #hp-main-menu .hp-section > li a.hp-selected {
        color: #007dba;
        font-weight: bold; }
      #hp-main-menu .hp-section > li a:hover {
        color: #007dba;
        text-decoration: underline; }
    #hp-main-menu .hp-section > li .hp-menu-item-prompt {
      position: relative;
      display: inline-block;
      font-size: 13px;
      background-color: #fffdd7;
      color: black;
      margin: 5px 10px;
      padding: 3px 10px 3px 10px; }
      #hp-main-menu .hp-section > li .hp-menu-item-prompt:after {
        content: "";
        position: absolute;
        top: -5px;
        left: 5px;
        right: auto;
        border-width: 0 7px 7px;
        border-color: #fffdd7 transparent;
        border-style: solid;
        display: block;
        width: 0; }
      #hp-main-menu .hp-section > li .hp-menu-item-prompt.hp-done {
        background-image: url("../../img/hp-piano/hp-piano-icons.png");
        background-position: -380px -215px;
        background-repeat: no-repeat; }
      #hp-main-menu .hp-section > li .hp-menu-item-prompt a {
        display: inline;
        padding: 2px;
        color: #425563; }
        #hp-main-menu .hp-section > li .hp-menu-item-prompt a:hover {
          background-color: transparent;
          text-decoration: underline;
          color: #425563; }

#hp-search-menu {
  position: absolute;
  top: 0px;
  left: 200px;
  right: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 18px;
  background-color: white;
  z-index: 301;
  display: none;
  border-bottom: 5px solid #00B388;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border: 2px solid #0099D2;
  /*#hp-search-recent {
    margin: 0px;
    font-size: 13px;
    
    li {
      display: inline-block;
      background-color: $global-hover-background;
      white-space: nowrap;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 2px 5px;
    }
  }*/ }
  #hp-search-menu.hp-active {
    display: block; }
  #hp-search-menu > header {
    height: 57px;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -399px -61px;
    background-repeat: no-repeat; }
    #hp-search-menu > header #hp-search-input {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      padding-top: 16px;
      padding-left: 43px;
      padding-right: 40px;
      height: 42px; }
    #hp-search-menu > header input {
      width: 100%;
      font-size: 21px;
      line-height: normal;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      margin: 0px;
      padding: 0px;
      background: transparent;
      font-family: 'HPRegular', Arial, Helvetica, sans-serif;
      color: #000;
      border: none;
      cursor: default; }
      #hp-search-menu > header input::-moz-selection {
        background: #E4FFEE; }
      #hp-search-menu > header input::-ms-clear {
        display: none; }
    #hp-search-menu > header #hp-search-clear {
      position: absolute;
      top: 20px;
      right: 10px;
      width: 20px;
      height: 20px;
      background-image: url(data:image/gif;base64,R0lGODlhFAAUAIAAAJmZmf///yH5BAEHAAEALAAAAAAUABQAAAIjjI+py+0PowQg0UeryZDzmF1S8E2hWZVNqS7i8Y7yTNc2XQAAOw==);
      background-repeat: no-repeat;
      cursor: pointer; }
      #hp-search-menu > header #hp-search-clear:hover {
        background-image: url(data:image/gif;base64,R0lGODlhFAAUAIAAADMzM////yH5BAEHAAEALAAAAAAUABQAAAIjjI+py+0PowQg0UeryZDzmF1S8E2hWZVNqS7i8Y7yTNc2XQAAOw==); }
  #hp-search-menu #hp-search-choices {
    position: relative;
    padding: 10px 25px 20px 25px;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left top;
    background-repeat: repeat-x;
    overflow: hidden; }
    #hp-search-menu #hp-search-choices h2 {
      display: none; }
    #hp-search-menu #hp-search-choices li {
      cursor: pointer; }
  #hp-search-menu #hp-search-suggestions, #hp-search-menu #hp-search-recent {
    margin: 0px -25px;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 15px; }
    #hp-search-menu #hp-search-suggestions li, #hp-search-menu #hp-search-recent li {
      padding: 5px 25px;
      overflow: hidden;
      text-overflow: ellipsis; }
      #hp-search-menu #hp-search-suggestions li:hover, #hp-search-menu #hp-search-recent li:hover {
        background-color: #f3f3f3;
        color: #425563; }
      #hp-search-menu #hp-search-suggestions li.hp-selected, #hp-search-menu #hp-search-recent li.hp-selected {
        background-color: #E4FFEE;
        color: #425563; }
  #hp-search-menu #hp-search-scope {
    padding: 11px 0px;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left top;
    background-repeat: repeat-x;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #hp-search-menu #hp-search-scope input {
      display: inline-block;
      margin: 0px 3px 0px 0px; }
    #hp-search-menu #hp-search-scope label {
      display: inline-block;
      max-width: 50%;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-right: 20px; }
      #hp-search-menu #hp-search-scope label:first-child {
        margin-right: 10px; }

.hp-banner-flyout {
  position: absolute;
  top: 60px;
  width: 200px;
  right: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  color: #666666;
  z-index: 10;
  border-bottom: 5px solid #00B388;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  display: none; }
  .hp-banner-flyout.hp-active {
    display: block; }
  .hp-banner-flyout.hp-sidebarred {
    top: 0px;
    width: auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #f3f3f3;
    z-index: 0;
    border: none; }
  .hp-banner-flyout > header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    line-height: 38px;
    padding: 10px 15px;
    color: #333;
    font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
    .hp-banner-flyout > header h1 {
      font-size: 18px;
      line-height: inherit; }
    .hp-banner-flyout > header .hp-pin-right {
      position: absolute;
      top: 9px;
      right: -2px; }
      .hp-sidebarred .hp-banner-flyout > header .hp-pin-right {
        right: 20px; }

#hp-session-flyout {
  padding: 20px; }
  #hp-session-flyout #hp-session-user {
    font-weight: bold;
    color: #999999;
    word-break: break-all;
    width: 138px; }
  #hp-session-flyout #hp-session-user-edit {
    float: right;
    background-position: -276px -77px; }
  #hp-session-flyout #hp-session-duration {
    margin-top: 10px;
    color: #999999;
    margin-bottom: 5px; }
  #hp-session-flyout #hp-session-perf-location {
    color: #999999;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px; }

#hp-activity-flyout > header #hp-activity-count:before, #hp-upload-flyout > header #hp-activity-count:before {
  content: '('; }
#hp-activity-flyout > header #hp-activity-count:after, #hp-upload-flyout > header #hp-activity-count:after {
  content: ')'; }
#hp-activity-flyout .hp-flyout-contents, #hp-upload-flyout .hp-flyout-contents {
  max-height: 400px;
  overflow-y: auto; }
#hp-activity-flyout.hp-sidebarred .hp-flyout-contents, #hp-upload-flyout.hp-sidebarred .hp-flyout-contents {
  max-height: none;
  overflow: visible; }
  #hp-activity-flyout.hp-sidebarred .hp-flyout-contents .hp-activity > .hp-activity-message, #hp-upload-flyout.hp-sidebarred .hp-flyout-contents .hp-activity > .hp-activity-message {
    width: 131px; }
  #hp-activity-flyout.hp-sidebarred .hp-flyout-contents .hp-fileupload > .hp-upload-message, #hp-upload-flyout.hp-sidebarred .hp-flyout-contents .hp-fileupload > .hp-upload-message {
    width: 131px; }
#hp-activity-flyout #hp-flyout-new-activities, #hp-activity-flyout #hp-flyout-old-activities, #hp-upload-flyout #hp-flyout-new-activities, #hp-upload-flyout #hp-flyout-old-activities {
  margin: 0px; }
#hp-activity-flyout li.hp-activity, #hp-activity-flyout li.hp-fileupload, #hp-upload-flyout li.hp-activity, #hp-upload-flyout li.hp-fileupload {
  color: #000;
  height: 45px;
  line-height: 14px;
  cursor: pointer;
  -webkit-transition: background-color 8s;
  -moz-transition: background-color 8s;
  transition: background-color 8s; }
  #hp-activity-flyout li.hp-activity:hover .hp-brief, #hp-activity-flyout li.hp-fileupload:hover .hp-brief, #hp-upload-flyout li.hp-activity:hover .hp-brief, #hp-upload-flyout li.hp-fileupload:hover .hp-brief {
    background-color: white; }
  #hp-activity-flyout li.hp-activity.hp-selected div.hp-brief, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief {
    background-color: #E4FFEE;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    left: -1px;
    padding: 6px 14px 6px 16px;
    width: 201px;
    z-index: 50; }
    #hp-activity-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > * {
      opacity: 0.2; }
  #hp-activity-flyout li.hp-activity.hp-selected div.hp-full, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-full {
    opacity: 1;
    right: 200px;
    width: 300px; }
  #hp-activity-flyout li.hp-activity.hp-new, #hp-activity-flyout li.hp-fileupload.hp-new, #hp-upload-flyout li.hp-activity.hp-new, #hp-upload-flyout li.hp-fileupload.hp-new {
    background-color: white; }
  #hp-activity-flyout li.hp-activity div.hp-brief, #hp-activity-flyout li.hp-fileupload div.hp-brief, #hp-upload-flyout li.hp-activity div.hp-brief, #hp-upload-flyout li.hp-fileupload div.hp-brief {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 15px;
    background-color: transparent;
    min-height: 45px; }
    #hp-activity-flyout li.hp-activity div.hp-brief > .hp-status, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-status, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-status, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-status {
      float: left;
      margin-top: 1px;
      margin-right: 5px;
      margin-bottom: 14px; }
    #hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-source, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-source, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-source, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-source {
      display: block;
      margin-bottom: 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    #hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-message, #hp-activity-flyout li.hp-activity div.hp-brief .hp-upload-message, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-message, #hp-activity-flyout li.hp-fileupload div.hp-brief .hp-upload-message, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-message, #hp-upload-flyout li.hp-activity div.hp-brief .hp-upload-message, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-message, #hp-upload-flyout li.hp-fileupload div.hp-brief .hp-upload-message {
      color: #666;
      width: 121px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  #hp-activity-flyout li.hp-activity div.hp-full, #hp-activity-flyout li.hp-fileupload div.hp-full, #hp-upload-flyout li.hp-activity div.hp-full, #hp-upload-flyout li.hp-fileupload div.hp-full {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    max-height: 70%;
    overflow: auto;
    padding: 7px 20px 7px 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 5px solid #00B388;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background-color: #f3f3f3;
    color: #000;
    opacity: 0;
    z-index: -50;
    line-height: normal;
    -webkit-transition: right 0.2s;
    -moz-transition: right 0.2s;
    transition: right 0.2s; }
    #hp-activity-flyout li.hp-activity div.hp-full header, #hp-activity-flyout li.hp-fileupload div.hp-full header, #hp-upload-flyout li.hp-activity div.hp-full header, #hp-upload-flyout li.hp-fileupload div.hp-full header {
      margin-bottom: 10px; }
      #hp-activity-flyout li.hp-activity div.hp-full header > *, #hp-activity-flyout li.hp-fileupload div.hp-full header > *, #hp-upload-flyout li.hp-activity div.hp-full header > *, #hp-upload-flyout li.hp-fileupload div.hp-full header > * {
        display: inline-block;
        vertical-align: baseline;
        white-space: normal;
        color: #333; }
      #hp-activity-flyout li.hp-activity div.hp-full header > .hp-status, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-status, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-status, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-status {
        position: absolute;
        top: 10px;
        left: 10px; }
      #hp-activity-flyout li.hp-activity div.hp-full header > .hp-timestamp, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-timestamp, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-timestamp, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-timestamp {
        color: #666;
        margin-right: 4px; }
      #hp-activity-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-activity-flyout li.hp-activity div.hp-full header .hp-upload-message, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, #hp-activity-flyout li.hp-fileupload div.hp-full header .hp-upload-message, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-activity div.hp-full header .hp-upload-message, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-fileupload div.hp-full header .hp-upload-message {
        margin-right: 4px; }
    #hp-activity-flyout li.hp-activity div.hp-full > .hp-contents, #hp-activity-flyout li.hp-fileupload div.hp-full > .hp-contents, #hp-upload-flyout li.hp-activity div.hp-full > .hp-contents, #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents {
      margin-top: 10px; }
      #hp-activity-flyout li.hp-activity div.hp-full > .hp-contents > .hp-actions, #hp-activity-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-actions, #hp-upload-flyout li.hp-activity div.hp-full > .hp-contents > .hp-actions, #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-actions {
        margin-bottom: 10px; }
    #hp-activity-flyout li.hp-activity div.hp-full a, #hp-activity-flyout li.hp-fileupload div.hp-full a, #hp-upload-flyout li.hp-activity div.hp-full a, #hp-upload-flyout li.hp-fileupload div.hp-full a {
      color: #007dba; }
#hp-activity-flyout footer, #hp-upload-flyout footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  padding: 10px 15px; }

#hp-upload-flyout li.hp-fileupload div.hp-full {
  word-break: break-all;
  overflow: visible; }
  #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-details {
    display: none; }
  #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-message {
    display: inline-block; }
  #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-actions {
    margin-top: 10px;
    display: block; }

#hp-flyout-uploads .hp-close {
  display: inline-block;
  position: relative;
  top: 6px;
  left: 15px; }
#hp-flyout-uploads .hp-upload-message {
  display: inline-block; }

#hp-help-flyout.hp-sidebarred .hp-flyout-contents {
  max-height: none; }
#hp-help-flyout .hp-flyout-contents {
  max-height: 400px;
  overflow-y: auto;
  padding: 0px 15px 15px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  #hp-help-flyout .hp-flyout-contents h2 {
    font-size: 16px;
    line-height: normal;
    color: #333;
    font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
  #hp-help-flyout .hp-flyout-contents .hp-help-section:first-child h2 {
    margin-top: 0px; }
  #hp-help-flyout .hp-flyout-contents li.hp-done {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAEKkJYjGdtvu1lmvQKzXn5TMhGW1TU2pMnG6W7jdraDRkv///wAAAAAAAAAAAAAAACH5BAEHAAsALAAAAAAUABQAAAQ3cMlJq7046827x8E3KYC4JECpCZRwAKE2sIsLGFyqCAZw0BpEapACbggpQEIkGBRM0Kh0Su1EAAA7);
    background-position: -4px 3px;
    background-repeat: no-repeat; }
  #hp-help-flyout .hp-flyout-contents li > a {
    display: block;
    padding: 5px 0px;
    color: #007dba; }
  #hp-help-flyout .hp-flyout-contents .hp-has-indicators li {
    padding-left: 12px;
    -webkit-transition: padding-left 0.5s;
    -moz-transition: padding-left 0.5s;
    transition: padding-left 0.5s; }