@charset "UTF-8";
/*! (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P. */
/* reset + utility */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

address {
  font-style: normal; }

strong {
  font-weight: bold; }

ol, ul {
  list-style: none;
  margin-bottom: 20px; }

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0; }

dt, dd {
  margin-bottom: 10px; }

dd {
  padding-left: 10px; }

p, ul {
  margin-bottom: 20px; }

p img {
  vertical-align: text-bottom; }

sup {
  /* IE is pretty wonky with SUP styles; define differently in IE-specific CSS if used */
  font-size: .75em;
  vertical-align: 20%; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

optgroup {
  font-style: normal; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

@-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); } }

@-webkit-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-moz-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-ms-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-o-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-webkit-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-moz-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-ms-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-o-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-webkit-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -webkit-transform: translateY(-3px); }

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

@-moz-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

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

@-ms-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

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

@-ms-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  100% {
    opacity: 1;
    -moz-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); } }

html, body, #hp-body {
  height: 100%;
  width: 100%; }
  @media print {
    html, body, #hp-body {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

body, #hp-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px;
  overflow: hidden;
  background-color: #d9d9d9;
  color: #666666; }
  @media print {
    body, #hp-body {
      font-size: 12px;
      line-height: 14px;
      overflow: visible;
      background-color: #fff;
      color: #000; } }
  html.no-js body, html.no-js #hp-body {
    background-color: #fff; }
  body > .hp-logo, #hp-body > .hp-logo {
    position: absolute;
    top: 55px;
    left: 50%;
    height: 50px;
    width: 50px;
    background-position: -260px -180px;
    margin-left: -25px; }
  body > .hp-spinner, #hp-body > .hp-spinner {
    position: absolute;
    top: 120px; }
    body > .hp-spinner .hp-spinner-image, #hp-body > .hp-spinner .hp-spinner-image {
      background-position: -320px 0px; }
  body.hp-basic-layout #hp-body-div, #hp-body.hp-basic-layout #hp-body-div {
    max-width: 960px;
    margin: 0px auto; }

#hp-body-div {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #d9d9d9;
  color: #666666;
  overflow: hidden;
  -webkit-animation-name: reset, fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0, 0.1s;
  -moz-animation-name: reset, fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0, 0.1s;
  -ms-animation-name: reset, fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-timing-function: ease-in;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0, 0.1s;
  -o-animation-name: reset, fade-in;
  -o-animation-duration: 1s;
  -o-animation-timing-function: ease-in;
  -o-animation-iteration-count: 1;
  -o-animation-delay: 0, 0.1s; }
  #hp-body-div.hp-sessioned {
    background-color: #d9d9d9;
    color: #425563; }
    html.hp-high-contrast #hp-body-div.hp-sessioned {
      color: black; }
  #hp-body-div > .hp-confidential {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 10px;
    line-height: normal;
    padding: 1px 5px;
    background-color: #d9d9d9;
    color: #666;
    z-index: 500; }
  @media print {
    #hp-body-div {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      background-color: #fff;
      color: #000; } }

/* http://css3.wikidot.com/blog:animated-page-entry-with-css3 */
@-webkit-keyframes reset {
  0% {
    opacity: 0; }

  100% {
    opacity: 0; } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }

  60% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 0; } }

@-moz-keyframes fade-in {
  0% {
    opacity: 0; }

  60% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 0; } }

@-ms-keyframes fade-in {
  0% {
    opacity: 0; }

  60% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 0; } }

@-o-keyframes fade-in {
  0% {
    opacity: 0; }

  60% {
    opacity: 0; }

  100% {
    opacity: 1; } }

html:not(.experimental) .hp-experimental {
  display: none !important; }

.hp-logo {
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -260px -140px;
  background-repeat: no-repeat;
  width: 32px;
  height: 30px; }

