@charset "UTF-8";
/* (C) Copyright 2011-2013 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011 Hewlett-Packard Development 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; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development 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); } }

/* (C) Copyright 2011-2013 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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); } }

/* 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; }

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

/* base typography, colors, & utility classes */
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: #333333; }
    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; }

.experimental .hp-master-details .hp-details-pane .hp-details-header
.hp-details-title-controls .hp-map-control {
  display: inline-block; }

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

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 {
  color: #dc442f; }
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 {
  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 {
    color: #333333; }
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 {
  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 {
    color: #333333; }
label.hp-primary, div.hp-primary, p.hp-primary, span.hp-primary, td.hp-primary, h1.hp-primary, h2.hp-primary, h3.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 {
  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 {
    color: #333333; }
label.hp-numeric, div.hp-numeric, p.hp-numeric, span.hp-numeric, td.hp-numeric, h1.hp-numeric, h2.hp-numeric, h3.hp-numeric {
  text-align: right; }
label.hp-dynamic, div.hp-dynamic, p.hp-dynamic, span.hp-dynamic, td.hp-dynamic, h1.hp-dynamic, h2.hp-dynamic, h3.hp-dynamic {
  opacity: 1.0;
  -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 {
    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 {
  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 {
    position: absolute;
    content: '—'; }

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

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: #333333;
  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: #dc442f;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAP+Zmf9mM8yZmcwzM////wAAAAAAAAAAACH5BAEHAAQALAAAAAAUABQAAAMjSLrc/jDKSecYtQWc1wjdsoXKRRIj+Z3peQrAuZKta984kwAAOw==);
    background-position: right 4px;
    background-repeat: no-repeat;
    padding-right: 18px; }
  input:focus, textarea:focus {
    border-color: #d6eef8; }

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[type="text"], input[type="date"] {
  height: 30px; }

input[type="radio"], input[type="checkbox"] {
  border: none;
  padding: 0px; }

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: #f3f3f3;
    border-color: #f3f3f3;
    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: #f3f3f3;
    border-color: #f3f3f3;
    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: #0096d6;
    border-color: #0096d6;
    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: #0096d6;
      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: #f3f3f3;
      border-color: #f3f3f3;
      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: #f3f3f3;
      border-color: #f3f3f3;
      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 #BFE5F5;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #BFE5F5; }
    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: #f3f3f3;
      border-color: #f3f3f3;
      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: #f3f3f3;
      border-color: #f3f3f3;
      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: #d6eef8; }

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

select {
  padding-right: 23px;
  background: url("../../img/hp-piano/down-arrow-select.png") no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee)); }

option {
  padding: 7px 10px;
  border-top: 1px solid #d9d9d9;
  -webkit-appearance: none; }
  option:hover {
    cursor: pointer; }

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

.hp-text-tip {
  position: absolute;
  background-color: white;
  color: #333333;
  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; }

.hp-template {
  display: none; }

.hp-collapsible > label {
  display: block;
  font-size: 16px;
  color: #737373;
  margin-top: 10px;
  margin-bottom: 10px;
  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: #333333; }
  .hp-collapsible > label:hover {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7);
    color: #333333; }
.hp-collapsible.hp-collapsed > label {
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7); }
  .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-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-dropper {
  width: 12px;
  height: 6px;
  background-image: url("../../img/hp-piano/down-arrow.png");
  background-repeat: no-repeat;
  background-position: center; }
  .hp-dropper:hover {
    background-image: url("../../img/hp-piano/down-arrow-hover.png"); }

.hp-selected .hp-dropper {
  background-image: url("../../img/hp-piano/collapse-open-select.png"); }
.hp-selected .hp-simple-select:hover .hp-dropper {
  background-image: url("../../img/hp-piano/collapse-open-select-over.png"); }

.hp-comments-summary {
  position: relative;
  width: 19px;
  height: 15px;
  margin-top: 3px;
  background-image: url("../../img/hp-piano/comment.png");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer; }
  .hp-comments-summary.hp-empty {
    opacity: 0.4; }
  .hp-comments-summary span {
    display: block;
    position: absolute;
    right: 0px;
    top: 4px;
    border-radius: 10px;
    background-color: rgba(128, 128, 128, 0.9);
    border: 1px solid #999;
    color: #fff;
    font-size: 8px;
    line-height: 8px;
    padding: 1px 3px; }

.hp-selected .hp-comments-summary {
  background-image: url("../../img/hp-piano/comment-select.png"); }
  .hp-selected .hp-comments-summary span {
    color: #333;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #eee; }
  .hp-selected .hp-comments-summary:hover {
    background-image: url("../../img/hp-piano/comment-select-over.png");
    border-bottom: 1px solid #fff; }
    .hp-selected .hp-comments-summary:hover span {
      background-color: #fff; }

.hp-timestamp {
  color: #737373;
  white-space: nowrap; }
  html.hp-high-contrast .hp-timestamp {
    color: #333333; }

.hp-select, .hp-drop-menu {
  position: relative;
  white-space: nowrap; }
  .hp-select:focus, .hp-drop-menu:focus {
    outline: none; }
  .hp-select .hp-options, .hp-drop-menu .hp-options {
    display: none;
    min-width: 100%;
    overflow: hidden;
    margin-bottom: 0px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box; }
    .hp-select .hp-options ol, .hp-drop-menu .hp-options ol {
      min-width: 100%;
      overflow: hidden;
      margin-bottom: 0px; }
    .hp-select .hp-options li, .hp-drop-menu .hp-options li {
      display: block;
      color: #333333;
      height: 30px;
      line-height: 30px;
      padding-left: 10px;
      padding-right: 10px;
      white-space: nowrap;
      cursor: pointer; }
      html.hp-high-contrast .hp-select .hp-options li, html.hp-high-contrast .hp-drop-menu .hp-options li {
        color: black; }
      .hp-select .hp-options li:hover, .hp-select .hp-options li.hp-active, .hp-drop-menu .hp-options li:hover, .hp-drop-menu .hp-options li.hp-active {
        background-color: #e6e6e6;
        text-decoration: none; }
      .hp-select .hp-options li.hp-selected, .hp-drop-menu .hp-options li.hp-selected {
        background-color: #d6eef8;
        font-weight: bold; }
      .hp-select .hp-options li.hp-sub-options, .hp-drop-menu .hp-options li.hp-sub-options {
        height: auto;
        padding: 0px; }
        .hp-select .hp-options li.hp-sub-options:hover, .hp-drop-menu .hp-options li.hp-sub-options:hover {
          background: none; }
        .hp-select .hp-options li.hp-sub-options .hp-prefix, .hp-drop-menu .hp-options li.hp-sub-options .hp-prefix {
          visibility: hidden;
          padding-right: 5px;
          font-weight: normal; }
        .hp-select .hp-options li.hp-sub-options ol li:first-child .hp-prefix, .hp-drop-menu .hp-options li.hp-sub-options ol li:first-child .hp-prefix {
          visibility: visible; }
        .hp-select .hp-options li.hp-sub-options ol li:hover .hp-prefix, .hp-drop-menu .hp-options li.hp-sub-options ol li:hover .hp-prefix {
          visibility: visible;
          color: #737373; }
      .hp-select .hp-options li a, .hp-drop-menu .hp-options li a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none; }
      .hp-select .hp-options li .hp-status, .hp-drop-menu .hp-options li .hp-status {
        float: left;
        margin-top: 10px; }
    .hp-select .hp-options > a, .hp-drop-menu .hp-options > a {
      display: block;
      color: #333333;
      height: 30px;
      padding-left: 10px;
      padding-right: 10px;
      border-top: 1px solid #d9d9d9;
      white-space: nowrap;
      cursor: pointer; }
      html.hp-high-contrast .hp-select .hp-options > a, html.hp-high-contrast .hp-drop-menu .hp-options > a {
        color: black; }
  .hp-select.hp-active .hp-options, .hp-drop-menu.hp-active .hp-options {
    display: block;
    position: absolute;
    top: -1px;
    padding-top: 30px;
    background-color: white;
    border-bottom: 5px solid #0096d6;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    z-index: 200; }
  .hp-select.hp-select-multi li.hp-selected:hover, .hp-drop-menu.hp-select-multi li.hp-selected:hover {
    background-color: #e6e6e6; }
  .hp-select.hp-pinned, .hp-drop-menu.hp-pinned {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin: 10px 0px 20px 10px; }
    .hp-select.hp-pinned > label, .hp-drop-menu.hp-pinned > label {
      position: relative;
      display: block;
      color: #737373;
      margin: 5px 0px;
      padding: 0px; }
      html.hp-high-contrast .hp-select.hp-pinned > label, html.hp-high-contrast .hp-drop-menu.hp-pinned > label {
        color: #333333; }
      .hp-select.hp-pinned > label:after, .hp-drop-menu.hp-pinned > label:after {
        content: ':'; }
    .hp-select.hp-pinned .hp-options, .hp-drop-menu.hp-pinned .hp-options {
      position: relative;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none;
      border: none;
      background-color: transparent;
      padding-top: 0px; }
  .hp-select ol, .hp-drop-menu ol {
    border-bottom: 1px solid #d9d9d9; }
    .hp-select ol:last-of-type, .hp-drop-menu ol:last-of-type {
      border: none;
      margin-bottom: 0px;
      padding-bottom: 0px; }

.hp-select > label {
  position: relative;
  display: none;
  padding: 0px 10px; }
.hp-select .hp-value {
  position: relative;
  display: block;
  padding-left: 10px;
  border: 1px solid transparent;
  cursor: pointer; }
  .hp-select .hp-value:after {
    display: inline-block;
    content: '';
    width: 20px;
    height: 12px;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
    background-position: right -2px;
    background-repeat: no-repeat; }
    @media print {
      .hp-select .hp-value:after {
        display: none; } }
  .hp-select .hp-value:hover:after {
    content: '';
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BGCMZkCMRGAGRyAqlmAECQBHS5DfRBDx4EDYAAFQCFkHLJbDqfmQgAOw==); }
    .hp-global .hp-select .hp-value:hover:after {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUAIAAAP///////yH5BAEHAAEALAAAAAAUABQAAAIajI+py+0Po5zUgYtBzFhy2oFXRZbmiaZqUgAAOw==); }
  .hp-global .hp-select .hp-value:hover {
    color: #666666; }
  .hp-master-filter .hp-select .hp-value {
    display: none; }
.hp-select:focus .hp-value {
  border: 1px solid #d6eef8; }
.hp-select.hp-sort .hp-value:after {
  content: '';
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
  background-position: right -2px; }
.hp-select.hp-sort .hp-value:hover:after {
  content: '';
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
.hp-select.hp-sort.hp-sort-desc .hp-value:after {
  content: '';
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
  background-position: right -2px; }
.hp-select.hp-sort.hp-sort-desc .hp-value:hover:after {
  content: '';
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }
.hp-select.hp-active > label {
  position: absolute;
  left: 1px;
  display: block;
  color: #737373;
  background-color: white;
  z-index: 201;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  html.hp-high-contrast .hp-select.hp-active > label {
    color: #333333; }
.hp-select.hp-active .hp-value {
  overflow: hidden; }
.hp-select.hp-pinned label {
  position: relative; }

.hp-drop-menu > label {
  position: relative;
  display: block;
  padding-left: 10px;
  border: 1px solid transparent;
  cursor: pointer; }
  .hp-drop-menu > label:after {
    display: inline-block;
    content: '';
    width: 20px;
    height: 12px;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
    background-position: right -1px;
    background-repeat: no-repeat; }
  .hp-drop-menu > label:hover:after {
    content: '';
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BGCMZkCMRGAGRyAqlmAECQBHS5DfRBDx4EDYAAFQCFkHLJbDqfmQgAOw==); }
  .hp-master-filter .hp-drop-menu > label {
    display: none; }
.hp-drop-menu:focus > label {
  border-color: #d6eef8; }
.hp-drop-menu.hp-active > label {
  color: #737373;
  border: 1px solid transparent;
  z-index: 201; }
  html.hp-high-contrast .hp-drop-menu.hp-active > label {
    color: #333333; }
  .hp-drop-menu.hp-active > label:hover:after {
    content: '';
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==); }
.hp-drop-menu.hp-disabled > label {
  color: #737373; }
  .hp-drop-menu.hp-disabled > label:after {
    content: '';
    background-image: none; }
.hp-drop-menu.hp-disabled:focus label {
  border-color: transparent; }

.hp-search-combo {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .hp-search-combo .hp-search-combo-input {
    padding-right: 45px;
    margin: 0px; }
    .hp-search-combo .hp-search-combo-input.hp-error {
      background-image: none; }
  .hp-search-combo .hp-close {
    position: absolute;
    top: 9px;
    right: 25px;
    cursor: pointer;
    z-index: 1; }
  .hp-search-combo .hp-search-combo-control {
    position: absolute;
    top: 6px;
    right: 7px;
    width: 15px;
    height: 16px;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -120px -80px;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10; }
    .hp-search-combo .hp-search-combo-control:hover {
      background-position: -120px -60px; }
  .hp-search-combo.hp-disabled .hp-search-combo-control {
    cursor: auto; }
    .hp-search-combo.hp-disabled .hp-search-combo-control:hover {
      background-position: -120px -80px; }
  .hp-search-combo .hp-search-combo-menu {
    position: absolute;
    left: 2px;
    background-color: white;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 200;
    display: none; }
    .hp-search-combo .hp-search-combo-menu ol {
      overflow-y: auto;
      max-height: 200px;
      margin-bottom: 0px; }
      .hp-search-combo .hp-search-combo-menu ol li {
        margin-bottom: 0px;
        padding: 7px 10px;
        cursor: pointer; }
        .hp-search-combo .hp-search-combo-menu ol li:hover, .hp-search-combo .hp-search-combo-menu ol li.hp-selected {
          background-color: #e6e6e6; }
        .hp-search-combo .hp-search-combo-menu ol li .hp-error, .hp-search-combo .hp-search-combo-menu ol li .hp-help {
          display: inline-block;
          float: right; }
    .hp-search-combo .hp-search-combo-menu .hp-message {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #f3f3f3;
      color: #737373;
      padding: 7px 10px; }
      html.hp-high-contrast .hp-search-combo .hp-search-combo-menu .hp-message {
        color: #333333; }
    .hp-search-combo .hp-search-combo-menu.hp-active {
      display: block; }

.hp-contents .hp-value {
  display: none; }
.hp-contents .hp-options {
  margin-bottom: 0px; }
  .hp-contents .hp-options li {
    display: inline-block;
    margin-right: -4px; }
    .hp-contents .hp-options li a {
      color: #333333;
      display: block;
      padding: 2px 10px; }
      .hp-contents .hp-options li a:hover {
        background-color: #e6e6e6;
        color: #333333;
        text-decoration: none; }
    .hp-contents .hp-options li.hp-selected a {
      background-color: #d6eef8;
      color: #000; }

.hp-rich-value {
  position: relative; }
  .hp-rich-value > * {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 10px; }
  .hp-rich-value .hp-utilization-meter {
    position: relative;
    top: 1px;
    height: 10px; }

div.hp-graphed-value {
  position: relative; }
  div.hp-graphed-value div.hp-value-graph {
    margin-bottom: 5px; }
  div.hp-graphed-value div.hp-value {
    position: absolute;
    top: 64px;
    left: 40px;
    width: 120px;
    font-size: 32px;
    line-height: normal;
    text-align: center;
    vertical-align: middle; }
    div.hp-graphed-value div.hp-value .hp-units {
      display: block;
      font-size: 18px; }
  div.hp-graphed-value .hp-units-details {
    color: #666;
    font-family: 'HPLight', Arial, Helvetica, sans-serif;
    display: block;
    font-size: 18px; }

.hp-reveal-control .hp-control {
  display: none; }
.hp-reveal-control:hover .hp-value {
  display: none; }
.hp-reveal-control:hover .hp-control {
  display: block; }

.hp-tooltip {
  position: absolute;
  padding: 10px 15px;
  background-color: #0096d6;
  color: #fff;
  font-size: 14px;
  z-index: 10000; }
  html.hp-high-contrast .hp-tooltip {
    color: black; }
  .hp-tooltip.hp-above:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -7px;
    left: 10px;
    right: auto;
    border-width: 9px 9px 0;
    border-color: #0096d6 transparent;
    border-style: solid;
    display: block;
    width: 0; }
  .hp-tooltip.hp-below:after {
    content: "";
    position: absolute;
    top: -7px;
    bottom: auto;
    left: 10px;
    right: auto;
    border-width: 0 9px 9px 9px;
    border-color: #0096d6 transparent;
    border-style: solid;
    display: block;
    width: 0; }
  .hp-tooltip.hp-below-right:after {
    content: "";
    position: absolute;
    top: -7px;
    bottom: auto;
    left: auto;
    right: 10px;
    border-width: 0 9px 9px 9px;
    border-color: #0096d6 transparent;
    border-style: solid;
    display: block;
    width: 0; }

.hp-tbd {
  width: 100%;
  height: 100%;
  font-family: 'HPLight', Arial, Helvetica, sans-serif;
  font-size: 64px;
  line-height: normal;
  color: #ccc;
  margin: 0px; }

.hp-dialog .hp-notify {
  display: block;
  margin: 0px auto 20px auto;
  height: auto;
  width: auto;
  color: #333333; }
.hp-dialog .hp-collapsible {
  margin: 10px auto; }
  .hp-dialog .hp-collapsible label {
    font-size: 14px; }
.hp-dialog .hp-dependencies {
  line-height: 16px;
  margin-bottom: 0px;
  margin-left: 15px;
  max-height: 200px;
  overflow-y: auto; }
.hp-dialog .hp-dialog-variable-contents {
  margin: 10px auto;
  margin-bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden; }
.hp-dialog .hp-prompt {
  margin: 10px 0px 10px 0px;
  font-weight: bold; }
.hp-dialog p {
  max-width: 460px; }
.hp-dialog .hp-add-form, .hp-dialog .hp-edit-form {
  position: static; }

.ui-dialog {
  background-color: white;
  color: #333333;
  -webkit-box-shadow: 3px 3px 12px 0px #999999;
  -moz-box-shadow: 3px 3px 12px 0px #999999;
  box-shadow: 3px 3px 12px 0px #999999;
  padding: 0px;
  max-width: 900px;
  border: none;
  border-radius: 0px; }
  html.hp-high-contrast .ui-dialog {
    color: black; }
  .ui-dialog .ui-dialog-titlebar {
    position: relative;
    background-color: #f3f3f3;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 20px;
    font-size: 16px; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      position: absolute;
      top: 7px;
      right: 7px;
      width: 11px;
      height: 11px;
      margin: 0px;
      background-image: url("../../img/hp-piano/hp-piano-icons.png");
      background-position: -160px -20px;
      background-repeat: no-repeat; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
        background-position: -160px 0px; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
        display: none; }
  .ui-dialog.hp-response-dialog .ui-dialog-titlebar-close {
    display: none; }
  .ui-dialog .ui-dialog-content {
    margin: 0px;
    padding: 30px;
    background-color: inherit; }
    .ui-dialog .ui-dialog-content .hp-progress {
      width: 100%; }
    .ui-dialog .ui-dialog-content > * {
      margin: 15px 0px; }
      .ui-dialog .ui-dialog-content > *:first-of-type {
        margin-top: 0px; }
      .ui-dialog .ui-dialog-content > *:last-of-type {
        margin-bottom: 0px; }
  .ui-dialog.hp-simple-dialog .ui-dialog-titlebar {
    display: none; }
  .ui-dialog.hp-simple-dialog .ui-dialog-content {
    margin: 20px 0px; }
  .ui-dialog.hp-simple-dialog .hp-controls {
    margin-top: 20px;
    text-align: right; }
  .ui-dialog.hp-splash-dialog .ui-dialog-titlebar {
    display: none; }
  .ui-dialog.hp-splash-dialog .ui-dialog-content {
    margin: 40px; }
  .ui-dialog .ui-dialog-buttonpane {
    padding: 10px;
    padding-bottom: 15px; }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      text-align: right; }
    .ui-dialog .ui-dialog-buttonpane button {
      margin-left: 10px; }

.hp-dialog-button-stack {
  margin-bottom: 0px; }
  .hp-dialog-button-stack li {
    display: table;
    margin-bottom: 15px; }
    .hp-dialog-button-stack li:last-of-type {
      margin-bottom: 0px; }
    .hp-dialog-button-stack li > * {
      display: table-cell; }
    .hp-dialog-button-stack li button {
      width: 190px;
      cursor: pointer; }
    .hp-dialog-button-stack li label {
      padding-left: 20px; }

.hp-dialog-remote-console-verification .float-left-div {
  line-height: 28px;
  float: left; }
.hp-dialog-remote-console-verification .float-right-div {
  float: right; }
.hp-dialog-remote-console-verification .centered-text-div {
  text-align: center; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0px; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0px; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0px;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0px;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-download-iframe {
  visibility: hidden;
  left: 0;
  top: 0;
  height: 0;
  width: 0; }

.hp-flyout {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  background-color: white;
  color: #333333;
  border: 1px solid #d9d9d9;
  z-index: 3000;
  -webkit-box-shadow: 0px 5px 6px 0px #999999;
  -moz-box-shadow: 0px 5px 6px 0px #999999;
  box-shadow: 0px 5px 6px 0px #999999; }
  .hp-flyout:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -9px;
    left: 9px;
    right: auto;
    border-width: 9px 9px 0;
    border-color: white transparent;
    border-style: solid;
    display: block;
    width: 0; }
  .hp-flyout.hp-flyout-below:after {
    content: "";
    position: absolute;
    top: -9px;
    bottom: auto;
    left: 9px;
    right: auto;
    border-width: 0 9px 9px;
    border-color: #d9d9d9 transparent;
    border-style: solid;
    display: block;
    width: 0; }
  .hp-flyout.hp-flyout-shifted:after, .hp-flyout.hp-flyout-overlap:after {
    content: "";
    display: none; }
  .hp-flyout h1 {
    font-size: 16px;
    line-height: 18px;
    color: #333333; }

.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-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; }

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 {
      background-position: -120px -200px; }
    #hp-main-banner div.hp-banner-control.hp-standby div.hp-icon.hp-power {
      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; }

ol.hp-address {
  margin: 0px;
  font-size: 0px; }
  ol.hp-address > li {
    display: inline;
    font-size: 13px; }
    ol.hp-address > li:after {
      content: ':';
      color: #737373; }
    ol.hp-address > li:last-child:after {
      content: ''; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg); }

  to {
    -ms-transform: rotate(360deg); } }

@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg); }

  to {
    -o-transform: rotate(360deg); } }

.hp-spinner {
  width: 100%;
  color: #737373; }
  html.hp-high-contrast .hp-spinner {
    color: #333333; }
  .hp-spinner > * {
    margin: 0px auto;
    text-align: center; }
  .hp-spinner .hp-spinner-image {
    height: 35px;
    width: 35px;
    background: transparent;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -320px 0px;
    background-repeat: no-repeat;
    -webkit-animation: spin 3s infinite linear forwards 0.7s;
    -moz-animation: spin 3s infinite linear forwards 0.7s;
    -ms-animation: spin 3s infinite linear forwards 0.7s;
    -o-animation: spin 3s infinite linear forwards 0.7s;
    margin: 20px auto; }
    .hp-global .hp-spinner .hp-spinner-image {
      background-position: -320px 0px; }

.hp-spinner-small {
  display: inline-block;
  width: 24px;
  color: #737373; }
  html.hp-high-contrast .hp-spinner-small {
    color: #333333; }
  .hp-spinner-small .hp-spinner-image {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -320px 0px;
    background-repeat: no-repeat;
    -webkit-animation: spin 3s infinite linear forwards 0.7s;
    -moz-animation: spin 3s infinite linear forwards 0.7s;
    -ms-animation: spin 3s infinite linear forwards 0.7s;
    -o-animation: spin 3s infinite linear forwards 0.7s; }

.hp-progress {
  width: 200px;
  height: 10px;
  margin-right: 10px;
  background-color: #e5e5e5; }
  .hp-progress.hp-condensed {
    width: 50px;
    margin-right: 10px; }
  .hp-progress .hp-progress-done {
    height: 100%;
    background: #0a4b68;
    background: -webkit-gradient(linear, left top, right top, from(#0a4b68), to(#18b4fd));
    background: -moz-linear-gradient(left, #0a4b68, #18b4fd); }

span.hp-progress {
  display: inline-block; }

.hp-utilization-meter {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 10px;
  background-color: #ddd;
  overflow-x: visible; }
  .hp-utilization-meter.hp-utilization-meter-extend .hp-threshold {
    border-bottom: 2px solid #dc442f;
    border-right: 2px solid #dc442f;
    left: 0px; }
  .hp-utilization-meter.hp-unset {
    text-align: center;
    background-color: #eee; }
    .hp-utilization-meter.hp-unset:after {
      position: relative;
      content: '/ / / / / / /';
      font-weight: bold;
      font-size: 11px;
      top: -3px;
      color: #999; }
    .hp-utilization-meter.hp-unset > * {
      display: none; }
  .hp-utilization-meter .hp-value-bar {
    position: relative;
    height: 100%;
    background-color: #0096D6; }
    .hp-utilization-meter .hp-value-bar.hp-value-below {
      background-color: #42a425; }
      .hp-utilization-meter .hp-value-bar.hp-value-below .hp-value {
        background-color: #42a425; }
    .hp-utilization-meter .hp-value-bar.hp-value-above {
      background-color: #dc442f; }
      .hp-utilization-meter .hp-value-bar.hp-value-above .hp-value {
        background-color: #dc442f; }
    .hp-utilization-meter .hp-value-bar.hp-value-at-min .hp-value {
      display: block;
      right: -4px; }
    .hp-utilization-meter .hp-value-bar .hp-value {
      display: none;
      position: absolute;
      top: 2px;
      width: 4px;
      height: 6px;
      background-color: #0096D6; }
  .hp-utilization-meter .hp-threshold {
    position: absolute;
    top: 0px;
    height: 10px;
    background-color: transparent; }
    .hp-utilization-meter .hp-threshold.hp-threshold-below {
      border-right: solid #faa 2px; }
    .hp-utilization-meter .hp-threshold.hp-threshold-above {
      border-right: solid #999 2px; }

.sparkline {
  width: 100px;
  height: 25px;
  background-color: transparent;
  border-left: solid #CCCCCC 1px;
  border-bottom: solid #CCCCCC 1px; }

/* jquery.selectBox */
/* Dropdown control */
.selectBox-dropdown {
  margin-bottom: 10px;
  padding: 7px 37px 7px 13px;
  position: relative;
  font-size: 13px;
  line-height: normal;
  text-decoration: none;
  border: 1px solid #d9d9d9;
  color: #333333;
  outline: none;
  vertical-align: middle;
  display: inline-block;
  cursor: default;
  /*&.selectBox-menuShowing {
  	-moz-border-radius-bottomleft: 0;
  	-moz-border-radius-bottomright: 0;
  	-webkit-border-bottom-left-radius: 0;
  	-webkit-border-bottom-right-radius: 0;
  	border-bottom-left-radius: 0;
  	border-bottom-right-radius: 0;
  }*/ }
  html.hp-high-contrast .selectBox-dropdown {
    color: black; }
  .hp-global .selectBox-dropdown {
    background-color: white;
    border-color: white;
    color: #323232;
    font-weight: bold; }
    .hp-global .selectBox-dropdown:hover {
      color: #000; }
    .hp-global .selectBox-dropdown:active {
      background-color: #ccc;
      border-color: #ccc;
      color: #000; }
    .hp-global .selectBox-dropdown:disabled, .hp-global .selectBox-dropdown.hp-disabled {
      background-color: #666;
      border-color: #666;
      color: #323232; }
  .selectBox-dropdown:hover {
    text-decoration: none; }
    .selectBox-dropdown:hover .selectBox-arrow {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BGCMZkCMRGAGRyAqlmAECQBHS5DfRBDx4EDYAAFQCFkHLJbDqfmQgAOw==); }
  .selectBox-dropdown:focus {
    border-color: #d6eef8; }
  .selectBox-dropdown .selectBox-label {
    width: 100%;
    font-weight: normal;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top; }
  .selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 100%;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
    background-position: right 4px;
    background-repeat: no-repeat; }

/* Dropdown menu */
.selectBox-dropdown-menu {
  position: absolute;
  z-index: 700;
  left: 0px;
  max-height: 200px;
  background: white;
  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;
  overflow: auto; }
  .selectBox-dropdown-menu.hp-global {
    -webkit-box-shadow: 2px 2px 2px 0px #444444;
    -moz-box-shadow: 2px 2px 2px 0px #444444;
    box-shadow: 2px 2px 2px 0px #444444; }

/* Inline control */
.selectBox-inline {
  width: 250px;
  outline: none;
  background: white;
  display: inline-block;
  overflow: auto; }

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
  list-style: none;
  display: block;
  cursor: default;
  padding: 0;
  margin: 0; }

.selectBox-options LI A {
  padding: 7px 10px;
  white-space: nowrap;
  overflow: hidden;
  background: 6px center no-repeat;
  color: #333333; }
  html.hp-high-contrast .selectBox-options LI A {
    color: black; }
  .selectBox-options LI A:hover {
    text-decoration: none; }

.selectBox-options LI.selectBox-hover A {
  background-color: #e6e6e6;
  text-decoration: none; }

.selectBox-options LI.selectBox-disabled A {
  color: #888;
  background-color: transparent; }

.selectBox-options LI.selectBox-selected A {
  font-weight: bold;
  background-color: #d6eef8; }

.selectBox-options .selectBox-optgroup {
  color: #666;
  background: #EEE;
  font-weight: bold;
  padding: 0 .3em;
  white-space: nowrap; }

/* Disabled state */
.selectBox.selectBox-disabled {
  color: #888 !important; }

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
  opacity: .5;
  filter: alpha(opacity=50);
  border-color: #666; }

.selectBox-inline.selectBox-disabled {
  color: #888 !important; }

.selectBox-inline.selectBox-disabled .selectBox-options A {
  background-color: transparent !important; }

.hp-search-combo {
  position: relative;
  display: inline-block; }

/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input {
  float: left;
  color: #000;
  /* must specify along with watermark color */
  line-height: 16px; }

/* Color of watermark, if present */
.ffb-input.watermark {
  /* added and removed dynamically */
  color: #888;
  /* must specify along with input color */ }

/* Drop-down arrow, with sprited image */
.ffb-search-icon {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 19px;
  height: 19px;
  background-image: url("../../img/hp-piano/search-drop.png"); }

.ffb-no-results {
  padding: 2px;
  color: #888;
  font-style: italic;
  border-bottom: 1px solid #828790; }

/* Container for dropdown contents */
.ffb {
  position: absolute;
  /* this guy's parent div is hard-coded to position:relative */
  overflow: hidden;
  background: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-shadow: 1px 1px 5px 0px #666666;
  -moz-box-shadow: 1px 1px 5px 0px #666666;
  box-shadow: 1px 1px 5px 0px #666666; }

/* Inner div for dropdown */
.ffb .content {
  overflow: auto; }

.ffb .content .row {
  border-bottom: 1px solid #d9d9d9;
  color: #333333;
  padding: 7px 10px;
  clear: both; }

.ffb-sel {
  cursor: pointer;
  cursor: hand;
  color: #333333 !important;
  background-color: #e6e6e6; }

.ffb-match {
  font-weight: bold;
  color: #000; }

.ffb-sel .ffb-match {
  color: #000; }

/* Paging */
.ffb .paging {
  vertical-align: middle;
  border-bottom: 1px solid #828790; }

.ffb .page, .ffb a.page {
  font-size: 85%;
  padding: 2px;
  border: solid 1px #339;
  background-color: #eef;
  margin: 2px; }

.ffb .box {
  width: 22px;
  margin: 2px; }

.ffb .summary {
  font-size: 85%; }

div.ui-datepicker {
  padding: 10px;
  line-height: normal;
  background-color: white;
  color: #737373;
  border: 1px solid #bfbfbf;
  z-index: 200;
  border-bottom: 5px solid #0096d6;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc; }
  div.ui-datepicker .ui-datepicker-header {
    background-image: none;
    border: none;
    border-radius: 0px;
    margin-bottom: 10px;
    text-align: center; }
    div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, div.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      display: block;
      width: 12px;
      height: 12px;
      background-image: url("../../img/hp-piano/hp-piano-icons.png");
      background-repeat: no-repeat; }
      div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, div.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
        display: none; }
    div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      float: left;
      background-position: -200px -20px; }
      div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
        background-position: -200px 0px; }
    div.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      float: right;
      background-position: -200px -60px; }
      div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
        background-position: -200px -40px; }
  div.ui-datepicker .ui-datepicker-buttonpane {
    text-align: right; }
    div.ui-datepicker .ui-datepicker-buttonpane button {
      margin-left: 5px; }

table.ui-datepicker-calendar thead th {
  padding: 3px 7px 3px 3px;
  border-left: none;
  text-align: right; }
table.ui-datepicker-calendar tbody tr {
  background-image: none; }
  table.ui-datepicker-calendar tbody tr td {
    padding: 2px;
    text-align: right; }
    table.ui-datepicker-calendar tbody tr td a {
      display: block;
      padding: 5px;
      border: 1px solid transparent; }
      table.ui-datepicker-calendar tbody tr td a:hover {
        background-color: #f3f3f3;
        text-decoration: none; }
      table.ui-datepicker-calendar tbody tr td a.ui-state-active {
        background-color: #d6eef8;
        font-weight: bold; }
table.ui-datepicker-calendar .ui-state-default {
  background-image: none;
  color: #333333; }
  table.ui-datepicker-calendar .ui-state-default:hover {
    text-decoration: none; }

div.hp-date-range {
  padding: 10px; }
  div.hp-select div.hp-date-range > label, div.hp-select div.hp-date-range > div.hp-date {
    display: block;
    line-height: normal; }
  div.hp-select div.hp-date-range input[type="date"] {
    width: 120px; }

.hp-modal-overlay {
  background: #ffffff none repeat scroll 0 0;
  display: none;
  height: 100%;
  left: 0;
  filter: alpha(opacity=50);
  opacity: 0.5;
  top: 0;
  width: 100%;
  z-index: 499;
  display: none;
  position: fixed; }

.hp-modal {
  position: absolute;
  left: 20%;
  right: 20%;
  top: 20%;
  margin-left: auto;
  margin-right: auto;
  z-index: 500; }
  .hp-modal > * {
    margin: 0px auto; }

.hp-toolbar {
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
  padding-top: 15px; }
  @media print {
    .hp-toolbar {
      display: none; } }
  .hp-toolbar > * {
    vertical-align: baseline; }
  .hp-toolbar .hp-align-right {
    text-align: right; }

.hp-toggle {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #bbb;
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow-x: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .hp-toggle:focus {
    border: 1px solid #d6eef8;
    outline: none; }
    .hp-toggle:focus .hp-toggle-thumb {
      background-color: #333; }
  .hp-toggle:hover .hp-toggle-thumb {
    background-color: #333; }
  .hp-toggle.hp-error {
    border: 2px solid #dc442f; }
  .hp-toggle[disabled] {
    color: #999; }
  .hp-toggle ol {
    position: relative;
    margin-bottom: 0px;
    -webkit-transition: left 0.2s;
    -moz-transition: left 0.2s;
    transition: left 0.2s; }
  .hp-toggle li {
    display: inline-block;
    margin-right: -4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 0px;
    background-color: white;
    color: #000; }
    .hp-toggle li.hp-on {
      padding-right: 16px; }
    .hp-toggle li.hp-off {
      padding-left: 16px; }
  .hp-toggle .hp-toggle-thumb {
    position: absolute;
    top: 2px;
    left: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    height: 20px;
    width: 6px;
    background-color: #999;
    -webkit-transition: left 0.2s;
    -moz-transition: left 0.2s;
    transition: left 0.2s; }
  .hp-toggle.hp-checked .hp-toggle-thumb {
    background-color: #007dba; }

.hp-plot .tickLabel {
  color: #737373;
  font-size: 12px; }
.hp-plot .x1Axis .tickLabel {
  padding-top: 5px; }
.hp-plot .y1Axis .tickLabel {
  padding-right: 5px; }
.hp-plot .y2Axis .tickLabel {
  padding-left: 5px; }
.hp-flyout .hp-plot {
  width: 300px;
  height: 200px; }

.hp-plot-legend {
  margin: 10px 0px; }
  .hp-plot-legend table thead th {
    background: none;
    border-left: none;
    padding: 2px 10px 2px 0px; }
  .hp-plot-legend tr {
    background: none; }
    .hp-plot-legend tr td {
      padding: 2px 10px 2px 0px; }
      .hp-plot-legend tr td.legendColorBox {
        padding-top: 4px;
        padding-right: 20px; }
      .hp-plot-legend tr td.legendLabel {
        color: #737373; }

.hp-active-drag {
  background-color: #D6D6D6; }

.hp-hover-drop-target {
  background-color: #66D0FA; }

.hp-pending-changes-message {
  font-weight: bold; }

::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }

::-webkit-scrollbar-thumb {
  background-color: rgba(164, 164, 164, 0.5); }

/* jQuery UI Slider */
.ui-slider {
  position: relative;
  text-align: left; }
  .ui-slider:after {
    position: absolute;
    top: 7px;
    left: 0px;
    content: '';
    height: 2px;
    width: 100%;
    background-color: #d9d9d9; }
  .ui-slider:hover:after {
    content: '';
    background-color: #cccccc; }
  .ui-slider:hover .ui-slider-handle {
    background-position: -356px 3px; }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: default;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -356px -17px;
    background-repeat: no-repeat; }
    .ui-slider .ui-slider-handle:focus, .ui-slider .ui-slider-handle:hover {
      outline: none;
      background-position: -356px 3px; }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0; }

.ui-slider-horizontal {
  height: 16px; }
  .ui-slider-horizontal .ui-slider-handle {
    top: -2px;
    margin-left: -10px; }

.ui-slider-vertical {
  width: 5px;
  height: 100px; }
  .ui-slider-vertical .ui-slider-handle {
    left: -7px;
    margin-left: 0;
    margin-bottom: -10px; }

.ui-widget-content {
  border: none; }

/* Interaction states
----------------------------------*/
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a {
  color: #555555;
  text-decoration: none;
  &:link, &:visited {
    color: #555555;
    text-decoration: none;
  }
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a {
  color: #212121;
  text-decoration: none;
  &:hover {
    color: #212121;
    text-decoration: none;
  }
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: white;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a {
  color: #212121;
  text-decoration: none;
  &:link, &:visited {
    color: #212121;
    text-decoration: none;
  }
}

.ui-widget :active {
  outline: none;
}*/
/* Icons
----------------------------------*/
/* states and images */
.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"); }

/* (C) Copyright 2011-2013 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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: #0096d6;
    height: 0px; }

  5% {
    background-color: #0096d6;
    height: 30px;
    line-height: 30px; }

  90% {
    background-color: #0096d6;
    height: 30px;
    line-height: 30px; }

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

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

  5% {
    background-color: #0096d6;
    height: 30px;
    line-height: 30px; }

  90% {
    background-color: #0096d6;
    height: 30px;
    line-height: 30px; }

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

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

  5% {
    background-color: #0096d6;
    height: 30px;
    line-height: 30px; }

  90% {
    background-color: #0096d6;
    height: 30px;
    line-height: 30px; }

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

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

  5% {
    background-color: #0096d6;
    height: 30px;
    line-height: 30px; }

  90% {
    background-color: #0096d6;
    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/gif;base64,R0lGODlhFAAUAKIAAP///8zMzJmZmWZmZjMzMwAAAP///wAAACH5BAEHAAYALAAAAAAUABQAAAM7aLrc/jDKSescZUSsWfldg33NB4pm0QSpsAhp4MCmzJruM370uaWmUIQAJFQAxA8BYAGYmJaodEqtQhIAOw==); }
      #hp-main-banner .hp-header-primary #hp-main-menu-control.hp-active:hover {
        border-bottom: 5px solid #0096d6;
        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/gif;base64,R0lGODlhFAAUALMAAAB9ui+Vx3++3KjT51+t1J/O5U+lzw+Fvr/e7j+dywR9uv///wAAAAAAAAAAAAAAACH5BAEHAAsALAAAAAAUABQAAARFcMlJq7046837NoCRgSIFnMRFnEB1sEIlsEeFsEAxFThi8SzfjaW7zE6HwesUy6xwKE4CmuggAqyAz/o6bD3gsHhMvkQAADs=);
        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 -20px; }
    #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 -20px; }
      #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: -120px -20px; }
    #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 #0096d6;
  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: #333333; }
        #hp-main-menu .hp-section > li .hp-menu-item-prompt a:hover {
          background-color: transparent;
          text-decoration: underline;
          color: #333333; }

#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 #0096d6;
  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: #d6eef8; }
      #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: #333333; }
      #hp-search-menu #hp-search-suggestions li.hp-selected, #hp-search-menu #hp-search-recent li.hp-selected {
        background-color: #d6eef8;
        color: #333333; }
  #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 #0096d6;
  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: #d6eef8;
    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 #0096d6;
    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; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-login-page, #hp-initial-password-page {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  padding-left: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  overflow: auto; }
  #hp-login-page > header, #hp-initial-password-page > header {
    margin-bottom: 40px;
    width: 400px; }
    #hp-login-page > header .hp-logo, #hp-initial-password-page > header .hp-logo {
      width: 50px;
      height: 50px;
      background-position: -260px -180px; }
    #hp-login-page > header .hp-login-header, #hp-initial-password-page > header .hp-login-header {
      margin-top: 20px;
      font-family: 'HPLight', Arial, Helvetica, sans-serif;
      font-size: 64px;
      line-height: normal;
      color: #000;
      border-top: 5px solid #0096D6; }
    #hp-login-page > header .hp-login-sub-header, #hp-initial-password-page > header .hp-login-sub-header {
      display: block;
      float: right;
      font-size: 20px;
      color: #737373; }
  #hp-login-page #hp-security-notice, #hp-initial-password-page #hp-security-notice {
    margin-top: -20px;
    width: 400px; }
  #hp-login-page #hp-login-status, #hp-initial-password-page #hp-login-status {
    height: auto;
    text-align: left;
    margin: 20px 0px;
    padding: 15px;
    width: 400px;
    color: black;
    background-color: #fffdd7;
    font-family: Arial, Helvetica, sans-serif; }
    #hp-login-page #hp-login-status .hp-status, #hp-initial-password-page #hp-login-status .hp-status {
      display: inline-block;
      margin-left: 0px;
      margin-top: 2px;
      margin-right: 5px;
      vertical-align: top; }
    #hp-login-page #hp-login-status label, #hp-login-page #hp-login-status .hp-message, #hp-initial-password-page #hp-login-status label, #hp-initial-password-page #hp-login-status .hp-message {
      display: inline-block;
      font-weight: bold;
      margin-bottom: 5px;
      white-space: normal; }
    #hp-login-page #hp-login-status .hp-message, #hp-initial-password-page #hp-login-status .hp-message {
      max-width: 360px; }
  #hp-login-page #hp-login-hero, #hp-initial-password-page #hp-login-hero {
    position: absolute;
    left: 500px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    min-height: 600px;
    background-image: url("../../img/hp-piano/../login_hero.png");
    background-repeat: no-repeat; }

#hp-login-form {
  width: 400px;
  margin-bottom: 30px; }
  #hp-login-form ol li {
    padding: 0px;
    margin: 10px 0px; }
    #hp-login-form ol li input, #hp-login-form ol li .selectBox {
      width: 100%;
      margin: 0px;
      height: auto;
      margin-bottom: 5px;
      padding: 7px 13px;
      border-color: #999;
      font-size: 20px;
      line-height: normal;
      font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
      #hp-login-form ol li input.valid, #hp-login-form ol li .selectBox.valid {
        background-image: none; }
      #hp-login-form ol li input.hp-error, #hp-login-form ol li .selectBox.hp-error {
        background-position: right 8px; }
    #hp-login-form ol li .selectBox {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 0; }
      #hp-login-form ol li .selectBox .selectBox-arrow {
        top: 5px; }
    #hp-login-form ol li .hp-form-content > span {
      padding: 0px 13px;
      font-size: 20px;
      line-height: normal;
      font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
    #hp-login-form ol li .hp-form-content label.hp-error {
      padding: 0px 16px; }
    #hp-login-form ol li label {
      display: none; }
    #hp-login-form ol li.hp-unset-inactive {
      position: relative; }
      #hp-login-form ol li.hp-unset-inactive > label {
        position: absolute;
        top: 12px;
        left: 15px;
        display: block;
        font-family: 'HPRegular', Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: #ccc; }
  #hp-login-form .hp-buttonset {
    display: inline-block;
    vertical-align: middle; }
    #hp-login-form .hp-buttonset #hp-login-button, #hp-login-form .hp-buttonset #hp-initial-password-button {
      height: 32px; }

#hp-initial-password-form {
  width: 200px;
  margin: 0px auto;
  text-align: left; }
  #hp-initial-password-form li {
    position: relative;
    margin-bottom: 5px; }
    #hp-initial-password-form li label {
      display: block;
      margin-bottom: 5px; }
    #hp-initial-password-form li input {
      margin-top: 0px;
      margin-left: 0px;
      width: 100%; }
      #hp-initial-password-form li input:disabled {
        border-color: #fff; }
    #hp-initial-password-form li label.hp-error {
      position: absolute;
      left: 210px;
      top: 30px;
      color: #f99;
      width: 200px; }
  #hp-initial-password-form .hp-buttonset {
    text-align: right; }

#hp-initial-password-form-heading {
  margin: 0px auto 20px auto;
  text-align: center; }

.hp-replace-logout-button {
  text-align: center; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-status-error {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -0px -80px; }
  .hp-status-error.hp-inactive {
    background-position: -0px -100px; }
  .hp-status-error.hp-unset {
    background-position: -0px -120px; }

.hp-status-warning {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -20px -80px; }
  .hp-status-warning.hp-inactive {
    background-position: -20px -100px; }
  .hp-status-warning.hp-unset {
    background-position: -20px -120px; }

.hp-status-ok {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -40px -80px; }
  .hp-status-ok.hp-inactive {
    background-position: -40px -100px; }
  .hp-status-ok.hp-unset {
    background-position: -40px -120px; }

.hp-status-unknown {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -60px -80px; }
  .hp-status-unknown.hp-inactive {
    background-position: -60px -100px; }
  .hp-status-unknown.hp-unset {
    background-position: -60px -120px; }

.hp-status-disabled {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -80px -80px; }
  .hp-status-disabled.hp-inactive {
    background-position: -80px -100px; }
  .hp-status-disabled.hp-unset {
    background-position: -80px -120px; }

.hp-status {
  position: relative;
  height: 14px;
  top: 2px; }
  .hp-status .hp-value {
    display: none; }
  .hp-status.hp-unavailable {
    visibility: hidden; }
  .hp-status.hp-changing {
    width: 30px;
    white-space: nowrap; }
  .hp-status .hp-status-value {
    display: inline-block; }
  .hp-status .hp-status-changing {
    position: relative;
    display: inline-block;
    height: 14px;
    width: 14px;
    top: -2px;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -240px -80px;
    background-repeat: no-repeat;
    -webkit-animation: spin 3s infinite forwards linear;
    -moz-animation: spin 3s infinite forwards linear;
    -ms-animation: spin 15s infinite forwards linear;
    -o-animation: spin 15s infinite forwards linear; }

.hp-summary .hp-status-error,
.hp-details-header .hp-status-error,
.hp-master-list-item header .hp-status-error,
.hp-master-full .hp-master-header .hp-status-error,
.hp-virtual-appliance.hp-large .hp-status-error,
.hp-application-context .hp-status-error,
#hp-welcome .hp-status-error,
#hp-main-banner .hp-header-secondary .hp-status-error {
  width: 19px;
  height: 19px;
  background-position: -0px 0px; }
  .hp-summary .hp-status-error.hp-inactive,
  .hp-details-header .hp-status-error.hp-inactive,
  .hp-master-list-item header .hp-status-error.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-error.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-error.hp-inactive,
  .hp-application-context .hp-status-error.hp-inactive,
  #hp-welcome .hp-status-error.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-error.hp-inactive {
    background-position: -0px -20px; }
  .hp-summary .hp-status-error.hp-unset,
  .hp-details-header .hp-status-error.hp-unset,
  .hp-master-list-item header .hp-status-error.hp-unset,
  .hp-master-full .hp-master-header .hp-status-error.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-error.hp-unset,
  .hp-application-context .hp-status-error.hp-unset,
  #hp-welcome .hp-status-error.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-error.hp-unset {
    background-position: -0px -40px; }
.hp-summary .hp-status-warning,
.hp-details-header .hp-status-warning,
.hp-master-list-item header .hp-status-warning,
.hp-master-full .hp-master-header .hp-status-warning,
.hp-virtual-appliance.hp-large .hp-status-warning,
.hp-application-context .hp-status-warning,
#hp-welcome .hp-status-warning,
#hp-main-banner .hp-header-secondary .hp-status-warning {
  width: 19px;
  height: 19px;
  background-position: -20px 0px; }
  .hp-summary .hp-status-warning.hp-inactive,
  .hp-details-header .hp-status-warning.hp-inactive,
  .hp-master-list-item header .hp-status-warning.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-warning.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-warning.hp-inactive,
  .hp-application-context .hp-status-warning.hp-inactive,
  #hp-welcome .hp-status-warning.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-warning.hp-inactive {
    background-position: -20px -20px; }
  .hp-summary .hp-status-warning.hp-unset,
  .hp-details-header .hp-status-warning.hp-unset,
  .hp-master-list-item header .hp-status-warning.hp-unset,
  .hp-master-full .hp-master-header .hp-status-warning.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-warning.hp-unset,
  .hp-application-context .hp-status-warning.hp-unset,
  #hp-welcome .hp-status-warning.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-warning.hp-unset {
    background-position: -20px -40px; }
.hp-summary .hp-status-ok,
.hp-details-header .hp-status-ok,
.hp-master-list-item header .hp-status-ok,
.hp-master-full .hp-master-header .hp-status-ok,
.hp-virtual-appliance.hp-large .hp-status-ok,
.hp-application-context .hp-status-ok,
#hp-welcome .hp-status-ok,
#hp-main-banner .hp-header-secondary .hp-status-ok {
  width: 19px;
  height: 19px;
  background-position: -40px 0px; }
  .hp-summary .hp-status-ok.hp-inactive,
  .hp-details-header .hp-status-ok.hp-inactive,
  .hp-master-list-item header .hp-status-ok.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-ok.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-ok.hp-inactive,
  .hp-application-context .hp-status-ok.hp-inactive,
  #hp-welcome .hp-status-ok.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-ok.hp-inactive {
    background-position: -40px -20px; }
  .hp-summary .hp-status-ok.hp-unset,
  .hp-details-header .hp-status-ok.hp-unset,
  .hp-master-list-item header .hp-status-ok.hp-unset,
  .hp-master-full .hp-master-header .hp-status-ok.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-ok.hp-unset,
  .hp-application-context .hp-status-ok.hp-unset,
  #hp-welcome .hp-status-ok.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-ok.hp-unset {
    background-position: -40px -40px; }
.hp-summary .hp-status-unknown,
.hp-details-header .hp-status-unknown,
.hp-master-list-item header .hp-status-unknown,
.hp-master-full .hp-master-header .hp-status-unknown,
.hp-virtual-appliance.hp-large .hp-status-unknown,
.hp-application-context .hp-status-unknown,
#hp-welcome .hp-status-unknown,
#hp-main-banner .hp-header-secondary .hp-status-unknown {
  width: 19px;
  height: 19px;
  background-position: -60px 0px; }
  .hp-summary .hp-status-unknown.hp-inactive,
  .hp-details-header .hp-status-unknown.hp-inactive,
  .hp-master-list-item header .hp-status-unknown.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-unknown.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-unknown.hp-inactive,
  .hp-application-context .hp-status-unknown.hp-inactive,
  #hp-welcome .hp-status-unknown.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-unknown.hp-inactive {
    background-position: -60px -20px; }
  .hp-summary .hp-status-unknown.hp-unset,
  .hp-details-header .hp-status-unknown.hp-unset,
  .hp-master-list-item header .hp-status-unknown.hp-unset,
  .hp-master-full .hp-master-header .hp-status-unknown.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-unknown.hp-unset,
  .hp-application-context .hp-status-unknown.hp-unset,
  #hp-welcome .hp-status-unknown.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-unknown.hp-unset {
    background-position: -60px -40px; }
.hp-summary .hp-status-disabled,
.hp-details-header .hp-status-disabled,
.hp-master-list-item header .hp-status-disabled,
.hp-master-full .hp-master-header .hp-status-disabled,
.hp-virtual-appliance.hp-large .hp-status-disabled,
.hp-application-context .hp-status-disabled,
#hp-welcome .hp-status-disabled,
#hp-main-banner .hp-header-secondary .hp-status-disabled {
  width: 19px;
  height: 19px;
  background-position: -80px 0px; }
  .hp-summary .hp-status-disabled.hp-inactive,
  .hp-details-header .hp-status-disabled.hp-inactive,
  .hp-master-list-item header .hp-status-disabled.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-disabled.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-disabled.hp-inactive,
  .hp-application-context .hp-status-disabled.hp-inactive,
  #hp-welcome .hp-status-disabled.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-disabled.hp-inactive {
    background-position: -80px -20px; }
  .hp-summary .hp-status-disabled.hp-unset,
  .hp-details-header .hp-status-disabled.hp-unset,
  .hp-master-list-item header .hp-status-disabled.hp-unset,
  .hp-master-full .hp-master-header .hp-status-disabled.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-disabled.hp-unset,
  .hp-application-context .hp-status-disabled.hp-unset,
  #hp-welcome .hp-status-disabled.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-disabled.hp-unset {
    background-position: -80px -40px; }
.hp-summary .hp-status,
.hp-details-header .hp-status,
.hp-master-list-item header .hp-status,
.hp-master-full .hp-master-header .hp-status,
.hp-virtual-appliance.hp-large .hp-status,
.hp-application-context .hp-status,
#hp-welcome .hp-status,
#hp-main-banner .hp-header-secondary .hp-status {
  height: 19px; }
  .hp-summary .hp-status.hp-changing,
  .hp-details-header .hp-status.hp-changing,
  .hp-master-list-item header .hp-status.hp-changing,
  .hp-master-full .hp-master-header .hp-status.hp-changing,
  .hp-virtual-appliance.hp-large .hp-status.hp-changing,
  .hp-application-context .hp-status.hp-changing,
  #hp-welcome .hp-status.hp-changing,
  #hp-main-banner .hp-header-secondary .hp-status.hp-changing {
    width: 42px; }
    .hp-summary .hp-status.hp-changing .hp-status-value,
    .hp-details-header .hp-status.hp-changing .hp-status-value,
    .hp-master-list-item header .hp-status.hp-changing .hp-status-value,
    .hp-master-full .hp-master-header .hp-status.hp-changing .hp-status-value,
    .hp-virtual-appliance.hp-large .hp-status.hp-changing .hp-status-value,
    .hp-application-context .hp-status.hp-changing .hp-status-value,
    #hp-welcome .hp-status.hp-changing .hp-status-value,
    #hp-main-banner .hp-header-secondary .hp-status.hp-changing .hp-status-value {
      vertical-align: top; }
    .hp-summary .hp-status.hp-changing .hp-status-changing,
    .hp-details-header .hp-status.hp-changing .hp-status-changing,
    .hp-master-list-item header .hp-status.hp-changing .hp-status-changing,
    .hp-master-full .hp-master-header .hp-status.hp-changing .hp-status-changing,
    .hp-virtual-appliance.hp-large .hp-status.hp-changing .hp-status-changing,
    .hp-application-context .hp-status.hp-changing .hp-status-changing,
    #hp-welcome .hp-status.hp-changing .hp-status-changing,
    #hp-main-banner .hp-header-secondary .hp-status.hp-changing .hp-status-changing {
      vertical-align: top;
      top: 0px;
      margin-left: 5px;
      height: 18px;
      width: 18px;
      background-position: -200px -80px; }

.hp-primary.hp-status {
  width: 38px;
  height: 36px; }
.hp-primary.hp-status-error {
  background-position: 0px -180px; }
.hp-primary.hp-status-warning {
  background-position: 0px -240px; }
.hp-primary.hp-status-ok {
  background-position: -60px -180px; }
.hp-primary.hp-status-unknown {
  background-position: -60px -240px; }

.hp-master-list-item header > .hp-status {
  top: -1px; }
  .hp-master-list-item header > .hp-status.hp-status-error {
    background-position: -0px 0px; }
  .hp-master-list-item header > .hp-status.hp-status-warning {
    background-position: -20px 0px; }
  .hp-master-list-item header > .hp-status.hp-status-ok {
    background-position: -40px 0px; }
  .hp-master-list-item header > .hp-status.hp-status-unknown {
    background-position: -60px 0px; }
  .hp-master-list-item header > .hp-status.hp-status-disabled {
    background-position: -80px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-error, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-error {
  background-position: -0px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-warning, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-warning {
  background-position: -20px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-ok, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-ok {
  background-position: -40px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-unknown, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-unknown {
  background-position: -60px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-disabled, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-disabled {
  background-position: -80px 0px; }

table thead td .hp-status {
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -60px -140px;
  height: 14px;
  width: 14px; }

.hp-status-counts {
  margin-bottom: 0px; }
  .hp-status-counts li {
    display: inline-block;
    margin-right: 15px;
    line-height: 20px; }
    .hp-status-counts li > * {
      display: inline-block;
      vertical-align: top; }
  .hp-status-counts.hp-summary .hp-status-count {
    font-size: 20px; }
  .hp-status-counts.hp-summary .hp-status {
    top: 0px; }
  .hp-master-header .hp-status-counts li {
    line-height: 30px; }
  .hp-master-header .hp-status-counts .hp-status {
    margin-top: 5px; }
  .hp-master-header .hp-status-counts .hp-status-count {
    font-size: 16px;
    color: #999; }

ol.hp-summary-status > li {
  display: inline-block;
  margin-right: 10px; }
  ol.hp-summary-status > li > * {
    display: inline-block; }
  ol.hp-summary-status > li > a:hover {
    text-decoration: none;
    color: #007dba; }
  ol.hp-summary-status > li > a.hp-inactive, ol.hp-summary-status > li > a.hp-inactive:hover {
    color: #737373;
    cursor: default; }
  ol.hp-summary-status > li > a > * {
    display: inline-block;
    margin-right: 0px; }

/* (C) Copyright 2011-2013 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-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; }
  @media print {
    #hp-page-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-sidebar {
  position: absolute;
  width: 0;
  top: 110px;
  bottom: 10px;
  right: -200px;
  background-color: #f3f3f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  transition: right 0.5s;
  z-index: 100; }
  body.hp-basic-layout #hp-sidebar {
    top: 60px;
    bottom: 0px; }
  div.hp-sidebar-open #hp-sidebar {
    right: 10px;
    width: 200px; }
  body.hp-basic-layout div.hp-sidebar-open #hp-sidebar {
    right: 0px;
    width: 210px; }
  #hp-sidebar.hp-inactive {
    opacity: 0.7; }
  #hp-body-div:not(.hp-sessioned) #hp-sidebar {
    display: none; }
  #hp-sidebar .hp-flyout-contents {
    top: 60px;
    background-color: #f3f3f3;
    bottom: 40px; }
  #hp-sidebar footer {
    position: absolute;
    width: 100%;
    bottom: 0px; }
  @media print {
    #hp-sidebar {
      display: none; } }

div.hp-pin-right, div.hp-pin-left {
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  cursor: pointer;
  border: 1px solid #e6e6e6; }

div.hp-pin-left {
  background-position: -175px -15px; }
  div.hp-filterbar-open div.hp-pin-left {
    background-position: -175px -55px; }
  div.hp-pin-left:hover {
    background-position: -175px 5px; }
    .hp-filterbar-open div.hp-pin-left:hover {
      background-position: -175px -35px; }

div.hp-pin-right {
  background-position: -175px -55px; }
  div.hp-sidebar-open div.hp-pin-right {
    background-position: -175px -15px; }
  div.hp-pin-right:hover {
    background-position: -175px -35px; }
    div.hp-sidebar-open div.hp-pin-right:hover {
      background-position: -175px 5px; }

.hp-unpin {
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -180px -80px;
  background-repeat: no-repeat; }
  .hp-unpin:hover {
    background-position: -180px -60px; }
  .hp-global .hp-unpin:hover {
    background-position: -180px -100px; }

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: #f3f3f3; }
  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-sub-nav {
  position: relative;
  display: block;
  height: 40px;
  line-height: 39px;
  background-color: white;
  border-bottom: 1px solid #d9d9d9;
  padding: 0px 43px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; }
  body.hp-basic-layout .hp-sub-nav {
    padding: 0px 30px; }
  .hp-sub-nav > * {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
  .hp-sub-nav .hp-filter {
    font-size: 14px; }
  .hp-sub-nav > label {
    padding-left: 10px; }
  .hp-sub-nav > a {
    margin-top: 2px;
    margin-left: 10px;
    color: #007dba; }
  .hp-sub-nav div.hp-filterbar-control {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 35px;
    height: 100%; }
    .hp-sub-nav div.hp-filterbar-control div.hp-pin-left {
      position: relative;
      top: 9px;
      left: 0px; }
  .hp-sub-nav div.hp-sidebar-control {
    position: absolute;
    top: 0px;
    right: -4px;
    width: 35px;
    height: 100%;
    margin-right: 0px; }
    .hp-sub-nav div.hp-sidebar-control div.hp-pin-right {
      position: relative;
      top: 8px;
      left: 10px; }
  .hp-sub-nav .hp-page-label {
    margin-right: 30px; }
    .hp-sub-nav .hp-page-label h1 {
      display: inline-block;
      font-family: 'HPBold', Arial, Helvetica, sans-serif;
      line-height: inherit; }
    .hp-sub-nav .hp-page-label .hp-page-item-count {
      display: inline-block;
      margin-left: 5px;
      color: #999;
      font-size: 18px; }
  .hp-sub-nav a {
    cursor: pointer; }
  .hp-sub-nav .hp-master-referrer {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-left: 15px; }
    .hp-sub-nav .hp-master-referrer .hp-close {
      position: relative;
      display: inline-block;
      top: 5px;
      margin-left: 5px;
      cursor: pointer; }
  .hp-sub-nav .hp-application-context {
    margin-left: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    padding: 0px 40px 0px 20px;
    background-color: #f3f3f3;
    border-left: 1px solid #e6e6e6;
    white-space: nowrap; }
    .hp-sub-nav .hp-application-context .hp-status {
      display: inline-block;
      top: 3px;
      margin-right: 10px; }
    .hp-sub-nav .hp-application-context h1 {
      display: inline-block;
      font-family: 'HPBold', Arial, Helvetica, sans-serif;
      line-height: inherit;
      padding-right: 10px; }
    .hp-sub-nav .hp-application-context a:hover {
      color: #007dba; }
    .hp-sub-nav .hp-application-context ol.hp-application-controls {
      display: inline-block;
      margin-bottom: 0px;
      vertical-align: top; }
      .hp-sub-nav .hp-application-context ol.hp-application-controls li {
        display: inline-block;
        margin-right: -4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 39px;
        width: 36px;
        padding: 12px 10px;
        text-align: center;
        cursor: pointer; }
        .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover {
          background-color: #fff; }
          .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-power {
            background-position: -120px -220px; }
          .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-uid {
            background-position: -139px -220px; }
          .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-console {
            background-position: -160px -220px; }
          .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-disc {
            background-position: -180px -220px; }
        .hp-sub-nav .hp-application-context ol.hp-application-controls li.hp-selected {
          background-color: #d6eef8; }
        .hp-sub-nav .hp-application-context ol.hp-application-controls li a {
          display: block; }
  @media print {
    .hp-sub-nav {
      display: none; } }

.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-filterbar {
  width: 200px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -200px;
  overflow-y: auto;
  background-color: #f3f3f3;
  border-right: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s; }
  .hp-filterbar-open .hp-filterbar {
    left: 0px; }
  .hp-filterbar > header h1 {
    white-space: nowrap;
    margin-top: 25px;
    margin-left: 0px;
    margin-bottom: 22px;
    padding-right: 20px; }
  @media print {
    .hp-filterbar {
      display: none; } }

div.hp-master-filter {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  top: 50px;
  left: -200px;
  bottom: 10px;
  width: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s; }
  div.hp-filterbar-open div.hp-master-filter {
    left: 10px; }
  div.hp-master-filter > 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; }
    div.hp-master-filter > header h1 {
      display: inline-block;
      font-size: 18px;
      line-height: inherit; }
    div.hp-master-filter > header .hp-filter-reset {
      float: right;
      height: 25px;
      line-height: 23px;
      font-size: 14px;
      line-height: auto;
      margin-top: 8px; }
  div.hp-master-filter .hp-filter {
    margin: 10px 10px 20px 10px; }
    div.hp-master-filter .hp-filter > label {
      margin: 10px 0px; }
      div.hp-master-filter .hp-filter > label:after {
        content: ':'; }
  div.hp-master-filter > .hp-rich-filter {
    display: inline-block;
    white-space: nowrap; }
    div.hp-master-filter > .hp-rich-filter .hp-rack {
      display: block;
      margin: 10px 15px 15px 10px;
      cursor: pointer; }
    div.hp-master-filter > .hp-rich-filter .hp-device {
      cursor: pointer; }
      div.hp-master-filter > .hp-rich-filter .hp-device:hover {
        background-color: #f3f3f3; }
      div.hp-master-filter > .hp-rich-filter .hp-device.hp-selected {
        background-color: #d6eef8; }
  @media print {
    div.hp-master-filter {
      display: none; } }

div.hp-master-details {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  -webkit-transition: left 0.5s, right 0.5s;
  -moz-transition: left 0.5s, right 0.5s;
  transition: left 0.5s, right 0.5s; }
  div.hp-filterbar-open div.hp-master-details {
    left: 215px; }
  body.hp-basic-layout div.hp-master-details {
    top: 55px;
    left: 15px;
    right: 15px;
    bottom: 15px; }
  #hp-body-div.hp-sidebar-open.hp-sessioned div.hp-master-details {
    right: 220px; }
  div.hp-master-details div.hp-master-pane {
    width: 170px;
    background-color: white;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    border-right: 5px solid #d9d9d9; }
    body.hp-basic-layout div.hp-master-details div.hp-master-pane {
      border-right: 1px solid #d9d9d9; }
    div.hp-master-details div.hp-master-pane .hp-master-header {
      min-height: 35px; }
      div.hp-master-details div.hp-master-pane .hp-master-header .hp-master-title {
        display: inline-block;
        max-width: 120px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        div.hp-master-details div.hp-master-pane .hp-master-header .hp-master-title a {
          max-width: 120px; }
    div.hp-master-details div.hp-master-pane.hp-plain {
      overflow: auto; }
    div.hp-master-details div.hp-master-pane > .ui-resizable-e {
      width: 10px;
      right: -5px; }
    @media print {
      div.hp-master-details div.hp-master-pane {
        display: none; } }
  @media print {
    div.hp-master-details {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

div.hp-master-full {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 0px 15px 10px 15px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  -webkit-transition: left 0.5s, right 0.5s;
  -moz-transition: left 0.5s, right 0.5s;
  transition: left 0.5s, right 0.5s; }
  div.hp-filterbar-open div.hp-master-full {
    left: 215px; }
  #hp-body-div.hp-sidebar-open.hp-sessioned div.hp-master-full {
    right: 220px; }
  div.hp-master-full div.hp-master-pane {
    right: 0px;
    padding: 0px 15px 15px 15px; }
  div.hp-master-full .hp-master-table > tbody > td {
    height: inherit;
    line-height: inherit;
    padding: 13px 10px; }
    div.hp-master-full .hp-master-table > tbody > td.hp-icon {
      height: 30px; }
  div.hp-master-full .hp-master-table > tbody > tr.hp-selected > td.hp-row-details-cell, div.hp-master-full .hp-master-table > tbody > tr.hp-selected:hover > td.hp-row-details-cell {
    border-bottom-color: #d9d9d9; }
  div.hp-master-full .hp-master-table > tbody > tr.hp-selected > td:last-child, div.hp-master-full .hp-master-table > tbody > tr.hp-selected:hover > td:last-child {
    border-right: 1px solid #d9d9d9;
    padding-right: 9px; }
    div.hp-master-full .hp-master-table > tbody > tr.hp-selected > td:last-child:after, div.hp-master-full .hp-master-table > tbody > tr.hp-selected:hover > td:last-child:after {
      content: '';
      display: none; }
  div.hp-master-full .hp-master-header {
    height: 30px;
    line-height: 30px;
    margin: 35px 0px 25px 0px;
    z-index: 50; }
    div.hp-master-full .hp-master-header > * {
      display: inline-block;
      vertical-align: top; }
    div.hp-master-full .hp-master-header .hp-master-title {
      display: none; }
    div.hp-master-full .hp-master-header > .hp-status {
      position: relative;
      top: 3px;
      left: 0px;
      margin-right: 5px; }
    div.hp-master-full .hp-master-header h1 {
      padding-left: 0px;
      line-height: inherit;
      margin: 0px; }
    div.hp-master-full .hp-master-header .hp-status-counts {
      margin-right: 20px; }
    div.hp-master-full .hp-master-header .hp-header-sort > * {
      display: inline-block;
      vertical-align: top; }
    div.hp-master-full .hp-master-header .hp-header-sort .hp-sort {
      height: 28px;
      line-height: 28px; }
    div.hp-master-full .hp-master-header .hp-header-controls .hp-details-actions {
      height: 28px;
      line-height: 28px;
      border-left: none; }
  @media print {
    div.hp-master-full {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      margin-top: 80px; } }

.hp-master-header {
  position: relative;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
  .hp-master-header h1 {
    position: relative;
    padding: 5px 0px;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px; }
    .hp-master-header h1 .hp-status {
      display: inline-block; }
  .hp-master-header .hp-master-add {
    display: inline-block;
    margin-right: 10px; }
    .hp-master-header .hp-master-add a {
      display: block;
      height: 25px;
      line-height: 23px;
      font-size: 14px;
      line-height: auto;
      max-width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: none;
      padding-left: 18px;
      padding-right: 10px;
      background-image: url(data:image/gif;base64,R0lGODlhFAAUAJEAAAB9uv///////wAAACH5BAEHAAIALAAAAAAUABQAAAIdlI+py+0Po5wNAGosFlra/0EgOHWUWV7byrbumxQAOw==);
      background-position: 0px 1px;
      background-repeat: no-repeat; }
  .hp-master-header .hp-master-grid-sort {
    display: inline-block;
    font-weight: normal;
    line-height: 30px; }
    .hp-master-header .hp-master-grid-sort .hp-sort {
      display: inline-block; }
  .hp-master-header:hover .hp-close {
    display: block; }

div.hp-master-pane {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  overflow: visible;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  transition: width 0.5s; }
  div.hp-master-pane .hp-master-header {
    margin-bottom: 10px; }
    div.hp-master-pane .hp-master-header:after {
      content: '';
      height: 0px;
      clear: both;
      visibility: hidden; }
    div.hp-master-pane .hp-master-header .hp-master-view {
      display: none;
      float: right;
      vertical-align: top;
      font-size: 0px; }
      div.hp-master-pane .hp-master-header .hp-master-view.hp-active {
        display: block; }
      div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 25px;
        height: 25px;
        background-image: url("../../img/hp-piano/hp-piano-icons.png");
        background-repeat: no-repeat;
        cursor: pointer; }
        div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view:hover, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view:hover {
          background-color: #e6e6e6; }
      div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view {
        border-right: 1px solid #e6e6e6;
        background-position: -212px -11px; }
        div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view:hover, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view.hp-active {
          background-position: -212px 9px; }
      div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view {
        background-position: -212px -51px; }
        div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view:hover, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view.hp-active {
          background-position: -212px -31px; }
  div.hp-master-pane .dataTables_scrollBody {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }
    body.hp-basic-layout div.hp-master-pane .dataTables_scrollBody {
      border-bottom: none; }
    div.hp-master-pane .dataTables_scrollBody:focus {
      outline: none; }
  div.hp-master-pane .hp-master-table:focus {
    outline: none; }
  div.hp-master-pane .hp-master-table > thead th, div.hp-master-pane .hp-master-table > thead td {
    white-space: nowrap;
    padding: 5px 20px 5px 10px;
    font-family: 'HPBold', Arial, Helvetica, sans-serif; }
  div.hp-master-pane .hp-master-table > tbody > tr > td {
    height: 14px;
    line-height: 14px;
    padding: 8px 10px; }
    div.hp-master-pane .hp-master-table > tbody > tr > td > * {
      height: 14px; }
    div.hp-master-pane .hp-master-table > tbody > tr > td a:hover {
      text-decoration: none; }
    div.hp-master-pane .hp-master-table > tbody > tr > td.hp-icon {
      padding-top: 0px;
      padding-bottom: 0px; }
      div.hp-master-pane .hp-master-table > tbody > tr > td.hp-icon > .hp-status {
        position: relative;
        top: 10px; }
  div.hp-master-pane .hp-master-table > tbody > tr {
    cursor: pointer;
    color: #333333; }
    div.hp-master-pane .hp-master-table > tbody > tr:hover {
      color: #333333; }
    div.hp-master-pane .hp-master-table > tbody > tr.hp-selected {
      color: black; }
    div.hp-master-pane .hp-master-table > tbody > tr.hp-expanded {
      background-color: white; }
    div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control {
      background-image: none; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control > td {
        padding-top: 15px;
        padding-bottom: 15px; }
        div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control > td:hover {
          background-color: inherit; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control a:not(.hp-disabled) {
        color: #007dba; }
    div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row {
      cursor: auto;
      background: none; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row > td > * {
        height: auto; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row .hp-row-details-cell {
        padding: 0px 20px 20px 50px;
        border-top-style: none;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6; }
        div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row .hp-row-details-cell a:not(.hp-disabled) {
          color: #007dba; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row form:last-of-type {
        padding-bottom: 0px; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row form, div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row ol {
        margin-bottom: 0px; }
  div.hp-master-pane > .hp-master-table {
    width: 100%;
    overflow: auto; }
  div.hp-master-pane .hp-master-grid {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px -5px; }
    div.hp-master-pane .hp-master-grid:focus {
      outline: none; }
    div.hp-master-pane .hp-master-grid .hp-master-grid-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      margin: 5px;
      min-width: 180px;
      color: #737373;
      background-color: #fcfcfc;
      border: 1px solid #e6e6e6;
      cursor: pointer; }
      html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-item {
        color: #333333; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item:hover {
        background-color: white;
        color: #333333;
        border-color: #999999; }
        html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-item:hover {
          color: black; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item:hover > header {
          background-color: white; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item.hp-selected {
        border: 1px solid #999999;
        color: #333333; }
        html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-item.hp-selected {
          color: black; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item.hp-selected > header {
          background-color: #d6eef8; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item.hp-selected .hp-master-item-summary {
          background-color: white; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item > header {
        padding: 5px 10px;
        color: #000; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item > header > * {
          display: inline-block;
          vertical-align: top; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item > header > .hp-status {
          position: relative;
          top: 2px; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item label {
        color: #737373; }
        html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-item label {
          color: #333333; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-summary, div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-details {
        position: relative;
        padding: 10px; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-summary .hp-column-form, div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-details .hp-column-form {
          width: auto;
          display: inline-block;
          vertical-align: top;
          margin-right: 80px; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-summary {
        background-color: #e6e6e6; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-summary .hp-master-item-summary-items li {
          display: inline-block;
          margin-right: 10px;
          margin-bottom: 5px; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-details {
        display: none; }
    div.hp-master-pane .hp-master-grid #hp-master-show-more {
      display: inline-block;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 15px;
      color: #007dba; }
    div.hp-master-pane .hp-master-grid .hp-master-grid-control {
      padding: 15px 5px; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-control .hp-master-grid-empty {
        color: #737373;
        font-style: italic;
        margin-bottom: 15px; }
        html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-control .hp-master-grid-empty {
          color: #333333; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-control a:not(.hp-disabled) {
        color: #007dba;
        display: block;
        margin-top: 10px; }
  div.hp-master-pane .dataTables_wrapper {
    display: none; }
    div.hp-master-pane .dataTables_wrapper.hp-active {
      display: block; }
    div.hp-master-pane .dataTables_wrapper.hp-empty {
      display: none; }
  div.hp-master-pane .hp-master-grid {
    display: none; }
    div.hp-master-pane .hp-master-grid.hp-active {
      display: block; }
    div.hp-master-pane .hp-master-grid.hp-empty {
      display: none; }
  div.hp-master-pane .hp-master-pane-summary {
    position: absolute;
    bottom: 0px;
    left: 15px;
    right: 15px;
    padding: 15px 0px;
    border-top: 1px solid #d9d9d9; }
    div.hp-master-pane .hp-master-pane-summary .hp-summary label {
      display: inline-block;
      color: #737373;
      margin-right: 10px; }
      html.hp-high-contrast div.hp-master-pane .hp-master-pane-summary .hp-summary label {
        color: #333333; }
    div.hp-master-pane .hp-master-pane-summary .hp-summary .hp-value {
      display: inline-block;
      color: #333333; }
      html.hp-high-contrast div.hp-master-pane .hp-master-pane-summary .hp-summary .hp-value {
        color: black; }
    div.hp-master-pane .hp-master-pane-summary .hp-summary .hp-utilization-meter {
      margin-top: 10px;
      width: 160px; }

table.hp-master-table a {
  color: #007dba; }

div.hp-details-pane {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 205px;
  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: hidden;
  background-color: white;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s; }
  div.hp-details-pane.hp-plain {
    overflow: auto; }
  div.hp-details-pane.hp-empty {
    background-color: #f3f3f3; }
    div.hp-details-pane.hp-empty > * {
      visibility: hidden; }
    div.hp-details-pane.hp-empty > .hp-empty-message {
      display: block;
      visibility: visible;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -50px;
      color: #737373;
      font-style: italic;
      font-size: 18px; }
    div.hp-details-pane.hp-empty > #hp-no-details {
      display: block;
      visibility: visible; }
  @media print {
    div.hp-details-pane {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      left: 0px !important;
      padding: 0px; } }

div.hp-details-full {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 15px 15px 15px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  -webkit-transition: left 0.5s, right 0.5s;
  -moz-transition: left 0.5s, right 0.5s;
  transition: left 0.5s, right 0.5s; }
  div.hp-full-page div.hp-details-full {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px; }
    body.hp-basic-layout div.hp-full-page div.hp-details-full {
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px; }
  #hp-body-div.hp-sidebar-open.hp-sessioned div.hp-details-full {
    right: 220px; }
  div.hp-details-full div.hp-remote-console {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #333;
    color: #fff;
    font-family: monospace;
    padding: 10px; }

div.hp-master-full.hp-notify-open .hp-master-list, div.hp-master-full.hp-notify-open > div.dataTables_wrapper {
  top: 140px; }
div.hp-master-full.hp-notify-open.hp-notify-disabled .hp-master-list, div.hp-master-full.hp-notify-open.hp-notify-disabled > div.dataTables_wrapper {
  top: 90px; }
div.hp-master-full > div.dataTables_wrapper {
  position: absolute;
  top: 85px;
  left: 15px;
  right: 15px;
  bottom: 0px; }
div.hp-master-full .hp-master-list {
  position: absolute;
  top: 85px;
  left: 15px;
  right: 15px;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0px; }
  div.hp-master-full .hp-master-list:focus {
    border: none;
    outline: none; }
  div.hp-master-full .hp-master-list > li.hp-pending {
    background-color: #f3f3f3; }
    @media print {
      div.hp-master-full .hp-master-list > li.hp-pending {
        display: none; } }
  div.hp-master-full .hp-master-list li.hp-master-list-item {
    position: relative;
    border-top: 3px solid #ccc;
    margin-bottom: 10px;
    padding: 0px; }
    div.hp-master-full .hp-master-list li.hp-master-list-item.hp-selected .hp-master-list-item-primary header {
      background-color: #d6eef8; }
    div.hp-master-full .hp-master-list li.hp-master-list-item:hover a {
      text-decoration: underline; }
    div.hp-master-full .hp-master-list li.hp-master-list-item.hp-collapsed .hp-master-item-detail {
      display: none; }
    div.hp-master-full .hp-master-list li.hp-master-list-item.hp-expanded .hp-master-item-summary {
      display: none; }
    div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary {
      background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
      background-position: left bottom;
      background-repeat: repeat-x;
      padding-bottom: 1px; }
      div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > * {
        padding-top: 10px;
        margin: 0px 30px; }
      div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header {
        line-height: 18px;
        padding: 10px;
        margin: 0px;
        cursor: pointer; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header > * {
          display: inline-block;
          vertical-align: top; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-collapser {
          width: 20px; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-master-item-name {
          font-size: 16px;
          margin-left: 5px;
          margin-right: 20px; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-summary {
          color: #737373;
          margin-right: 20px; }
          html.hp-high-contrast div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-summary {
            color: #333333; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header form {
          margin-bottom: 0px;
          width: auto; }
          div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header form .hp-form-content {
            white-space: nowrap; }
    div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-secondary {
      padding: 10px 0px;
      margin-left: 30px; }
    div.hp-master-full .hp-master-list li.hp-master-list-item form {
      display: inline-block;
      width: 45%; }
      div.hp-master-full .hp-master-list li.hp-master-list-item form.hp-show-form {
        vertical-align: top; }
  div.hp-master-full .hp-master-list #hp-master-show-more {
    display: inline-block;
    margin: 10px 0px 20px 15px;
    color: #007dba; }
  div.hp-master-full .hp-master-list .hp-master-list-splash {
    max-width: 300px;
    margin: 40px auto;
    text-align: center; }
    div.hp-master-full .hp-master-list .hp-master-list-splash .hp-master-list-empty {
      color: #737373;
      font-style: italic;
      margin-bottom: 20px; }
      html.hp-high-contrast div.hp-master-full .hp-master-list .hp-master-list-splash .hp-master-list-empty {
        color: #333333; }
    div.hp-master-full .hp-master-list .hp-master-list-splash div.hp-help {
      margin: 10px 0px; }
    div.hp-master-full .hp-master-list .hp-master-list-splash a {
      display: block;
      color: #007dba; }
  @media print {
    div.hp-master-full .hp-master-list .hp-master-list-control {
      display: none; } }
  @media print {
    div.hp-master-full .hp-master-list {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

.hp-header-controls, .hp-details-header-controls {
  position: absolute;
  right: 0px;
  top: 0px; }
  .hp-header-controls > *, .hp-details-header-controls > * {
    display: inline-block;
    vertical-align: top; }
  .hp-header-controls .hp-map-control, .hp-details-header-controls .hp-map-control {
    position: relative;
    top: 5px;
    margin-right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -256px -19px;
    background-repeat: no-repeat; }
    .hp-header-controls .hp-map-control:hover, .hp-details-header-controls .hp-map-control:hover {
      background-position: -256px 1px; }
  .hp-header-controls .hp-details-actions > label, .hp-header-controls .hp-header-actions > label, .hp-details-header-controls .hp-details-actions > label, .hp-details-header-controls .hp-header-actions > label {
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    font-family: 'HPRegular', Arial, Helvetica, sans-serif;
    color: #007dba;
    border: 2px solid #BFE5F5;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #BFE5F5; }
    .hp-header-controls .hp-details-actions > label:after, .hp-header-controls .hp-header-actions > label:after, .hp-details-header-controls .hp-details-actions > label:after, .hp-details-header-controls .hp-header-actions > label:after {
      display: inline-block;
      vertical-align: top;
      content: '';
      width: 25px;
      height: 25px;
      margin-left: 10px;
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAACAtl+v0SORwJ/P5Eejyg+Huq/X6C+Xw2+31v///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWHMZkHMVWAGRyAqlmAECQBHS5DbRADx4EDYAAEQCEkHLJbDqfmQgAOw==);
      background-position: 3px 4px;
      background-repeat: no-repeat;
      border-left: 1px solid #ccc; }
    .hp-header-controls .hp-details-actions > label:hover, .hp-header-controls .hp-header-actions > label:hover, .hp-details-header-controls .hp-details-actions > label:hover, .hp-details-header-controls .hp-header-actions > label:hover {
      border-color: #999; }
  .hp-header-controls .hp-details-actions.hp-active > label, .hp-header-controls .hp-header-actions.hp-active > label, .hp-details-header-controls .hp-details-actions.hp-active > label, .hp-details-header-controls .hp-header-actions.hp-active > label {
    border-color: transparent;
    background-color: transparent; }
  .hp-header-controls .hp-details-actions .hp-details-actions-button, .hp-header-controls .hp-details-actions .hp-header-actions-button, .hp-header-controls .hp-header-actions .hp-details-actions-button, .hp-header-controls .hp-header-actions .hp-header-actions-button, .hp-details-header-controls .hp-details-actions .hp-details-actions-button, .hp-details-header-controls .hp-details-actions .hp-header-actions-button, .hp-details-header-controls .hp-header-actions .hp-details-actions-button, .hp-details-header-controls .hp-header-actions .hp-header-actions-button {
    border: none; }
    .hp-header-controls .hp-details-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-details-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-header-controls .hp-details-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-details-actions .hp-header-actions-button .hp-header-actions-button-label, .hp-header-controls .hp-header-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-header-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-header-controls .hp-header-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-header-actions .hp-header-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-header-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-header-actions-button .hp-header-actions-button-label {
      display: inline-block;
      white-space: nowrap; }
  .hp-header-controls .hp-drop-menu label, .hp-details-header-controls .hp-drop-menu label {
    text-align: right; }
  .hp-header-controls .hp-header-selection, .hp-details-header-controls .hp-header-selection {
    color: #737373;
    font-style: italic;
    vertical-align: baseline;
    margin: 0px 10px; }
    html.hp-high-contrast .hp-header-controls .hp-header-selection, html.hp-high-contrast .hp-details-header-controls .hp-header-selection {
      color: #333333; }
  .hp-header-controls .hp-header-select-all, .hp-details-header-controls .hp-header-select-all {
    margin: 0px 10px;
    cursor: pointer; }
  @media print {
    .hp-header-controls, .hp-details-header-controls {
      display: none !important; } }

.hp-details-header, .hp-full-header {
  position: relative;
  height: 40px;
  line-height: 38px;
  margin-bottom: 20px;
  white-space: nowrap;
  z-index: 50;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
  .hp-details-header > *, .hp-full-header > * {
    display: inline-block;
    vertical-align: top; }
  .hp-details-header > .hp-status, .hp-full-header > .hp-status {
    position: relative;
    top: 11px;
    margin-right: 10px; }
  .hp-details-header div.hp-context, .hp-full-header div.hp-context {
    position: absolute;
    top: 2px;
    font-size: 14px;
    line-height: normal;
    color: #aaa; }
  .hp-details-header h1, .hp-full-header h1 {
    margin: 0px;
    padding-left: 0px;
    padding-right: 10px;
    font-size: 28px;
    line-height: 38px;
    font-weight: normal;
    font-family: 'HPLight', Arial, Helvetica, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .hp-details-header h1 .hp-annotation, .hp-full-header h1 .hp-annotation {
      color: #999999; }
      html.hp-high-contrast .hp-details-header h1 .hp-annotation, html.hp-high-contrast .hp-full-header h1 .hp-annotation {
        color: #333333; }
  .hp-details-header .hp-panel-selector, .hp-full-header .hp-panel-selector {
    font-size: 20px;
    border-left: 2px solid #999;
    color: #000; }
    .hp-details-header .hp-panel-selector > label, .hp-full-header .hp-panel-selector > label {
      line-height: 40px;
      height: 40px; }
    .hp-details-header .hp-panel-selector .hp-options li, .hp-full-header .hp-panel-selector .hp-options li {
      height: 36px;
      line-height: 36px; }
      .hp-details-header .hp-panel-selector .hp-options li.hp-sub-options, .hp-full-header .hp-panel-selector .hp-options li.hp-sub-options {
        height: auto; }
  .hp-details-header .hp-panel-selector-title, .hp-full-header .hp-panel-selector-title {
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    padding: 0px 15px;
    border-left: 1px solid #e6e6e6; }
  .hp-details-header.hp-nameless .hp-panel-selector, .hp-full-header.hp-nameless .hp-panel-selector {
    border-left: none;
    margin-left: -10px; }
  .hp-details-header .hp-related-control, .hp-full-header .hp-related-control {
    position: relative;
    top: 7px;
    margin: 0px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    padding: 12px;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -253px -16px;
    background-repeat: no-repeat;
    border: 2px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px; }
    .hp-details-header .hp-related-control:hover, .hp-full-header .hp-related-control:hover {
      background-position: -253px 4px;
      border-color: #999; }
  .hp-details-header .hp-details-header-controls, .hp-details-header .hp-header-controls, .hp-full-header .hp-details-header-controls, .hp-full-header .hp-header-controls {
    top: 6px; }
  @media print {
    .hp-details-header, .hp-full-header {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      height: 80px; } }

.hp-details-nav {
  height: 40px;
  line-height: 38px;
  margin-bottom: 10px;
  white-space: nowrap;
  z-index: 50;
  border-top: 1px solid #e6e6e6; }
  .hp-details-nav > * {
    display: inline-block;
    vertical-align: top; }
  .hp-details-nav .hp-search {
    position: relative;
    height: 100%;
    width: 20px; }
    .hp-details-nav .hp-search:after {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 15px;
      height: 16px;
      background-image: url("../../img/hp-piano/hp-piano-icons.png");
      background-position: -120px -120px;
      background-repeat: no-repeat;
      cursor: pointer; }
      .hp-details-nav .hp-search:after:hover {
        background-position: -120px -100px; }

.hp-details-show-section {
  position: absolute;
  top: 25px;
  bottom: 15px;
  left: 30px;
  right: 30px; }
  .hp-details-show-section .hp-details-show-view {
    position: absolute;
    top: 60px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    color: #666666; }
    .hp-details-show-section .hp-details-show-view a:not(.hp-disabled) {
      color: #007dba; }
    .hp-details-show-section .hp-details-show-view h2 a:not(.hp-disabled), .hp-details-show-section .hp-details-show-view h3 a:not(.hp-disabled), .hp-details-show-section .hp-details-show-view h4 a:not(.hp-disabled) {
      color: #000; }
    @media print {
      .hp-details-show-section .hp-details-show-view {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        overflow: visible; } }
  .hp-details-show-section.hp-notify-open .hp-details-show-view {
    top: 105px; }
  .hp-details-show-section.hp-notify-open.hp-notify-disabled .hp-details-show-view {
    top: 60px; }
  .hp-details-show-section div.hp-grid-panels {
    margin: -10px -15px 0px -15px; }
  @media print {
    .hp-details-show-section {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-overlay, #hp-dialog-overlay, .ui-widget-overlay, .hp-dialog-overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none; }
  #hp-overlay.hp-active, #hp-dialog-overlay.hp-active, .ui-widget-overlay.hp-active, .hp-dialog-overlay.hp-active {
    display: block; }

#hp-body-div.hp-sidebar-open.hp-sessioned #hp-sidebar-controls {
  position: absolute;
  top: 60px;
  content: '';
  display: block;
  right: 0px;
  width: 210px;
  height: 39px;
  border-bottom: 1px solid #d9d9d9; }
  #hp-body-div.hp-sidebar-open.hp-sessioned #hp-sidebar-controls div.hp-sidebar-control {
    position: absolute;
    top: 0px;
    right: -4px;
    width: 35px;
    height: 100%;
    margin-right: 0px; }
    #hp-body-div.hp-sidebar-open.hp-sessioned #hp-sidebar-controls div.hp-sidebar-control div.hp-pin-right {
      position: relative;
      top: 8px;
      left: 10px; }
  body.hp-basic-layout #hp-body-div.hp-sidebar-open.hp-sessioned #hp-sidebar-controls {
    display: none; }
#hp-body-div.hp-sidebar-open.hp-sessioned #hp-overlay, #hp-body-div.hp-sidebar-open.hp-sessioned .hp-overlay {
  right: 210px; }

#hp-overlay, .hp-overlay {
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 399; }
  #hp-overlay.hp-changing, .hp-overlay.hp-changing {
    background-color: rgba(0, 0, 0, 0.6); }
    body.hp-basic-layout #hp-overlay.hp-changing, body.hp-basic-layout .hp-overlay.hp-changing {
      background-color: rgba(208, 208, 208, 0.6); }
  @media print {
    #hp-overlay, .hp-overlay {
      background-color: transparent; } }

#hp-dialog-overlay, .ui-widget-overlay, .hp-dialog-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 499; }
  @media print {
    #hp-dialog-overlay, .ui-widget-overlay, .hp-dialog-overlay {
      background-color: transparent; } }

.ui-widget-overlay {
  display: block; }

#hp-change-page-container-wrapper {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px; }
  body.hp-basic-layout #hp-change-page-container-wrapper {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px; }
  @media print {
    #hp-change-page-container-wrapper {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-change-page-container {
  position: relative;
  top: 0px;
  bottom: 0px;
  height: 100%;
  max-width: 960px;
  min-width: 400px;
  margin: 0px auto;
  background-color: white;
  color: #333333;
  z-index: 400;
  display: none;
  overflow: hidden;
  border-bottom: 5px solid #0096d6;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc; }
  #hp-change-page-container.hp-active {
    display: block; }
  #hp-change-page-container .hp-details-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    padding: 10px 30px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 0px;
    line-height: 40px; }
    #hp-change-page-container .hp-details-header > h1 {
      max-width: 70%; }
    #hp-change-page-container .hp-details-header > .hp-details-header-controls {
      height: 60px;
      top: 0px; }
      #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current {
        position: relative;
        cursor: pointer;
        width: 50px;
        height: 59px;
        line-height: 59px; }
        #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current .hp-icon {
          position: relative;
          top: 20px;
          left: 17px;
          width: 20px;
          height: 20px;
          background-image: url("../../img/hp-piano/hp-piano-icons.png");
          background-repeat: no-repeat;
          background-position: -120px -20px; }
        #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current:hover {
          background-color: white; }
  #hp-change-page-container .hp-stacked-panel > label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 30px;
    color: #000;
    border-color: #e6e6e6; }
  @media print {
    #hp-change-page-container .hp-stacked-panel {
      height: auto !important;
      padding-top: 10px !important; } }
  @media print {
    #hp-change-page-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-dialog-container-wrapper, .hp-dialog-container-wrapper {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  text-align: center; }
  @media print {
    #hp-dialog-container-wrapper, .hp-dialog-container-wrapper {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-dialog-container, .hp-dialog-container {
  max-width: 920px;
  min-width: 300px;
  margin: 0px auto;
  background-color: white;
  color: #333333;
  z-index: 500;
  display: none;
  text-align: left; }
  #hp-dialog-container.hp-active, .hp-dialog-container.hp-active {
    display: inline-block; }
  @media print {
    #hp-dialog-container, .hp-dialog-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      border-left: 20px solid #f3f3f3;
      border-right: 20px solid #f3f3f3; } }

.hp-dialog {
  position: relative;
  padding-top: 65px;
  padding-bottom: 75px;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }
  .hp-dialog > header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    font-family: 'HPRegular', Arial, Helvetica, sans-serif;
    background-color: #f3f3f3;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px; }
    .hp-dialog > header h1 {
      font-size: 28px;
      line-height: 50px;
      font-weight: normal;
      margin: 0px 30px;
      width: 90%;
      overflow-x: hidden;
      text-overflow: ellipsis;
      font-family: 'HPLight', Arial, Helvetica, sans-serif; }
    .hp-dialog > header > .hp-controls {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 100%; }
      .hp-dialog > header > .hp-controls .hp-help-current {
        position: relative;
        display: inline-block;
        cursor: pointer;
        width: 49px;
        height: 100%;
        line-height: 49px; }
        .hp-dialog > header > .hp-controls .hp-help-current .hp-icon {
          position: relative;
          top: 16px;
          left: 18px;
          width: 20px;
          height: 20px;
          background-image: url("../../img/hp-piano/hp-piano-icons.png");
          background-repeat: no-repeat;
          background-position: -120px -20px; }
        .hp-dialog > header > .hp-controls .hp-help-current:hover {
          background-color: white; }
  .hp-dialog footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #d9d9d9;
    white-space: nowrap; }
    .hp-dialog footer .hp-spinner {
      position: absolute;
      left: 0px;
      top: 0px;
      display: inline-block;
      width: auto;
      margin: 7px 10px; }
      .hp-dialog footer .hp-spinner .hp-spinner-image {
        margin: 0px; }
    .hp-dialog footer .hp-control-message {
      display: block;
      vertical-align: top;
      color: #737373;
      white-space: nowrap;
      overflow-x: hidden;
      text-overflow: ellipsis;
      padding: 0px 15px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .hp-dialog footer .hp-control-message.hp-error {
        background-color: #fffdd7;
        border-right: 1px solid #d9d9d9; }
    .hp-dialog footer .hp-controls {
      position: absolute;
      right: 0px;
      top: 0px;
      padding: 0px 30px;
      white-space: nowrap; }
      .hp-dialog footer .hp-controls > * {
        margin-left: 5px; }
  .hp-dialog .hp-filters {
    position: relative; }
    .hp-dialog .hp-filters .hp-search {
      width: 100%;
      padding-right: 30px; }
    .hp-dialog .hp-filters .hp-search-icon {
      position: absolute;
      top: 8px;
      right: 7px;
      width: 15px;
      height: 16px;
      background-image: url("../../img/hp-piano/hp-piano-icons.png");
      background-position: -120px -120px;
      background-repeat: no-repeat; }
  .hp-dialog .hp-add-choices {
    width: 100%;
    min-width: 400px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .hp-dialog .hp-add-choices tr {
      cursor: pointer; }
  .hp-dialog .hp-column-form {
    min-width: 600px; }

.hp-show-view-multi {
  margin: 20px 0px; }

.hp-details-edit-section, .hp-details-add-section {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }
  .hp-details-edit-section.hp-empty, .hp-details-add-section.hp-empty {
    background-color: #f3f3f3; }
    .hp-details-edit-section.hp-empty .hp-panel-selector, .hp-details-edit-section.hp-empty .hp-form-contents, .hp-details-edit-section.hp-empty .hp-stacked-panels, .hp-details-edit-section.hp-empty .hp-form-controls input, .hp-details-add-section.hp-empty .hp-panel-selector, .hp-details-add-section.hp-empty .hp-form-contents, .hp-details-add-section.hp-empty .hp-stacked-panels, .hp-details-add-section.hp-empty .hp-form-controls input {
      visibility: hidden; }
    .hp-details-edit-section.hp-empty > .hp-empty-message, .hp-details-add-section.hp-empty > .hp-empty-message {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -50px;
      color: #737373;
      font-style: italic;
      font-size: 18px; }
    .hp-details-edit-section.hp-empty > #hp-no-details, .hp-details-add-section.hp-empty > #hp-no-details {
      display: block;
      visibility: visible; }
  .hp-details-edit-section .hp-edit-form, .hp-details-edit-section .hp-add-form, .hp-details-add-section .hp-edit-form, .hp-details-add-section .hp-add-form {
    position: absolute;
    top: 60px;
    bottom: 0px;
    padding-bottom: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .hp-details-edit-section .hp-edit-form > .hp-form-contents, .hp-details-edit-section .hp-add-form > .hp-form-contents, .hp-details-add-section .hp-edit-form > .hp-form-contents, .hp-details-add-section .hp-add-form > .hp-form-contents {
      height: 100%;
      padding: 20px 15px;
      margin-bottom: 60px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      overflow: auto; }
    .hp-details-edit-section .hp-edit-form > .hp-stacked-panels, .hp-details-edit-section .hp-add-form > .hp-stacked-panels, .hp-details-add-section .hp-edit-form > .hp-stacked-panels, .hp-details-add-section .hp-add-form > .hp-stacked-panels {
      height: 100%;
      margin: 0px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    .hp-details-edit-section .hp-edit-form > .hp-footer, .hp-details-edit-section .hp-add-form > .hp-footer, .hp-details-add-section .hp-edit-form > .hp-footer, .hp-details-add-section .hp-add-form > .hp-footer {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      height: 60px; }
      @media print {
        .hp-details-edit-section .hp-edit-form > .hp-footer, .hp-details-edit-section .hp-add-form > .hp-footer, .hp-details-add-section .hp-edit-form > .hp-footer, .hp-details-add-section .hp-add-form > .hp-footer {
          position: static;
          top: auto;
          left: auto;
          right: auto;
          bottom: auto;
          height: auto;
          width: auto;
          overflow: visible;
          position: relative; } }
    @media print {
      .hp-details-edit-section .hp-edit-form, .hp-details-edit-section .hp-add-form, .hp-details-add-section .hp-edit-form, .hp-details-add-section .hp-add-form {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        overflow: visible; } }
  @media print {
    .hp-details-edit-section, .hp-details-add-section {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

.hp-details-more-section, .hp-details-contents {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }
  .hp-details-more-section.hp-has-nav, .hp-details-contents.hp-has-nav {
    top: 50px; }
  .hp-details-more-section .hp-stacked-panels, .hp-details-contents .hp-stacked-panels {
    height: 100%;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  @media print {
    .hp-details-more-section, .hp-details-contents {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

.hp-details-contents {
  overflow: auto; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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); } }

div.hp-dashboard div.hp-details-full {
  padding: 0px; }
div.hp-dashboard div.hp-grid-panels {
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel > header a .hp-count {
    padding-left: 5px;
    color: #999999; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel > header a:hover .hp-count {
    color: #007dba; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container {
    overflow: hidden; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel ol.hp-summary-status {
    font-size: 16px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel ol.hp-utilization-summary li {
    display: inline-block;
    margin-right: 20px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel .hp-pie {
    width: 120px;
    height: 120px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel .hp-pie-summary {
    margin: 10px 0px;
    text-align: center; }

.hp-dashboard {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  width: auto;
  overflow: auto;
  padding: 0px; }
  .hp-dashboard .hp-details-edit-section {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 200px;
    bottom: 0px;
    height: auto;
    width: auto;
    min-width: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    padding: 10px 24px 0px 24px; }
    @media print {
      .hp-dashboard .hp-details-edit-section {
        position: relative;
        left: 0px !important; } }
  .hp-dashboard .hp-grid-panels .hp-aggregate-panel {
    text-align: center; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel > header {
      text-align: left; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel .hp-aspects {
      text-align: center; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel > ol, .hp-dashboard .hp-grid-panels .hp-aggregate-panel > table {
      margin: 40px auto; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel > table {
      margin-top: 30px; }

section.hp-dashboard-panels {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 30px;
  background-color: white; }

ol.hp-dashboard-primary {
  height: 50%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0px; }

ol.hp-dashboard-secondary {
  height: 34%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0px; }

ol.hp-dashboard-indicators {
  height: 16%;
  width: 100%;
  border-top: 5px solid #e6e6e6;
  margin: 0px; }

div.hp-dashboard-tertiary {
  background-color: #f3f3f3; }

div.hp-dashboard-notify {
  position: relative;
  background-color: #fffdd7;
  color: black;
  font-size: 20px;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
  div.hp-dashboard-notify .hp-status.hp-primary {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px; }

li.hp-dashboard-panel {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  border-top: 5px solid #e6e6e6;
  margin-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 30px;
  height: 100%;
  overflow: hidden; }
  li.hp-dashboard-panel:last-child {
    margin-right: 0px; }
  li.hp-dashboard-panel header h2 {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    font-family: 'HPBold', Arial, Helvetica, sans-serif; }
    html.hp-high-contrast li.hp-dashboard-panel header h2 {
      color: #333333; }
    li.hp-dashboard-panel header h2 .hp-count {
      color: #999999;
      font-family: 'HPRegular', Arial, Helvetica, sans-serif;
      padding-left: 10px; }
      li.hp-dashboard-panel header h2 .hp-count:after {
        content: ' >'; }
      html.hp-high-contrast li.hp-dashboard-panel header h2 .hp-count {
        color: #666666; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts li {
    min-width: 60px;
    padding-right: 0px;
    margin-right: 20px; }
    li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts li:last-of-type {
      margin-right: 0px; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status {
    display: inline-block;
    margin: 0px 2px; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count, li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-delta {
    display: inline-block;
    height: 14px;
    font-size: 15px;
    padding-top: 4px;
    text-align: center; }
    li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count:after, li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-delta:after {
      content: ' '; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count {
    display: none; }
  li.hp-dashboard-panel:hover .hp-alerts-summary .hp-status-count {
    display: inline-block; }
  li.hp-dashboard-panel:hover .hp-alerts-summary .hp-status-delta {
    display: none; }
  li.hp-dashboard-panel table {
    margin: 15px 0px; }
    li.hp-dashboard-panel table td, li.hp-dashboard-panel table th {
      padding: 5px; }
    li.hp-dashboard-panel table thead td, li.hp-dashboard-panel table thead th {
      background-color: white;
      color: #cccccc;
      border-left: none; }
      html.hp-high-contrast li.hp-dashboard-panel table thead td, html.hp-high-contrast li.hp-dashboard-panel table thead th {
        color: #666666; }

.hp-indicator {
  display: inline-block;
  padding: 15px 0px; }
  .hp-indicator .hp-value {
    display: inline-block;
    font-size: 36px;
    line-height: 42px;
    color: #666;
    font-family: 'HPLight', Arial, Helvetica, sans-serif; }
    html.hp-high-contrast .hp-indicator .hp-value {
      color: #333333; }
    .hp-indicator .hp-value:hover {
      color: #007dba;
      text-decoration: none; }
  .hp-indicator .hp-delta {
    display: inline-block; }
  .hp-indicator label {
    display: block;
    margin-top: 5px;
    color: #737373; }
    html.hp-high-contrast .hp-indicator label {
      color: #333333; }
  .hp-indicator.hp-changed .hp-value, .hp-indicator.hp-changed label {
    color: #333333; }
    html.hp-high-contrast .hp-indicator.hp-changed .hp-value, html.hp-high-contrast .hp-indicator.hp-changed label {
      color: black; }

.hp-dashboard-activity h1 {
  font-size: 18px;
  line-height: 18px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 20px; }
  html.hp-high-contrast .hp-dashboard-activity h1 {
    color: #333333; }
  .hp-dashboard-activity h1 .hp-activity-count {
    color: #737373; }
    .hp-dashboard-activity h1 .hp-activity-count:before {
      content: "("; }
    .hp-dashboard-activity h1 .hp-activity-count:after {
      content: ")"; }
    html.hp-high-contrast .hp-dashboard-activity h1 .hp-activity-count {
      color: #333333; }
.hp-dashboard-activity .hp-summary > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 16px; }
  .hp-dashboard-activity .hp-summary > li .hp-status, .hp-dashboard-activity .hp-summary > li .hp-user {
    margin-bottom: 5px;
    margin-right: 0px; }
  .hp-dashboard-activity .hp-summary > li .hp-user {
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -100px -20px;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px; }
    .hp-dashboard-activity .hp-summary > li .hp-user.hp-unset {
      background-position: -100px -40px; }

.hp-dashboard-value {
  position: relative;
  display: inline-block;
  line-height: 32px;
  padding-bottom: 20px; }
  .hp-grid-panels .hp-grid-panel .hp-panel-contents .hp-dashboard-value {
    width: auto;
    vertical-align: top;
    min-width: 200px; }
  .hp-dashboard-value > * {
    display: inline-block;
    vertical-align: top; }
  .hp-dashboard-value h3 {
    display: block; }
  .hp-dashboard-value .hp-value-graph {
    margin-right: 15px;
    margin-bottom: 15px; }
  .hp-dashboard-value .hp-status {
    float: left;
    top: 10px;
    margin-right: 15px; }
  .hp-dashboard-value .hp-value {
    font-size: 32px;
    line-height: normal;
    color: #666;
    font-family: 'HPLight', Arial, Helvetica, sans-serif; }
    .hp-dashboard-value .hp-value .hp-unavailable {
      display: inline-block;
      height: 28px; }
    .hp-dashboard-value .hp-value .hp-units-details {
      display: block;
      font-size: 18px; }

ol.hp-dashboard-controls li {
  margin-bottom: 10px; }

.hp-grid-panels .hp-grid-panel .hp-panel-contents div.hp-dashboard-bar-graph {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0px 5px;
  width: 125px; }
  .hp-grid-panels .hp-grid-panel .hp-panel-contents div.hp-dashboard-bar-graph .hp-graph {
    width: 120px;
    height: 120px; }

div.hp-dashboard div.hp-value.hp-primary {
  color: inherit;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: normal;
  margin-bottom: 30px; }
  div.hp-dashboard div.hp-value.hp-primary.hp-notify {
    background-color: #fffdd7;
    padding: 15px; }
    div.hp-dashboard div.hp-value.hp-primary.hp-notify .hp-status {
      margin-top: 0px;
      margin-left: 0px; }
  div.hp-dashboard div.hp-value.hp-primary > .hp-status {
    display: inline-block; }
  div.hp-dashboard div.hp-value.hp-primary .hp-summary {
    display: inline-block; }
  div.hp-dashboard div.hp-value.hp-primary .hp-units-details {
    display: block;
    margin-top: 10px;
    font-family: 'HPLight', Arial, Helvetica, sans-serif;
    font-size: 20px; }
  div.hp-dashboard div.hp-value.hp-primary .hp-guidance {
    padding: 15px 0px;
    font-family: 'HPLight', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000; }
div.hp-dashboard div.hp-graphed-value {
  width: 200px;
  margin: 30px auto; }

/*
.hp-activity {
  color: $secondary-primary-color;
  margin-bottom: 25px;
  
  html.hp-high-contrast & {
    color: $projection-secondary-color;
  }
  
  > * {
    display: inline-block;
    vertical-align: top;
  }
  
  .hp-status, .hp-user {
    width: 11px;
    height: 11px;
    margin-top: 5px;
    margin-right: 5px;
  }
  
  .hp-user {
    background-image: url($img_file);
    background-position: $user-x -120px;
    background-repeat: no-repeat;
  }
  
  .hp-message {
    width: 140px;
  }
}
*/
/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-welcome {
  max-width: 800px;
  margin: 40px auto;
  text-align: center;
  overflow-y: auto;
  /*.hp-virtual-appliance {
    display: inline-block;
    margin: 60px 20px;
    border: 1px solid $primary-divider;
    
    label {
      display: block;
      color: $secondary-color;
      padding: 5px 0px 0px 0px;
      
      html.hp-high-contrast & {
        color: $projection-secondary-color;
      }
    }
  }*/ }
  #hp-welcome header h1 {
    font-size: 22px; }
  #hp-welcome .hp-virtual-appliance {
    margin: 60px 20px; }

/*
.hp-aspects {
  margin: 30px 0px 0px 30px;
  /*margin: 0px; */
  text-align: left;

  .hp-aspect {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 120px;
    
    /*&:last-of-type { */
    /*  margin-right: 0px; */
    /*} */
    
    h2 {
      font-size: 18px;
      color: $secondary-color;
      margin: 0px 0px 20px 0px;
      
      html.hp-high-contrast & {
        color: $projection-secondary-color;
      }
    }
    
    .hp-status, .hp-value {
      display: inline-block;
      vertical-align: top;
      line-height: 20px;
    }
    
    .hp-value {
      margin-left: 10px;
    }
    
    .hp-error {
      display: inline-block;
      margin-top: 10px;
      padding: 10px;
      background-color: $attention-background;
    }
  }
  
  &.hp-summary .hp-aspect {
    .hp-value {
      font-size: 20px;
    }
  }
}
*/
/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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); } }

form.hp-show-form {
  width: 100%;
  margin-bottom: 20px; }
  form.hp-show-form fieldset {
    margin: 20px 0px;
    border: none; }
    form.hp-show-form fieldset:first-of-type {
      margin-top: 0px; }
    form.hp-show-form fieldset:last-of-type {
      margin-bottom: 0px; }
    form.hp-show-form fieldset > legend {
      color: #737373;
      font-size: 16px;
      padding-bottom: 20px; }
      html.hp-high-contrast form.hp-show-form fieldset > legend {
        color: #333333; }
  form.hp-show-form li.hp-form-item {
    font-size: 0px; }
    form.hp-show-form li.hp-form-item:last-of-type {
      margin-bottom: 0px; }
    form.hp-show-form li.hp-form-item > * {
      vertical-align: top;
      display: inline-block;
      font-size: 13px;
      line-height: 17px; }
    form.hp-show-form li.hp-form-item > label:first-of-type {
      max-width: 170px;
      width: 33%;
      margin-bottom: 5px;
      color: #7f7f7f;
      padding-right: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      form.hp-show-form li.hp-form-item > label:first-of-type.hp-condensed {
        width: auto; }
    form.hp-show-form li.hp-form-item > .hp-form-content {
      width: 66%;
      margin-bottom: 5px;
      font-size: 13px;
      color: #000; }
      form.hp-show-form li.hp-form-item > .hp-form-content.hp-ellipsis {
        width: 66%; }
    form.hp-show-form li.hp-form-item .hp-help, form.hp-show-form li.hp-form-item .hp-error, form.hp-show-form li.hp-form-item .hp-optional, form.hp-show-form li.hp-form-item .hp-important {
      display: inline-block;
      margin: 0px;
      min-width: 80px;
      max-width: 33%;
      color: #737373; }
    form.hp-show-form li.hp-form-item .hp-status {
      display: inline-block;
      top: 4px; }
    form.hp-show-form li.hp-form-item .hp-important {
      position: relative;
      top: -5px;
      background-color: #fffdd7;
      color: #333333;
      padding: 5px; }
    form.hp-show-form li.hp-form-item .hp-ellipsis {
      display: inline-block;
      width: 80%; }
    form.hp-show-form li.hp-form-item label {
      color: #737373;
      white-space: normal; }
      html.hp-high-contrast form.hp-show-form li.hp-form-item label {
        color: #333333; }
      form.hp-show-form li.hp-form-item label.hp-value {
        color: #000;
        margin-right: 10px;
        width: auto; }
        html.hp-high-contrast form.hp-show-form li.hp-form-item label.hp-value {
          color: black; }
      form.hp-show-form li.hp-form-item label.hp-error {
        color: #dc442f; }

form.hp-edit-form, form.hp-add-form {
  position: relative;
  width: 100%;
  min-width: 600px; }
  form.hp-edit-form .hp-form-contents fieldset, form.hp-add-form .hp-form-contents fieldset {
    padding-left: 15px;
    padding-right: 15px; }
  body.hp-narrow form.hp-edit-form, body.hp-narrow form.hp-add-form {
    min-width: 340px; }
  form.hp-edit-form ol.hp-stacked-panels fieldset, form.hp-add-form ol.hp-stacked-panels fieldset {
    padding-left: 30px;
    padding-right: 30px; }
  form.hp-edit-form fieldset, form.hp-add-form fieldset {
    position: relative;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0px 0px;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left top;
    background-repeat: repeat-x;
    margin: 20px 0px;
    min-width: 630px; }
    form.hp-edit-form fieldset:first-of-type, form.hp-add-form fieldset:first-of-type {
      background-image: none;
      margin-top: 0px;
      padding-top: 0px; }
    form.hp-edit-form fieldset > legend, form.hp-add-form fieldset > legend {
      float: left;
      width: 100%; }
      form.hp-edit-form fieldset > legend span, form.hp-add-form fieldset > legend span {
        display: block;
        color: #737373;
        font-size: 16px;
        padding: 10px 0px 20px 0px; }
        html.hp-high-contrast form.hp-edit-form fieldset > legend span, html.hp-high-contrast form.hp-add-form fieldset > legend span {
          color: #333333; }
    form.hp-edit-form fieldset.hp-collapsible.hp-collapsed > label, form.hp-add-form fieldset.hp-collapsible.hp-collapsed > label {
      background-position: -407px -577px; }
      form.hp-edit-form fieldset.hp-collapsible.hp-collapsed > label:hover, form.hp-add-form fieldset.hp-collapsible.hp-collapsed > label:hover {
        background-position: -407px -537px; }
    form.hp-edit-form fieldset.hp-collapsible > label, form.hp-add-form fieldset.hp-collapsible > label {
      position: relative;
      top: -10px;
      width: 100%;
      height: 20px;
      font-size: 16px;
      margin: 0px;
      padding: 0px 0px 0px 15px;
      background-position: -405px -455px; }
      form.hp-edit-form fieldset.hp-collapsible > label:hover, form.hp-add-form fieldset.hp-collapsible > label:hover {
        background-position: -405px -415px; }
    form.hp-edit-form fieldset table, form.hp-add-form fieldset table {
      margin-top: 10px; }
      form.hp-edit-form fieldset table input, form.hp-edit-form fieldset table .selectBox, form.hp-edit-form fieldset table .hp-search-combo, form.hp-add-form fieldset table input, form.hp-add-form fieldset table .selectBox, form.hp-add-form fieldset table .hp-search-combo {
        margin-bottom: 0px; }
    form.hp-edit-form fieldset .hp-table-controls, form.hp-add-form fieldset .hp-table-controls {
      margin-top: 15px; }
      form.hp-edit-form fieldset .hp-table-controls > *, form.hp-add-form fieldset .hp-table-controls > * {
        display: inline-block;
        margin-right: 6px; }
      form.hp-edit-form fieldset .hp-table-controls .hp-message, form.hp-add-form fieldset .hp-table-controls .hp-message {
        color: #737373; }
  form.hp-edit-form li.hp-form-item, form.hp-add-form li.hp-form-item {
    margin-bottom: 10px;
    font-size: 0px; }
    body.hp-narrow form.hp-edit-form li.hp-form-item, body.hp-narrow form.hp-add-form li.hp-form-item {
      margin-bottom: 15px; }
    form.hp-edit-form li.hp-form-item:last-of-type, form.hp-add-form li.hp-form-item:last-of-type {
      margin-bottom: 0px; }
    form.hp-edit-form li.hp-form-item > *, form.hp-add-form li.hp-form-item > * {
      vertical-align: top;
      display: inline-block;
      font-size: 13px; }
    form.hp-edit-form li.hp-form-item > label, form.hp-add-form li.hp-form-item > label {
      margin: 10px 0px; }
      form.hp-edit-form li.hp-form-item > label:first-child, form.hp-add-form li.hp-form-item > label:first-child {
        text-align: right;
        min-width: 150px;
        width: 23%;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        color: #737373; }
        body.hp-narrow form.hp-edit-form li.hp-form-item > label:first-child, body.hp-narrow form.hp-add-form li.hp-form-item > label:first-child {
          display: block;
          text-align: left; }
    form.hp-edit-form li.hp-form-item > input, form.hp-edit-form li.hp-form-item > .hp-search-combo, form.hp-edit-form li.hp-form-item > .selectBox, form.hp-add-form li.hp-form-item > input, form.hp-add-form li.hp-form-item > .hp-search-combo, form.hp-add-form li.hp-form-item > .selectBox {
      margin: 2px 15px 2px 0px;
      color: #333333; }
    form.hp-edit-form li.hp-form-item > input[type="radio"], form.hp-add-form li.hp-form-item > input[type="radio"] {
      margin: 10px 10px 10px 0px; }
    form.hp-edit-form li.hp-form-item > input[type="checkbox"], form.hp-add-form li.hp-form-item > input[type="checkbox"] {
      margin: 11px 10px 11px 0px;
      position: relative;
      top: -1px;
      *overflow: hidden; }
    form.hp-edit-form li.hp-form-item > .hp-toggle, form.hp-add-form li.hp-form-item > .hp-toggle {
      margin: 4px 10px 4px 0px; }
    form.hp-edit-form li.hp-form-item .hp-form-content, form.hp-add-form li.hp-form-item .hp-form-content {
      min-width: 390px;
      width: 73%;
      margin-right: 0px;
      font-size: 13px; }
      body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content {
        min-width: 340px; }
      form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error .hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error .hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error .hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error .hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-help {
        display: none; }
      form.hp-edit-form li.hp-form-item .hp-form-content > *, form.hp-add-form li.hp-form-item .hp-form-content > * {
        vertical-align: top;
        font-size: 13px; }
      form.hp-edit-form li.hp-form-item .hp-form-content > label, form.hp-edit-form li.hp-form-item .hp-form-content > .hp-table-error, form.hp-add-form li.hp-form-item .hp-form-content > label, form.hp-add-form li.hp-form-item .hp-form-content > .hp-table-error {
        display: inline-block;
        margin: 10px 20px 10px 0px; }
      form.hp-edit-form li.hp-form-item .hp-form-content label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content label.hp-optional {
        margin: 10px; }
        form.hp-edit-form li.hp-form-item .hp-form-content label.hp-help ul li, form.hp-edit-form li.hp-form-item .hp-form-content label.hp-error ul li, form.hp-edit-form li.hp-form-item .hp-form-content label.hp-optional ul li, form.hp-add-form li.hp-form-item .hp-form-content label.hp-help ul li, form.hp-add-form li.hp-form-item .hp-form-content label.hp-error ul li, form.hp-add-form li.hp-form-item .hp-form-content label.hp-optional ul li {
          list-style: disc inside none; }
      form.hp-edit-form li.hp-form-item .hp-form-content label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content label.hp-important {
        margin: 2px 0px; }
      form.hp-edit-form li.hp-form-item .hp-form-content > input, form.hp-edit-form li.hp-form-item .hp-form-content > textarea, form.hp-edit-form li.hp-form-item .hp-form-content > .hp-search-combo, form.hp-edit-form li.hp-form-item .hp-form-content > .selectBox, form.hp-add-form li.hp-form-item .hp-form-content > input, form.hp-add-form li.hp-form-item .hp-form-content > textarea, form.hp-add-form li.hp-form-item .hp-form-content > .hp-search-combo, form.hp-add-form li.hp-form-item .hp-form-content > .selectBox {
        margin: 2px 15px 2px 0px;
        color: #333333; }
      form.hp-edit-form li.hp-form-item .hp-form-content > input[type="radio"], form.hp-add-form li.hp-form-item .hp-form-content > input[type="radio"] {
        margin: 10px 10px 10px 0px;
        width: 13px;
        height: 13px;
        position: relative;
        top: 1px; }
      form.hp-edit-form li.hp-form-item .hp-form-content > input[type="checkbox"], form.hp-add-form li.hp-form-item .hp-form-content > input[type="checkbox"] {
        margin: 10px 10px 10px 0px;
        width: 13px;
        height: 13px;
        position: relative;
        top: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
      form.hp-edit-form li.hp-form-item .hp-form-content > .hp-toggle, form.hp-add-form li.hp-form-item .hp-form-content > .hp-toggle {
        margin: 4px 10px 4px 0px; }
      form.hp-edit-form li.hp-form-item .hp-form-content > table, form.hp-add-form li.hp-form-item .hp-form-content > table {
        display: inline-block;
        margin-top: 5px; }
      form.hp-edit-form li.hp-form-item .hp-form-content > .hp-table-error, form.hp-add-form li.hp-form-item .hp-form-content > .hp-table-error {
        max-width: 30%;
        color: #dc442f;
        margin-left: 10px; }
      form.hp-edit-form li.hp-form-item .hp-form-content .hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-help {
        opacity: 0;
        -webkit-transition: opacity 0.1s ease-in-out 0.2s;
        -moz-transition: opacity 0.1s ease-in-out 0.2s;
        transition: opacity 0.1s ease-in-out 0.2s; }
      form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-help, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-help {
        opacity: 1;
        display: inline-block; }
      form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-has-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-has-help, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-has-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-has-help {
        display: none; }
    form.hp-edit-form li.hp-form-item label.hp-help, form.hp-add-form li.hp-form-item label.hp-help {
      display: none;
      margin: 10px;
      width: 200px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    form.hp-edit-form li.hp-form-item label.hp-error, form.hp-edit-form li.hp-form-item label.hp-optional, form.hp-edit-form li.hp-form-item label.hp-important, form.hp-add-form li.hp-form-item label.hp-error, form.hp-add-form li.hp-form-item label.hp-optional, form.hp-add-form li.hp-form-item label.hp-important {
      display: inline-block;
      margin: 10px;
      width: 200px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    form.hp-edit-form li.hp-form-item label.hp-important, form.hp-add-form li.hp-form-item label.hp-important {
      background-color: #fffdd7;
      color: #333333;
      padding: 8px 10px; }
  form.hp-edit-form > .hp-footer, form.hp-add-form > .hp-footer {
    width: 100%;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #bfbfbf;
    z-index: 50; }
    form.hp-edit-form > .hp-footer .hp-form-controls, form.hp-add-form > .hp-footer .hp-form-controls {
      position: absolute;
      padding: 15px;
      top: 0px;
      right: 4px;
      bottom: 0px;
      height: 60px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      background-color: white; }
      form.hp-edit-form > .hp-footer .hp-form-controls > *, form.hp-add-form > .hp-footer .hp-form-controls > * {
        vertical-align: top;
        margin-right: 11px; }
    form.hp-edit-form > .hp-footer #hp-form-state, form.hp-add-form > .hp-footer #hp-form-state {
      position: relative;
      height: 60px;
      line-height: 60px;
      white-space: nowrap; }
      form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message {
        position: absolute;
        left: 60px;
        bottom: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        color: #333333;
        border: 1px solid #fff;
        -webkit-transition: background-color 0.2s, max-height 0.8s;
        -moz-transition: background-color 0.2s, max-height 0.8s;
        transition: background-color 0.2s, max-height 0.8s;
        max-height: 60px; }
        html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-state #hp-form-message {
          color: black; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary {
          position: relative;
          padding: 0px 0px 0px 15px;
          height: 60px;
          white-space: nowrap; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary > *, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary > * {
            display: inline-block;
            vertical-align: top; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary > .hp-status, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary > .hp-status {
            position: relative;
            top: 22px;
            left: 0px;
            line-height: 14px;
            margin-right: 0px; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary .hp-form-message-text, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message .hp-form-message-summary .hp-form-message-text {
            overflow: hidden;
            width: 95%;
            white-space: nowrap;
            text-overflow: ellipsis; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message > .hp-form-message-details {
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box;
          max-height: 400px;
          line-height: normal;
          padding: 0px 20px 20px 20px;
          white-space: normal;
          overflow: auto;
          display: none; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable {
          background-color: #fffdd7;
          border-top-width: 0px;
          border-bottom-width: 0px;
          border-left-color: #bfbfbf;
          border-right-color: #bfbfbf;
          cursor: pointer; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable .hp-form-message-summary:hover, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable .hp-form-message-summary:hover {
            background-color: #fffdd7;
            color: #333333; }
            html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable .hp-form-message-summary:hover, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-activateable .hp-form-message-summary:hover {
              color: black; }
        form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active {
          max-height: 400px;
          background-color: #fffdd7;
          color: #333333;
          border: 1px solid #bfbfbf;
          z-index: 60; }
          html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active {
            color: black; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-summary, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-summary {
            height: auto; }
            form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-summary > .hp-status, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-summary > .hp-status {
              top: 10px; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-text, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-text {
            line-height: normal;
            padding-top: 10px;
            padding-bottom: 10px;
            white-space: normal;
            text-overflow: clip; }
          form.hp-edit-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-details, form.hp-add-form > .hp-footer #hp-form-state #hp-form-message.hp-active .hp-form-message-details {
            display: block; }
    form.hp-edit-form > .hp-footer #hp-form-changes, form.hp-add-form > .hp-footer #hp-form-changes {
      position: absolute;
      left: 0px;
      bottom: 0px;
      height: 60px; }
      form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control {
        position: relative;
        display: inline-block;
        color: #737373;
        height: 58px;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.1s;
        -moz-transition: background-color 0.1s;
        transition: background-color 0.1s; }
        html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control {
          color: #333333; }
        form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control .hp-icon, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control .hp-icon {
          position: relative;
          top: 15px;
          left: 15px;
          width: 23px;
          height: 23px;
          background-image: url("../../img/hp-piano/hp-piano-icons.png");
          background-position: -280px -40px;
          background-repeat: no-repeat;
          vertical-align: middle; }
        form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control .hp-count, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control .hp-count {
          position: absolute;
          top: 8px;
          right: 8px;
          height: 17px;
          width: 20px;
          padding-top: 3px;
          text-align: center;
          background-image: url("../../img/hp-piano/hp-piano-icons.png");
          background-repeat: no-repeat;
          background-position: -240px -100px;
          font-size: 11px;
          line-height: 14px;
          font-weight: bold;
          color: #000; }
        form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control:hover, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control:hover {
          z-index: 50; }
          form.hp-edit-form > .hp-footer #hp-form-changes #hp-form-changes-control:hover .hp-icon, form.hp-add-form > .hp-footer #hp-form-changes #hp-form-changes-control:hover .hp-icon {
            background-position: -280px 0px; }
      form.hp-edit-form > .hp-footer #hp-form-changes ol, form.hp-add-form > .hp-footer #hp-form-changes ol {
        position: absolute;
        bottom: 60px;
        min-width: 80px;
        max-height: 400px;
        line-height: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        background-color: white;
        color: #333333;
        z-index: 200;
        border-bottom: 5px solid #0096d6;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-top: 5px solid #0096d6;
        border-bottom: 1px solid #ccc;
        margin-bottom: 0px;
        overflow: auto;
        display: none; }
        html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-changes ol, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-changes ol {
          color: black; }
        form.hp-edit-form > .hp-footer #hp-form-changes ol li, form.hp-add-form > .hp-footer #hp-form-changes ol li {
          padding: 15px;
          border-top: 1px solid #d9d9d9; }
          form.hp-edit-form > .hp-footer #hp-form-changes ol li:first-of-type, form.hp-add-form > .hp-footer #hp-form-changes ol li:first-of-type {
            border-top: none; }
          form.hp-edit-form > .hp-footer #hp-form-changes ol li .hp-form-change-label, form.hp-add-form > .hp-footer #hp-form-changes ol li .hp-form-change-label {
            color: #737373;
            white-space: nowrap; }
            html.hp-high-contrast form.hp-edit-form > .hp-footer #hp-form-changes ol li .hp-form-change-label, html.hp-high-contrast form.hp-add-form > .hp-footer #hp-form-changes ol li .hp-form-change-label {
              color: #333333; }
          form.hp-edit-form > .hp-footer #hp-form-changes ol li .hp-form-change-value, form.hp-add-form > .hp-footer #hp-form-changes ol li .hp-form-change-value {
            white-space: nowrap;
            overflow: hidden;
            max-width: 200px;
            text-overflow: ellipsis; }
      form.hp-edit-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control, form.hp-add-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control {
        background-color: white; }
        form.hp-edit-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control .hp-icon, form.hp-add-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control .hp-icon {
          background-position: -280px 0px; }
        form.hp-edit-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control .hp-count, form.hp-add-form > .hp-footer #hp-form-changes.hp-active #hp-form-changes-control .hp-count {
          background-position: -140px -60px; }
      form.hp-edit-form > .hp-footer #hp-form-changes.hp-active ol, form.hp-add-form > .hp-footer #hp-form-changes.hp-active ol {
        display: block; }

.hp-form-content fieldset ol:last-of-type, .hp-form-content fieldset p:last-of-type {
  margin-bottom: 0px; }

/* 2-column form layout */
.hp-column-form {
  width: 100%;
  padding-bottom: 20px;
  overflow: hidden; }
  .hp-column-form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px; }
    .hp-column-form fieldset:first-of-type {
      margin-top: 0px; }
    .hp-column-form fieldset:last-of-type {
      border-bottom: none;
      padding-bottom: 0px; }
    .hp-column-form fieldset:hover a.hp-button {
      text-decoration: none; }
    .hp-column-form fieldset > legend {
      color: #737373;
      font-size: 16px;
      padding-bottom: 20px; }
      html.hp-high-contrast .hp-column-form fieldset > legend {
        color: #333333; }
    .hp-column-form fieldset > ol > li {
      margin-bottom: 10px; }
      .hp-column-form fieldset > ol > li > label:first-of-type {
        display: inline-block;
        width: 33%;
        padding-right: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 170px; }
        .hp-column-form fieldset > ol > li > label:first-of-type.hp-condensed {
          width: auto;
          margin-right: 10px; }
      .hp-column-form fieldset > ol > li > .hp-form-content {
        width: 66%; }
      .hp-column-form fieldset > ol > li div.hp-help, .hp-column-form fieldset > ol > li div.hp-error, .hp-column-form fieldset > ol > li div.hp-optional, .hp-column-form fieldset > ol > li div.hp-important, .hp-column-form fieldset > ol > li span.hp-help, .hp-column-form fieldset > ol > li span.hp-error, .hp-column-form fieldset > ol > li span.hp-optional, .hp-column-form fieldset > ol > li span.hp-important, .hp-column-form fieldset > ol > li label.hp-help, .hp-column-form fieldset > ol > li label.hp-error, .hp-column-form fieldset > ol > li label.hp-optional, .hp-column-form fieldset > ol > li label.hp-important {
        display: inline-block;
        margin: 0px;
        padding: 10px 0px;
        min-width: 200px;
        max-width: 33%;
        line-height: 15px; }
      .hp-column-form fieldset > ol > li div.hp-important, .hp-column-form fieldset > ol > li span.hp-important, .hp-column-form fieldset > ol > li label.hp-important {
        position: relative;
        top: -5px;
        background-color: #fffdd7;
        color: #333333;
        padding: 5px; }
      .hp-column-form fieldset > ol > li .hp-details-notify {
        max-width: 800px; }
    .hp-column-form fieldset label {
      color: #737373;
      white-space: normal;
      margin-bottom: 5px; }
      html.hp-high-contrast .hp-column-form fieldset label {
        color: #333333; }
      .hp-column-form fieldset label.hp-value {
        color: #333333;
        margin-right: 10px;
        width: auto; }
        html.hp-high-contrast .hp-column-form fieldset label.hp-value {
          color: black; }
      .hp-column-form fieldset label.hp-error {
        color: #dc442f; }
    .hp-column-form fieldset .hp-form-label {
      float: left;
      width: 170px;
      margin: 0;
      padding: 20px 0;
      line-height: 24px; }
    .hp-column-form fieldset .hp-form-content {
      display: inline-block; }
    .hp-column-form fieldset .hp-form-input {
      position: relative;
      display: inline-block;
      vertical-align: baseline; }
      .hp-column-form fieldset .hp-form-input.hp-form-input-large {
        vertical-align: text-top;
        top: -7px; }
      .hp-column-form fieldset .hp-form-input > input {
        margin-left: 15px; }
        .hp-column-form fieldset .hp-form-input > input:first-of-type {
          margin-left: 0px; }
      .hp-column-form fieldset .hp-form-input .hp-help, .hp-column-form fieldset .hp-form-input .hp-error, .hp-column-form fieldset .hp-form-input table {
        display: inline-block; }
      .hp-column-form fieldset .hp-form-input .hp-table-help, .hp-column-form fieldset .hp-form-input .hp-table-error {
        position: relative;
        display: inline-block;
        vertical-align: top;
        top: 5px;
        margin-left: 15px; }
      .hp-column-form fieldset .hp-form-input .hp-table-help {
        color: #737373; }
        html.hp-high-contrast .hp-column-form fieldset .hp-form-input .hp-table-help {
          color: #333333; }
      .hp-column-form fieldset .hp-form-input .hp-table-error {
        color: #dc442f; }
      .hp-column-form fieldset .hp-form-input .hp-form-table-toolbar > * {
        margin-bottom: 0px; }
    .hp-column-form fieldset > table {
      margin-top: 10px; }
    .hp-column-form fieldset .hp-table-controls {
      margin-top: 10px; }
      .hp-column-form fieldset .hp-table-controls > * {
        display: inline-block;
        margin-right: 6px; }
      .hp-column-form fieldset .hp-table-controls .hp-message {
        color: #737373; }
  .hp-column-form .hp-form-content-divider {
    padding: 20px 0 20px 0;
    border-bottom: solid 1px #d9d9d9; }
  .hp-column-form .hp-form-item {
    padding: 15px 0 15px 0;
    border-top: solid 1px #d9d9d9; }
    .hp-column-form .hp-form-item:last-of-type {
      border-bottom: solid 1px #d9d9d9; }
    .hp-column-form .hp-form-item > .hp-form-item-controls {
      float: right; }
      .hp-column-form .hp-form-item > .hp-form-item-controls > * {
        display: inline-block;
        margin-left: 10px; }
      .hp-column-form .hp-form-item > .hp-form-item-controls .hp-close {
        position: relative;
        top: 5px;
        cursor: pointer; }

#cic-additemslist-items-table {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.hp-filter-pane .hp-column-form fieldset > ol > li {
  white-space: normal; }
  .hp-filter-pane .hp-column-form fieldset > ol > li > label {
    float: left;
    width: 80px; }
  .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider {
    position: relative;
    margin-top: 10px;
    width: 160px; }
    .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-max {
      position: absolute;
      top: 0px;
      right: 0px; }
    .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider {
      margin-top: 10px;
      margin-bottom: 20px;
      height: 2px;
      background: none;
      background-color: #eee; }
      .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider .ui-slider-range {
        background: none;
        background-color: #bbb; }
      .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider .ui-slider-handle {
        width: 10px;
        background: #ccc;
        border: none;
        border-radius: 0px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        outline: none; }
        .hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider .ui-slider-handle:after {
          content: "";
          position: absolute;
          top: -5px;
          border-width: 0 5px 5px;
          border-color: #ccc transparent;
          border-style: solid;
          display: block;
          width: 0; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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); } }

table {
  border-collapse: separate;
  border: 0px;
  border-spacing: 0px; }
  table > thead > tr td, table > thead > tr th {
    background-color: white;
    color: #7d7d7d;
    padding: 5px 20px 5px 10px;
    font-weight: normal;
    text-align: left;
    vertical-align: baseline;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left bottom;
    background-repeat: repeat-x; }
    html.hp-high-contrast table > thead > tr td, html.hp-high-contrast table > thead > tr th {
      color: #333333; }
    table > thead > tr td.hp-icon, table > thead > tr th.hp-icon {
      padding-right: 10px; }
    table > thead > tr td:first-of-type, table > thead > tr th:first-of-type {
      border-left: none; }
    table > thead > tr td:last-of-type, table > thead > tr th:last-of-type {
      border-right: none; }
    table > thead > tr td.sorting, table > thead > tr td.sorting_asc, table > thead > tr td.sorting_desc, table > thead > tr td.sort, table > thead > tr th.sorting, table > thead > tr th.sorting_asc, table > thead > tr th.sorting_desc, table > thead > tr th.sort {
      cursor: pointer; }
      table > thead > tr td.sorting:hover, table > thead > tr td.sorting_asc:hover, table > thead > tr td.sorting_desc:hover, table > thead > tr td.sort:hover, table > thead > tr th.sorting:hover, table > thead > tr th.sorting_asc:hover, table > thead > tr th.sorting_desc:hover, table > thead > tr th.sort:hover {
        color: black; }
    table > thead > tr td.sorting_asc, table > thead > tr td.sort_asc, table > thead > tr th.sorting_asc, table > thead > tr th.sort_asc {
      background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
      background-position: left bottom, right 2px;
      background-repeat: repeat-x, no-repeat; }
      table > thead > tr td.sorting_asc:hover, table > thead > tr td.sort_asc:hover, table > thead > tr th.sorting_asc:hover, table > thead > tr th.sort_asc:hover {
        background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
    table > thead > tr td.sorting_desc, table > thead > tr td.sort_desc, table > thead > tr th.sorting_desc, table > thead > tr th.sort_desc {
      background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
      background-position: left bottom, right 2px;
      background-repeat: repeat-x, no-repeat; }
      table > thead > tr td.sorting_desc:hover, table > thead > tr td.sort_desc:hover, table > thead > tr th.sorting_desc:hover, table > thead > tr th.sort_desc:hover {
        background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }
    table > thead > tr td:active, table > thead > tr th:active {
      background-color: white;
      color: black; }
    table > thead > tr td > .hp-status, table > thead > tr th > .hp-status {
      position: relative;
      top: 2px; }
    table > thead > tr td input[type="checkbox"], table > thead > tr th input[type="checkbox"] {
      margin-right: 10px; }
    @media print {
      table > thead > tr td, table > thead > tr th {
        padding-left: 0px;
        border-left: none; } }
  table > tbody > tr > td {
    padding: 13px 10px;
    vertical-align: top;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    table > tbody > tr > td.hp-identifier {
      min-width: 120px; }
    table > tbody > tr > td.hp-icon {
      height: 36px;
      padding: 2px 10px 0px 10px; }
      table > tbody > tr > td.hp-icon.hp-numeric {
        padding-right: 0px;
        padding-left: 15px; }
      table > tbody > tr > td.hp-icon .hp-close, table > tbody > tr > td.hp-icon .hp-delete {
        position: relative;
        top: 13px;
        cursor: pointer; }
      table > tbody > tr > td.hp-icon .hp-edit {
        position: relative;
        top: 11px;
        cursor: pointer; }
      table > tbody > tr > td.hp-icon > .hp-status {
        position: relative;
        top: 12px; }
    table > tbody > tr > td.hp-index {
      color: #737373; }
      table > tbody > tr > td.hp-index:hover {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -moz-grab; }
      html.hp-high-contrast table > tbody > tr > td.hp-index {
        color: #333333; }
    table > tbody > tr > td.hp-editing {
      padding: 4px 0px; }
      table > tbody > tr > td.hp-editing input {
        margin: 0px;
        padding: 7px 9px; }
    @media print {
      table > tbody > tr > td {
        padding-left: 0px; } }
  table .hp-collapser {
    position: relative;
    top: 6px;
    width: 20px;
    height: 22px; }
  table tr.hp-row-details-row {
    background-image: none; }
  table td.hp-row-details-cell {
    padding: 0px 20px 10px 50px;
    border-bottom: 1px solid #d9d9d9; }
    table td.hp-row-details-cell table, table td.hp-row-details-cell .hp-show-form {
      margin: 15px 0px 20px 0px; }
    table td.hp-row-details-cell > table, table td.hp-row-details-cell > div > table {
      width: 100%; }
      table td.hp-row-details-cell > table thead td, table td.hp-row-details-cell > div > table thead td {
        background-color: #f3f3f3; }
    table td.hp-row-details-cell .hp-statistic {
      display: inline-block;
      vertical-align: top;
      margin-right: 40px;
      margin-bottom: 40px; }
      table td.hp-row-details-cell .hp-statistic > label {
        color: #737373;
        font-size: 16px; }
      table td.hp-row-details-cell .hp-statistic .hp-plot {
        width: 300px;
        height: 200px; }
  table .hp-row-details {
    padding-top: 10px;
    position: relative;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left top;
    background-repeat: repeat-x; }
    table .hp-row-details .hp-comments-section {
      position: relative;
      text-align: left;
      min-width: 440px;
      display: inline-block; }
    table .hp-row-details .hp-show-form {
      display: inline-block;
      width: 45%; }
  table .hp-row-controls {
    margin-bottom: 0px;
    display: none; }
    table .hp-row-controls li {
      display: inline-block;
      margin-right: 10px; }
  table tr.hp-selected .hp-row-controls {
    display: block; }

table.hp-simple-table thead {
  display: none; }
table.hp-simple-table tr {
  background: none; }
table.hp-simple-table tbody tr td {
  padding: 5px 10px; }
  table.hp-simple-table tbody tr td:first-of-type {
    padding-left: 0px; }
  table.hp-simple-table tbody tr td > .hp-status {
    top: 3px; }
  table.hp-simple-table tbody tr td > .hp-usage {
    margin-right: 10px; }

.dataTables_filter input[type="text"] {
  background: url("../../img/hp-piano/search.png") center right no-repeat;
  background: url("../../img/hp-piano/search.png") center right no-repeat; }

.dataTables_empty {
  color: #737373;
  font-style: italic; }
  html.hp-high-contrast .dataTables_empty {
    color: #333333; }

div.dataTables_scrollBody:focus {
  outline: none; }

table.hp-selectable {
  margin: 0px; }
  table.hp-selectable > tbody > tr {
    cursor: pointer; }
    table.hp-selectable > tbody > tr td {
      -webkit-transition: background-color 0.2s;
      -moz-transition: background-color 0.2s;
      transition: background-color 0.2s; }
    table.hp-selectable > tbody > tr:hover > td {
      background-color: #e6e6e6; }
    table.hp-selectable > tbody > tr.hp-selected > td, table.hp-selectable > tbody > tr.hp-selected:hover > td {
      background-color: #d6eef8; }
    table.hp-selectable > tbody > tr.hp-selected.hp-row-details-row > td, table.hp-selectable > tbody > tr.hp-selected:hover.hp-row-details-row > td {
      border-top: none; }
    table.hp-selectable > tbody > tr.hp-expanded, table.hp-selectable > tbody > tr.hp-expanded:hover {
      background-image: none; }
      table.hp-selectable > tbody > tr.hp-expanded > td, table.hp-selectable > tbody > tr.hp-expanded:hover > td {
        border-top: 1px solid #e6e6e6;
        border-bottom-style: none; }
        table.hp-selectable > tbody > tr.hp-expanded > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover > td:first-child {
          border-left: 1px solid #e6e6e6;
          padding-left: 9px; }
        table.hp-selectable > tbody > tr.hp-expanded > td:last-child, table.hp-selectable > tbody > tr.hp-expanded:hover > td:last-child {
          border-right: 1px solid #e6e6e6; }
      table.hp-selectable > tbody > tr.hp-expanded.hp-selected > td, table.hp-selectable > tbody > tr.hp-expanded.hp-selected:hover > td, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected > td, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected:hover > td {
        border-top-color: #d9d9d9; }
        table.hp-selectable > tbody > tr.hp-expanded.hp-selected > td:first-child, table.hp-selectable > tbody > tr.hp-expanded.hp-selected:hover > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected:hover > td:first-child {
          border-left: none;
          padding-left: 10px; }
  table.hp-selectable .hp-comments-summary {
    width: 38px;
    height: 24px;
    margin: -4px -3px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-radius: 3px; }
    table.hp-selectable .hp-comments-summary:hover {
      border-color: #eee; }
  table.hp-selectable .hp-selected .hp-comments-summary {
    border-color: #d6eef8; }
    table.hp-selectable .hp-selected .hp-comments-summary.hp-empty {
      opacity: 0.9; }
    table.hp-selectable .hp-selected .hp-comments-summary:hover {
      border-color: #000;
      opacity: 1.0; }
  table.hp-selectable .hp-dropper {
    vertical-align: top;
    margin: 0px 5px;
    width: 18px;
    height: 18px;
    display: inline-block; }
  table.hp-selectable tr.hp-row-details-row td.hp-row-details-cell {
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: none; }
  table.hp-selectable tr.hp-row-details-row.hp-selected td.hp-row-details-cell {
    background-color: inherit;
    border-color: #d9d9d9; }

.hp-activities .hp-row-details {
  padding-left: 50px; }
.hp-activities .hp-row-details-row.hp-selected .hp-row-details {
  padding-left: 51px; }

.hp-comments {
  margin-bottom: 20px; }
  .hp-comments .hp-comment {
    background-image: none; }
    .hp-comments .hp-comment td {
      background: none;
      padding-top: 4px;
      padding-bottom: 4px; }
      .hp-comments .hp-comment td.hp-icon {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px; }
        .hp-comments .hp-comment td.hp-icon .hp-delete {
          top: 7px; }
    .hp-comments .hp-comment .hp-comment-text {
      padding-right: 20px;
      max-width: 500px;
      line-height: normal;
      word-break: break-all; }
    .hp-comments .hp-comment .hp-timestamp {
      padding-right: 10px;
      padding-left: 0px; }
    .hp-comments .hp-comment .hp-comment-user {
      padding-right: 10px;
      color: #737373; }
      html.hp-high-contrast .hp-comments .hp-comment .hp-comment-user {
        color: #333333; }
    .hp-comments .hp-comment .hp-comment-delete {
      margin-left: 20px; }

.hp-comment-form > * {
  display: inline-block;
  vertical-align: top; }
.hp-comment-form textarea {
  width: 300px;
  height: 30px;
  margin-right: 20px; }
.hp-comment-form button {
  display: none; }

table.hp-heading-property-table {
  display: block;
  max-width: 600px;
  width: 90%;
  padding-bottom: 20px; }
  table.hp-heading-property-table > caption {
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #737373;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    width: 100%; }
    table.hp-heading-property-table > caption h3 {
      display: inline-block;
      font-size: inherit;
      margin-right: 10px;
      white-space: normal;
      width: 60%; }
      table.hp-heading-property-table > caption h3.hp-value {
        color: #333333; }
    table.hp-heading-property-table > caption .hp-table-view-controls {
      list-style-type: none;
      font-size: 0px;
      padding: 10px 0px 5px 0px;
      display: inline-block;
      text-align: right;
      vertical-align: top;
      white-space: nowrap;
      width: 40%; }
      table.hp-heading-property-table > caption .hp-table-view-controls li {
        display: inline-block;
        font-size: 13px;
        margin: 0px 5px 0px 0px;
        padding: 0px 15px 0px 10px;
        border-right: 1px solid #e6e6e6;
        cursor: pointer; }
        table.hp-heading-property-table > caption .hp-table-view-controls li:last-child {
          border-right: none;
          padding-right: 10px; }
        table.hp-heading-property-table > caption .hp-table-view-controls li:hover {
          color: #333333; }
        table.hp-heading-property-table > caption .hp-table-view-controls li.hp-selected {
          color: #333333;
          background-image: url(data:image/gif;base64,R0lGODlhBAABAIAAAEKm1P///yH5BAAHAP8ALAAAAAAEAAEAAAIChFEAOw==);
          background-position: left top;
          background-repeat: repeat-y; }
  table.hp-heading-property-table > tbody > tr {
    background-image: none; }
    table.hp-heading-property-table > tbody > tr.hp-header:first-of-type > th {
      padding-top: 10px; }
    table.hp-heading-property-table > tbody > tr > th {
      padding-top: 20px;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
      font-weight: normal;
      color: #737373;
      text-align: left; }
      table.hp-heading-property-table > tbody > tr > th .hp-secondary {
        margin-left: 20px;
        color: #cccccc; }
    table.hp-heading-property-table > tbody > tr > td {
      padding-left: 0px;
      padding-right: 20px;
      width: 50%; }
      table.hp-heading-property-table > tbody > tr > td:first-child {
        color: #737373; }
      table.hp-heading-property-table > tbody > tr > td > span.hp-secondary:first-child {
        margin-left: 0px; }
    table.hp-heading-property-table > tbody > tr > td .selectBox {
      position: relative;
      top: -7px;
      margin-bottom: 0px; }
    table.hp-heading-property-table > tbody > tr.hp-active td {
      border-top: 1px solid #e6e6e6; }
    table.hp-heading-property-table > tbody > tr.hp-active .selectBox {
      margin-bottom: 0px; }
    table.hp-heading-property-table > tbody > tr.hp-details td {
      border-bottom: 1px solid #e6e6e6;
      padding-top: 0px; }
      table.hp-heading-property-table > tbody > tr.hp-details td pre.hp-help {
        font-family: Arial, Helvetica, sans-serif;
        white-space: pre-wrap; }
  table.hp-heading-property-table.hp-expandable > tbody > tr > td {
    cursor: pointer; }
  table.hp-heading-property-table.hp-expandable > tbody > tr:hover > td:first-child {
    color: #333333; }
  table.hp-heading-property-table.hp-expandable > tbody > tr:hover.hp-details > td {
    color: #737373; }
  table.hp-heading-property-table.hp-expandable > tbody > tr.hp-active > td {
    color: #333333;
    cursor: auto; }
  table.hp-heading-property-table.hp-expandable > tbody > tr.hp-details > td {
    cursor: auto; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-page-notifications {
  position: relative;
  opacity: 0;
  top: -45px;
  background-color: #fffdd7;
  color: black;
  height: 35px;
  margin-bottom: 10px;
  overflow: hidden;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
  background-position: right 8px;
  background-repeat: no-repeat;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  white-space: nowrap;
  cursor: pointer; }
  .hp-notify-disabled #hp-page-notifications {
    display: none;
    top: -40px; }
  #hp-page-notifications:hover {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BGCMZkCMRGAGRyAqlmAECQBHS5DfRBDx4EDYAAFQCFkHLJbDqfmQgAOw==);
    border: 2px solid #999;
    margin: -2px -2px 8px -2px; }
  #hp-page-notifications:focus {
    outline: none; }
  #hp-page-notifications.hp-available {
    opacity: 1;
    top: 0px; }
  #hp-page-notifications.hp-active {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQwMMlJq7046827/yBHAARoAKjhDWiADtyBComAHlsBIPiBAIUcb+ILho7IpHLJrEQAADs=);
    max-height: 80%;
    height: auto;
    border-bottom: 5px solid #0096d6;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom-color: #F4B51E;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin: -1px;
    z-index: 100; }
    #hp-page-notifications.hp-active:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQwMMlJq7046827/yBXAAWIACjiDeiBDpyBBkmAGhsBCLghAIQcb+ILho7IpHLJrEQAADs=); }
    #hp-page-notifications.hp-active .hp-notification .hp-full, #hp-page-notifications.hp-active .hp-controls .hp-selector {
      display: block; }
    #hp-page-notifications.hp-active .hp-notification > header {
      height: auto; }
      #hp-page-notifications.hp-active .hp-notification > header .hp-message {
        margin-top: 10px;
        line-height: 15px;
        white-space: normal; }
  html.hp-high-contrast #hp-page-notifications {
    color: #333333; }
  #hp-page-notifications a {
    color: #007dba; }
  @media print {
    #hp-page-notifications {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      display: none; } }
  #hp-page-notifications .hp-notification {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fffdd7;
    border: 1px solid transparent;
    overflow: hidden;
    white-space: nowrap; }
    #hp-page-notifications .hp-notification > header {
      vertical-align: top;
      height: 35px;
      line-height: 35px; }
      #hp-page-notifications .hp-notification > header .hp-status {
        top: 12px;
        left: 10px;
        margin-right: 10px; }
    #hp-page-notifications .hp-notification .hp-source, #hp-page-notifications .hp-notification .hp-source-name {
      display: none; }
    #hp-page-notifications .hp-notification .hp-full {
      display: none;
      position: relative;
      margin: 10px 0px 20px 0px;
      padding: 0px 28px;
      max-height: 400px;
      overflow-y: auto;
      white-space: normal; }
      #hp-page-notifications .hp-notification .hp-full p, #hp-page-notifications .hp-notification .hp-full ul, #hp-page-notifications .hp-notification .hp-full ol {
        margin: 10px 0px; }
      #hp-page-notifications .hp-notification .hp-full .hp-resolution-container > h3 {
        display: inline;
        font-weight: bold;
        font-size: inherit;
        margin-right: 5px; }
        #hp-page-notifications .hp-notification .hp-full .hp-resolution-container > h3:after {
          content: ':'; }
      #hp-page-notifications .hp-notification .hp-full .hp-actions {
        margin-top: 15px; }
        #hp-page-notifications .hp-notification .hp-full .hp-actions > li {
          color: #333333;
          display: inline-block;
          margin-right: 20px; }
  #hp-page-notifications .hp-controls {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    border-left: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #hp-page-notifications .hp-controls > header {
      height: 35px;
      line-height: 35px;
      padding: 0px 10px; }
      #hp-page-notifications .hp-controls > header .hp-view-all {
        display: inline-block;
        margin-right: 10px; }
      #hp-page-notifications .hp-controls > header .hp-summary-status {
        display: inline-block; }
        #hp-page-notifications .hp-controls > header .hp-summary-status .hp-status {
          top: 4px;
          left: 2px; }
    #hp-page-notifications .hp-controls .hp-selector {
      display: none;
      margin-bottom: 0px;
      overflow-y: auto;
      background-color: white; }
      #hp-page-notifications .hp-controls .hp-selector li {
        padding: 5px 10px;
        background-color: #fffdd7; }
        #hp-page-notifications .hp-controls .hp-selector li.hp-selected {
          background-color: #d6eef8; }
        #hp-page-notifications .hp-controls .hp-selector li:hover {
          background-color: #e6e6e6; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-status {
          display: inline-block;
          top: 4px; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-message {
          display: inline-block;
          width: 160px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-timestamp {
          margin-left: 19px; }
  @media print {
    #hp-page-notifications {
      display: block;
      margin-bottom: 10px; } }

.hp-notification-summary > * {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
.hp-notification-summary .hp-status {
  margin-right: 0px; }
.hp-notification-summary .hp-progress {
  width: 100px;
  margin: 12px 10px 1px 10px; }
.hp-notification-summary .hp-message {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.hp-notification-summary .hp-close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-position: -156px -16px;
  margin-left: 10px;
  display: none; }
  .hp-notification-summary .hp-close:hover {
    background-position: -156px 4px; }
  .hp-notification-summary .hp-close.hp-active {
    display: block; }

.hp-details-error {
  display: none;
  padding: 20px;
  background-color: #f00;
  margin-bottom: 20px; }

.hp-details-notify, .hp-notify {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5px 0px 15px 0px;
  padding: 20px;
  background-color: #fffdd7;
  color: black;
  white-space: normal;
  display: none; }
  html.hp-high-contrast .hp-details-notify, html.hp-high-contrast .hp-notify {
    color: #333333; }
  .hp-details-notify.hp-active, .hp-notify.hp-active {
    display: block; }
  .hp-details-notify.hp-notify-heavy, .hp-notify.hp-notify-heavy {
    height: auto;
    width: auto;
    margin: 10px auto; }
  .hp-details-pane .hp-details-show-section .hp-details-notify, .hp-details-pane .hp-details-show-section .hp-notify {
    margin-right: -15px; }
  .hp-details-notify .hp-status, .hp-notify .hp-status {
    margin-top: 12px;
    margin-left: 12px; }
  .hp-details-notify .hp-notify-message, .hp-notify .hp-notify-message {
    padding: 8px 0px; }
  @media print {
    .hp-details-notify, .hp-notify {
      padding: 15px 0px;
      display: none; } }
  .hp-details-notify a, .hp-notify a {
    cursor: pointer; }
  .hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
    position: absolute;
    top: 8px;
    right: 12px; }
    .hp-details-notify .hp-details-notify-controls li, .hp-details-notify .hp-notify-controls li, .hp-notify .hp-details-notify-controls li, .hp-notify .hp-notify-controls li {
      display: inline-block;
      margin-left: 8px; }
      .hp-details-notify .hp-details-notify-controls li a, .hp-details-notify .hp-notify-controls li a, .hp-notify .hp-details-notify-controls li a, .hp-notify .hp-notify-controls li a {
        font-weight: bold;
        color: #737373; }
    @media print {
      .hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
        display: none; } }

.hp-form-content .hp-notify {
  padding: 14px; }
  .hp-form-content .hp-notify h3 {
    display: inline;
    font-size: 13px;
    font-weight: bold; }

.hp-dialog-notification {
  position: relative;
  display: block;
  background-color: #fffdd7;
  color: black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
  cursor: pointer;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
  background-position: right 8px;
  background-repeat: no-repeat; }
  html.hp-high-contrast .hp-dialog-notification {
    color: #333333; }
  .hp-dialog-notification:hover {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BGCMZkCMRGAGRyAqlmAECQBHS5DfRBDx4EDYAAFQCFkHLJbDqfmQgAOw==); }
    .hp-dialog-notification:hover a {
      text-decoration: underline; }
    .hp-dialog-notification:hover .hp-message {
      color: #333333; }
  .hp-dialog-notification > * {
    display: inline-block;
    vertical-align: top; }
  .hp-dialog-notification > .hp-status {
    top: 2px;
    height: 12px; }
  .hp-dialog-notification > .hp-message {
    display: inline-block;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .hp-dialog-notification > .hp-full {
    display: none; }
  .hp-dialog-notification.hp-active {
    overflow: visible; }
    .hp-dialog-notification.hp-active:hover {
      border-color: transparent; }
    .hp-dialog-notification.hp-active a {
      text-decoration: underline; }
    .hp-dialog-notification.hp-active .hp-full {
      position: absolute;
      display: block;
      top: 0px;
      left: 0px;
      right: 0px;
      margin: -1px;
      z-index: 100;
      padding: 10px 20px 20px 32px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #fffdd7;
      color: black;
      border-bottom: 5px solid #0096d6;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
      border-bottom-color: #F4B51E;
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
      background-position: right 8px;
      background-repeat: no-repeat; }
      .hp-dialog-notification.hp-active .hp-full:hover {
        background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BGCMZkCMRGAGRyAqlmAECQBHS5DfRBDx4EDYAAFQCFkHLJbDqfmQgAOw==); }
      .hp-dialog-notification.hp-active .hp-full header {
        margin-left: -22px;
        margin-right: -22px; }
        .hp-dialog-notification.hp-active .hp-full header > .hp-status {
          display: inline-block;
          vertical-align: top;
          top: 2px;
          height: 12px; }
        .hp-dialog-notification.hp-active .hp-full header > .hp-message {
          display: inline-block;
          vertical-align: top;
          max-width: 90%;
          padding-bottom: 10px; }
      .hp-dialog-notification.hp-active .hp-full .hp-contents {
        overflow: auto; }
      .hp-dialog-notification.hp-active .hp-full p, .hp-dialog-notification.hp-active .hp-full ul, .hp-dialog-notification.hp-active .hp-full ol {
        margin: 10px 0px; }
      .hp-dialog-notification.hp-active .hp-full .hp-actions {
        margin-top: 15px; }
        .hp-dialog-notification.hp-active .hp-full .hp-actions > li {
          color: #333333;
          display: inline-block;
          margin-right: 10px; }

.hp-details-pane .hp-notify {
  width: auto;
  margin: 0px 0px 20px 0px; }

.hp-temporary-status {
  clear: both; }

#hp-error-page, .hp-error-section {
  background-color: inherit; }
  #hp-error-page .hp-notify, .hp-error-section .hp-notify {
    max-width: 600px;
    height: auto;
    margin: 0px auto;
    background-color: #fff;
    color: #000;
    text-align: left;
    border-bottom: 5px solid #0096d6;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc; }
    #hp-error-page .hp-notify h1, .hp-error-section .hp-notify h1 {
      display: block;
      font-weight: bold;
      font-size: 14px;
      margin-bottom: 15px; }
    #hp-error-page .hp-notify label, .hp-error-section .hp-notify label {
      display: block;
      font-weight: bold;
      margin-bottom: 5px; }
    #hp-error-page .hp-notify a, .hp-error-section .hp-notify a {
      text-decoration: underline; }
    #hp-error-page .hp-notify footer, .hp-error-section .hp-notify footer {
      width: 100%;
      text-align: right; }
  #hp-error-page .hp-spinner, .hp-error-section .hp-spinner {
    width: 400px;
    background-color: #fff;
    color: #000;
    padding: 20px 10px 50px 10px;
    margin: 0px auto;
    border-bottom: 5px solid #0096d6;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc; }

.hp-sessioned .hp-error-section {
  background-color: inherit; }
  .hp-sessioned .hp-error-section .hp-notify {
    width: 400px;
    margin: 0px auto;
    background-color: #fff;
    color: #000;
    border-bottom: 5px solid #0096d6;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc; }
  .hp-sessioned .hp-error-section .hp-notify-autowidth {
    width: auto; }

.hp-unauthorized-page {
  width: 400px;
  margin: 40px auto;
  padding: 10px;
  background-color: #bce2ee;
  color: black; }

/* (C) Copyright 2011-2013 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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); } }

div.hp-grid-panels {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden; }
  div.hp-grid-panels div.hp-grid-row {
    white-space: nowrap;
    overflow: hidden; }
    div.hp-grid-panels div.hp-grid-row > div.hp-grid-panel, div.hp-grid-panels div.hp-grid-row > div.hp-grid-column {
      display: inline-block;
      vertical-align: top;
      white-space: normal;
      margin-right: -4px; }
  div.hp-grid-panels div.hp-grid-column {
    white-space: nowrap;
    overflow: hidden; }
    div.hp-grid-panels div.hp-grid-column > div.hp-grid-panel, div.hp-grid-panels div.hp-grid-column > div.hp-grid-row {
      display: block; }
  div.hp-grid-panels div.hp-grid-panel {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    -ms-background-clip: padding-box !important;
    -o-background-clip: padding-box !important;
    background-clip: padding-box !important;
    overflow: hidden; }
    div.hp-grid-panels div.hp-grid-panel.hp-secondary {
      background-color: #f3f3f3; }
    div.hp-grid-panels div.hp-grid-panel > header {
      position: relative;
      margin: 0px 0px 17px 0px;
      padding: 0px;
      height: 30px;
      line-height: 30px;
      color: #000;
      font-family: 'HPRegular', Arial, Helvetica, sans-serif;
      border-top: 3px solid #e6e6e6;
      -webkit-transition: border-color 0.2s;
      -moz-transition: border-color 0.2s;
      transition: border-color 0.2s; }
      html.hp-high-contrast div.hp-grid-panels div.hp-grid-panel > header {
        color: #333333; }
      div.hp-grid-panels div.hp-grid-panel > header > * {
        display: inline-block;
        vertical-align: baseline; }
      div.hp-grid-panels div.hp-grid-panel > header h2 {
        margin: 0px;
        padding: 0px;
        max-width: 80%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 18px;
        font-family: 'HPBold', Arial, Helvetica, sans-serif; }
        div.hp-grid-panels div.hp-grid-panel > header h2 a {
          color: #000; }
          div.hp-grid-panels div.hp-grid-panel > header h2 a:after {
            content: ' >';
            color: #007dba;
            cursor: pointer; }
          div.hp-grid-panels div.hp-grid-panel > header h2 a:hover {
            color: #007dba;
            text-decoration: none; }
            div.hp-grid-panels div.hp-grid-panel > header h2 a:hover:after {
              content: ' >';
              color: #007dba; }
          div.hp-grid-panels div.hp-grid-panel > header h2 a .hp-count {
            color: #737373;
            padding-left: 3px;
            font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
      div.hp-grid-panels div.hp-grid-panel > header .hp-panel-edit {
        padding-left: 15px;
        margin-left: 20px;
        vertical-align: top;
        background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAAB9ur/e7k+lzw+Fvh+Nws/n8l+t1P///yH5BAEHAAcALAAAAAAUABQAAANGeLrc/jDKSScA9RRSztWcRADDcJUAIRWmEQQG2UmDwBiDdAEBE+yQXW/x+0RqDEFuZRK8BDIRyTRNrUKfzYxizHi/4PAjAQA7);
        background-position: -4px 4px;
        background-repeat: no-repeat;
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s; }
      div.hp-grid-panels div.hp-grid-panel > header .hp-resource-summary {
        margin-left: 5px;
        font-size: 18px; }
    div.hp-grid-panels div.hp-grid-panel:hover > header {
      border-color: #b3b3b3; }
    div.hp-grid-panels div.hp-grid-panel:hover .hp-panel-edit {
      opacity: 1; }
      div.hp-grid-panels div.hp-grid-panel:hover .hp-panel-edit.hp-unauthorized {
        display: none; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container {
      position: relative;
      overflow: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents {
        position: static; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents > *:last-child, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents .hp-show-form > fieldset > ol:last-child {
          margin-bottom: 0px; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-table table {
      width: 100%; }
      div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-table table td:first-of-type, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-table table th:first-of-type {
        padding-left: 20px; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents > *, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents table {
      max-width: 100%; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents .hp-column-form {
      float: none;
      padding-bottom: 0px; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents .hp-section {
      margin-bottom: 10px; }
    @media print {
      div.hp-grid-panels div.hp-grid-panel .hp-panel-contents {
        position: static;
        margin: 0px;
        width: auto !important;
        height: auto !important; } }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-contents-grid {
      margin-left: -30px;
      margin-right: -30px; }
      div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-contents-grid .hp-grid-panel-cell {
        display: inline-block;
        margin-right: -4px;
        padding: 0px 15px;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-contents-grid .hp-grid-panel-cell:first-child {
          padding-left: 30px; }
        div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-contents-grid .hp-grid-panel-cell:last-child {
          padding-right: 30px; }
    div.hp-grid-panels div.hp-grid-panel .hp-panel-controls {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 0px;
      background-color: white;
      margin-bottom: 0px;
      padding-bottom: 15px; }
    @media print {
      div.hp-grid-panels div.hp-grid-panel {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        overflow: visible;
        display: block !important;
        width: auto !important;
        height: auto !important;
        background-image: none; } }
  div.hp-grid-panels.hp-grid-narrow .hp-grid-row, div.hp-grid-panels.hp-grid-narrow .hp-grid-column, div.hp-grid-panels.hp-grid-narrow .hp-grid-panel {
    display: block; }
  div.hp-grid-panels.hp-grid-narrow .hp-grid-panel {
    background-image: url(data:image/gif;base64,R0lGODlhAwABAIAAAMzMzP///yH5BAAHAP8ALAAAAAADAAEAAAICDFIAOw==);
    background-position: left top;
    background-repeat: repeat-x; }
  div.hp-grid-panels.hp-grid-narrow .hp-panel-contents {
    position: static; }
  @media print {
    div.hp-grid-panels {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

.hp-secondary-panel {
  background-color: #f3f3f3; }

div.hp-related > canvas {
  position: absolute; }

ol.hp-buckets li.hp-bucket {
  position: relative;
  background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
  background-position: left bottom;
  background-repeat: repeat-x;
  padding: 10px 0px; }
  ol.hp-buckets li.hp-bucket:last-of-type {
    background: none; }
  ol.hp-buckets li.hp-bucket > label {
    position: absolute;
    right: 10px;
    top: 19px;
    width: 76px;
    color: #737373;
    white-space: normal;
    text-align: right; }
  ol.hp-buckets li.hp-bucket ol.hp-bucket-items {
    position: relative;
    white-space: nowrap;
    margin-right: 100px;
    overflow: hidden;
    text-align: center; }
    ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item {
      position: relative;
      display: inline-block;
      margin-right: 5px;
      background-color: white;
      padding: 8px;
      min-width: 140px;
      white-space: nowrap;
      cursor: pointer;
      border: 2px solid #ccc;
      border-top-right-radius: 7px;
      border-bottom-left-radius: 7px;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item:hover {
        z-index: 10; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-selected {
        background-color: #d6eef8; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-selection-related {
        border-color: #7fbfda; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-highlight {
        border-color: #666666;
        z-index: 5; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-status {
        position: relative;
        display: inline-block;
        height: 14px;
        top: 2px; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-name {
        display: inline-block;
        vertical-align: top;
        color: #000; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-model {
        color: #737373;
        padding-left: 18px;
        padding-right: 20px; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-jump {
        position: absolute;
        bottom: 0px;
        right: 0px;
        display: none; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-category-name {
        color: #000;
        margin-bottom: 3px; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-summary-status .hp-status {
        top: 4px; }
      ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item:hover {
        border-color: #676767; }
ol.hp-buckets.hp-has-highlight .hp-bucket-item, ol.hp-buckets.hp-disabled .hp-bucket-item {
  opacity: 0.4; }
  ol.hp-buckets.hp-has-highlight .hp-bucket-item.hp-highlight, ol.hp-buckets.hp-disabled .hp-bucket-item.hp-highlight {
    opacity: 1.0; }

ol.hp-stacked-panels {
  height: 100%;
  overflow: auto; }
  ol.hp-stacked-panels > li.hp-stacked-panel {
    margin-bottom: 20px; }
    ol.hp-stacked-panels > li.hp-stacked-panel:first-of-type > label {
      border-top: none;
      border-bottom: 1px solid #d9d9d9; }
    ol.hp-stacked-panels > li.hp-stacked-panel:last-of-type {
      margin-bottom: 0px; }
    ol.hp-stacked-panels > li.hp-stacked-panel > label {
      position: relative;
      display: block;
      font-size: 18px;
      color: #000;
      top: 0px;
      z-index: 45;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.9);
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 20px;
      border-top: 1px solid #e6e6e6;
      font-family: 'HPBold', Arial, Helvetica, sans-serif; }
      html.hp-high-contrast ol.hp-stacked-panels > li.hp-stacked-panel > label {
        color: #333333; }
      ol.hp-stacked-panels > li.hp-stacked-panel > label.hp-active {
        position: absolute;
        left: 0px;
        right: 0px;
        border-top: none;
        border-bottom: 1px solid #e6e6e6; }
        @media print {
          ol.hp-stacked-panels > li.hp-stacked-panel > label.hp-active {
            position: relative;
            border-top: 1px solid #e6e6e6;
            border-bottom: none; } }
    ol.hp-stacked-panels > li.hp-stacked-panel > ol, ol.hp-stacked-panels > li.hp-stacked-panel > ul {
      margin-bottom: 20px; }
    ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-column-form {
      display: inline-block;
      width: auto;
      vertical-align: top; }
    ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-panel-aside {
      display: inline-block;
      vertical-align: top;
      margin: 0px 20px 0px 60px;
      padding: 20px;
      background: #f8f8f8;
      border-left: 3px solid #eee;
      border-radius: 3px; }
      ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-panel-aside .hp-column-form {
        padding: 0px; }
        ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-panel-aside .hp-column-form fieldset:last-of-type {
          margin-bottom: 0px; }
    @media print {
      ol.hp-stacked-panels > li.hp-stacked-panel {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        overflow: visible;
        height: auto !important; } }
  @media print {
    ol.hp-stacked-panels {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      height: auto !important; } }

.hp-rich-enumeration > li > * {
  padding-left: 20px; }
.hp-rich-enumeration > li > table td:first-of-type {
  padding-left: 20px; }
.hp-rich-enumeration > li > h2 {
  border-top: 1px solid #d9d9d9;
  padding: 7px 20px;
  color: #737373; }
  html.hp-high-contrast .hp-rich-enumeration > li > h2 {
    color: #333333; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-device, .hp-logical {
  padding: 5px 15px;
  border: 2px solid #ccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px; }
  .hp-device.hp-placeholder, .hp-logical.hp-placeholder {
    background-image: none;
    border-color: #eee; }
  .hp-device .hp-status, .hp-device .hp-device-name, .hp-logical .hp-status, .hp-logical .hp-device-name {
    display: inline-block;
    vertical-align: top;
    top: 3px; }
  .hp-device .hp-status .hp-status, .hp-logical .hp-status .hp-status {
    top: 0px;
    left: 0px; }
  .hp-device .hp-device-model, .hp-logical .hp-device-model {
    display: block;
    margin-top: 3px;
    padding-left: 18px;
    color: #737373; }
  .hp-filter-pane .hp-device, .hp-filter-pane .hp-rack .hp-device, .hp-filter-pane .hp-logical, .hp-filter-pane .hp-rack .hp-logical {
    background: none;
    padding: 5px; }
  .hp-device a, .hp-logical a {
    color: #007dba; }
    .hp-device a.selectBox-dropdown, .hp-logical a.selectBox-dropdown {
      color: #333; }

.hp-device {
  border: 2px solid #ccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y;
  padding-left: 5px; }

.hp-card {
  padding: 5px 10px;
  background-color: #fff; }

.hp-up-ports > li:last-of-type, .hp-down-ports > li:last-of-type {
  margin-bottom: 0px; }

.hp-up-port, .hp-down-port {
  margin-bottom: 5px;
  padding: 5px 10px;
  min-width: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .hp-up-port > *, .hp-down-port > * {
    display: inline-block;
    vertical-align: top; }
  .hp-up-port label, .hp-down-port label {
    margin-right: 5px; }
  .hp-up-port .hp-status, .hp-down-port .hp-status {
    top: 2px;
    height: 14px;
    width: 14px; }

.hp-up-port {
  border-top: 1px solid #cccccc; }
  .hp-up-port:first-child {
    border-top: none; }

.hp-down-port {
  border-top: 1px solid #cccccc; }
  .hp-down-port:first-child {
    border-top: none; }

.hp-path-cable {
  position: relative;
  top: 12px;
  width: 20px;
  height: 13px;
  background: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -200px -140px;
  background-repeat: no-repeat; }

.hp-backplane-connect {
  width: 50px;
  height: 23px;
  background: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -140px -140px;
  background-repeat: no-repeat; }

.hp-usage {
  position: relative;
  margin: 2px 65px 0px 10px;
  height: 10px;
  width: 40px; }
  .hp-usage label {
    position: absolute;
    top: -2px;
    left: 50px;
    color: #737373; }

.hp-network-path {
  white-space: nowrap; }
  .hp-network-path > * {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
    .hp-network-path > *:last-of-type {
      margin-right: 0px; }
  .hp-network-path .hp-path-stack > * {
    margin-bottom: 5px; }
  .hp-network-path .hp-path-target > * {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
    .hp-network-path .hp-path-target > *:last-of-type {
      margin-right: 0px; }
  .hp-network-path .hp-switch {
    border: 2px solid #ccc;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
    background-repeat: repeat-y;
    padding-left: 5px; }
    .hp-network-path .hp-switch .hp-device {
      padding: 5px 15px;
      border: none;
      background-image: none; }

.hp-nic > *, .hp-switch > * {
  display: table-cell;
  vertical-align: top; }
.hp-nic .hp-up-ports, .hp-switch .hp-up-ports {
  margin-left: -4px;
  border-left: 1px solid #cccccc;
  padding: 0px 5px; }
.hp-nic .hp-down-ports, .hp-switch .hp-down-ports {
  margin-right: -4px;
  border-right: 1px solid #cccccc; }
.hp-nic .hp-card, .hp-switch .hp-card {
  border: 2px solid #cccccc; }
  .hp-nic .hp-card > label, .hp-switch .hp-card > label {
    display: block;
    margin-left: 8px; }
  .hp-nic .hp-card > ol, .hp-switch .hp-card > ol {
    margin: 5px 0px; }
  .hp-nic .hp-card .hp-port, .hp-switch .hp-card .hp-port {
    padding-bottom: 5px;
    padding-left: 8px;
    padding: 5px 10px;
    border-bottom: 1px solid #cccccc; }
    .hp-nic .hp-card .hp-port:last-child, .hp-switch .hp-card .hp-port:last-child {
      border-bottom: none;
      margin-bottom: 0px; }
    .hp-nic .hp-card .hp-port > *, .hp-switch .hp-card .hp-port > * {
      display: inline-block;
      vertical-align: top;
      margin-right: 5px; }
    .hp-nic .hp-card .hp-port .hp-status, .hp-switch .hp-card .hp-port .hp-status {
      display: inline-block; }

.hp-form-section {
  position: relative; }
  .hp-form-section > * {
    vertical-align: top;
    margin-right: 40px; }
  .hp-form-section .hp-graphic-aside {
    margin-right: 0px; }

.hp-graphic-aside {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 8px 0px #666666;
  -moz-box-shadow: 3px 3px 8px 0px #666666;
  box-shadow: 3px 3px 8px 0px #666666;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  background-image: url("../../img/hp-piano/close.png");
  background-position: 98% 4%;
  background-repeat: no-repeat; }
  .hp-graphic-aside.hp-thumbnail {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -o-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right; }

.hp-appliance-faces {
  position: relative;
  display: inline-block;
  border: 1px solid #d9d9d9;
  padding: 20px 40px 40px 40px;
  border-radius: 3px; }
  .hp-appliance-faces > canvas {
    position: absolute;
    top: 69px;
    z-index: 100; }
  .hp-appliance-faces > label {
    display: block;
    text-align: center;
    margin-top: -10px;
    font-size: 16px;
    color: #737373; }
  .hp-appliance-faces .hp-appliance-node {
    position: relative;
    margin: 30px 0px 20px 0px; }
    .hp-appliance-faces .hp-appliance-node > label {
      position: relative;
      top: -5px;
      color: #737373; }
  .hp-appliance-faces .hp-appliance-ports {
    background-color: #f3f3f3;
    padding: 20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-image: url("../../img/hp-piano/card-pin.png"), url("../../img/hp-piano/card-pin.png");
    background-position: top left, top right;
    background-repeat: repeat-y, repeat-y; }
    .hp-appliance-faces .hp-appliance-ports .hp-appliance-port-spacer {
      display: inline-block;
      width: 20px; }
    .hp-appliance-faces .hp-appliance-ports .hp-appliance-port {
      position: relative;
      display: inline-block;
      border: 3px solid #999;
      background-color: #fff;
      margin: 15px 2px;
      width: 40px;
      height: 26px;
      border-bottom: 6px dashed #999; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port.hp-appliance-port-status-warning {
        border-color: #f4b51e; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port.hp-appliance-port-status-error {
        border-color: #dc442f; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port.hp-appliance-port-status-ok {
        border-color: #42a425; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port > label {
        display: block;
        position: absolute;
        top: -20px;
        width: 40px;
        text-align: center;
        font-weight: bold; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port > .hp-appliance-port-use {
        display: block;
        position: absolute;
        bottom: -24px;
        color: #737373;
        font-size: 12px;
        width: 40px;
        text-align: center; }

.hp-virtual-appliance {
  display: inline-block;
  border: 2px solid #ccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y;
  padding-left: 5px; }
  .hp-virtual-appliance label {
    text-align: center;
    display: block;
    color: #737373;
    padding: 5px 0px 0px 0px;
    font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
    html.hp-high-contrast .hp-virtual-appliance label {
      color: #333333; }
  .hp-virtual-appliance .hp-aspects {
    margin: 30px 0px 0px 30px;
    text-align: left; }
    .hp-virtual-appliance .hp-aspects .hp-aspect {
      display: inline-block;
      vertical-align: top;
      text-align: left;
      margin-right: 30px;
      margin-bottom: 30px;
      width: 130px;
      font-size: 16px; }
      .hp-virtual-appliance .hp-aspects .hp-aspect h2 {
        font-size: 18px;
        color: #737373;
        margin: 0px 0px 20px 0px;
        font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
        html.hp-high-contrast .hp-virtual-appliance .hp-aspects .hp-aspect h2 {
          color: #333333; }
      .hp-virtual-appliance .hp-aspects .hp-aspect .hp-status, .hp-virtual-appliance .hp-aspects .hp-aspect .hp-value {
        display: inline-block;
        line-height: 20px; }
      .hp-virtual-appliance .hp-aspects .hp-aspect .hp-status {
        top: 3px; }
      .hp-virtual-appliance .hp-aspects .hp-aspect .hp-value {
        margin-left: 8px; }
      .hp-virtual-appliance .hp-aspects .hp-aspect .hp-error {
        display: inline-block;
        margin-top: 10px;
        padding: 10px;
        background-color: #fffdd7; }
    .hp-virtual-appliance .hp-aspects.hp-summary .hp-aspect .hp-value {
      font-size: 20px; }
  .hp-virtual-appliance.hp-small > label {
    display: none; }
  .hp-virtual-appliance.hp-small .hp-aspects {
    margin: 10px 0px 0px 10px; }
    .hp-virtual-appliance.hp-small .hp-aspects .hp-aspect {
      margin-right: 10px;
      margin-bottom: 10px;
      width: 100px;
      font-size: inherit; }
      .hp-virtual-appliance.hp-small .hp-aspects .hp-aspect h2 {
        font-size: 13px;
        margin: 0px 0px 5px 0px; }
      .hp-virtual-appliance.hp-small .hp-aspects .hp-aspect .hp-status {
        top: 4px; }
      .hp-virtual-appliance.hp-small .hp-aspects .hp-aspect .hp-value {
        margin-left: -2px; }

.hp-rack2D {
  border: 1px solid gray;
  background-color: #d3d3d3;
  position: relative;
  width: 226px;
  height: 380px;
  box-shadow: 10px 10px 20px black;
  display: block; }

.hp-rack-available-space {
  position: absolute;
  width: 224px;
  display: table; }

.hp-rack-available-space-text {
  color: gray;
  position: relative;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.hp-rackmount {
  border: 1px solid gray;
  background-color: white;
  position: absolute;
  width: 224px; }

.hp-rackmount-model-name {
  color: gray;
  position: absolute;
  right: 4px; }

.hp-rackmount-name {
  color: gray;
  position: absolute;
  left: 20px; }

.hp-rackmount-healthStatus {
  color: gray;
  position: absolute;
  left: 0px; }

.hp-rack {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y;
  padding-left: 5px;
  min-width: 190px; }
  .hp-rack.hp-device {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px; }
    .hp-rack.hp-device > header {
      padding: 0px 15px; }
  .hp-rack > label {
    display: block;
    padding: 5px 15px; }
  .hp-rack:not(.hp-device) > header {
    padding: 10px 15px; }
    .hp-rack:not(.hp-device) > header .hp-status, .hp-rack:not(.hp-device) > header .hp-device-name {
      display: inline-block;
      vertical-align: top;
      top: 3px; }
    .hp-rack:not(.hp-device) > header .hp-status {
      top: 1px; }
  .hp-rack.hp-selected > header {
    background-color: #d6eef8; }
  .hp-rack.hp-collapsed header {
    border-bottom: none; }
  .hp-rack.hp-collapsed > ol {
    display: none; }
  .hp-rack .hp-rack-devices > li {
    border-top: 1px solid #cccccc; }
  .hp-rack .hp-device {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 15px;
    width: 200px;
    border: none;
    border-radius: 0px;
    background-image: none; }
    .hp-rack .hp-device.hp-rack-2u {
      padding: 2px 15px; }
    .hp-rack .hp-device.hp-rack-1u {
      padding: 0px 15px; }
    .hp-filter-pane .hp-rack .hp-device {
      width: 160px; }
  .hp-rack .hp-device-topUSlot ~ .hp-device {
    display: inline-block; }
  .hp-rack .hp-rack-devices .hp-device-topUSlot {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-top: 1px solid #cccccc;
    display: inline-block;
    text-align: right;
    width: 20px;
    color: #333333;
    padding: 0px 8px 0px 5px;
    vertical-align: top; }
  .hp-rack .hp-enclosure {
    border: none;
    background-image: none; }
  .hp-rack .hp-rack-empty {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
    min-width: 190px;
    vertical-align: middle;
    background-color: #f2f2f2;
    border-top: 1px solid #cccccc; }
    .hp-filter-pane .hp-rack .hp-rack-empty {
      min-width: 160px; }
    .hp-rack .hp-rack-empty label {
      color: #999; }
  .hp-rack .hp-rack-1u {
    height: 15px; }
  .hp-rack .hp-rack-2u {
    height: 30px; }
  .hp-rack .hp-rack-3u {
    height: 45px; }
  .hp-rack .hp-rack-4u {
    height: 60px; }
  .hp-rack .hp-rack-5u {
    height: 75px; }
  .hp-rack .hp-rack-6u {
    height: 90px; }
  .hp-rack .hp-rack-7u {
    height: 105px; }
  .hp-rack .hp-rack-8u {
    height: 120px; }
  .hp-rack .hp-rack-9u {
    height: 135px; }
  .hp-rack .hp-rack-10u {
    height: 150px; }
  .hp-rack .hp-rack-11u {
    height: 165px; }
  .hp-rack .hp-rack-12u {
    height: 180px; }
  .hp-rack .hp-rack-13u {
    height: 195px; }
  .hp-rack .hp-rack-14u {
    height: 210px; }
  .hp-rack .hp-rack-15u {
    height: 225px; }
  .hp-rack .hp-rack-16u {
    height: 240px; }
  .hp-rack .hp-rack-17u {
    height: 255px; }
  .hp-rack .hp-rack-18u {
    height: 270px; }
  .hp-rack .hp-rack-19u {
    height: 285px; }
  .hp-rack .hp-rack-20u {
    height: 300px; }
  .hp-rack .hp-rack-21u {
    height: 315px; }
  .hp-rack .hp-rack-22u {
    height: 330px; }
  .hp-rack .hp-rack-23u {
    height: 345px; }
  .hp-rack .hp-rack-24u {
    height: 360px; }
  .hp-rack .hp-rack-25u {
    height: 375px; }
  .hp-rack .hp-rack-26u {
    height: 390px; }
  .hp-rack .hp-rack-27u {
    height: 405px; }
  .hp-rack .hp-rack-28u {
    height: 420px; }
  .hp-rack .hp-rack-29u {
    height: 435px; }
  .hp-rack .hp-rack-30u {
    height: 450px; }
  .hp-rack .hp-rack-31u {
    height: 465px; }
  .hp-rack .hp-rack-32u {
    height: 480px; }
  .hp-rack .hp-rack-33u {
    height: 495px; }
  .hp-rack .hp-rack-34u {
    height: 510px; }
  .hp-rack .hp-rack-35u {
    height: 525px; }
  .hp-rack .hp-rack-36u {
    height: 540px; }
  .hp-rack .hp-rack-37u {
    height: 555px; }
  .hp-rack .hp-rack-38u {
    height: 570px; }
  .hp-rack .hp-rack-39u {
    height: 585px; }
  .hp-rack .hp-rack-40u {
    height: 600px; }
  .hp-rack .hp-rack-41u {
    height: 615px; }
  .hp-rack .hp-rack-42u {
    height: 630px; }
  .hp-rack .hp-rack-43u {
    height: 645px; }
  .hp-rack .hp-rack-44u {
    height: 660px; }
  .hp-rack .hp-rack-45u {
    height: 675px; }
  .hp-rack .hp-rack-46u {
    height: 690px; }
  .hp-rack .hp-rack-47u {
    height: 705px; }
  .hp-rack .hp-rack-48u {
    height: 720px; }
  .hp-rack .hp-rack-49u {
    height: 735px; }
  .hp-rack .hp-rack-50u {
    height: 750px; }
  .hp-rack .hp-rack-divider {
    height: 1px;
    background-color: #cccccc; }

.hp-datacenter-device {
  position: relative;
  height: 26px;
  margin-bottom: 5px;
  padding: 1px 1px 1px 1px;
  white-space: nowrap;
  cursor: pointer; }
  .hp-datacenter-device:last-of-type {
    margin-bottom: 0px; }
  .hp-datacenter-device.hp-active {
    background-color: #ffd; }
  .hp-datacenter-device .hp-status, .hp-datacenter-device .hp-device-name, .hp-datacenter-device .hp-usage {
    display: inline-block;
    vertical-align: top; }
  .hp-datacenter-device .hp-full {
    position: absolute;
    display: none; }
  .hp-datacenter-device:hover .hp-full {
    display: block;
    top: -8px;
    left: 15px;
    width: 200px;
    background: #fff;
    z-index: 2;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 8px 0px #666666;
    -moz-box-shadow: 3px 3px 8px 0px #666666;
    box-shadow: 3px 3px 8px 0px #666666;
    padding: 10px;
    text-align: left;
    -webkit-animation: 0.5s ease;
    -moz-animation: 0.5s ease;
    -ms-animation: 0.5s ease;
    -o-animation: 0.5s ease;
    animation: 0.5s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }
    .hp-datacenter-device:hover .hp-full:after {
      content: "";
      position: absolute;
      top: 10px;
      left: -14px;
      bottom: auto;
      border-width: 7px 7px 7px 7px;
      border-color: transparent #fff transparent transparent;
      border-style: solid;
      display: block;
      width: 0; }
    .hp-datacenter-device:hover .hp-full .hp-usage {
      position: absolute;
      top: 10px;
      right: 0px; }
      .hp-datacenter-device:hover .hp-full .hp-usage label {
        left: -60px;
        color: #333333; }
    .hp-datacenter-device:hover .hp-full .hp-device-metric {
      margin-top: 5px;
      margin-left: 5px; }

.hp-datacenter-metric-PopUp {
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px; }
  .hp-datacenter-metric-PopUp .vis-legend {
    position: absolute;
    padding: 5px;
    width: auto;
    height: auto;
    background-color: white;
    border: 1px solid #d9d9d9;
    text-align: center;
    -webkit-transition: bottom 0.3s;
    -moz-transition: bottom 0.3s;
    transition: bottom 0.3s; }
    .hp-datacenter-metric-PopUp .vis-legend label {
      white-space: pre-line;
      color: #737373; }

.hp-datacenter-metric-thermalDataLegend {
  position: relative;
  width: 25px;
  height: 75px; }

.hp-enclosure {
  display: inline-block;
  border: 2px solid #ccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y;
  padding-left: 5px;
  -webkit-transition: -webkit-transform 1.5s ease-in-out 0s;
  -moz-transition: -webkit-transform 1.5s ease-in-out 0s;
  transition: -webkit-transform 1.5s ease-in-out 0s;
  -webkit-transition: -moz-transform 1.5s ease-in-out 0s;
  -moz-transition: -moz-transform 1.5s ease-in-out 0s;
  transition: -moz-transform 1.5s ease-in-out 0s; }
  .hp-enclosure a {
    cursor: pointer; }
  .hp-enclosure > label {
    display: inline-block;
    padding: 7px 10px; }
  .hp-enclosure > .hp-status {
    display: inline-block;
    margin-left: 10px;
    top: 5px; }
  .hp-enclosure .hp-device-views {
    float: right;
    margin: 5px 14px 0px 5px; }
    .hp-enclosure .hp-device-views > li {
      display: inline-block;
      padding: 0px 5px;
      border-left: 1px solid #d9d9d9; }
      .hp-enclosure .hp-device-views > li:first-of-type {
        border-left: none; }
      .hp-enclosure .hp-device-views > li a {
        cursor: pointer; }
  .hp-enclosure.hp-vertical .hp-bays-set {
    margin: 5px 10px;
    white-space: nowrap; }
    .hp-enclosure.hp-vertical .hp-bays-set > li {
      position: relative;
      left: 0px;
      display: inline-block;
      margin-right: 10px;
      -webkit-transition: left 1s ease-in-out 1.5s;
      -moz-transition: left 1s ease-in-out 1.5s;
      transition: left 1s ease-in-out 1.5s; }
  .hp-enclosure.hp-vertical .hp-bay {
    display: block;
    white-space: nowrap; }
    .hp-enclosure.hp-vertical .hp-bay > * {
      display: inline-block; }
    .hp-enclosure.hp-vertical .hp-bay .hp-device {
      background-image: none; }
    .hp-enclosure.hp-vertical .hp-bay.hp-full-height:after {
      content: '';
      position: absolute;
      right: -14px;
      top: -1px;
      height: 37px;
      width: 14px;
      border-top: 3px solid #cccccc;
      border-bottom: 3px solid #cccccc; }
    .hp-enclosure.hp-vertical .hp-bay.hp-full-height .hp-device {
      width: 561px;
      margin-right: -321px; }
  .hp-enclosure.hp-horizontal .hp-bays-set > * {
    display: block;
    margin-bottom: 8px; }
  .hp-enclosure.hp-horizontal .hp-bays {
    white-space: nowrap;
    font-size: 0px; }
  .hp-enclosure.hp-horizontal .hp-bay {
    display: inline-block;
    font-size: 13px; }
    .hp-enclosure.hp-horizontal .hp-bay > * {
      display: block; }
    .hp-enclosure.hp-horizontal .hp-bay .hp-status {
      left: 5px; }
      .hp-enclosure.hp-horizontal .hp-bay .hp-status.hp-changing {
        height: 30px;
        width: 14px; }
        .hp-enclosure.hp-horizontal .hp-bay .hp-status.hp-changing > * {
          display: block; }
        .hp-enclosure.hp-horizontal .hp-bay .hp-status.hp-changing .hp-status-changing {
          top: 0px;
          left: -3px; }
    .hp-enclosure.hp-horizontal .hp-bay.hp-full-height:after {
      content: '';
      position: absolute;
      bottom: -14px;
      left: -1px;
      height: 14px;
      width: 41px;
      border-left: 3px solid #cccccc;
      border-right: 3px solid #cccccc;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    .hp-enclosure.hp-horizontal .hp-bay.hp-full-height .hp-device {
      width: 20px;
      margin-right: 0px; }
  .hp-enclosure.hp-physical {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 630px;
    height: 630px; }
    .hp-enclosure.hp-physical .hp-bays-set {
      position: relative; }
      .hp-enclosure.hp-physical .hp-bays-set > li:first-of-type {
        position: relative;
        left: 315px; }
      .hp-enclosure.hp-physical .hp-bays-set > li:last-of-type {
        position: relative;
        left: -315px; }
    .hp-enclosure.hp-physical .hp-bay.hp-full-height:after {
      content: '';
      display: none; }
    .hp-enclosure.hp-physical .hp-bay.hp-full-height .hp-device {
      width: 240px;
      margin-right: 0px; }
  .hp-enclosure .hp-bay {
    position: relative;
    height: 42px;
    border-top: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .hp-enclosure .hp-bay:first-of-type {
      border-top: none; }
    .hp-enclosure .hp-bay > label {
      text-align: right;
      width: 20px;
      color: #737373;
      padding: 5px 8px 5px 5px;
      margin-bottom: 3px; }
    .hp-enclosure .hp-bay.hp-eclipsed > label {
      color: white; }
  .hp-enclosure .hp-device {
    position: relative;
    padding: 10px 15px;
    width: 240px;
    border: none; }
    .hp-enclosure .hp-device .hp-device-model {
      position: absolute;
      top: 10px;
      right: 15px;
      color: #737373;
      margin-top: 0px;
      max-width: 120px;
      text-overflow: ellipsis;
      overflow: hidden; }
  .hp-enclosure .hp-empty {
    padding: 10px 15px 10px 38px;
    width: 217px;
    height: 22px;
    color: #737373;
    font-style: italic; }
  .hp-enclosure.hp-small.hp-vertical .hp-bay {
    width: 80px;
    height: 28px;
    border-top: 1px solid #cccccc;
    border-left: none; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay:first-of-type {
      border-top: none; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay > * {
      display: inline-block;
      vertical-align: top; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay:hover .hp-device, .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-hover .hp-device, .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-full-height.hp-hover .hp-device {
      left: 32px;
      top: -6px;
      -webkit-animation-name: fadeInLeft;
      -moz-animation-name: fadeInLeft;
      -ms-animation-name: fadeInLeft;
      -o-animation-name: fadeInLeft;
      animation-name: fadeInLeft; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay .hp-device {
      width: 30px;
      height: 17px; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-full-height:after {
      content: '';
      right: -14px;
      height: 23px;
      width: 14px; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-full-height .hp-device {
      width: 124px;
      margin-right: -70px; }
  .hp-enclosure.hp-small.hp-horizontal .hp-bays {
    height: 70px; }
  .hp-enclosure.hp-small.hp-horizontal .hp-bay {
    width: 31px;
    height: 70px; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay:first-of-type {
      border-left: none; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay:last-of-type {
      margin-right: 0px; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay:hover .hp-device, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device {
      left: -6px;
      top: 22px;
      -webkit-animation-name: fadeInDown;
      -moz-animation-name: fadeInDown;
      -ms-animation-name: fadeInDown;
      -o-animation-name: fadeInDown;
      animation-name: fadeInDown; }
      .hp-enclosure.hp-small.hp-horizontal .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device .hp-status.hp-changing, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device .hp-status.hp-changing {
        height: 14px;
        width: 30px; }
        .hp-enclosure.hp-small.hp-horizontal .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device .hp-status.hp-changing > *, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device .hp-status.hp-changing > * {
          display: inline-block; }
        .hp-enclosure.hp-small.hp-horizontal .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device .hp-status.hp-changing .hp-status-value {
          margin-left: 0px;
          margin-bottom: 0px; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:after {
      content: '';
      bottom: -8px;
      height: 8px;
      width: 32px; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height .hp-device {
      width: 20px;
      margin-right: 0px; }
  .hp-rack .hp-enclosure.hp-small > label {
    padding: 7px 11px; }
  .hp-rack .hp-enclosure.hp-small .hp-bays-set {
    padding: 0px 4px; }
  .hp-rack .hp-enclosure.hp-small .hp-bays {
    border: none; }
  .hp-rack .hp-enclosure.hp-small .hp-bay {
    width: 22px; }
    .hp-rack .hp-enclosure.hp-small .hp-bay:first-of-type {
      border-left: none; }
    .hp-rack .hp-enclosure.hp-small .hp-bay label {
      padding: 4px 0px; }
    .hp-rack .hp-enclosure.hp-small .hp-bay .hp-device {
      padding: 0px; }
    .hp-rack .hp-enclosure.hp-small .hp-bay .hp-empty {
      width: 20px; }
  .hp-enclosure.hp-small .hp-bay {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
    border-left: 1px solid #cccccc;
    vertical-align: top; }
    .hp-enclosure.hp-small .hp-bay > * {
      text-align: center; }
    .hp-enclosure.hp-small .hp-bay:hover, .hp-enclosure.hp-small .hp-bay.hp-hover, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover {
      background-color: #eee; }
      .hp-enclosure.hp-small .hp-bay:hover .hp-device, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device {
        position: absolute;
        width: auto;
        height: 40px;
        background: #fff;
        z-index: 2;
        border: 1px solid #cccccc;
        padding: 10px;
        text-align: left;
        -webkit-animation: 0.3s ease;
        -moz-animation: 0.3s ease;
        -ms-animation: 0.3s ease;
        -o-animation: 0.3s ease;
        animation: 0.3s ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both; }
        .hp-enclosure.hp-small .hp-bay:hover .hp-device:after, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device:after, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device:after, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device:after {
          content: "";
          position: absolute;
          top: -15px;
          left: 10px;
          right: auto;
          border-width: 0 7px 7px;
          border-color: #fff transparent;
          border-style: solid;
          display: block;
          width: 0; }
        .hp-enclosure.hp-small .hp-bay:hover .hp-device .hp-status, .hp-enclosure.hp-small .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device .hp-status, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-status, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-status, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name {
          display: inline-block; }
        .hp-enclosure.hp-small .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name {
          padding-left: 2px; }
        .hp-enclosure.hp-small .hp-bay:hover .hp-device .hp-device-model, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device .hp-device-model, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-device-model, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-model {
          display: block;
          float: none;
          position: static;
          padding-left: 20px;
          margin-top: 5px;
          max-width: none; }
  .hp-enclosure.hp-small .hp-device {
    width: 20px;
    height: 50px;
    padding: 5px;
    background: none;
    overflow: hidden; }
    .hp-enclosure.hp-small .hp-device > * {
      display: block; }
    .hp-enclosure.hp-small .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-device .hp-device-model {
      display: none; }
  .hp-enclosure.hp-small .hp-empty {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    width: 32px;
    height: 32px; }
    .hp-enclosure.hp-small .hp-empty .hp-unset {
      display: none; }

.hp-switch-context {
  white-space: nowrap; }
  .hp-switch-context a {
    cursor: pointer; }
  .hp-switch-context > * {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
  .hp-switch-context ol {
    margin-bottom: 0px; }
  .hp-switch-context .hp-switch-endpoints .hp-switch-endpoint {
    position: relative;
    white-space: nowrap;
    width: 100%;
    height: 26px;
    margin-bottom: 5px; }
    .hp-switch-context .hp-switch-endpoints .hp-switch-endpoint:last-of-type {
      margin-bottom: 0px; }
    .hp-switch-context .hp-switch-endpoints .hp-switch-endpoint > * {
      display: inline-block;
      vertical-align: top;
      margin-right: -4px; }
      .hp-switch-context .hp-switch-endpoints .hp-switch-endpoint > *:last-of-type {
        margin-right: 0px; }
  .hp-switch-context .hp-switch-uplink-groups {
    display: table-cell; }
  .hp-switch-context .hp-backplane-connect {
    margin-top: 20px; }
  .hp-switch-context .hp-switch-servers {
    border: 1px solid #cccccc;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    max-width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .hp-switch-context .hp-switch-servers .hp-switch-server {
      display: block;
      border-bottom: 1px solid #cccccc; }
      .hp-switch-context .hp-switch-servers .hp-switch-server:last-of-type {
        border-bottom: none; }
      .hp-switch-context .hp-switch-servers .hp-switch-server:hover .hp-device {
        background-color: #ffd; }
      .hp-switch-context .hp-switch-servers .hp-switch-server .hp-device {
        border: none;
        background-image: none;
        padding: 5px 15px 5px 5px;
        overflow: hidden; }
        .hp-switch-context .hp-switch-servers .hp-switch-server .hp-device .hp-status, .hp-switch-context .hp-switch-servers .hp-switch-server .hp-device .hp-device-name {
          display: inline-block;
          vertical-align: top;
          white-space: nowrap; }
        .hp-switch-context .hp-switch-servers .hp-switch-server .hp-device .hp-device-model {
          display: none;
          padding-left: 24px;
          color: #737373; }

.hp-switch.hp-device.hp-small {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 7px 10px 7px 15px;
  margin-right: 20px;
  margin-bottom: 10px;
  text-align: left; }
  .hp-switch.hp-device.hp-small .hp-status, .hp-switch.hp-device.hp-small label {
    display: inline-block; }
  .hp-switch.hp-device.hp-small .hp-up-ports {
    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    display: table;
    margin: 5px -7px 0px -7px; }
    .hp-switch.hp-device.hp-small .hp-up-ports .hp-up-port {
      display: table-cell;
      width: auto;
      height: auto;
      text-align: center;
      padding: 3px 5px; }
      .hp-switch.hp-device.hp-small .hp-up-ports .hp-up-port .hp-device-name, .hp-switch.hp-device.hp-small .hp-up-ports .hp-up-port .hp-status {
        display: block;
        padding: 0px 3px; }
      .hp-switch.hp-device.hp-small .hp-up-ports .hp-up-port .hp-status {
        top: 2px;
        left: 6px;
        margin-bottom: 3px; }

.hp-switch .hp-device {
  padding: 10px 15px; }
  .hp-switch .hp-device .hp-usage {
    display: block;
    margin: 10px 5px; }
.hp-switch .hp-up-ports .hp-up-port {
  position: relative;
  height: 26px;
  margin-bottom: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 5px 5px 7px;
  border-top: 1px solid #cccccc;
  white-space: nowrap;
  cursor: pointer; }
  .hp-switch .hp-up-ports .hp-up-port:first-child {
    border-top: none; }
  .hp-switch .hp-up-ports .hp-up-port:last-of-type {
    margin-bottom: 0px; }
  .hp-switch .hp-up-ports .hp-up-port.hp-active {
    background-color: #ffd; }
  .hp-switch .hp-up-ports .hp-up-port .hp-status, .hp-switch .hp-up-ports .hp-up-port .hp-device-name, .hp-switch .hp-up-ports .hp-up-port .hp-usage {
    display: inline-block;
    vertical-align: top; }
  .hp-switch .hp-up-ports .hp-up-port .hp-full {
    position: absolute;
    display: none; }
  .hp-switch .hp-up-ports .hp-up-port:hover {
    background-color: #eee; }
    .hp-switch .hp-up-ports .hp-up-port:hover .hp-condensed {
      opacity: 0.2; }
    .hp-switch .hp-up-ports .hp-up-port:hover .hp-full {
      display: block;
      bottom: 28px;
      left: -8px;
      width: 200px;
      background: #fff;
      z-index: 2;
      border-radius: 3px;
      -webkit-box-shadow: 3px 3px 8px 0px #666666;
      -moz-box-shadow: 3px 3px 8px 0px #666666;
      box-shadow: 3px 3px 8px 0px #666666;
      padding: 10px;
      text-align: left;
      -webkit-animation: 0.5s ease;
      -moz-animation: 0.5s ease;
      -ms-animation: 0.5s ease;
      -o-animation: 0.5s ease;
      animation: 0.5s ease;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      -ms-animation-fill-mode: both;
      -o-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: fadeInUp;
      -moz-animation-name: fadeInUp;
      -ms-animation-name: fadeInUp;
      -o-animation-name: fadeInUp;
      animation-name: fadeInUp; }
      .hp-switch .hp-up-ports .hp-up-port:hover .hp-full:after {
        content: "";
        position: absolute;
        bottom: -14px;
        left: 10px;
        top: auto;
        border-width: 7px 7px 7px 7px;
        border-color: #fff transparent transparent transparent;
        border-style: solid;
        display: block;
        width: 0; }
      .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-usage {
        position: absolute;
        top: 10px;
        right: 0px; }
        .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-usage label {
          left: -60px;
          color: #333333; }
      .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-device-address, .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-uplink-group, .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-uplink-networks {
        margin-top: 5px;
        margin-left: 5px; }
.hp-switch.hp-small {
  position: relative; }
  .hp-switch.hp-small .hp-device {
    min-width: 190px;
    padding-bottom: 65px; }
    .hp-filter-pane .hp-switch.hp-small .hp-device {
      min-width: 140px; }
  .hp-switch.hp-small .hp-usage {
    display: none; }
  .hp-switch.hp-small .hp-up-ports {
    position: absolute;
    top: 40px;
    left: 13px;
    width: 100%;
    padding: 0px;
    border: none;
    white-space: nowrap; }
    .hp-filter-pane .hp-switch.hp-small .hp-up-ports {
      left: 10px; }
  .hp-switch.hp-small .hp-up-port {
    display: inline-block;
    margin-right: -4px;
    border: none;
    border-right: 1px solid #ccc;
    border-radius: 0px;
    min-width: 0px;
    height: 40px;
    width: 22px;
    padding: 0px 2px; }
    .hp-filter-pane .hp-switch.hp-small .hp-up-port {
      width: 20px;
      padding: 0px; }
    .hp-switch.hp-small .hp-up-port:last-of-type {
      border-right: none; }
    .hp-switch.hp-small .hp-up-port .hp-condensed > * {
      display: block; }
    .hp-switch.hp-small .hp-up-port .hp-condensed .hp-status {
      left: 3px;
      top: 6px; }
      .hp-switch.hp-small .hp-up-port .hp-condensed .hp-status.hp-changing {
        width: 14px;
        height: 30px; }
        .hp-switch.hp-small .hp-up-port .hp-condensed .hp-status.hp-changing > * {
          display: block; }
      .hp-switch.hp-small .hp-up-port .hp-condensed .hp-status .hp-status-value {
        position: relative;
        left: 2px; }
    .hp-switch.hp-small .hp-up-port .hp-condensed .hp-device-name, .hp-switch.hp-small .hp-up-port .hp-condensed .hp-usage {
      display: none; }

.hp-logical-switch {
  position: relative;
  padding: 10px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .hp-logical-switch > canvas {
    position: absolute;
    margin: -10px -40px; }
  .hp-logical-switch .hp-logical-uplinks {
    margin-bottom: 20px; }
    .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink {
      position: relative;
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 50px;
      background-color: white;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-highlight {
        border-color: #666666; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-selected {
        border-color: #7fbfda; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink > h3.hp-name, .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink > label {
        display: block;
        margin: 0px 0px 10px 0px;
        padding-right: 30px;
        font-size: inherit;
        white-space: nowrap; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink div {
        color: #737373; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-controls {
        position: absolute;
        top: 5px;
        right: 0px; }
        .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-controls > * {
          display: inline-block;
          vertical-align: top;
          cursor: pointer; }
        .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-controls .hp-close {
          position: relative;
          top: 2px; }
  .hp-logical-switch .hp-physical-switch-row {
    display: block;
    margin: 60px 0px 20px 0px;
    white-space: nowrap; }
  .hp-logical-switch .hp-physical-switches .hp-switch {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .hp-logical-switch .hp-physical-switches .hp-switch.hp-highlight {
      border-color: #666666; }
    .hp-logical-switch .hp-physical-switches .hp-switch .hp-device > .hp-name, .hp-logical-switch .hp-physical-switches .hp-switch .hp-device > label {
      position: relative;
      top: 30px; }
    .hp-logical-switch .hp-physical-switches .hp-switch .hp-up-ports {
      top: 10px; }
    .hp-logical-switch .hp-physical-switches .hp-switch.hp-device {
      margin-bottom: 0px;
      background-color: transparent; }
      .hp-logical-switch .hp-physical-switches .hp-switch.hp-device.hp-placeholder {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        min-width: 278px;
        text-align: center; }
      .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > button, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > input {
        display: inline-block; }
      .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > h3.hp-name, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > label, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > header {
        display: block;
        position: relative;
        margin: 0px;
        font-size: inherit; }
        .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > h3.hp-name:first-child, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > label:first-child, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > header:first-child {
          top: 42px; }
        .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > h3.hp-name > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > h3.hp-name > .hp-search-combo, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > h3.hp-name > .selectBox-dropdown, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > label > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > label > .hp-search-combo, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > label > .selectBox-dropdown, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > header > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > header > .hp-search-combo, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > header > .selectBox-dropdown {
          display: block !important;
          margin: 5px 0px; }
          .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > h3.hp-name > input > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > h3.hp-name > .hp-search-combo > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > h3.hp-name > .selectBox-dropdown > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > label > input > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > label > .hp-search-combo > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > label > .selectBox-dropdown > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > header > input > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > header > .hp-search-combo > input, .hp-logical-switch .hp-physical-switches .hp-switch.hp-device > header > .selectBox-dropdown > input {
            width: 100%; }
      .hp-logical-switch .hp-physical-switches .hp-switch.hp-device .hp-up-ports {
        position: relative;
        top: -22px; }
        .hp-logical-switch .hp-physical-switches .hp-switch.hp-device .hp-up-ports:first-child {
          top: -7px; }
        .hp-logical-switch .hp-physical-switches .hp-switch.hp-device .hp-up-ports .hp-up-port {
          -webkit-transition: opacity 0.2s;
          -moz-transition: opacity 0.2s;
          transition: opacity 0.2s; }
  .hp-logical-switch.hp-has-highlight .hp-up-port, .hp-logical-switch.hp-has-highlight .hp-logical-uplink, .hp-logical-switch.hp-has-highlight .hp-device {
    opacity: 0.4; }
    .hp-logical-switch.hp-has-highlight .hp-up-port.hp-highlight, .hp-logical-switch.hp-has-highlight .hp-logical-uplink.hp-highlight, .hp-logical-switch.hp-has-highlight .hp-device.hp-highlight {
      opacity: 1.0;
      color: #000; }

.hp-server-context {
  position: relative; }
  .hp-server-context a {
    cursor: pointer; }
  .hp-server-context > * {
    display: table-cell;
    vertical-align: top; }
  .hp-server-context ol {
    margin: 0px; }
  .hp-server-context .hp-server {
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-right: 1px solid #cccccc;
    border-top-right-radius: 0; }
    .hp-server-context .hp-server > * {
      vertical-align: top; }
  .hp-server-context .hp-card {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 0px; }
  .hp-server-context .hp-server-path {
    margin-bottom: -2px; }
    .hp-server-context .hp-server-path:last-of-type {
      margin-bottom: 0px; }
    .hp-server-context .hp-server-path .hp-card {
      border-left: none; }
  .hp-server-context .hp-server-storages {
    position: absolute;
    top: 70px;
    left: 20px; }
  .hp-server-context .hp-server-storage {
    border: 2px solid #ccc;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
    background-repeat: repeat-y;
    padding-left: 5px;
    margin-bottom: 5px;
    border-width: 1px; }
    .hp-server-context .hp-server-storage .hp-device {
      border-radius: 3px; }
    .hp-server-context .hp-server-storage .hp-device-size {
      color: #737373; }
  .hp-server-context.hp-small .hp-server {
    padding: 10px 20px; }
  .hp-server-context.hp-small .hp-path-stack {
    display: none; }
  .hp-server-context.hp-small .hp-network-path .hp-nic .hp-card {
    padding: 0px 5px; }
    .hp-server-context.hp-small .hp-network-path .hp-nic .hp-card > label {
      display: none; }
    .hp-server-context.hp-small .hp-network-path .hp-nic .hp-card > ol {
      margin-top: 0px; }
  .hp-server-context.hp-small .hp-port a, .hp-server-context.hp-small .hp-up-port a {
    display: none; }
  .hp-server-context.hp-small .hp-server-storages {
    top: 40px; }
    .hp-server-context.hp-small .hp-server-storages .hp-device-name {
      display: none; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-search-results {
  margin: 23px; }
  #hp-search-results .hp-search-type {
    text-transform: capitalize;
    color: #737373;
    width: 100px; }
    html.hp-high-contrast #hp-search-results .hp-search-type {
      color: #333333; }
  #hp-search-results .hp-icon {
    width: 20px; }
  #hp-search-results .hp-status {
    position: relative;
    top: 12px; }
  #hp-search-results .hp-search-name {
    padding-right: 30px; }
  #hp-search-results .hp-search-extended {
    color: #737373; }
    html.hp-high-contrast #hp-search-results .hp-search-extended {
      color: #333333; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-comments-icon {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -200px -120px;
  background-repeat: no-repeat; }
  table thead td .hp-comments-icon {
    margin-top: 1px;
    margin-bottom: -1px; }

.hp-alerts {
  top: 80px;
  margin: 0px; }

.hp-alert {
  margin: 5px 10px;
  border-radius: 3px; }
  .hp-alert.hp-alert-expanded .hp-alert-secondary {
    border-top: 1px solid #d9d9d9;
    border-left: 3px solid #d9d9d9;
    border-right: 3px solid #d9d9d9;
    border-bottom: 3px solid #d9d9d9; }
  .hp-alert.hp-alert-expanded .hp-alert-primary, .hp-alert.hp-alert-expanded .hp-alert-primary:hover {
    background-color: #f3f3f3;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  .hp-alert.hp-alert-selected .hp-alert-primary, .hp-alert.hp-alert-selected .hp-alert-primary:hover, .hp-alert.ui-selected .hp-alert-primary, .hp-alert.ui-selected .hp-alert-primary:hover {
    background-color: #fffdd7;
    color: #fff; }
    .hp-alert.hp-alert-selected .hp-alert-primary a, .hp-alert.hp-alert-selected .hp-alert-primary:hover a, .hp-alert.ui-selected .hp-alert-primary a, .hp-alert.ui-selected .hp-alert-primary:hover a {
      color: #fff; }
    .hp-alert.hp-alert-selected .hp-alert-primary .hp-alert-text-container a, .hp-alert.hp-alert-selected .hp-alert-primary:hover .hp-alert-text-container a, .hp-alert.ui-selected .hp-alert-primary .hp-alert-text-container a, .hp-alert.ui-selected .hp-alert-primary:hover .hp-alert-text-container a {
      font-style: italic; }
    .hp-alert.hp-alert-selected .hp-alert-primary .hp-alert-date, .hp-alert.hp-alert-selected .hp-alert-primary:hover .hp-alert-date, .hp-alert.ui-selected .hp-alert-primary .hp-alert-date, .hp-alert.ui-selected .hp-alert-primary:hover .hp-alert-date {
      color: #eee; }
  .hp-alert.hp-alert-selected .hp-alert-secondary, .hp-alert.ui-selected .hp-alert-secondary {
    border-top: 1px solid #d6eef8;
    border-left: 3px solid #d6eef8;
    border-right: 3px solid #d6eef8;
    border-bottom: 3px solid #d6eef8; }
  .hp-alert .hp-alert-primary .hp-alert-expander {
    margin: -4px 0px;
    padding: 0px;
    width: 27px;
    height: 27px;
    background-image: url("../../img/hp-piano/grid-expand.png");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px; }
    .hp-alert .hp-alert-primary .hp-alert-expander:hover {
      background-color: #eee; }
  .hp-alert.hp-alert-selected .hp-alert-expander:hover, .hp-alert.ui-selected .hp-alert-expander:hover {
    background-color: #3091b8; }
  .hp-alert.hp-alert-expanded .hp-alert-expander {
    background-image: url("../../img/hp-piano/grid-collapse.png"); }
  .hp-alert .hp-alert-primary {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
    -moz-box-lines: single;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .hp-alert .hp-alert-primary:hover {
      background-color: #f3f3f3; }
    .hp-alert .hp-alert-primary > * {
      vertical-align: top;
      padding: 0px 10px;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0; }
    .hp-alert .hp-alert-primary > .hp-status {
      padding-left: 0px; }
    .hp-alert .hp-alert-primary .hp-alert-text-container, .hp-alert .hp-alert-primary .hp-alert-text {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1; }
      .hp-alert .hp-alert-primary .hp-alert-text-container .hp-alert-details, .hp-alert .hp-alert-primary .hp-alert-text .hp-alert-details {
        margin-left: 10px; }
    .hp-alert .hp-alert-primary .hp-alert-source {
      white-space: nowrap;
      text-align: left;
      width: 150px;
      overflow: hidden; }
    .hp-alert .hp-alert-primary .hp-alert-date {
      color: #737373;
      white-space: nowrap;
      text-align: left;
      width: 127px; }
      .hp-alert .hp-alert-primary .hp-alert-date > span {
        display: inline; }
      .hp-alert .hp-alert-primary .hp-alert-date .hp-alert-date-time {
        text-align: right; }
    .hp-alert .hp-alert-primary .hp-alert-controls {
      width: 120px;
      text-align: right; }
      .hp-alert .hp-alert-primary .hp-alert-controls li {
        position: relative;
        display: inline-block;
        margin-right: 10px; }
        .hp-alert .hp-alert-primary .hp-alert-controls li:last-of-type {
          margin-right: 0px; }
        .hp-alert .hp-alert-primary .hp-alert-controls li .hp-alert-assigner {
          position: absolute;
          top: -19px;
          right: 0px;
          color: #000; }
  .hp-alert .hp-alert-secondary {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
    -moz-box-lines: single;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    border: 3px solid #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .hp-alert .hp-alert-secondary a {
      cursor: pointer; }
    .hp-alert .hp-alert-secondary > * {
      padding-right: 20px; }
      .hp-alert .hp-alert-secondary > *:last-of-type {
        border-left: 2px solid #f3f3f3;
        padding-left: 20px;
        padding-right: 0px; }
    .hp-alert .hp-alert-secondary .hp-alert-notes-section {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      padding-right: 40px; }
      .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes {
        padding-bottom: 20px;
        width: 100%; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note {
          display: -webkit-box;
          -webkit-box-orient: horizontal;
          display: -moz-box;
          -moz-box-orient: horizontal;
          display: box;
          box-orient: horizontal;
          -moz-box-lines: single;
          width: 100%; }
          .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note > * {
            display: block;
            margin-right: 20px; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-user {
          color: #737373; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-text {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-date {
          color: #737373; }
      .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-note-form textarea {
        width: 300px;
        height: 60px; }
      .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-note-form .hp-alert-note-controls > li {
        display: inline-block; }
    .hp-alert .hp-alert-secondary .hp-alert-aside {
      padding-left: 23px;
      width: 445px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .hp-alert .hp-alert-secondary .hp-alert-aside .hp-column-form {
        padding: 0px; }
        .hp-alert .hp-alert-secondary .hp-alert-aside .hp-column-form a {
          margin-left: 10px; }
      .hp-alert .hp-alert-secondary .hp-alert-aside .hp-alert-controls {
        position: relative; }
        .hp-alert .hp-alert-secondary .hp-alert-aside .hp-alert-controls .hp-alert-assigner {
          position: absolute;
          top: -5px;
          left: 0px; }
  .hp-alert .hp-date-annotate {
    margin-left: 5px; }

#hp-alert-filter-menu, #hp-alert-date-menu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #hp-alert-filter-menu ol, #hp-alert-date-menu ol {
    margin-bottom: 15px; }
    #hp-alert-filter-menu ol li, #hp-alert-date-menu ol li {
      display: block;
      cursor: pointer;
      white-space: nowrap;
      margin: 0px -20px;
      padding: 0px 15px 0px 35px; }
      #hp-alert-filter-menu ol li:hover, #hp-alert-date-menu ol li:hover {
        background-color: #f3f3f3; }
      #hp-alert-filter-menu ol li.hp-alert-filter-selected, #hp-alert-filter-menu ol li.hp-alert-date-selected, #hp-alert-date-menu ol li.hp-alert-filter-selected, #hp-alert-date-menu ol li.hp-alert-date-selected {
        background-image: url("../../img/hp-piano/check.png");
        background-repeat: no-repeat;
        background-position: 10px center; }
      #hp-alert-filter-menu ol li .hp-status, #hp-alert-date-menu ol li .hp-status {
        display: inline-block;
        top: 5px;
        left: -5px; }

.hp-alerts-summary .hp-alerts-status-counts {
  margin: 10px 0px; }
  .hp-alerts-summary .hp-alerts-status-counts li {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px; }
    .hp-alerts-summary .hp-alerts-status-counts li > * {
      display: inline-block;
      vertical-align: top; }
.hp-alerts-summary .hp-status {
  margin-right: 5px; }
.hp-alerts-summary .hp-status-count {
  font-size: 20px;
  padding-top: 3px; }
.hp-alerts-summary .hp-alerts-simple-table tr td {
  padding-left: 0px;
  padding-right: 10px; }
  .hp-alerts-summary .hp-alerts-simple-table tr td .hp-status {
    position: relative;
    top: 3px;
    margin-left: 0px; }
  .hp-alerts-summary .hp-alerts-simple-table tr td.hp-alert-date {
    color: #737373; }
  .hp-alerts-summary .hp-alerts-simple-table tr td:last-of-type {
    padding-right: 0px; }

#tour-alerts2-page .hp-alert a {
  transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s; }
#tour-alerts2-page .hp-alert:hover a {
  opacity: 1.0 !important; }
#tour-alerts2-page .hp-alert .hp-alert-details {
  opacity: 0.8;
  cursor: pointer; }
#tour-alerts2-page .hp-alert .hp-alert-controls li a {
  opacity: 0.8; }
#tour-alerts2-page .hp-alert .hp-alert-secondary {
  padding: 10px 0px; }
  #tour-alerts2-page .hp-alert .hp-alert-secondary a {
    opacity: 0.8;
    cursor: pointer; }
  #tour-alerts2-page .hp-alert .hp-alert-secondary .hp-alert-aside {
    right: auto;
    left: 0px;
    border-left: none;
    width: 330px; }
  #tour-alerts2-page .hp-alert .hp-alert-secondary .hp-alert-notes-section {
    padding-left: 50px; }

.hp-details-message-assign {
  position: relative; }
  .hp-details-message-assign a {
    padding-right: 10px;
    background-image: url("../../img/hp-piano/down-arrow-selected.png");
    background-repeat: no-repeat;
    background-position: right center; }
  .hp-details-message-assign .hp-details-message-assigns {
    position: absolute;
    z-index: 2;
    background: #fff;
    border: 1px solid #eee;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 1px 1px 5px 0px #666666;
    -moz-box-shadow: 1px 1px 5px 0px #666666;
    box-shadow: 1px 1px 5px 0px #666666; }
    .hp-details-message-assign .hp-details-message-assigns > li {
      white-space: nowrap;
      padding: 3px 10px;
      cursor: pointer; }
      .hp-details-message-assign .hp-details-message-assigns > li:hover {
        background-color: #f3f3f3; }
  .hp-details-message-assign.hp-expanded .hp-details-message-assigns {
    -webkit-animation: 0.3s ease;
    -moz-animation: 0.3s ease;
    -ms-animation: 0.3s ease;
    -o-animation: 0.3s ease;
    animation: 0.3s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }

.hp-details-message-comment .hp-details-message-comment-adder {
  display: none; }
.hp-details-message-comment:hover .hp-details-message-comment-adder {
  -webkit-animation: 0.5s ease;
  -moz-animation: 0.5s ease;
  -ms-animation: 0.5s ease;
  -o-animation: 0.5s ease;
  animation: 0.5s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

/* (C) Copyright 2011-2013 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-alert-details {
  padding-left: 33px;
  margin-top: 15px; }
  .hp-alert-details .hp-alert-category {
    float: right;
    margin: 0px 5px; }
  .hp-alert-details > h3, .hp-alert-details .hp-alert-events > label {
    font-size: 14px;
    color: #737373; }
  .hp-alert-details .hp-alert-notes {
    margin-bottom: 5px; }
  .hp-alert-details .hp-alert-note {
    max-width: 400px;
    padding: 10px 0px;
    border-bottom: solid 1px #e6e6e6; }
    .hp-alert-details .hp-alert-note:last-child {
      border-bottom: none; }
    .hp-alert-details .hp-alert-note .hp-owner {
      display: inline-block;
      padding-right: 10px;
      font-weight: bold; }
    .hp-alert-details .hp-alert-note .hp-message {
      display: inline-block; }
    .hp-alert-details .hp-alert-note .hp-timestamp {
      margin-top: 5px; }
  .hp-alert-details .hp-alert-note-write {
    width: 400px; }
  .hp-alert-details .hp-alert-event-property .hp-name {
    color: #737373;
    padding-right: 10px; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-map-page {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  #hp-map-page .hp-master-filter .hp-drop-menu label {
    display: block; }
    #hp-map-page .hp-master-filter .hp-drop-menu label:after {
      content: '';
      background: none; }
  #hp-map-page .hp-master-filter #hp-map-history {
    max-height: 200px;
    overflow-y: auto; }
  #hp-map-page .hp-pane-header {
    position: absolute;
    top: 25px;
    height: 30px;
    line-height: 30px;
    left: 15px; }
    #hp-map-page .hp-pane-header > h1 {
      display: inline-block;
      vertical-align: top; }
    #hp-map-page .hp-pane-header > .hp-spinner {
      margin-left: 20px;
      width: auto;
      display: inline-block;
      vertical-align: top; }
      #hp-map-page .hp-pane-header > .hp-spinner > * {
        display: inline-block;
        vertical-align: middle; }
      #hp-map-page .hp-pane-header > .hp-spinner .hp-spinner-image {
        margin: 0px;
        margin-right: 10px; }
  #hp-map-page .hp-single-pane {
    position: absolute;
    top: 50px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    transition: left 0.5s; }
  #hp-map-page.hp-filterbar-open .hp-single-pane {
    left: 215px; }
  #hp-map-page #hp-map-pane {
    position: absolute;
    top: 80px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto; }

.hp-map {
  position: relative; }
  .hp-map > canvas {
    position: absolute;
    z-index: 0; }
  .hp-map .hp-map-levels {
    white-space: nowrap;
    margin-bottom: 0px; }
    .hp-map .hp-map-levels > li {
      display: inline-block;
      vertical-align: top; }
  .hp-map.hp-vertical .hp-map-levels > li {
    display: block; }
  .hp-map.hp-vertical .hp-map-items > li {
    display: inline-block;
    vertical-align: top; }
  .hp-map .hp-map-level {
    margin: 20px; }
    .hp-map .hp-map-level.hp-empty {
      margin: 0px; }
  .hp-map .hp-map-item {
    position: relative;
    margin: 20px;
    min-width: 180px;
    padding: 5px;
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .hp-map .hp-map-item:hover {
      background-color: rgba(128, 128, 128, 0.1); }
      .hp-map .hp-map-item:hover .hp-device, .hp-map .hp-map-item:hover .hp-logical, .hp-map .hp-map-item:hover .hp-rack-devices .hp-device-topUSlot {
        border-color: black; }
    .hp-map .hp-map-item.hp-selected .hp-device, .hp-map .hp-map-item.hp-selected .hp-logical {
      background-color: #d6eef8; }
    .hp-map .hp-map-item .hp-device, .hp-map .hp-map-item .hp-logical, .hp-map .hp-map-item .hp-device-topUSlot {
      background-color: white; }
      .hp-map .hp-map-item .hp-device .hp-status, .hp-map .hp-map-item .hp-device .hp-device-name, .hp-map .hp-map-item .hp-logical .hp-status, .hp-map .hp-map-item .hp-logical .hp-device-name, .hp-map .hp-map-item .hp-device-topUSlot .hp-status, .hp-map .hp-map-item .hp-device-topUSlot .hp-device-name {
        display: inline-block;
        vertical-align: top; }
      .hp-map .hp-map-item .hp-device .hp-status, .hp-map .hp-map-item .hp-logical .hp-status, .hp-map .hp-map-item .hp-device-topUSlot .hp-status {
        position: relative;
        top: 4px; }
      .hp-map .hp-map-item .hp-device .hp-device-model, .hp-map .hp-map-item .hp-logical .hp-device-model, .hp-map .hp-map-item .hp-device-topUSlot .hp-device-model {
        display: block;
        padding-left: 24px;
        color: #737373; }

.hp-map-dialog {
  background-color: #f3f3f3;
  -webkit-box-shadow: 3px 3px 12px 0px #999999;
  -moz-box-shadow: 3px 3px 12px 0px #999999;
  box-shadow: 3px 3px 12px 0px #999999; }
  .hp-map-dialog .hp-map-header {
    position: relative;
    padding: 10px 20px;
    font-weight: bold;
    color: #333; }
    .hp-map-dialog .hp-map-header .hp-close {
      position: absolute;
      top: 7px;
      right: 7px;
      width: 11px;
      height: 11px;
      background: transparent url("../../img/hp-piano/close.png") no-repeat; }
  .hp-map-dialog .hp-map {
    margin: 10px 20px 20px 20px; }
    .hp-map-dialog .hp-map .hp-map-resource {
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      display: -moz-box;
      -moz-box-orient: horizontal;
      display: box;
      box-orient: horizontal;
      -moz-box-lines: single; }
      .hp-map-dialog .hp-map .hp-map-resource ol {
        margin: 0px; }
      .hp-map-dialog .hp-map .hp-map-resource .hp-map-node {
        border-radius: 3px;
        border: 1px solid #d9d9d9;
        margin: 5px 10px;
        padding: 10px;
        background-color: #fff; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-visualizer {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }
  #hp-visualizer canvas {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px; }
  #hp-visualizer .vis-set {
    position: absolute;
    padding: 5px;
    background-color: white;
    text-align: center;
    -webkit-transition: bottom 0.3s;
    -moz-transition: bottom 0.3s;
    transition: bottom 0.3s; }
    #hp-visualizer .vis-set label {
      display: block;
      max-width: 90px;
      color: #737373; }
  #hp-visualizer .vis-i {
    position: absolute;
    -webkit-transition: bottom 0.5s, left 0.5s;
    -moz-transition: bottom 0.5s, left 0.5s;
    transition: bottom 0.5s, left 0.5s; }
  #hp-visualizer.dense .vis-i {
    width: 14px;
    height: 14px;
    overflow: hidden;
    cursor: pointer; }
    #hp-visualizer.dense .vis-i label {
      display: none; }
    #hp-visualizer.dense .vis-i a.hp-jump {
      display: none;
      position: relative;
      margin-left: 10px;
      top: 3px; }
    #hp-visualizer.dense .vis-i:hover, #hp-visualizer.dense .vis-i.hp-pinned {
      width: auto;
      height: auto;
      padding: 8px 10px;
      color: #000;
      margin-bottom: -8px;
      margin-left: -10px;
      z-index: 10; }
      #hp-visualizer.dense .vis-i:hover .hp-status, #hp-visualizer.dense .vis-i.hp-pinned .hp-status {
        top: 5px;
        display: inline-block; }
      #hp-visualizer.dense .vis-i:hover label, #hp-visualizer.dense .vis-i:hover a.hp-jump, #hp-visualizer.dense .vis-i.hp-pinned label, #hp-visualizer.dense .vis-i.hp-pinned a.hp-jump {
        display: inline-block; }
    #hp-visualizer.dense .vis-i.hp-pinned {
      background-color: #d6eef8; }
    #hp-visualizer.dense .vis-i:hover {
      background-color: #f3f3f3; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-master-table .hp-label-contents {
  margin-bottom: 0px; }
  .hp-master-table .hp-label-contents li {
    display: inline-block;
    margin-right: 10px; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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); } }

html.no-flexbox .hp-alert-primary > * {
  display: table-cell; }
html.no-flexbox .hp-alert-primary .hp-alert-text {
  width: 100%; }
html.no-flexbox .hp-alert-secondary > * {
  display: table-cell; }

html.no-opacity .hp-dynamic {
  visibility: visible; }
html.no-opacity .hp-show-changing .hp-dynamic {
  visibility: hidden; }

html.no-cssanimations .hp-spinner .hp-spinner-image {
  background: transparent url("../../img/hp-piano/throbber.gif") no-repeat; }
html.no-cssanimations .hp-details-header .hp-status .hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing.gif") no-repeat; }
html.no-cssanimations table .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-status .hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing-small.gif") no-repeat; }
html.no-cssanimations table .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations table .hp-list-table-selected-row:hover .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-list-table-selected-row:hover .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-list-table-selected-row:hover .hp-status .hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing-small-select.gif") no-repeat; }

html.no-rgba #hp-overlay, html.no-rgba .hp-overlay {
  background-image: url("../../img/hp-piano/ie8-overlay-light.png"); }
html.no-rgba #hp-overlay.hp-changing, html.no-rgba .ui-widget-overlay, html.no-rgba #hp-dialog-overlay, html.no-rgba .hp-overlay.hp-changing, html.no-rgba .hp-dialog-overlay {
  background-image: url("../../img/hp-piano/ie8-overlay.png"); }

html.no-opacity #hp-sidebar.hp-inactive .hp-banner-flyout {
  background-color: white;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
html.no-opacity form.hp-add-form fieldset li.hp-form-item .hp-form-content .hp-help, html.no-opacity form.hp-edit-form fieldset li.hp-form-item .hp-form-content .hp-help {
  visibility: hidden; }
html.no-opacity form.hp-add-form fieldset li.hp-form-item .hp-form-content:hover .hp-help, html.no-opacity form.hp-add-form fieldset li.hp-form-item .hp-form-content.hp-active .hp-help, html.no-opacity form.hp-edit-form fieldset li.hp-form-item .hp-form-content:hover .hp-help, html.no-opacity form.hp-edit-form fieldset li.hp-form-item .hp-form-content.hp-active .hp-help {
  visibility: visible; }
html.no-opacity #hp-activity-flyout li.hp-activity .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload .hp-full {
  display: none; }
html.no-opacity #hp-activity-flyout li.hp-activity.hp-selected .hp-full, html.no-opacity #hp-activity-flyout li.hp-activity.hp-selected:hover .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload.hp-selected .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload.hp-selected:hover .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity.hp-selected .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity.hp-selected:hover .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload.hp-selected .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload.hp-selected:hover .hp-full {
  display: block; }
html.no-opacity .hp-grid-panels .hp-grid-panel .hp-panel-edit {
  display: none; }
html.no-opacity .hp-grid-panels .hp-grid-panel:hover .hp-panel-edit {
  display: inline-block; }

html.ie8 form.hp-show-form fieldset li > label:first-child {
  max-width: 170px;
  width: 33%;
  margin-bottom: 5px;
  color: #737373; }
  html.ie8 form.hp-show-form fieldset li > label:first-child.hp-condensed {
    width: auto; }
html.ie8 form.hp-add-form fieldset, html.ie8 form.hp-edit-form fieldset {
  background-image: none; }
html.ie8 form.hp-add-form li.hp-form-item > label:first-child, html.ie8 form.hp-edit-form li.hp-form-item > label:first-child {
  text-align: right;
  min-width: 130px;
  width: 25%;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #737373; }
  body.hp-narrow html.ie8 form.hp-add-form li.hp-form-item > label:first-child, body.hp-narrow html.ie8 form.hp-edit-form li.hp-form-item > label:first-child {
    display: block;
    text-align: left; }
html.ie8 form.hp-column-form fieldset li > label:first-child {
  display: inline-block;
  width: 32%;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 170px; }
  html.ie8 form.hp-column-form fieldset li > label:first-child.hp-condensed {
    width: auto;
    margin-right: 10px; }
html.ie8 #hp-page-notifications {
  display: none; }
  html.ie8 #hp-page-notifications.hp-available {
    display: block; }
html.ie8 .hp-no-notifications #hp-page-notifications.hp-available {
  display: none; }
html.ie8 .hp-dialog-notification > .hp-message {
  width: 500px; }
html.ie8 .hp-experimental {
  display: none !important; }
html.ie8.experimental .hp-experimental {
  display: inherit !important; }

.hp-search-combo-input-mask {
  position: absolute;
  top: 2px;
  right: 1px;
  content: "";
  width: 45px;
  height: 23px;
  background-color: white; }

/* Keeping it funky, for some fun while developing */
@-webkit-keyframes drop-twist {
  0% {
    background-color: #000;
    -webkit-transform: rotate(0deg); }

  10% {
    background-color: #000;
    -webkit-transform: rotate(0deg); }

  33% {
    background-color: #009; }

  45% {
    margin: 0px; }

  50% {
    -webkit-transform: translate(0px, 200px);
    margin: 0px 100px; }

  55% {
    margin: 0px; }

  66% {
    background-color: #090; }

  90% {
    background-color: #900;
    -webkit-transform: rotate(180deg); }

  100% {
    background-color: #900;
    -webkit-transform: rotate(180deg); } }

.funky .hp-banner {
  -webkit-animation: drop-twist 10s ease-in-out 5 alternate 5s; }

/* (C) Copyright 2011-2012 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-upload {
  display: inline-block;
  margin: 10px 0px; }

.hp-upload-section {
  position: relative;
  margin-bottom: 20px;
  background-color: #f3f3f3;
  min-width: 400px;
  min-height: 70px; }

.hp-upload-dropbox {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 70px;
  padding: 15px;
  color: #737373;
  border: 2px dashed #d9d9d9; }

.hp-upload-selected, .hp-upload-progress, .hp-upload-result {
  padding: 23px 15px;
  white-space: nowrap; }
  .hp-upload-selected a, .hp-upload-progress a, .hp-upload-result a {
    color: #007dba; }

.hp-upload-controls {
  text-align: right; }
  .hp-upload-controls .hp-upload-chooser-mask {
    position: relative;
    display: inline-block; }

.hp-upload-details {
  display: inline-block;
  padding-right: 15px;
  vertical-align: top; }

.hp-upload-progress .hp-upload-progress-filename {
  vertical-align: top;
  width: 180px; }
.hp-upload-progress .hp-upload-progress-bar {
  padding-top: 3px;
  text-align: center;
  width: 100px; }
  .hp-upload-progress .hp-upload-progress-bar .hp-upload-progress-meter {
    width: 100px;
    margin-bottom: 2px; }
.hp-upload-progress .hp-upload-cancel {
  vertical-align: top;
  text-align: right;
  width: 80px; }

.hp-upload-file-choose {
  direction: rtl;
  font-size: 3em;
  width: 100%;
  height: 100%;
  opacity: -1;
  filter: alpha(opacity=-1);
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-bottom: 0px;
  cursor: pointer; }

/* (C) Copyright 2011-2013 Hewlett-Packard Development Company, L.P. */
/* (C) Copyright 2011-2012 Hewlett-Packard Development 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-file-chooser-container .hp-error {
  margin: 10px 15px; }
.hp-file-chooser-container .hp-file-chooser {
  padding: 45px 30px;
  border: 1px dashed #ccc;
  position: relative; }
  .hp-file-chooser-container .hp-file-chooser.hp-file-multiple-dragover {
    border: 1px solid #DC442F; }
    .hp-file-chooser-container .hp-file-chooser.hp-file-multiple-dragover .hp-message {
      color: #DC442F;
      font-style: italic;
      font-size: 18px; }
  .hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dragover {
    background-color: #e6e6e6;
    border: 1px dotted #ccc;
    font-size: 18px; }
  .hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dropped {
    border: 1px solid #CCCCCC;
    background-color: #fff; }
  .hp-compact .hp-file-chooser-container .hp-file-chooser {
    padding: 15px 11px; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 400px; }
    .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-wrapper {
      margin: 0px;
      display: inline-block;
      max-width: 450px; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-file {
    font-size: 18px;
    opacity: -1;
    filter: alpha(opacity=-1);
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details {
    margin-bottom: 20px; }
    .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details {
      display: inline-block;
      margin: 0px;
      padding: 7px 0px 0px; }
    .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message {
      word-break: break-all;
      margin-bottom: 10px; }
      .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message.hp-help {
        color: #b9b8bb;
        font-style: italic;
        font-size: 18px; }
      .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message {
        font-size: inherit;
        margin-right: 10px;
        opacity: 1;
        display: inline-block;
        font-style: normal;
        color: #333;
        max-width: 240px; }
    .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-file-chooser-file-size {
      vertical-align: top;
      color: #737373; }
      .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-file-chooser-file-size {
        display: inline-block;
        margin-right: 10px; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container {
    vertical-align: top; }
    .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container .hp-file-chooser-mask {
      display: inline-block;
      position: relative; }
    .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container {
      display: inline-block; }