/* Fonts */
@font-face {
  font-family: 'HPBold';
  src: url("../../fonts/HPSimplifiedW04-Bold.eot");
  src: url("../../fonts/HPSimplifiedW04-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/HPSimplifiedW04-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'HPRegular';
  src: url("../../fonts/HPSimplifiedW04-Regular.eot");
  src: url("../../fonts/HPSimplifiedW04-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/HPSimplifiedW04-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'HPLight';
  src: url("../../fonts/HPSimplifiedW04-Light.eot");
  src: url("../../fonts/HPSimplifiedW04-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/HPSimplifiedW04-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

input,
textarea,
select,
button {
  font-family: Arial, Helvetica, sans-serif;
  /* because Webkit hijacks this */ }

a {
  color: #007dba;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: underline; }
  a.hp-disabled {
    color: inherit;
    pointer-events: none;
    cursor: default; }
    a.hp-disabled:hover {
      text-decoration: none; }

h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px; }

h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 20px 0px 10px 0px; }

h3 {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0px; }

label.hp-error, div.hp-error, p.hp-error, span.hp-error, td.hp-error, h1.hp-error, h2.hp-error, h3.hp-error, li.hp-error, th.hp-error {
  color: #ff8d6d; }
label.hp-unset, label.hp-pending, label.hp-missing, div.hp-unset, div.hp-pending, div.hp-missing, p.hp-unset, p.hp-pending, p.hp-missing, span.hp-unset, span.hp-pending, span.hp-missing, td.hp-unset, td.hp-pending, td.hp-missing, h1.hp-unset, h1.hp-pending, h1.hp-missing, h2.hp-unset, h2.hp-pending, h2.hp-missing, h3.hp-unset, h3.hp-pending, h3.hp-missing, li.hp-unset, li.hp-pending, li.hp-missing, th.hp-unset, th.hp-pending, th.hp-missing {
  color: #737373;
  font-style: italic; }
  html.hp-high-contrast label.hp-unset, html.hp-high-contrast label.hp-pending, html.hp-high-contrast label.hp-missing, html.hp-high-contrast div.hp-unset, html.hp-high-contrast div.hp-pending, html.hp-high-contrast div.hp-missing, html.hp-high-contrast p.hp-unset, html.hp-high-contrast p.hp-pending, html.hp-high-contrast p.hp-missing, html.hp-high-contrast span.hp-unset, html.hp-high-contrast span.hp-pending, html.hp-high-contrast span.hp-missing, html.hp-high-contrast td.hp-unset, html.hp-high-contrast td.hp-pending, html.hp-high-contrast td.hp-missing, html.hp-high-contrast h1.hp-unset, html.hp-high-contrast h1.hp-pending, html.hp-high-contrast h1.hp-missing, html.hp-high-contrast h2.hp-unset, html.hp-high-contrast h2.hp-pending, html.hp-high-contrast h2.hp-missing, html.hp-high-contrast h3.hp-unset, html.hp-high-contrast h3.hp-pending, html.hp-high-contrast h3.hp-missing, html.hp-high-contrast li.hp-unset, html.hp-high-contrast li.hp-pending, html.hp-high-contrast li.hp-missing, html.hp-high-contrast th.hp-unset, html.hp-high-contrast th.hp-pending, html.hp-high-contrast th.hp-missing {
    color: #425563; }
label.hp-help, label.hp-optional, label.hp-important, div.hp-help, div.hp-optional, div.hp-important, p.hp-help, p.hp-optional, p.hp-important, span.hp-help, span.hp-optional, span.hp-important, td.hp-help, td.hp-optional, td.hp-important, h1.hp-help, h1.hp-optional, h1.hp-important, h2.hp-help, h2.hp-optional, h2.hp-important, h3.hp-help, h3.hp-optional, h3.hp-important, li.hp-help, li.hp-optional, li.hp-important, th.hp-help, th.hp-optional, th.hp-important {
  color: #737373; }
  html.hp-high-contrast label.hp-help, html.hp-high-contrast label.hp-optional, html.hp-high-contrast label.hp-important, html.hp-high-contrast div.hp-help, html.hp-high-contrast div.hp-optional, html.hp-high-contrast div.hp-important, html.hp-high-contrast p.hp-help, html.hp-high-contrast p.hp-optional, html.hp-high-contrast p.hp-important, html.hp-high-contrast span.hp-help, html.hp-high-contrast span.hp-optional, html.hp-high-contrast span.hp-important, html.hp-high-contrast td.hp-help, html.hp-high-contrast td.hp-optional, html.hp-high-contrast td.hp-important, html.hp-high-contrast h1.hp-help, html.hp-high-contrast h1.hp-optional, html.hp-high-contrast h1.hp-important, html.hp-high-contrast h2.hp-help, html.hp-high-contrast h2.hp-optional, html.hp-high-contrast h2.hp-important, html.hp-high-contrast h3.hp-help, html.hp-high-contrast h3.hp-optional, html.hp-high-contrast h3.hp-important, html.hp-high-contrast li.hp-help, html.hp-high-contrast li.hp-optional, html.hp-high-contrast li.hp-important, html.hp-high-contrast th.hp-help, html.hp-high-contrast th.hp-optional, html.hp-high-contrast th.hp-important {
    color: #425563; }
label.hp-primary, div.hp-primary, p.hp-primary, span.hp-primary, td.hp-primary, h1.hp-primary, h2.hp-primary, h3.hp-primary, li.hp-primary, th.hp-primary {
  color: #000;
  font-weight: bold; }
label.hp-secondary, div.hp-secondary, p.hp-secondary, span.hp-secondary, td.hp-secondary, h1.hp-secondary, h2.hp-secondary, h3.hp-secondary, li.hp-secondary, th.hp-secondary {
  color: #737373; }
  html.hp-high-contrast label.hp-secondary, html.hp-high-contrast div.hp-secondary, html.hp-high-contrast p.hp-secondary, html.hp-high-contrast span.hp-secondary, html.hp-high-contrast td.hp-secondary, html.hp-high-contrast h1.hp-secondary, html.hp-high-contrast h2.hp-secondary, html.hp-high-contrast h3.hp-secondary, html.hp-high-contrast li.hp-secondary, html.hp-high-contrast th.hp-secondary {
    color: #425563; }
label.hp-numeric, div.hp-numeric, p.hp-numeric, span.hp-numeric, td.hp-numeric, h1.hp-numeric, h2.hp-numeric, h3.hp-numeric, li.hp-numeric, th.hp-numeric {
  text-align: right; }
label.hp-single, div.hp-single, p.hp-single, span.hp-single, td.hp-single, h1.hp-single, h2.hp-single, h3.hp-single, li.hp-single, th.hp-single {
  text-align: center; }
label.hp-dynamic, div.hp-dynamic, p.hp-dynamic, span.hp-dynamic, td.hp-dynamic, h1.hp-dynamic, h2.hp-dynamic, h3.hp-dynamic, li.hp-dynamic, th.hp-dynamic {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
  -webkit-backface-visibility: hidden; }
  .hp-show-changing label.hp-dynamic, .hp-show-changing div.hp-dynamic, .hp-show-changing p.hp-dynamic, .hp-show-changing span.hp-dynamic, .hp-show-changing td.hp-dynamic, .hp-show-changing h1.hp-dynamic, .hp-show-changing h2.hp-dynamic, .hp-show-changing h3.hp-dynamic, .hp-show-changing li.hp-dynamic, .hp-show-changing th.hp-dynamic {
    opacity: 0.2; }
label.hp-unavailable, div.hp-unavailable, p.hp-unavailable, span.hp-unavailable, td.hp-unavailable, h1.hp-unavailable, h2.hp-unavailable, h3.hp-unavailable, li.hp-unavailable, th.hp-unavailable {
  position: relative;
  min-width: 1em; }
  label.hp-unavailable:before, div.hp-unavailable:before, p.hp-unavailable:before, span.hp-unavailable:before, td.hp-unavailable:before, h1.hp-unavailable:before, h2.hp-unavailable:before, h3.hp-unavailable:before, li.hp-unavailable:before, th.hp-unavailable:before {
    position: absolute;
    content: '—'; }

label.hp-secondary, span.hp-secondary {
  margin-left: 5px; }

.hp-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.hp-text-tip {
  position: absolute;
  background-color: white;
  color: #425563;
  padding: 5px;
  margin-left: -6px;
  margin-top: -6px;
  border: 1px solid #bfbfbf;
  -webkit-box-shadow: 3px 3px 5px 0px #999999;
  -moz-box-shadow: 3px 3px 5px 0px #999999;
  box-shadow: 3px 3px 5px 0px #999999;
  z-index: 3000; }
  .hp-text-tip.hp-global {
    background-color: white;
    color: #666666;
    border: 1px solid #888;
    -webkit-box-shadow: 1px 1px 4px 2px #444444;
    -moz-box-shadow: 1px 1px 4px 2px #444444;
    box-shadow: 1px 1px 4px 2px #444444; }

div.hp-icon {
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat; }
  div.hp-icon.hp-upload, div.hp-icon #hp-main-banner div.hp-banner-control {
    width: 16px;
    height: 17px;
    background-position: -220px -180px;
    margin: 0px;
    display: block; }
    .hp-selected div.hp-icon.hp-upload, div.hp-icon.hp-upload:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-upload, .hp-selected div.hp-icon #hp-main-banner div.hp-banner-control, div.hp-icon #hp-main-banner div.hp-banner-control:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon #hp-main-banner div.hp-banner-control {
      background-position: -220px -160px; }
  div.hp-icon.hp-power {
    width: 16px;
    height: 17px;
    background-position: -120px -180px; }
    div.hp-icon.hp-power:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-power {
      background-position: -120px -160px; }
    #hp-main-banner div.hp-banner-control.hp-on div.hp-icon.hp-power, div.hp-icon.hp-power.hp-on {
      background-position: -120[x -20px0px; }
    #hp-main-banner div.hp-banner-control.hp-standby div.hp-icon.hp-power, div.hp-icon.hp-power.hp-standby {
      background-position: -120px -220px; }
  div.hp-icon.hp-uid {
    width: 14px;
    height: 16px;
    background-position: -139px -180px; }
    div.hp-icon.hp-uid:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-uid {
      background-position: -139px -160px; }
    #hp-main-banner div.hp-banner-control.hp-selected div.hp-icon.hp-uid {
      background-position: -139px -200px; }
  div.hp-icon.hp-console {
    width: 16px;
    height: 16px;
    background-position: -160px -180px; }
    div.hp-icon.hp-console:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-console {
      background-position: -160px -160px; }
  div.hp-icon.hp-disc {
    width: 16px;
    height: 16px;
    background-position: -180px -180px; }
    div.hp-icon.hp-disc:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-disc {
      background-position: -180px -160px; }

.hp-delete, .hp-close {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -160px -20px;
  background-repeat: no-repeat; }
  .hp-delete:hover, .hp-close:hover {
    background-position: -160px 0px; }

.hp-edit {
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -280px -78px;
  background-repeat: no-repeat; }

.hp-reorder {
  width: 16px;
  height: 16px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -160px -80px;
  background-repeat: no-repeat; }
  .hp-reorder:hover {
    background-position: -160px -60px; }

.hp-connect {
  width: 17px;
  height: 10px;
  background: transparent url("../../img/hp-piano/connect.png") no-repeat; }

.hp-jump {
  width: 16px;
  height: 16px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -156px -96px;
  background-repeat: no-repeat; }
  .hp-jump:hover {
    background-position: -156px -76px; }

.hp-file-upload {
  position: relative;
  width: 18px;
  height: 18px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -218px -180px;
  background-repeat: no-repeat; }
  .hp-file-upload:hover {
    background-position: -218px -160px; }

.hp-file-download {
  position: relative;
  width: 18px;
  height: 18px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -218px -220px;
  background-repeat: no-repeat; }
  .hp-file-download:hover {
    background-position: -218px -200px; }

.hp-file-folder {
  position: relative;
  width: 18px;
  height: 18px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -180px -218px;
  background-repeat: no-repeat; }
  .hp-file-folder:hover {
    background-position: -180px -198px; }

.hp-file-trash {
  position: relative;
  width: 18px;
  height: 18px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -200px -220px;
  background-repeat: no-repeat; }
  .hp-file-trash:hover {
    background-position: -200px -200px; }

.hp-connect-long {
  width: 75px;
  height: 11px;
  background: transparent url("../../img/hp-piano/connect_long.png") no-repeat; }

table td > .hp-connect, table td > .hp-connect-long {
  margin: 4px 0px; }

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("../../img/hp-piano/ui-icons_222222_256x240.png"); }

.ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_222222_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_888888_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_454545_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_2e83ff_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_cd0a0a_256x240.png"); }

input, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 7px 18px 7px 10px;
  background-color: white;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  line-height: 14px;
  color: #425563;
  outline: none;
  /*&.hp-normal, &.valid {
    border-color: $normal;
    background-image: $valid-url;
    background-position: right 0px;
    background-repeat: no-repeat;
  }*/ }
  html.hp-high-contrast input, html.hp-high-contrast textarea {
    color: black; }
  input.hp-error, input.error, textarea.hp-error, textarea.error {
    border-color: #ff8d6d;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAMIEAP+Zmf9mM8yZmcwzM////////////////yH5BAEKAAMALAAAAAAUABQAAAMgOLrc/jDKSScAtd3MNlfeF3JjVlbn9wmYmlqtKs90lQAAOw==);
    background-position: right 4px;
    background-repeat: no-repeat;
    padding-right: 18px; }
  input:focus, textarea:focus {
    border-color: #E4FFEE; }

textarea {
  background: #fff; }
  textarea.hp-code {
    font-family: monospace; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #cccccc; }
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #cccccc; }
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #cccccc; }

input[type="text"], input[type="date"] {
  height: 30px; }

input[type="radio"], input[type="checkbox"] {
  border: none;
  padding: 0px; }
  input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 1px solid #E4FFEE; }

input[type="number"] {
  text-align: right; }

input[type="search"] {
  font-size: 16px; }

input[type="button"], input[type="submit"], input[type="reset"],
button, select, a.hp-button, label.hp-button, a.ui-button {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px  13px;
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  height: 30px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 2px solid #e6e6e6;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #000;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  cursor: pointer;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  transition: background-color 0.1s; }
  input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,
  button:hover, select:hover, a.hp-button:hover, label.hp-button:hover, a.ui-button:hover {
    border-color: #999;
    text-decoration: none; }
  input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active,
  button:active, select:active, a.hp-button:active, label.hp-button:active, a.ui-button:active {
    background-color: #e6e6e6;
    border-color: #999; }
  input[type="button"].hp-disabled, input[type="submit"].hp-disabled, input[type="reset"].hp-disabled,
  button.hp-disabled, select.hp-disabled, a.hp-button.hp-disabled, label.hp-button.hp-disabled, a.ui-button.hp-disabled {
    background-color: #425563;
    border-color: #425563;
    color: #737373;
    cursor: default; }
  input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
  button:disabled, select:disabled, a.hp-button:disabled, label.hp-button:disabled, a.ui-button:disabled {
    background-color: #425563;
    border-color: #425563;
    color: #737373; }
  input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled],
  button[disabled], select[disabled], a.hp-button[disabled], label.hp-button[disabled], a.ui-button[disabled] {
    background-color: #425563;
    border-color: #425563;
    color: #737373; }
  input[type="button"].hp-primary, input[type="button"].ui-datepicker-close, input[type="submit"].hp-primary, input[type="submit"].ui-datepicker-close, input[type="reset"].hp-primary, input[type="reset"].ui-datepicker-close,
  button.hp-primary,
  button.ui-datepicker-close, select.hp-primary, select.ui-datepicker-close, a.hp-button.hp-primary, a.hp-button.ui-datepicker-close, label.hp-button.hp-primary, label.hp-button.ui-datepicker-close, a.ui-button.hp-primary, a.ui-button.ui-datepicker-close {
    background-color: #00B388;
    border-color: #00B388;
    color: #fff;
    font-family: 'HPBold', Arial, Helvetica, sans-serif; }
    input[type="button"].hp-primary:hover, input[type="button"].ui-datepicker-close:hover, input[type="submit"].hp-primary:hover, input[type="submit"].ui-datepicker-close:hover, input[type="reset"].hp-primary:hover, input[type="reset"].ui-datepicker-close:hover,
    button.hp-primary:hover,
    button.ui-datepicker-close:hover, select.hp-primary:hover, select.ui-datepicker-close:hover, a.hp-button.hp-primary:hover, a.hp-button.ui-datepicker-close:hover, label.hp-button.hp-primary:hover, label.hp-button.ui-datepicker-close:hover, a.ui-button.hp-primary:hover, a.ui-button.ui-datepicker-close:hover {
      border-color: #666; }
    input[type="button"].hp-primary:active, input[type="button"].ui-datepicker-close:active, input[type="submit"].hp-primary:active, input[type="submit"].ui-datepicker-close:active, input[type="reset"].hp-primary:active, input[type="reset"].ui-datepicker-close:active,
    button.hp-primary:active,
    button.ui-datepicker-close:active, select.hp-primary:active, select.ui-datepicker-close:active, a.hp-button.hp-primary:active, a.hp-button.ui-datepicker-close:active, label.hp-button.hp-primary:active, label.hp-button.ui-datepicker-close:active, a.ui-button.hp-primary:active, a.ui-button.ui-datepicker-close:active {
      background-color: #00B388;
      border-color: #333; }
    input[type="button"].hp-primary.hp-disabled, input[type="button"].ui-datepicker-close.hp-disabled, input[type="submit"].hp-primary.hp-disabled, input[type="submit"].ui-datepicker-close.hp-disabled, input[type="reset"].hp-primary.hp-disabled, input[type="reset"].ui-datepicker-close.hp-disabled,
    button.hp-primary.hp-disabled,
    button.ui-datepicker-close.hp-disabled, select.hp-primary.hp-disabled, select.ui-datepicker-close.hp-disabled, a.hp-button.hp-primary.hp-disabled, a.hp-button.ui-datepicker-close.hp-disabled, label.hp-button.hp-primary.hp-disabled, label.hp-button.ui-datepicker-close.hp-disabled, a.ui-button.hp-primary.hp-disabled, a.ui-button.ui-datepicker-close.hp-disabled {
      background-color: #425563;
      border-color: #425563;
      color: #737373; }
    input[type="button"].hp-primary:disabled, input[type="button"].ui-datepicker-close:disabled, input[type="submit"].hp-primary:disabled, input[type="submit"].ui-datepicker-close:disabled, input[type="reset"].hp-primary:disabled, input[type="reset"].ui-datepicker-close:disabled,
    button.hp-primary:disabled,
    button.ui-datepicker-close:disabled, select.hp-primary:disabled, select.ui-datepicker-close:disabled, a.hp-button.hp-primary:disabled, a.hp-button.ui-datepicker-close:disabled, label.hp-button.hp-primary:disabled, label.hp-button.ui-datepicker-close:disabled, a.ui-button.hp-primary:disabled, a.ui-button.ui-datepicker-close:disabled {
      background-color: #425563;
      border-color: #425563;
      color: #737373; }
    input[type="button"].hp-primary[disabled], input[type="button"].ui-datepicker-close[disabled], input[type="submit"].hp-primary[disabled], input[type="submit"].ui-datepicker-close[disabled], input[type="reset"].hp-primary[disabled], input[type="reset"].ui-datepicker-close[disabled],
    button.hp-primary[disabled],
    button.ui-datepicker-close[disabled], select.hp-primary[disabled], select.ui-datepicker-close[disabled], a.hp-button.hp-primary[disabled], a.hp-button.ui-datepicker-close[disabled], label.hp-button.hp-primary[disabled], label.hp-button.ui-datepicker-close[disabled], a.ui-button.hp-primary[disabled], a.ui-button.ui-datepicker-close[disabled] {
      background-color: #425563;
      border-color: #425563;
      color: #737373; }
  input[type="button"].hp-secondary, input[type="submit"].hp-secondary, input[type="reset"].hp-secondary,
  button.hp-secondary, select.hp-secondary, a.hp-button.hp-secondary, label.hp-button.hp-secondary, a.ui-button.hp-secondary {
    color: #007dba;
    border: 2px solid #E4FFEB;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #E4FFEB; }
    input[type="button"].hp-secondary:hover, input[type="submit"].hp-secondary:hover, input[type="reset"].hp-secondary:hover,
    button.hp-secondary:hover, select.hp-secondary:hover, a.hp-button.hp-secondary:hover, label.hp-button.hp-secondary:hover, a.ui-button.hp-secondary:hover {
      border-color: #666; }
    input[type="button"].hp-secondary:active, input[type="submit"].hp-secondary:active, input[type="reset"].hp-secondary:active,
    button.hp-secondary:active, select.hp-secondary:active, a.hp-button.hp-secondary:active, label.hp-button.hp-secondary:active, a.ui-button.hp-secondary:active {
      background-color: #e6e6e6;
      border-color: #333; }
    input[type="button"].hp-secondary.hp-disabled, input[type="submit"].hp-secondary.hp-disabled, input[type="reset"].hp-secondary.hp-disabled,
    button.hp-secondary.hp-disabled, select.hp-secondary.hp-disabled, a.hp-button.hp-secondary.hp-disabled, label.hp-button.hp-secondary.hp-disabled, a.ui-button.hp-secondary.hp-disabled {
      background-color: #425563;
      border-color: #425563;
      color: #737373; }
    input[type="button"].hp-secondary:disabled, input[type="submit"].hp-secondary:disabled, input[type="reset"].hp-secondary:disabled,
    button.hp-secondary:disabled, select.hp-secondary:disabled, a.hp-button.hp-secondary:disabled, label.hp-button.hp-secondary:disabled, a.ui-button.hp-secondary:disabled {
      background-color: #425563;
      border-color: #425563;
      color: #737373; }
    input[type="button"].hp-secondary[disabled], input[type="submit"].hp-secondary[disabled], input[type="reset"].hp-secondary[disabled],
    button.hp-secondary[disabled], select.hp-secondary[disabled], a.hp-button.hp-secondary[disabled], label.hp-button.hp-secondary[disabled], a.ui-button.hp-secondary[disabled] {
      background-color: #425563;
      border-color: #425563;
      color: #737373; }
  input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus,
  button:focus, select:focus, a.hp-button:focus, label.hp-button:focus, a.ui-button:focus {
    border-color: #E4FFEE; }

input::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

input[disabled] {
  color: #999;
  background: #fcfcfc;
  border-color: #e2e2e2; }

.ui-buttonset {
  margin-left: 0px; }
  .ui-buttonset label.ui-button {
    margin: 2px 20px 0px 5px;
    border-radius: 0px; }
    .ui-buttonset label.ui-button.ui-state-active {
      color: #222; }
    .ui-buttonset label.ui-button.ui-corner-right {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .ui-buttonset label.ui-button.ui-corner-left {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }

.hp-collapsible > label {
  display: block;
  font-size: 16px;
  color: #737373;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 20px;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7);
  background-position: -1px;
  background-repeat: no-repeat;
  cursor: pointer; }
  html.hp-high-contrast .hp-collapsible > label {
    color: #425563; }
  .hp-collapsible > label:hover {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7);
    color: #425563; }
.hp-collapsible.hp-collapsed > label {
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);
  margin-bottom: 10px; }
  .hp-collapsible.hp-collapsed > label:hover {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM3JycszMzExMTLKyspmZmWZmZuXl5X9/f////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827TwPxTQBgCGNZIoenqkW7verA0UB8q4G8n6PQaEgsGo/HCAA7); }
.hp-collapsible.hp-collapsed > div, .hp-collapsible.hp-collapsed > ol, .hp-collapsible.hp-collapsed > table {
  height: 0px;
  overflow: hidden; }
.hp-collapsible > .hp-collapsible > * {
  padding-left: 20px;
  margin-left: 15px; }
.hp-collapsible > .hp-collapsible > label {
  font-size: 14px; }

.hp-collapser {
  width: 18px;
  height: 18px;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);
  background-position: -1px;
  background-repeat: no-repeat;
  cursor: pointer; }
  .hp-collapser:hover {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM3JycszMzExMTLKyspmZmWZmZuXl5X9/f////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827TwPxTQBgCGNZIoenqkW7verA0UB8q4G8n6PQaEgsGo/HCAA7); }
  .hp-collapser.hp-active {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7); }
    .hp-collapser.hp-active:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7); }

.hp-collapsible {
  margin-bottom: 20px; }
  .hp-collapsible.hp-collapsed {
    margin-bottom: 0px; }

#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-banner {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  z-index: 300;
  background-color: #425563;
  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 .hp-banner-control, #hp-simple-banner .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 .hp-banner-control.hp-full, #hp-simple-banner .hp-banner-control.hp-full {
    width: auto; }
  #hp-main-banner .hp-banner-control:hover, #hp-simple-banner .hp-banner-control:hover {
    background-color: white; }
    #hp-main-banner .hp-banner-control:hover:after, #hp-simple-banner .hp-banner-control:hover:after {
      content: '';
      display: none; }
  #hp-main-banner .hp-banner-control.hp-selected, #hp-simple-banner .hp-banner-control.hp-selected {
    z-index: 20; }
  #hp-main-banner .hp-banner-control:after, #hp-simple-banner .hp-banner-control:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0px;
    height: 30px;
    width: 1px;
    background-color: #cccccc; }
  #hp-main-banner .hp-banner-control .hp-icon, #hp-simple-banner .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 .hp-banner-control, #hp-simple-banner .hp-banner-control {
      display: none; } }
#hp-main-banner ol.hp-header-secondary, #hp-simple-banner ol.hp-header-secondary {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  background-color: #425563;
  z-index: 55;
  white-space: nowrap;
  font-size: 0px; }
  #hp-main-banner ol.hp-header-secondary > li, #hp-simple-banner ol.hp-header-secondary > li {
    display: inline-block;
    font-size: 13px;
    vertical-align: top; }
  #hp-main-banner ol.hp-header-secondary #hp-help-control .hp-icon, #hp-simple-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, #hp-simple-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-simple-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, #hp-simple-banner ol.hp-header-secondary {
      height: auto;
      width: auto; } }

#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: #425563; }
    #hp-main-banner .hp-header-primary > * {
      vertical-align: top; }
    #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-main-menu-control, #hp-main-banner #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-main-menu-control:hover, #hp-main-banner #hp-search-control:hover {
      background-color: white;
      color: black; }
    #hp-main-banner #hp-main-menu-control.hp-selected, #hp-main-banner #hp-search-control.hp-selected {
      z-index: 90; }
    #hp-main-banner #hp-main-menu-control.hp-disabled:hover, #hp-main-banner #hp-search-control.hp-disabled:hover {
      background-color: inherit;
      color: #666666; }
  #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-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 #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  text-align: left;
  line-height: normal;
  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: #425563;
    z-index: 400;
    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-main-banner #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;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #hp-main-banner #hp-main-menu-control:hover {
    border-right: 1px solid #cccccc; }
    #hp-main-banner #hp-main-menu-control:hover:after {
      content: '';
      display: none; }
    #hp-main-banner #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-main-menu-control.hp-active:hover {
    border-bottom: 5px solid #00B388;
    height: 65px; }
  #hp-main-banner #hp-main-menu-control.hp-selected:hover {
    border-bottom: none;
    height: 60px; }
  #hp-main-banner #hp-main-menu-control:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 0px;
    height: 30px;
    width: 1px;
    background-color: #cccccc; }
  #hp-main-banner #hp-main-menu-control.hp-disabled {
    cursor: default; }
    #hp-main-banner #hp-main-menu-control.hp-disabled:after {
      content: '';
      display: none; }
    #hp-main-banner #hp-main-menu-control.hp-disabled .hp-main-menu-carret {
      display: none; }
    #hp-main-banner #hp-main-menu-control.hp-disabled:hover {
      border: none; }
  body.hp-basic-layout #hp-main-banner #hp-main-menu-control {
    padding: 10px 30px 10px 30px; }
  #hp-main-banner #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-main-menu-control #hp-logo {
      top: 3px;
      width: 36px;
      height: 36px;
      background-position: -260px -240px; }
  #hp-main-banner #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-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-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-main-menu-control #hp-main-menu-sub-label {
    font-size: 12px;
    margin: 0px;
    color: #737373;
    text-align: right; }
  #hp-main-banner #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-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 #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  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-main-banner #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-search-control:hover {
    background-color: white;
    color: #666666;
    background-position: -380px -59px; }
  #hp-main-banner #hp-search-control.hp-selected {
    color: #666666;
    background-position: -380px -59px; }
  #hp-main-banner #hp-search-control span.hp-property {
    font-family: 'HPLight', Arial, Helvetica, sans-serif; }

#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: 2px solid #00B388;
  /*#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 0px 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: #425563;
        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-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: #425563;
  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: 25px;
    left: 25px;
    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; } }

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

  30% {
    left: 25px; }

  50% {
    left: 15px; }

  70% {
    left: 25px; }

  90% {
    left: 27px; }

  100% {
    left: 25px; } }

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

  30% {
    left: 25px; }

  50% {
    left: 15px; }

  70% {
    left: 25px; }

  90% {
    left: 27px; }

  100% {
    left: 25px; } }

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

  30% {
    left: 25px; }

  50% {
    left: 15px; }

  70% {
    left: 25px; }

  90% {
    left: 27px; }

  100% {
    left: 25px; } }

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

  30% {
    left: 25px; }

  50% {
    left: 15px; }

  70% {
    left: 25px; }

  90% {
    left: 27px; }

  100% {
    left: 25px; } }

#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-x: hidden;
  overflow-y: auto; }
  #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: 15px;
  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 {
    z-index: 50;
    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-right: 5px;
      margin-bottom: 14px; }
    #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 {
      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 p, #hp-activity-flyout li.hp-activity div.hp-brief > .hp-upload-message p, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-message p, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-upload-message p, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-message p, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-upload-message p, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-message p, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-upload-message p {
        margin: 0px; }
    #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 {
      color: #666;
      width: 121px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      #hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-source p, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-source p, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-source p, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-source p {
        margin: 0px; }
  #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 #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    background-color: #425563;
    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: 9px;
        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 {
        display: block;
        color: #666;
        margin-right: 4px;
        margin-top: 5px; }
      #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 header > .hp-activity-message p, #hp-activity-flyout li.hp-activity div.hp-full header .hp-upload-message p, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-activity-message p, #hp-activity-flyout li.hp-fileupload div.hp-full header .hp-upload-message p, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-activity-message p, #hp-upload-flyout li.hp-activity div.hp-full header .hp-upload-message p, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-activity-message p, #hp-upload-flyout li.hp-fileupload div.hp-full header .hp-upload-message p {
          margin-bottom: 0px; }
    #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: 4px; }
#hp-flyout-uploads .hp-upload-message {
  display: inline-block; }

#hp-page-container {
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  overflow: hidden;
  -webkit-transition: top 0.5s, bottom 0.5s, right 0.5s;
  -moz-transition: top 0.5s, bottom 0.5s, right 0.5s;
  transition: top 0.5s, bottom 0.5s, right 0.5s;
  /*#hp-body-div.hp-sidebar-open.hp-sessioned & {
    right: $sidebar-width + $body-gutter;
    overflow-x: visible;
  }*/ }
  body.hp-basic-layout #hp-page-container {
    background-color: #fff; }
  #hp-page-container .hp-spinner img {
    margin-top: 100px; }
  #hp-page-container #hp-unsupported-browser {
    width: 100%;
    height: 100%;
    background-color: white;
    color: #737373;
    text-align: center; }
    #hp-page-container #hp-unsupported-browser p {
      font-style: italic;
      text-align: left;
      width: 400px;
      font-size: 15px;
      line-height: normal;
      margin: 0px auto;
      padding: 40px 0px; }
  @media print {
    #hp-page-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

div.hp-page {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  margin: 0px;
  overflow: hidden; }
  @media print {
    div.hp-page {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }
  div.hp-page.hp-text-page .hp-page-contents {
    padding: 20px; }
  div.hp-page.hp-empty {
    background-color: #425563; }
  div.hp-page .hp-page-contents {
    position: absolute;
    top: 50px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden; }

div.hp-full-page, div.hp-full-content {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  width: auto;
  overflow: auto; }
  div.hp-full-page > .hp-prompt, div.hp-full-content > .hp-prompt {
    max-width: 400px;
    margin: 60px auto;
    color: #737373;
    font-size: 16px;
    line-height: normal;
    font-style: italic;
    text-align: center; }

.hp-page-contents {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  @media print {
    .hp-page-contents {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-body-div.hp-restapi {
  color: #425563; }

.hp-header-secondary, #hp-sidebar {
  display: none; }

#hp-main-banner #hp-main-menu-control #hp-main-menu-sub-label {
  text-align: left;
  font-size: 16px;
  color: #425563; }

#hp-main-banner #hp-main-menu-control #hp-main-menu-labels {
  top: 1px; }

a:hover {
  text-decoration: none;
  cursor: pointer; }

h3 {
  font-weight: bold;
  margin-top: 0px; }

h3, h4 {
  font-family: 'HPRegular', Arial, Helvetica, sans-serif; }

#hp-doc-index {
  position: absolute;
  top: 0px;
  bottom: 0px;
  font-size: 14px;
  background-color: white;
  border-right: 5px solid #d9d9d9;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  padding: 20px 15px;
  overflow: auto;
  max-width: 180px; }
  #hp-doc-index .hp-section {
    overflow: visible;
    margin-bottom: 30px; }
    #hp-doc-index .hp-section h3 {
      color: #737373;
      font-weight: bold;
      font-size: 12px;
      text-transform: uppercase;
      display: block;
      margin-bottom: 10px; }
    #hp-doc-index .hp-section ol {
      margin-bottom: 0px; }
      #hp-doc-index .hp-section ol li {
        padding-left: 10px;
        line-height: 30px;
        cursor: pointer;
        color: #425563; }
        #hp-doc-index .hp-section ol li:hover {
          text-decoration: none;
          color: #007dba;
          background-color: #e6e6e6; }
        #hp-doc-index .hp-section ol li.hp-selected {
          background-color: #E4FFEE;
          font-weight: bold; }
        #hp-doc-index .hp-section ol li a {
          color: #000;
          display: block; }

#hp-doc-content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 215px;
  right: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 200px;
  padding: 25px 30px 15px 30px;
  overflow: auto;
  background-color: white;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s; }
  #hp-doc-content h1 {
    margin: 0px;
    padding-left: 0px;
    padding-right: 10px;
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
    font-family: 'HPBold', Arial, Helvetica, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis; }
  #hp-doc-content h2 {
    margin: 30px -4px 0px 0px;
    padding: 0px;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    font-family: 'HPBold', Arial, Helvetica, sans-serif; }
  #hp-doc-content p {
    margin-top: 15px;
    max-width: 600px; }
  #hp-doc-content pre {
    margin-top: 20px;
    padding: 25px 40px 25px 25px;
    background-color: #F1F1F1;
    display: inline-block;
    min-width: 600px; }
  #hp-doc-content .hp-api-method {
    padding-right: 10px;
    white-space: normal;
    width: 80px;
    text-transform: uppercase; }
  #hp-doc-content h4 {
    margin-top: 30px; }
    #hp-doc-content h4 span {
      color: #808080; }
    #hp-doc-content h4.hp-request-details {
      max-width: 600px;
      padding-top: 15px;
      border-top: 1px solid #ccc;
      margin-top: 15px; }
    #hp-doc-content h4 span:last-child {
      color: #000; }
  #hp-doc-content .hp-api-specification h2 > * {
    display: inline-block;
    color: #007DBA; }
  #hp-doc-content .hp-api-specification > div div.hp-description p:first-child {
    margin-top: 0px; }
  #hp-doc-content .hp-api-specification.hp-collapsible > h2:first-child, #hp-doc-content .hp-api-specification.hp-collapsible > h3:first-child {
    display: block;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7);
    background-position: -5px;
    background-repeat: no-repeat;
    cursor: pointer; }
    #hp-doc-content .hp-api-specification.hp-collapsible > h2:first-child:hover, #hp-doc-content .hp-api-specification.hp-collapsible > h3:first-child:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7);
      color: #425563; }
  #hp-doc-content .hp-api-specification.hp-collapsible > h3:first-child {
    margin-bottom: 20px; }
  #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h2:first-child, #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h3:first-child {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);
    margin-bottom: 10px; }
    #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h2:first-child:hover, #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h3:first-child:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM3JycszMzExMTLKyspmZmWZmZuXl5X9/f////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827TwPxTQBgCGNZIoenqkW7verA0UB8q4G8n6PQaEgsGo/HCAA7); }
  #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > div {
    height: auto;
    max-height: 60px; }
    #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > div > * {
      display: none; }
    #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > div > div.hp-description {
      display: block; }
  #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed.hp-truncated-description > div {
    height: 60px;
    max-height: none; }
    #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed.hp-truncated-description > div div.hp-description {
      position: relative;
      height: 50px;
      margin-bottom: 10px; }
      #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed.hp-truncated-description > div div.hp-description:after {
        position: absolute;
        display: block;
        content: "...";
        font-weight: bold;
        bottom: -10px;
        left: 0px;
        right: 0px;
        background-color: #fff; }
  #hp-doc-content .hp-api-specification.hp-collapsible > div {
    padding-left: 20px; }
  #hp-doc-content dl {
    margin: 10px 0px 0px 0px;
    max-width: 600px; }
    #hp-doc-content dl dt {
      color: #7F7F7F;
      display: inline-block;
      vertical-align: top;
      width: 180px;
      float: left; }
    #hp-doc-content dl dd {
      margin-left: 180px;
      padding-left: 0px; }
      #hp-doc-content dl dd span {
        color: #00B388; }
  #hp-doc-content .hp-api-nesting h2 {
    color: #737373; }
    #hp-doc-content .hp-api-nesting h2 span.hp-api-nesting-last {
      color: #333; }
  #hp-doc-content .hp-restapi-search-results {
    max-width: 600px;
    margin-top: 30px; }
    #hp-doc-content .hp-restapi-search-results li div {
      margin-bottom: 10px; }
      #hp-doc-content .hp-restapi-search-results li div > * {
        display: inline-block;
        vertical-align: top;
        padding-right: 10px; }
    #hp-doc-content .hp-restapi-search-results li p {
      margin-top: 0px; }
    #hp-doc-content .hp-restapi-search-results li h3 {
      width: 150px;
      font-family: Arial,Helvetica,sans-serif; }
    #hp-doc-content .hp-restapi-search-results h4 {
      color: #999;
      margin-top: 0px;
      width: 140px; }
    #hp-doc-content .hp-restapi-search-results a {
      width: 200px; }
  #hp-doc-content > :last-child {
    margin-bottom: 20px; }
