/****** begin HPE global CSS defaults for pages using HP.com CaaS header/footer (caas-globals.css) ******/
/* Note: This file is used for HPE CSS that we want to scope global to the page
(ie no classnames) on pages which integrate with the HP.com content-as-a-service
header/footer. This file is like globals.css except it scopes the selectors to
the "body" class, which in CaaS pages lies inside the tag but alongside
the header and footer divs. It also scopes selectors to the "ui-dialog" class -
so that JQuery UI Dialog overlays, which appear outside of the "body" div at
the bottom of the DOM, receive these styles too. */
/* Default body text styles - same as HPE primary body text (level 1) */
/* Plus default body link styles - same as HPE inline internal link */
.body,
.ui-dialog {
font-family: "HP Simplified", Arial;
font-size: 16px;
font-weight: normal;
color: #000;
line-height: 22px;
width: 100%;
max-width: 1000px;
min-height: 500px;
margin: 0 auto;
margin-bottom: 20px;
}
.body a[href],
.body a[onclick],
.ui-dialog a[href],
.ui-dialog a[onclick] {
color: #007DBA;
text-decoration: none;
}
.body a[href]:hover,
.body a[onclick]:hover,
.ui-dialog a[href]:hover,
.ui-dialog a[onclick]:hover {
text-decoration: underline;
}
.body a[href]:visited,
.body a[onclick]:visited,
.ui-dialog a[href]:visited,
.ui-dialog a[onclick]:visited {
color: #822980;
}
.body a[href].hpui-standalone-help-link,
.body a[onclick].hpui-standalone-help-link,
.body a[href].hpui-standalone-help-link:visited,
.body a[onclick].hpui-standalone-help-link:visited,
.ui-dialog a[href].hpui-standalone-help-link,
.ui-dialog a[onclick].hpui-standalone-help-link,
.ui-dialog a[href].hpui-standalone-help-link:visited,
.ui-dialog a[onclick].hpui-standalone-help-link:visited {
color: #767676;
}
/* Prevent burn-through into datepicker */
.body div.ui-datepicker a[href]:hover,
.body div.ui-datepicker a[onclick]:hover,
.ui-dialog div.ui-datepicker a[href]:hover,
.ui-dialog div.ui-datepicker a[onclick]:hover {
text-decoration: none;
}
/* Default heading text styles - same as HPE heading text */
/* Plus default heading link styles - same as HPE heading link */
.body h1,
.ui-dialog h1 {
font-family: "HP Simplified", Arial;
font-size: 32px;
line-height: 32px;
font-weight: bold;
color: #000;
margin: 0px 0px 9px 0px;
}
.body h2,
.ui-dialog h2 {
font-family: "HP Simplified", Arial;
font-size: 24px;
line-height: 30px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
.body h3,
.ui-dialog h3 {
font-family: "HP Simplified", Arial;
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
.body h4,
.ui-dialog h4 {
font-family: "HP Simplified", Arial;
font-size: 18px;
line-height: 22px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
.body h5,
.ui-dialog h5 {
font-family: "HP Simplified", Arial;
font-size: 18px;
line-height: 22px;
color: #000;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
.body h6,
.ui-dialog h6 {
font-family: "HP Simplified", Arial;
font-size: 16px;
line-height: 22px;
color: #000;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
/* Default button and submit input styles - same as HPE primary button */
.body input[type=button],
.body input[type=submit],
.ui-dialog input[type=button],
.ui-dialog input[type=submit] {
height: 36px;
z-index: 1;
color: #FFFFFF;
background-color: #0096D6;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
padding: 0px 15px 0px 15px;
width: auto;
overflow: visible;
border:0;
font-family: "HP Simplified", Arial;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.body input[type=button]:hover,
.body input[type=submit]:hover,
.ui-dialog input[type=button]:hover,
.ui-dialog input[type=submit]:hover {
background-color: #006699;
}
.body input[type=button][disabled],
.body input[type=submit][disabled],
.ui-dialog input[type=button][disabled],
.ui-dialog input[type=submit][disabled] {
background-color: #CCCCCC;
cursor: default;
}
/* Default reset input styles - same as HPE secondary button */
.body input[type=reset],
.ui-dialog input[type=reset] {
height: 36px;
z-index: 1;
color: #FFFFFF;
background-color: #767676;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
padding: 0px 15px 0px 15px;
width: auto;
overflow: visible;
border:0;
font-family: "HP Simplified", Arial;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.body input[type=reset]:hover,
.ui-dialog input[type=reset]:hover {
background-color: #5A5A5A;
}
.body input[type=reset][disabled],
.ui-dialog input[type=reset][disabled] {
background-color: #CCCCCC;
cursor: default;
}
/* Default horizontal rule styles - same as HPE primary horizontal divider */
.body hr,
.ui-dialog hr {
border-bottom: 1px solid #000;
border-left: 0px;
border-right: 0px;
border-top: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
/* Default label styles - same as HPE label */
/* Remove this one to support inherited font, line-height and color styles for labels.
.body label,
.ui-dialog label {
font-family: "HP Simplified", Arial;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #000000;
}
*/
/* Default list styles - same as HPE primary ordered and unordered lists */
.body ol,
.ui-dialog ol {
list-style-type: decimal;
margin: 7px 0px;
padding: 0px 0px 0px 40px;
}
.body ul,
.ui-dialog ul {
list-style-type: disc;
margin: 7px 0px;
padding: 0px 0px 0px 40px;
}
.body ol > li,
.body ul > li,
.ui-dialog ol > li,
.ui-dialog ul > li {
padding-top: 7px;
}
.body ol > li:first-child,
.body ul > li:first-child,
.ui-dialog ol > li:first-child,
.ui-dialog ul > li:first-child {
padding-top: 0px;
}
/* Default expandable list style - same as HPE primary expandable list */
.body ol.hpui-expandable-list > li,
.body ul.hpui-expandable-list > li,
.ui-dialog ol.hpui-expandable-list > li,
.ui-dialog ul.hpui-expandable-list > li {
padding-left: 26px;
}
.body ol.hpui-expandable-list > li > div.hpui-content,
.body ul.hpui-expandable-list > li > div.hpui-content,
.ui-dialog ol.hpui-expandable-list > li > div.hpui-content,
.ui-dialog ul.hpui-expandable-list > li > div.hpui-content {
display: none;
padding-left: 26px;
padding-top: 7px;
}
.body ol.hpui-expandable-list > li > div.hpui-content > div,
.body ul.hpui-expandable-list > li > div.hpui-content > div,
.ui-dialog ol.hpui-expandable-list > li > div.hpui-content > div,
.ui-dialog ul.hpui-expandable-list > li > div.hpui-content > div {
padding-left: 26px;
}
.body ol.hpui-expandable-list > li > a.hpui-expand-icon,
.body ul.hpui-expandable-list > li > a.hpui-expand-icon,
.body ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.body ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.ui-dialog ol.hpui-expandable-list > li > a.hpui-expand-icon,
.ui-dialog ul.hpui-expandable-list > li > a.hpui-expand-icon,
.ui-dialog ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.ui-dialog ul.hpui-expandable-list > li > a.hpui-collapse-icon {
background-image: url("../images/list_icons.png");
display: inline-block;
margin-right: 7px;
width: 16px;
height: 16px;
}
.body ol.hpui-expandable-list > li > a.hpui-expand-icon,
.body ul.hpui-expandable-list > li > a.hpui-expand-icon,
.ui-dialog ol.hpui-expandable-list > li > a.hpui-expand-icon,
.ui-dialog ul.hpui-expandable-list > li > a.hpui-expand-icon {
background-position: 0 -324px;
}
.body ol.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.body ul.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.ui-dialog ol.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.ui-dialog ul.hpui-expandable-list > li > a.hpui-expand-icon:hover {
background-position: 0 -454px;
}
.body ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.body ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.ui-dialog ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.ui-dialog ul.hpui-expandable-list > li > a.hpui-collapse-icon {
background-position: 0 -64px;
}
.body ol.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.body ul.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.ui-dialog ol.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.ui-dialog ul.hpui-expandable-list > li > a.hpui-collapse-icon:hover {
background-position: 0 -194px;
}
/* Declare 8px bottom margin on paragraphs as standard for HPE
primary text paragraphs */
.body p,
.ui-dialog p {
margin: 0px 0px 8px 0px;
}
/* Removing the visited color for breadcrumbs */
.body ul.hpui-breadcrumbs li a[href]:visited,
.body ul.hpui-breadcrumbs li a[onclick]:visited,
.body ol.hpui-breadcrumbs li a[href]:visited,
.body ol.hpui-breadcrumbs li a[onclick]:visited,
.ui-dialog ul.hpui-breadcrumbs li a[href]:visited,
.ui-dialog ul.hpui-breadcrumbs li a[onclick]:visited,
.ui-dialog ol.hpui-breadcrumbs li a[href]:visited,
.ui-dialog ol.hpui-breadcrumbs li a[onclick]:visited {
color: #007DBA;
}
/* For the slide viewer, restore 0px padding on list items */
.body .slideViewer ul li,
.ui-dialog .slideViewer ul li {
padding-top: 0px;
}
/****** end HPE global CSS defaults for pages using HP.com CaaS header/footer (caas-globals.css) ******/
/****** begin HPE buttons CSS (buttons.css) ******/
/* HPE all normal-size buttons */
input[type=button].hpui-critical-button,
input[type=submit].hpui-critical-button,
input[type=reset].hpui-critical-button,
a.hpui-critical-button input[type=button],
input[type=button].hpui-primary-button,
input[type=submit].hpui-primary-button,
input[type=reset].hpui-primary-button,
a.hpui-primary-button input[type=button],
input[type=button].hpui-secondary-button,
input[type=submit].hpui-secondary-button,
input[type=reset].hpui-secondary-button,
a.hpui-secondary-button input[type=button] {
height: 36px;
z-index: 1;
color: #FFFFFF;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
padding: 0px 15px 0px 15px;
width: auto;
overflow: visible;
border: 0;
font-family: "HP Simplified", Arial;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
a.hpui-critical-button,
a.hpui-primary-button,
a.hpui-secondary-button {
text-decoration: none !important;
}
a.hpui-critical-button:hover,
a.hpui-primary-button:hover,
a.hpui-secondary-button:hover {
text-decoration: none !important;
}
/* HPE critical button */
input[type=button].hpui-critical-button,
input[type=submit].hpui-critical-button,
input[type=reset].hpui-critical-button,
a.hpui-critical-button input[type=button] {
background-color: #D7410B;
}
input[type=button].hpui-critical-button:hover,
input[type=submit].hpui-critical-button:hover,
input[type=reset].hpui-critical-button:hover,
a.hpui-critical-button input[type=button]:hover,
input[type=button].hpui-critical-button:focus,
input[type=submit].hpui-critical-button:focus,
input[type=reset].hpui-critical-button:focus,
a.hpui-critical-button input[type=button]:focus {
background-color: #C1401A;
}
/* HPE primary button */
input[type=button].hpui-primary-button,
input[type=submit].hpui-primary-button,
input[type=reset].hpui-primary-button,
a.hpui-primary-button input[type=button] {
background-color: #0096D6;
}
input[type=button].hpui-primary-button:hover,
input[type=submit].hpui-primary-button:hover,
input[type=reset].hpui-primary-button:hover,
a.hpui-primary-button input[type=button]:hover,
input[type=button].hpui-primary-button:focus,
input[type=submit].hpui-primary-button:focus,
input[type=reset].hpui-primary-button:focus,
a.hpui-primary-button input[type=button]:focus {
background-color: #006699;
}
/* HPE secondary button */
input[type=button].hpui-secondary-button,
input[type=submit].hpui-secondary-button,
input[type=reset].hpui-secondary-button,
a.hpui-secondary-button input[type=button] {
background-color: #767676;
}
input[type=button].hpui-secondary-button:hover,
input[type=submit].hpui-secondary-button:hover,
input[type=reset].hpui-secondary-button:hover,
a.hpui-secondary-button input[type=button]:hover,
input[type=button].hpui-secondary-button:focus,
input[type=submit].hpui-secondary-button:focus,
input[type=reset].hpui-secondary-button:focus,
a.hpui-secondary-button input[type=button]:focus {
background-color: #5A5A5A;
}
/* HPE all normal-size disabled buttons */
input[type=button][disabled].hpui-critical-button,
input[type=submit][disabled].hpui-critical-button,
input[type=reset][disabled].hpui-critical-button,
a.hpui-critical-button input[type=button][disabled],
input[type=button][disabled].hpui-primary-button,
input[type=submit][disabled].hpui-primary-button,
input[type=reset][disabled].hpui-primary-button,
a.hpui-primary-button input[type=button][disabled],
input[type=button][disabled].hpui-secondary-button,
input[type=submit][disabled].hpui-secondary-button,
input[type=reset][disabled].hpui-secondary-button,
a.hpui-secondary-button input[type=button][disabled] {
background-color: #CCCCCC;
cursor: default;
}
/* HPE all slim-size buttons */
input[type=button].hpui-critical-slim-button,
input[type=submit].hpui-critical-slim-button,
input[type=reset].hpui-critical-slim-button,
a.hpui-critical-slim-button input[type=button],
input[type=button].hpui-primary-slim-button,
input[type=submit].hpui-primary-slim-button,
input[type=reset].hpui-primary-slim-button,
a.hpui-primary-slim-button input[type=button],
input[type=button].hpui-secondary-slim-button,
input[type=submit].hpui-secondary-slim-button,
input[type=reset].hpui-secondary-slim-button,
a.hpui-secondary-slim-button input[type=button] {
height: 26px;
z-index: 1;
color: #FFFFFF;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
padding: 0px 10px 0px 10px;
width: auto;
overflow: visible;
border: 0;
font-family: "HP Simplified", Arial;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
a.hpui-critical-slim-button,
a.hpui-primary-slim-button,
a.hpui-secondary-slim-button {
text-decoration: none !important;
}
a.hpui-critical-slim-button:hover,
a.hpui-primary-slim-button:hover,
a.hpui-secondary-slim-button:hover {
text-decoration: none !important;
}
/* HPE critical slim button */
input[type=button].hpui-critical-slim-button,
input[type=submit].hpui-critical-slim-button,
input[type=reset].hpui-critical-slim-button,
a.hpui-critical-slim-button input[type=button] {
background-color: #D7410B;
}
input[type=button].hpui-critical-slim-button:hover,
input[type=submit].hpui-critical-slim-button:hover,
input[type=reset].hpui-critical-slim-button:hover,
a.hpui-critical-slim-button input[type=button]:hover,
input[type=button].hpui-critical-slim-button:focus,
input[type=submit].hpui-critical-slim-button:focus,
input[type=reset].hpui-critical-slim-button:focus,
a.hpui-critical-slim-button input[type=button]:focus {
background-color: #C1401A;
}
/* HPE primary slim button */
input[type=button].hpui-primary-slim-button,
input[type=submit].hpui-primary-slim-button,
input[type=reset].hpui-primary-slim-button,
a.hpui-primary-slim-button input[type=button] {
background-color: #0096D6;
}
input[type=button].hpui-primary-slim-button:hover,
input[type=submit].hpui-primary-slim-button:hover,
input[type=reset].hpui-primary-slim-button:hover,
a.hpui-primary-slim-button input[type=button]:hover,
input[type=button].hpui-primary-slim-button:focus,
input[type=submit].hpui-primary-slim-button:focus,
input[type=reset].hpui-primary-slim-button:focus,
a.hpui-primary-slim-button input[type=button]:focus {
background-color: #006699;
}
/* HPE secondary slim button */
input[type=button].hpui-secondary-slim-button,
input[type=submit].hpui-secondary-slim-button,
input[type=reset].hpui-secondary-slim-button,
a.hpui-secondary-slim-button input[type=button] {
background-color: #767676;
}
input[type=button].hpui-secondary-slim-button:hover,
input[type=submit].hpui-secondary-slim-button:hover,
input[type=reset].hpui-secondary-slim-button:hover,
a.hpui-secondary-slim-button input[type=button]:hover,
input[type=button].hpui-secondary-slim-button:focus,
input[type=submit].hpui-secondary-slim-button:focus,
input[type=reset].hpui-secondary-slim-button:focus,
a.hpui-secondary-slim-button input[type=button]:focus {
background-color: #5A5A5A;
}
/* HPE all slim-size disabled buttons */
input[type=button][disabled].hpui-critical-slim-button,
input[type=submit][disabled].hpui-critical-slim-button,
input[type=reset][disabled].hpui-critical-slim-button,
a.hpui-critical-slim-button input[type=button][disabled],
input[type=button][disabled].hpui-primary-slim-button,
input[type=submit][disabled].hpui-primary-slim-button,
input[type=reset][disabled].hpui-primary-slim-button,
a.hpui-primary-slim-button input[type=button][disabled],
input[type=button][disabled].hpui-secondary-slim-button,
input[type=submit][disabled].hpui-secondary-slim-button,
input[type=reset][disabled].hpui-secondary-slim-button,
a.hpui-secondary-slim-button input[type=button][disabled] {
background-color: #CCCCCC;
cursor: default;
}
/****** end HPE buttons CSS (buttons.css) ******/
/****** begin HPE datepicker CSS (datepicker.css) ******/
/* Note: many styles for HPE datepickers were Themeroller-generated and are
contained in jquery-ui-1.9.2.custom.css rather than here */
/* These are classes used and applied by the JQuery UI Datepicker plugin */
.ui-datepicker .ui-state-disabled .ui-state-default {
font-size: 18px;
color: #B9B8B8;
background: #F2F2F2;
border: 1px #E5E8E8;
}
.ui-datepicker td {
font-family: "HP Simplified", Arial;
}
.ui-datepicker .ui-datepicker-today .ui-state-highlight {
border: 2px solid #000000;
}
/* Add today high light when current day block.*/
.ui-datepicker .ui-datepicker-today .ui-state-default {
border: 2px solid #000000;
}
.ui-datepicker th {
font-family: "HP Simplified", Arial;
font-weight: bold;
}
.ui-datepicker td span, .ui-datepicker td a {
padding: 0px 1px;
width: 28px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
font-family: "HP Simplified", Arial;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
font-family: "HP Simplified", Arial;
font-weight: bold;
}
.ui-datepicker-trigger {
padding-left: 10px;
vertical-align: middle;
padding-bottom: 3px;
cursor: pointer;
}
.ui-datepicker-trigger[disabled] {
cursor: default;
}
.ui-datepicker {
padding: 5px 5px 1px 5px;
width: 250px;
}
.ui-datepicker table {
margin: 0px 0px 10px 0px;
padding: 5px;
}
.ui-datepicker .ui-datepicker-next {
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
color: #0096d6;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
color: #0096d6;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 42%;
}
/* These are custom classes used by our code */
input[type=text].hpui-datepicker.hpui-input,
input[type=text].hpui-slim-datepicker.hpui-slim-input {
width: 115px;
cursor: pointer;
}
input[type=text][disabled].hpui-datepicker.hpui-input,
input[type=text][readonly].hpui-datepicker.hpui-input,
input[type=text][disabled].hpui-slim-datepicker.hpui-slim-input,
input[type=text][readonly].hpui-slim-datepicker.hpui-slim-input {
cursor: default;
}
span.hpui-datepicker,
div.hpui-datepicker,
span.hpui-slim-datepicker,
div.hpui-slim-datepicker {
white-space: nowrap;
}
/****** end HPE datepicker CSS (datepicker.css) ******/
/****** begin HPE dividers CSS (dividers.css) ******/
/* Note: though these classes will typically be used with
tags, they are
not bound to
or any particular tag so that they can be used against
any box-model element - they will just apply a bottom border to all */
/* HPE primary horizontal divider */
div.hpui-primary-horizontal-divider, hr.hpui-primary-horizontal-divider {
border-bottom: 1px solid #000;
border-left: 0px;
border-right: 0px;
border-top: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
/* HPE secondary horizontal divider */
div.hpui-secondary-horizontal-divider, hr.hpui-secondary-horizontal-divider {
border-bottom: 1px solid #CCC;
border-left: 0px;
border-right: 0px;
border-top: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
/* HPE primary vertical divider */
div.hpui-primary-vertical-divider {
border-right: 1px solid #000;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
/* HPE secondary vertical divider */
div.hpui-secondary-vertical-divider {
border-right: 1px solid #CCC;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
/****** end HPE dividers CSS (dividers.css) ******/
/****** begin HPE dropdowns CSS (dropdowns.css) ******/
/*****************************************************/
/**** Core MSDropdown styles (customized for HPE) ****/
/**** These are common to all HPE dropdown types ****/
/*****************************************************/
div.ddcommon {
position: relative;
display: -moz-inline-stack;
display: inline-block;
cursor: default;
line-height: 22px;
font-size: 16px;
font-family: "HP Simplified", Arial;
text-align: left;
}
div.ddcommon .ddChild,
div.ddcommon .ddTitle,
div.ddcommon .ddTitlePreSelect {
color: #000000;
background-color: #FFFFFF;
}
div.ddcommon.disabledAll .ddChild,
div.ddcommon.disabledAll .ddTitle,
div.ddcommon.disabledAll .ddTitlePreSelect {
color: #B3B3B3;
background-color: #E5E5E5;
}
div.ddcommon.disabledAll {
border: 2px solid #CCCCCC;
}
div.ddcommon table td {
line-height: 22px !important;
font-size: 16px !important;
font-family: "HP Simplified", Arial !important;
}
div.ddcommon table td.ddlabel {
padding-right: 38px !important;
}
div.ddcommon ul {
padding: 0;
margin: 0;
}
div.ddcommon ul li {
list-style-type: none;
}
div.borderRadiusTp ul li:last-child {
border-bottom: 0 none #C3C3C3;
}
div.borderRadiusBtm ul li:first-child {
border-bottom: 1px solid #C3C3C3;
}
div.ddcommon .clear {
clear:both;
}
div.ddcommon input.text {
color: #7E7E7E;
padding: 0 0 0 10px;
position: absolute;
background: #FFFFFF;
display: block;
width: 92%;
height: 98%;
left: 2px;
top: 0;
border: none;
font-family: "HP Simplified", Arial;
font-size: 16px;
}
div.ddOutOfVision {
position: relative;
display: -moz-inline-stack;
display: inline-block;
}
div.borderRadiusBtm .border,
div.borderRadiusTp .border,
div.borderRadius .border {
}
img.fnone {
float: none !important;
}
div.ddcommon .divider,
div.ddcommon .dividerHover {
width: 0;
height: 100%;
position: absolute;
}
div.ddcommon .arrow {
display: inline-block;
position: absolute;
top: 50%;
right: 10px;
}
div.ddcommon .arrowTD {
vertical-align: middle;
}
div.ddcommon .ddTitle,
div.ddcommon .ddTitlePreSelect {
padding: 0;
position: relative;
display: inline-block;
width: 100%
}
div.ddcommon .ddTitleText {
display: block;
}
div.ddcommon .ddTitle .ddTitleText .ddTitleText {
padding: 0;
}
div.ddcommon .ddTitle .description {
display: block;
}
div.ddcommon .ddTitle .ddTitleText img {
position: relative;
vertical-align: middle;
float: left
}
div.ddcommon .ddChild {
position: absolute;
display: none;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
z-index: 9999;
box-shadow: none;
}
div.ddcommon .ddChild li {
clear: both;
}
div.ddcommon .ddChild li .description {
display: block;
}
div.ddcommon .ddChild li img {
border: 0 none;
position: relative;
vertical-align: middle;
float: left;
}
div.ddcommon .ddChild li.optgroup {
padding: 0;
}
div.ddcommon .ddChild li.optgroup .optgroupTitle {
padding: 0 5px;
font-weight: bold;
}
div.ddcommon .ddChild li.optgroup ul li {
padding: 5px 5px 5px 15px;
}
div.ddcommon .noBorderTop {
border-top: none 0 !important;
padding: 0;
margin: 0;
}
div.ddcommon .ddChild .ddlabel,
div.ddcommon .ddTitleText .ddlabel { /* possibilities: , , */
padding-right: 38px;
}
div.ddcommon .ddChild li._msddli_ .ddlabel {
padding-right: 0px;
}
div.dd {
cursor: pointer;
}
div.dd.disabledAll {
cursor: default;
}
div.ddTitle .divider {
border-left: 1px solid #5A5A5A;
right: 39px;
}
div.borderRadius .ddTitlePreSelect .divider {
border-left: 1px solid #CCCCCC;
right: 39px;
}
div.borderRadiusTp .ddTitlePreSelect .divider,
div.borderRadiusBtm .ddTitlePreSelect .divider {
border-left: 1px solid #5A5A5A;
right:39px;
}
div.dd.disabledAll .divider {
border-left: 1px solid #CCCCCC;
right: 39px;
}
span.dividerHover {
border-left: 1px solid #5A5A5A;
right: 39px;
}
div.dd.disabledAll .dividerHover {
border-left: 1px solid #CCCCCC !important;
right:39px;
}
div.borderRadius .arrow,
div.borderRadiusTp .arrow,
div.borderRadiusBtm .arrow {
width: 18px;
height: 10px;
margin-top: -4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1437px;
}
div.dd.disabledAll .arrow {
width: 18px;
height: 10px;
margin-top: -4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1466px;
}
div.borderRadius .ddTitlePreSelect {
color: #007DBA;
background-color: #FFFFFF;
border:2px solid #CCCCCC;
}
div.borderRadiusTp .ddTitlePreSelect,
div.borderRadiusBtm .ddTitlePreSelect {
color: #007DBA;
background-color: #FFFFFF;
border: 2px solid #5A5A5A;
}
div.borderRadius .ddTitlePreSelect:hover,
div.borderRadiusTp .ddTitlePreSelect:hover,
div.borderRadiusBtm .ddTitlePreSelect:hover {
color: #007DBA;
background-color: #FFFFFF;
border: 2px solid #5A5A5A;
}
div.borderRadius .ddTitle,
div.borderRadiusTp .ddTitle,
div.borderRadiusBtm .ddTitle {
border: 2px solid #5A5A5A;
}
div.dd .ddTitleText {
padding: 5px 10px 5px 10px;
border-spacing: 0;
}
div.dd .ddTitle .ddTitleText .ddTitleText {
padding:0;
}
div.dd .ddTitle .description {
font-size: 12px;
color: #666666;
}
div.dd .ddTitle .ddTitleText img {
padding-right: 5px;
}
div.borderRadiusTp .ddChild {
border: 2px solid #5A5A5A;
border-top: 1px solid #CCCCCC;
background-color: #FFFFFF;
left: 0px;
}
div.borderRadiusBtm .ddChild {
border: 2px solid #5A5A5A;
border-bottom: 1px solid #CCCCCC;
background-color: #FFFFFF;
left: 0px;
}
div.dd .ddChild li {
padding: 7px 10px 6px 10px;
border-bottom: 1px solid #CCCCCC;
}
div.dd .ddChild li.disabled {
background-color: #E5E5E5;
cursor: default;
}
div.dd .ddChild li.disabled.selected {
background-color: #CCCCCC;
cursor: default;
}
div.dd .ddChild li:last-child {
border-bottom: 0 none #C3C3C3;
}
div.dd .ddChild li .description {
color: #666666;
}
div.dd .ddChild li .ddlabel {
}
div.dd .ddChild li a.ddlabel {
color: #000000;
text-decoration:none;
}
div.dd .ddChild li a.ddlabel:visited {
color: #000000;
}
div.dd .ddChild li.hover a.ddlabel,
div.dd .ddChild li.selected a.ddlabel {
color: #FFFFFF;
}
div.dd .ddChild li.disabled a.ddlabel {
color: #B3B3B3;
cursor: default;
}
div.dd .ddChild li.disabled.selected a.ddlabel {
color: #F2F2F2;
cursor: default;
}
div.dd .ddChild li.hover {
background-color: #007DBA;
color: #FFFFFF;
cursor: pointer;
}
div.dd .ddChild li.disabled {
color: #B3B3B3;
cursor: default;
}
div.dd .ddChild li.disabled.selected {
color: #F2F2F2;
cursor: default;
}
div.dd .ddChild li img {
padding: 0 6px 0 0;
margin-top: -4px;
}
div.dd .ddChild li.optgroup {
padding: 0;
border-bottom: 1px solid #000000;
}
div.dd .ddChild li.optgroup:last-child {
border-bottom: 0 none #000000;
}
div.dd .ddChild li.optgroup .optgroupTitle {
padding: 7px 10px 6px 10px;
font-weight: bold;
background-color: RGB(242,242,242);
border-bottom: 1px solid #CCCCCC;
}
div.dd .ddChild li.optgroup ul li {
padding: 7px 10px 6px 10px
}
div.dd .ddChild li.selected {
background-color: #007DBA;
color:#FFFFFF;
}
div.dd.disabledAll .ddChild li {
background-color: #E5E5E5;
color: #B3B3B3;
}
div.dd.disabledAll .ddChild li.selected {
background-color: #CCCCCC;
color: #F2F2F2;
}
div.dd.disabledAll .ddTitle table td,
div.dd.disabledAll .ddTitlePreSelect table td {
background-color: #E5E5E5;
color: #B3B3B3;
}
/********************************/
/**** Core error styles for ****/
/**** all dropdown types ****/
/********************************/
div.hpui-error .ddTitle table td,
div.hpui-error .ddTitlePreSelect table td {
color: #FF0000;
}
div.hpui-error .borderRadius .ddTitlePreSelect table td,
div.hpui-error .borderRadiusTp .ddTitlePreSelect table td,
div.hpui-error .borderRadiusBtm .ddTitlePreSelect table td {
color:#FF0000 !important;
background-color: #FFFFFF !important;
}
div.hpui-error .ddTitle,
div.hpui-error .ddTitlePreSelect {
color:#FF0000;
}
div.hpui-error .borderRadius .divider,
div.hpui-error .borderRadiusTp .divider,
div.hpui-error .borderRadiusBtm .divider {
border-left: 1px solid #FF0000;
right: 39px;
}
div.hpui-error .dividerHover {
border-left: 1px solid #5A5A5A;
right: 39px;
}
div.hpui-error .borderRadius .arrow,
div.hpui-error .borderRadiusTp .arrow,
div.hpui-error .borderRadiusBtm .arrow {
width: 18px;
height: 10px;
margin-top: -4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1496px;
}
div.hpui-error .borderRadius .ddTitlePreSelect {
color: #FF0000 !important;
background-color: #FFFFFF !important;
border: 2px solid #FF0000;
}
div.hpui-error .borderRadius .ddTitlePreSelect:hover {
color: #FF0000 !important;
background-color: #FFFFFF !important;
border: 2px solid #5A5A5A;
}
div.hpui-error .borderRadiusTp .ddTitlePreSelect,
div.hpui-error .borderRadiusBtm .ddTitlePreSelect {
color: #FF0000 !important;
background-color: #FFFFFF !important;
}
div.hpui-error .borderRadius .ddTitle {
border: 2px solid #FF0000;
}
div.hpui-error .borderRadius .ddTitle:hover,
div.hpui-error .borderRadiusTp .ddTitle,
div.hpui-error .borderRadiusBtm .ddTitle {
border: 2px solid #5A5A5A;
}
div.dd .ddChild li._msddli_.hpui-error.selected {
background-color: #FF0000 !important;
color: #FFFFFF !important;
}
div.dd.disabledAll .ddChild li._msddli_.hpui-error.selected {
background-color: #CCCCCC !important;;
color: #F2F2F2 !important;;
}
/****************************/
/**** Action menu styles ****/
/****************************/
div.hpui-action-menu table td {
padding: 0 !important;
border: 0 !important;
}
div.hpui-action-menu table,
div.hpui-action-menu table td {
border-collapse: separate !important;
}
div.hpui-action-menu .ddcommon {
line-height: 18px;
font-size: 14px;
}
div.hpui-action-menu .ddTitleText .ddlabel {
padding-right: 1px;
height: 20px;
width: 50px;
}
div.hpui-action-menu .dividerHover,
div.hpui-action-menu .borderRadius .divider,
div.hpui-action-menu .borderRadiusTp .divider,
div.hpui-action-menu .borderRadiusBtm .divider {
border: none;
}
div.hpui-action-menu .borderRadiusTp1 .ddTitleText {
height: 22px;
}
div.hpui-action-menu .borderRadiusTp1 .ddlabel {
background: url('../images/action_menu_icon.png') no-repeat scroll 0 0 transparent;
}
div.hpui-action-menu .borderRadiusBtm .borderRadiusTp1 {
border-top: 0 solid #CCCCCC;
padding-top: 2px;
}
div.hpui-action-menu .borderRadiusTp .borderRadiusTp1 {
border-bottom: 0 solid #CCCCCC;
padding-bottom: 2px;
}
div.hpui-action-menu .borderRadius .arrow,
div.hpui-action-menu .borderRadiusTp .arrow,
div.hpui-action-menu .borderRadiusBtm .arrow {
width: 0;
height: 0;
margin-top: 0;
background: none;
}
div.hpui-action-menu .borderRadius .ddTitlePreSelect {
border: 2px solid transparent;
background-color: transparent;
}
div.hpui-action-menu .borderRadius .ddTitlePreSelect:hover {
border: 2px solid #5A5A5A;
background-color:#FFFFFF;
}
div.hpui-action-menu .borderRadiusTp .ddTitlePreSelect:hover {
border-bottom: 0px solid #5A5A5A;
}
div.hpui-action-menu .borderRadiusBtm .ddTitlePreSelect:hover {
border-top: 0px solid #5A5A5A;
}
div.hpui-action-menu .dd .ddTitleText {
padding: 0px 1px 1px 1px;
border-spacing: 0;
}
div.hpui-action-menu .borderRadius .ddChild,
div.hpui-action-menu .borderRadiusTp .ddChild {
width: 150px;
left: -97px;
border: 2px solid #5A5A5A;
margin-top: 2px;
}
div.hpui-action-menu .borderRadiusBtm .ddChild {
width: 150px;
left: -97px;
border: 2px solid #5A5A5A;
}
div.hpui-action-menu .dd .ddChild li {
padding: 4px 8px 3px 8px;
border-bottom: 1px solid #CCCCCC;
font-size: 14px;
line-height: 18px;
}
div.hpui-action-menu .dd .ddChild li:last-child {
border-bottom: 0 none #CCCCCC;
}
div.hpui-action-menu {
display: inline-block;
}
/**********************************************/
/**** Single select dropdown custom styles ****/
/**********************************************/
div.hpui-select .borderRadius .ddTitlePreSelect table td,
div.hpui-select .borderRadiusTp .ddTitlePreSelect table td,
div.hpui-select .borderRadiusBtm .ddTitlePreSelect table td {
color: #007DBA;
background-color: #FFFFFF;
}
div.hpui-select table {
border-collapse: separate !important;
}
div.hpui-select table td {
border-collapse: separate !important;
padding: 0 !important;
border: 0 !important;
}
div.hpui-select table td.ddlabel {
padding-right:38px !important;
}
div.hpui-select {
display: inline-block;
}
/***************************************************/
/**** Slim single select dropdown custom styles ****/
/***************************************************/
div.hpui-slim-select .ddcommon {
line-height: 18px;
font-size: 14px;
}
div.hpui-slim-select .borderRadius .ddTitlePreSelect table td,
div.hpui-slim-select .borderRadiusTp .ddTitlePreSelect table td,
div.hpui-slim-select .borderRadiusBtm .ddTitlePreSelect table td {
color: #007DBA;
background-color: #FFFFFF;
}
div.hpui-slim-select table {
border-collapse: separate !important;
}
div.hpui-slim-select table td {
border-collapse: separate !important;
padding: 0 !important;
border: 0 !important;
}
div.hpui-slim-select table td.ddlabel {
padding-right: 32px !important;
}
div.hpui-slim-select .ddcommon table td {
line-height: 18px !important;
font-size: 14px !important;
}
div.hpui-slim-select .ddlabel {
padding-right: 32px;
}
div.hpui-slim-select .borderRadius .ddTitlePreSelect .divider {
border-left: 1px solid #CCCCCC;
right:33px;
}
div.hpui-slim-select .dividerHover,
div.hpui-slim-select .ddTitle .divider,
div.hpui-slim-select .borderRadiusTp .ddTitlePreSelect .divider,
div.hpui-slim-select .borderRadiusBtm .ddTitlePreSelect .divider {
border-left: 1px solid #5A5A5A;
right:33px;
}
div.hpui-slim-select.hpui-error .borderRadius .divider,
div.hpui-slim-select.hpui-error .borderRadiusTp .divider,
div.hpui-slim-select.hpui-error .borderRadiusBtm .divider {
border-left: 1px solid #FF0000;
right: 33px;
}
div.hpui-slim-select.hpui-error .dividerHover {
border-left: 1px solid #5A5A5A;
right: 33px;
}
div.hpui-slim-select .borderRadius .arrow,
div.hpui-slim-select .borderRadiusTp .arrow,
div.hpui-slim-select .borderRadiusBtm .arrow {
width: 13px;
height: 10px;
margin-top: -4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1525px;
}
div.hpui-slim-select.hpui-error .borderRadius .arrow,
div.hpui-slim-select.hpui-error .borderRadiusTp .arrow,
div.hpui-slim-select.hpui-error .borderRadiusBtm .arrow {
width: 13px;
height: 10px;
margin-top: -4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1583px;
}
div.hpui-slim-select .disabledAll .arrow {
width: 13px;
height: 10px;
margin-top: -4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1554px;
}
div.hpui-slim-select .disabledAll .divider {
border-left: 1px solid #CCCCCC;
right: 33px;
}
div.hpui-slim-select .disabledAll .dividerHover {
border-left: 1px solid #CCCCCC !important;
right: 33px;
}
div.hpui-slim-select .dd .ddTitleText {
padding: 2px 8px;
border-spacing: 0;
}
div.hpui-slim-select .dd .ddChild li {
padding: 4px 8px 3px 8px;
border-bottom: 1px solid #CCCCCC;
font-size: 14px;
line-height: 18px;
}
div.hpui-slim-select .dd .ddChild li:last-child {
border-bottom: 0 none #CCCCCC;
}
div.hpui-slim-select {
display: inline-block;
}
/*********************************/
/**** Sort menu custom styles ****/
/*********************************/
div.hpui-sort-menu .borderRadius .ddTitlePreSelect table td,
div.hpui-sort-menu .borderRadiusTp .ddTitlePreSelect table td,
div.hpui-sort-menu .borderRadiusBtm .ddTitlePreSelect table td {
color: #007DBA;
background-color: #FFFFFF;
}
div.hpui-sort-menu table {
border-collapse: separate !important;
}
div.hpui-sort-menu table td {
border-collapse: separate !important;
padding: 0 !important;
border: 0 !important;
}
div.hpui-sort-menu table td.ddlabel {
padding-right: 32px !important;
}
div.hpui-sort-menu .ddcommon table td {
line-height: 18px !important;
font-size: 14px !important;
font-family: "HP Simplified", Arial !important;
}
div.hpui-sort-menu .ddcommon {
font-size: 14px;
line-height: 18px;
}
div.hpui-sort-menu .dd .ddTitleText {
padding: 2px 8px;
border-spacing:0;
}
div.hpui-sort-menu .dd .arrow {
width: 14px;
height: 8px;
margin-top: -4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1525px;
}
div.hpui-sort-menu .ddcommon .arrow {
display: inline-block;
position:absolute;
top:50%;
right:8px;
}
div.hpui-sort-menu .borderRadius .ddTitlePreSelect table td {
color:#007DBA;
}
div.hpui-sort-menu .borderRadius .ddTitlePreSelect .divider {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #FFFFFF;
right: 30px;
}
div.hpui-sort-menu .dividerHover,
div.hpui-sort-menu .borderRadius .divider,
div.hpui-sort-menu .borderRadiusTp .divider,
div.hpui-sort-menu .borderRadiusBtm .divider {
border-left: 1px solid #5A5A5A;
border-right: 1px solid #FFFFFF;
right: 30px;
}
div.hpui-sort-menu.hpui-error .borderRadius .divider,
div.hpui-sort-menu.hpui-error .borderRadiusTp .divider,
div.hpui-sort-menu.hpui-error .borderRadiusBtm .divider {
border-left: 1px solid #FF0000;
border-right: 1px solid #FFFFFF;
right: 30px;
}
div.hpui-sort-menu.hpui-error .dd .arrow {
width: 14px;
height: 8px;
margin-top: -4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1583px;
}
div.hpui-sort-menu .dd.disabledAll .arrow {
width: 14px;
height: 8px;
margin-top: -4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1554px;
}
div.hpui-sort-menu .disabledAll .divider,
div.hpui-sort-menu .disabledAll .dividerHover {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #E5E5E5;
right: 30px;
}
div.hpui-sort-menu .ddcommon ._msddli_ {
padding: 4px 8px 3px 8px;
font-size: 14px;
line-height: 18px;
}
div.hpui-sort-menu {
display: inline-block;
}
/***********************************/
/**** Filter menu custom styles ****/
/***********************************/
div.hpui-filter-menu table {
border-collapse: separate !important;
}
div.hpui-filter-menu table td {
border-collapse: separate !important;
padding: 0 !important;
border: 0 !important;
}
div.hpui-filter-menu table td.ddlabel {
padding-right: 38px !important;
}
div.hpui-filter-menu table td.ddlabel {
padding-right: 5px !important;
}
div.hpui-filter-menu .ddcommon table td {
line-height: 18px !important;
font-size: 14px !important;
font-family: "HP Simplified", Arial !important;
}
div.hpui-filter-menu .ddcommon {
font-size: 14px;
line-height: 18px;
}
div.hpui-filter-menu .borderRadius .ddTitle,
div.hpui-filter-menu .borderRadius .ddTitlePreSelect {
border: 2px solid transparent;
background-color: transparent;
}
div.hpui-filter-menu .borderRadius .ddTitlePreSelect table td,
div.hpui-filter-menu .borderRadiusTp .ddTitlePreSelect table td,
div.hpui-filter-menu .borderRadiusBtm .ddTitlePreSelect table td {
color: #007DBA;
}
div.hpui-filter-menu .borderRadius .divider {
border-left: 0px solid transparent;
border-right: 0px solid transparent;
right: 38px;
}
div.hpui-filter-menu .dividerHover,
div.hpui-filter-menu .borderRadiusTp .divider,
div.hpui-filter-menu .borderRadiusBtm .divider {
border-left: 0px solid transparent;
border-right: 0px solid transparent;
right: 38px;
}
div.hpui-filter-menu .dd .arrow {
width: 14px;
height: 8px;
margin-top: 0px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1525px;
}
div.hpui-filter-menu .ddTitleText .ddlabel {
padding-right: 5px;
}
div.hpui-filter-menu .ddTitleText .ddlabel:hover {
text-decoration: underline;
}
div.hpui-filter-menu .dd .ddTitleText {
padding: 2px 8px;
border-spacing: 0;
}
div.hpui-filter-menu .ddcommon .arrow {
display: inline-block;
position: relative;
top: 50%;
right: 0px;
}
div.hpui-filter-menu .dd .ddChild li {
padding: 4px 8px 3px 8px;
border-bottom: 1px solid #CCCCCC;
font-size: 14px;
line-height: 18px;
}
div.hpui-filter-menu .dd .ddChild li:last-child {
border-bottom: none;
}
div.hpui-filter-menu.hpui-error .borderRadius .ddTitle:hover,
div.hpui-filter-menu.hpui-error .borderRadius .ddTitlePreSelect:hover {
border: 2px solid transparent;
}
div.hpui-filter-menu.hpui-error .dd .arrow {
width: 14px;
height: 8px;
margin-top: 0px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1583px;
}
div.hpui-filter-menu .dd.disabledAll .arrow {
width: 14px;
height: 8px;
margin-top: 0px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1554px;
}
div.hpui-filter-menu .disabledAll,
div.hpui-filter-menu .dd.disabledAll .ddTitle {
border: 0px solid transparent;
}
div.hpui-filter-menu .disabledAll .ddTitle,
div.hpui-filter-menu .disabledAll .ddTitle table td,
div.hpui-filter-menu .disabledAll .ddTitlePreSelect,
div.hpui-filter-menu .disabledAll .ddTitlePreSelect table td {
background-color: transparent;
}
div.hpui-filter-menu .dd.disabledAll .dividerHover,
div.hpui-filter-menu .dd.disabledAll .divider {
border-left: 0px solid transparent !important;
border-right: 0px solid transparent !important;
right: 38px;
}
div.hpui-filter-menu .dd.disabledAll .ddTitleText {
padding: 4px 10px;
}
div.hpui-filter-menu .dd.disabledAll .ddTitleText .ddlabel:hover {
text-decoration: none;
}
div.hpui-filter-menu {
display: inline-block;
}
/******************************************/
/**** Critical link menu custom styles ****/
/******************************************/
div.hpui-critical-link-menu table {
border-collapse: separate !important;
}
div.hpui-critical-link-menu table td {
border-collapse: separate !important;
padding: 0 !important;
border: 0 !important;
}
div.hpui-critical-link-menu table td.ddlabel {
padding-right: 38px !important;
}
div.hpui-critical-link-menu .ddcommon table td {
color: #FFFFFF;
font-weight: bold;
}
div.hpui-critical-link-menu .borderRadius .ddTitlePreSelect,
div.hpui-critical-link-menu .borderRadiusTp .ddTitlePreSelect,
div.hpui-critical-link-menu .borderRadiusBtm .ddTitlePreSelect {
color: #FFFFFF;
background-color: #D7410B;
font-weight: bold;
}
div.hpui-critical-link-menu .borderRadius .ddTitlePreSelect:hover,
div.hpui-critical-link-menu .borderRadiusTp .ddTitlePreSelect:hover,
div.hpui-critical-link-menu .borderRadiusBtm .ddTitlePreSelect:hover {
background-color: #C1401A;
}
div.hpui-critical-link-menu .dividerHover,
div.hpui-critical-link-menu .borderRadius .divider,
div.hpui-critical-link-menu .borderRadiusTp .divider,
div.hpui-critical-link-menu .borderRadiusBtm .divider {
border-left: 1px solid #FFFFFF;
right: 39px;
}
div.hpui-critical-link-menu .borderRadius .ddTitlePreSelect,
div.hpui-critical-link-menu .borderRadiusTp .ddTitlePreSelect,
div.hpui-critical-link-menu .borderRadiusBtm .ddTitlePreSelect {
border-width: 0px 2px;
border-style: solid;
border-color: #D7410B;
border-radius: 0 5px 0 5px;
}
div.hpui-critical-link-menu .borderRadius .ddTitlePreSelect:hover {
border-color:#C1401A;
background-color:#C1401A;
}
div.hpui-critical-link-menu .borderRadiusTp .ddTitlePreSelect:hover,
div.hpui-critical-link-menu .borderRadiusBtm .ddTitlePreSelect:hover {
border-color: #C1401A;
}
div.hpui-critical-link-menu .dd .ddTitle {
color: #FFFFFF;
background-color: #D7410B;
}
div.hpui-critical-link-menu .dd .arrow,
div.hpui-critical-link-menu .dd .arrow:hover {
width: 18px;
height: 10px;
margin-top:-4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1613px;
}
div.hpui-critical-link-menu .dd .ddChild li.hover,
div.hpui-critical-link-menu .dd .ddChild li.selected {
background-color: #D7410B;
color: #FFFFFF;
}
div.hpui-critical-link-menu .dd .ddChild li.hover {
cursor: pointer;
}
div.hpui-critical-link-menu .dd .ddTitleText {
padding: 7px 10px 7px 13px;
border-spacing: 0;
}
div.hpui-critical-link-menu .dd .ddChild li {
padding: 5px 10px 6px 10px;
border-bottom: 1px solid #CCCCCC;
}
div.hpui-critical-link-menu .dd .ddChild li:last-child {
border-bottom:none;
}
div.hpui-critical-link-menu {
display: inline-block;
}
/******************************************/
/**** Primary link menu custom styles ****/
/******************************************/
div.hpui-primary-link-menu table {
border-collapse: separate !important;
}
div.hpui-primary-link-menu table td {
border-collapse: separate !important;
padding: 0 !important;
border: 0 !important;
}
div.hpui-primary-link-menu table td.ddlabel {
padding-right: 38px !important;
}
div.hpui-primary-link-menu .ddcommon table td {
color: #FFFFFF;
font-weight: bold;
}
div.hpui-primary-link-menu .borderRadius .ddTitlePreSelect,
div.hpui-primary-link-menu .borderRadiusTp .ddTitlePreSelect,
div.hpui-primary-link-menu .borderRadiusBtm .ddTitlePreSelect {
color: #FFFFFF;
background-color: #0096D6;
font-weight: bold;
}
div.hpui-primary-link-menu .borderRadius .ddTitlePreSelect:hover,
div.hpui-primary-link-menu .borderRadiusTp .ddTitlePreSelect:hover,
div.hpui-primary-link-menu .borderRadiusBtm .ddTitlePreSelect:hover {
background-color: #007DBA;
}
div.hpui-primary-link-menu .dividerHover,
div.hpui-primary-link-menu .borderRadius .divider,
div.hpui-primary-link-menu .borderRadiusTp .divider,
div.hpui-primary-link-menu .borderRadiusBtm .divider {
border-left: 1px solid #FFFFFF;
right: 39px;
}
div.hpui-primary-link-menu .borderRadius .ddTitlePreSelect,
div.hpui-primary-link-menu .borderRadiusTp .ddTitlePreSelect,
div.hpui-primary-link-menu .borderRadiusBtm .ddTitlePreSelect {
border-width: 0px 2px;
border-style: solid;
border-color: #0096D6;
border-radius: 0 5px 0 5px;
}
div.hpui-primary-link-menu .borderRadius .ddTitlePreSelect:hover {
border-color:#007DBA;
background-color:#007DBA;
}
div.hpui-primary-link-menu .borderRadiusTp .ddTitlePreSelect:hover,
div.hpui-primary-link-menu .borderRadiusBtm .ddTitlePreSelect:hover {
border-color: #007DBA;
}
div.hpui-primary-link-menu .dd .ddTitle {
color: #FFFFFF;
background-color: #0096D6;
}
div.hpui-primary-link-menu .dd .arrow,
div.hpui-primary-link-menu .dd .arrow:hover {
width: 18px;
height: 10px;
margin-top:-4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1613px;
}
div.hpui-primary-link-menu .dd .ddChild li.hover,
div.hpui-primary-link-menu .dd .ddChild li.selected {
background-color: #0096D6;
color: #FFFFFF;
}
div.hpui-primary-link-menu .dd .ddChild li.hover {
cursor: pointer;
}
div.hpui-primary-link-menu .dd .ddTitleText {
padding: 7px 10px 7px 13px;
border-spacing: 0;
}
div.hpui-primary-link-menu .dd .ddChild li {
padding: 5px 10px 6px 10px;
border-bottom: 1px solid #CCCCCC;
}
div.hpui-primary-link-menu .dd .ddChild li:last-child {
border-bottom:none;
}
div.hpui-primary-link-menu {
display: inline-block;
}
/******************************************/
/**** Secondary link menu custom styles ****/
/******************************************/
div.hpui-secondary-link-menu table {
border-collapse: separate !important;
}
div.hpui-secondary-link-menu table td {
border-collapse: separate !important;
padding: 0 !important;
border: 0 !important;
}
div.hpui-secondary-link-menu table td.ddlabel {
padding-right: 38px !important;
}
div.hpui-secondary-link-menu .ddcommon table td {
color: #FFFFFF;
font-weight: bold;
}
div.hpui-secondary-link-menu .borderRadius .ddTitlePreSelect,
div.hpui-secondary-link-menu .borderRadiusTp .ddTitlePreSelect,
div.hpui-secondary-link-menu .borderRadiusBtm .ddTitlePreSelect {
color: #FFFFFF;
background-color: #767676;
font-weight: bold;
}
div.hpui-secondary-link-menu .borderRadius .ddTitlePreSelect:hover,
div.hpui-secondary-link-menu .borderRadiusTp .ddTitlePreSelect:hover,
div.hpui-secondary-link-menu .borderRadiusBtm .ddTitlePreSelect:hover {
background-color: #5A5A5A;
}
div.hpui-secondary-link-menu .dividerHover,
div.hpui-secondary-link-menu .borderRadius .divider,
div.hpui-secondary-link-menu .borderRadiusTp .divider,
div.hpui-secondary-link-menu .borderRadiusBtm .divider {
border-left: 1px solid #FFFFFF;
right: 39px;
}
div.hpui-secondary-link-menu .borderRadius .ddTitlePreSelect,
div.hpui-secondary-link-menu .borderRadiusTp .ddTitlePreSelect,
div.hpui-secondary-link-menu .borderRadiusBtm .ddTitlePreSelect {
border-width: 0px 2px;
border-style: solid;
border-color: #767676;
border-radius: 0 5px 0 5px;
}
div.hpui-secondary-link-menu .borderRadius .ddTitlePreSelect:hover {
border-color:#5A5A5A;
background-color:#5A5A5A;
}
div.hpui-secondary-link-menu .borderRadiusTp .ddTitlePreSelect:hover,
div.hpui-secondary-link-menu .borderRadiusBtm .ddTitlePreSelect:hover {
border-color: #5A5A5A;
}
div.hpui-secondary-link-menu .dd .ddTitle {
color: #FFFFFF;
background-color: #767676;
}
div.hpui-secondary-link-menu .dd .arrow,
div.hpui-secondary-link-menu .dd .arrow:hover {
width: 18px;
height: 10px;
margin-top:-4px;
background: url('../images/dropdown_icons_21.png') no-repeat 0px -1613px;
}
div.hpui-secondary-link-menu .dd .ddChild li.hover,
div.hpui-secondary-link-menu .dd .ddChild li.selected {
background-color: #767676;
color: #FFFFFF;
}
div.hpui-secondary-link-menu .dd .ddChild li.hover {
cursor: pointer;
}
div.hpui-secondary-link-menu .dd .ddTitleText {
padding: 7px 10px 7px 13px;
border-spacing: 0;
}
div.hpui-secondary-link-menu .dd .ddChild li {
padding: 5px 10px 6px 10px;
border-bottom: 1px solid #CCCCCC;
}
div.hpui-secondary-link-menu .dd .ddChild li:last-child {
border-bottom:none;
}
div.hpui-secondary-link-menu {
display: inline-block;
}
/**************************************************/
/**** Multi select (aka listbox) custom styles ****/
/**************************************************/
div.hpui-multi-select .default .border {
border: 2px solid #CCCCCC;
}
div.hpui-multi-select .border,
div.hpui-multi-select .default .border:hover {
border: 2px solid #5A5A5A;
}
div.hpui-multi-select.hpui-error .border {
border: 2px solid #FF0000 !important;
}
div.hpui-multi-select.hpui-error .border:hover {
border: 2px solid #5A5A5A !important;
}
div.hpui-multi-select.hpui-error .disabledAll .border {
border: 2px solid #CCCCCC !important;
}
div.hpui-multi-select .disabledAll {
border: 0px solid #CCCCCC;
color: #B3B3B3;
}
div.hpui-multi-select .disabledAll .border,
div.hpui-multi-select .disabledAll .border:hover {
border: 2px solid #CCCCCC;
}
div.hpui-multi-select .dd .ddChild li.hover {
background-color: #FFFFFF;
color: #000000;
}
/*this style for the selected and hovered option */
div.hpui-multi-select .dd .ddChild li.selected.hover {
background-color: #007DBA;
color: #FFFFFF;
}
div.hpui-multi-select {
display: inline-block;
}
/************************************************************/
/**** Slim multi select (aka slim listbox) custom styles ****/
/************************************************************/
div.hpui-slim-multi-select .ddcommon {
line-height: 18px;
font-size: 14px;
}
div.hpui-slim-multi-select .default .border {
border: 2px solid #CCCCCC;
}
div.hpui-slim-multi-select .border,
div.hpui-slim-multi-select .default .border:hover {
border: 2px solid #5A5A5A;
}
div.hpui-slim-multi-select.hpui-error .border {
border: 2px solid #FF0000 !important;
}
div.hpui-slim-multi-select.hpui-error .border:hover {
border: 2px solid #5A5A5A !important;
}
div.hpui-slim-multi-select.hpui-error .disabledAll .border {
border: 2px solid #CCCCCC !important;
}
div.hpui-slim-multi-select .disabledAll {
border: 0px solid #CCCCCC;
color: #B3B3B3;
}
div.hpui-slim-multi-select .disabledAll .border,
div.hpui-slim-multi-select .disabledAll .border:hover {
border: 2px solid #CCCCCC;
}
div.hpui-slim-multi-select .dd .ddChild li {
padding: 4px 8px 3px 8px;
border-bottom: 1px solid #CCCCCC;
line-height: 18px;
font-size: 14px;
}
div.hpui-slim-multi-select .dd .ddChild li:last-child {
border-bottom: 0 none #CCCCCC;
}
div.hpui-slim-multi-select .dd .ddChild li.hover {
background-color: #FFFFFF;
color: #000000;
}
/*this style for the selected and hovered option */
div.hpui-slim-multi-select .dd .ddChild li.hover.selected {
background-color: #007DBA;
color: #FFFFFF;
}
div.hpui-slim-multi-select {
display: inline-block;
}
/**************************************/
/*** HPE dropdown data-image icons ****/
/**************************************/
span.hpui-talk-icon {
padding-right: 6px;
width: 15px;
height: 18px;
display: inline-block;
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2158px;
}
span.hpui-headset-icon {
padding-right: 6px;
width: 15px;
height: 18px;
display: inline-block;
background: url('../images/dropdown_icons_15.png') no-repeat 0 -525px;
}
span.hpui-person-icon {
padding-right: 6px;
width: 15px;
height: 18px;
display: inline-block;
background: url('../images/dropdown_icons_15.png') no-repeat 0 -1810px;
}
span.hpui-laptop-icon {
padding-right: 6px;
width: 15px;
height: 18px;
display: inline-block;
background: url('../images/dropdown_icons_15.png') no-repeat 0 -1843px;
}
span.hpui-first-aid-icon {
padding-right: 6px;
width: 15px;
height: 18px;
display: inline-block;
background: url('../images/dropdown_icons_15.png') no-repeat 0 -1878px;
}
span.hpui-letter-icon {
padding-right: 6px;
width: 15px;
height: 18px;
display: inline-block;
background: url('../images/dropdown_icons_15.png') no-repeat 0 -1912px;
}
.hover span.hpui-talk-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2508px;
}
.hover span.hpui-headset-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2546px;
}
.hover span.hpui-person-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2580px;
}
.hover span.hpui-laptop-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2613px;
}
.hover span.hpui-first-aid-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2648px;
}
.hover span.hpui-letter-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2682px;
}
.selected span.hpui-talk-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2508px;
}
.selected span.hpui-headset-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2546px;
}
.selected span.hpui-person-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2580px;
}
.selected span.hpui-laptop-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2613px;
}
.selected span.hpui-first-aid-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2648px;
}
.selected span.hpui-letter-icon {
background: url('../images/dropdown_icons_15.png') no-repeat 0 -2682px;
}
.hpui-select .focusBorder,
.hpui-slim-select .focusBorder,
.hpui-sort-menu .focusBorder,
.hpui-multi-select .focusBorder,
.hpui-slim-multi-select .focusBorder{
border: 2px solid #5A5A5A !important;
}
.hpui-select .focusBorderLeft,
.hpui-slim-select .focusBorderLeft,
.hpui-sort-menu .focusBorderLeft{
border-left: 1px solid #5A5A5A !important;
}
.hpui-filter-menu .focusUnderline {
text-decoration : underline !important;
}
div.hpui-primary-link-menu .focusBackColor {
background-color: #007DBA !important;
border-color: #007DBA !important;
}
div.hpui-secondary-link-menu .focusBackColor {
background-color: #5A5A5A !important;
border-color: #5A5A5A !important;
}
div.hpui-critical-link-menu .focusBackColor {
background-color: #C1401A !important;
border-color: #C1401A !important;
}
div.hpui-action-menu .focusBackColor {
background-color: #FFFFFF !important;
border: 2px solid #5A5A5A !important;
}
/****** end HPE dropdowns CSS (dropdowns.css) ******/
/****** begin HPE expand-collapse CSS (expand-collapse.css) ******/
/* HPE disclosure header */
div.hpui-disclosures {
}
div.hpui-disclosures div.hpui-heading {
text-align: right;
padding: 20px 20px 20px 18px;
border-top: 1px solid #000000;
margin: 0px;
}
div.hpui-disclosures div.hpui-heading a.hpui-expand-icon,
div.hpui-disclosures div.hpui-heading a.hpui-collapse-icon{
background-image: url("../images/disclosure_icons.png");
display: inline-block;
width: 18px;
height: 18px;
}
div.hpui-disclosures div.hpui-heading a.hpui-expand-icon {
background-position: 0 -136px;
margin-right: 10px;
}
div.hpui-disclosures div.hpui-heading a.hpui-expand-icon:hover {
background-position: 0 -204px;
}
div.hpui-disclosures div.hpui-heading a.hpui-expand-icon:focus {
background-position: 0 -204px;
}
div.hpui-disclosures div.hpui-heading a.hpui-collapse-icon {
background-position: 0 0;
margin-right: 0px;
}
div.hpui-disclosures div.hpui-heading a.hpui-collapse-icon:hover {
background-position: 0 -68px;
}
div.hpui-disclosures div.hpui-heading a.hpui-collapse-icon:focus {
background-position: 0 -68px;
}
/* HPE disclosure section */
div.hpui-disclosures div.hpui-collapsed-section {
border-top: 1px solid #CCCCCC;
/*border-bottom: 1px solid #CCCCCC;*/
padding: 18px 20px 18px 18px;
font-family: "HP Simplified", Arial;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #000000;
background-color: #FFFFFF;
}
div.hpui-disclosures div.hpui-collapsed-section:hover {
background-color: #F2F2F2;
cursor: pointer;
}
div.hpui-disclosures div.hpui-collapsed-section:focus {
background-color: #F2F2F2;
cursor: pointer;
}
div.hpui-disclosures div.hpui-expanded-section {
border-top: 1px solid #CCCCCC;
padding: 18px 20px 18px 18px;
font-family: "HP Simplified", Arial;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #000000;
background-color: #FFFFFF;
}
div.hpui-disclosures div.hpui-expanded-section:hover {
background-color: #F2F2F2;
cursor: pointer;
}
div.hpui-disclosures div.hpui-expanded-section:focus {
background-color: #F2F2F2;
cursor: pointer;
}
div.hpui-disclosures div.hpui-section-focus {
background-color: #F2F2F2;
}
div.hpui-disclosures div.hpui-collapsed-section a.hpui-expand-icon,
div.hpui-disclosures div.hpui-expanded-section a.hpui-collapse-icon {
background-image: url("../images/disclosure_icons.png");
display: inline-block;
width: 18px;
height: 18px;
margin-right: 10px;
}
div.hpui-disclosures div.hpui-collapsed-section a.hpui-expand-icon:hover,
div.hpui-disclosures div.hpui-collapsed-section a.hpui-expand-icon:focus {
background-position: 0 -204px;
}
div.hpui-disclosures div.hpui-expanded-section a.hpui-collapse-icon:hover,
div.hpui-disclosures div.hpui-expanded-section a.hpui-collapse-icon:focus {
background-position: 0 -68px;
}
div.hpui-disclosures div.hpui-collapsed-section a.hpui-expand-icon {
background-position: 0 -136px;
}
div.hpui-disclosures div.hpui-collapsed-section:hover a.hpui-expand-icon {
background-position: 0 -204px;
}
div.hpui-disclosures div.hpui-collapsed-section:focus a.hpui-expand-icon {
background-position: 0 -204px;
}
div.hpui-disclosures div.hpui-expanded-section a.hpui-collapse-icon {
background-position: 0 0;
}
div.hpui-disclosures div.hpui-expanded-section:hover a.hpui-collapse-icon {
background-position: 0 -68px;
}
div.hpui-disclosures div.hpui-expanded-section:focus a.hpui-collapse-icon {
background-position: 0 -68px;
}
/* HPE disclosure content */
div.hpui-disclosures div.hpui-content {
/*border-bottom: 1px solid #CCCCCC;*/
padding: 0px 0px 20px 46px;
display: none;
}
/* HPE expand/collapse buttons */
a.hpui-expand-icon,
div.hpui-expand-icon,
span.hpui-expand-icon,
a.hpui-collapse-icon,
div.hpui-collapse-icon,
span.hpui-collapse-icon {
background-image: url("../images/disclosure_icons.png");
display: inline-block;
width:18px;
height:18px;
margin-right: 10px;
vertical-align: top;
}
a.hpui-expand-icon:hover,
a.hpui-collapse-icon:hover {
cursor: pointer;
}
a.hpui-expand-icon,
div.hpui-expand-icon,
span.hpui-expand-icon {
background-position: 0 -136px;
}
a.hpui-expand-icon:hover,
div.hpui-expand-icon:hover,
span.hpui-expand-icon:hover {
background-position: 0 -204px;
}
a.hpui-expand-icon:focus,
div.hpui-expand-icon:focus,
span.hpui-expand-icon:focus {
background-position: 0 -204px;
}
a.hpui-collapse-icon,
div.hpui-collapse-icon,
span.hpui-collapse-icon {
background-position: 0 0;
}
a.hpui-collapse-icon:hover,
div.hpui-collapse-icon:hover,
span.hpui-collapse-icon:hover {
background-position: 0 -68px;
}
a.hpui-collapse-icon:focus,
div.hpui-collapse-icon:focus,
span.hpui-collapse-icon:focus {
background-position: 0 -68px;
}
/****** end HPE expand-collapse CSS (expand-collapse.css) ******/
/****** begin HPE form-elements CSS (form-elements.css) *******/
/* Form title */
h1.hpui-form-title {
font-family: "HP Simplified", Arial;
font-size: 32px;
line-height:32px;
font-weight: bold;
color: #000;
margin: 0px 0px 9px 0px;
}
h2.hpui-form-title {
font-family: "HP Simplified", Arial;
font-size: 24px;
line-height:30px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
h3.hpui-form-title {
font-family: "HP Simplified", Arial;
font-size: 20px;
line-height:24px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
h4.hpui-form-title {
font-family: "HP Simplified", Arial;
font-size: 18px;
line-height:22px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
h5.hpui-form-title {
font-family: "HP Simplified", Arial;
font-size: 18px;
line-height:22px;
color: #000;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
h6.hpui-form-title {
font-family: "HP Simplified", Arial;
font-size: 16px;
line-height:22px;
color: #000;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
/* Form description */
.hpui-form-description {
font-family:"HP Simplified", Arial;
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #000000;
}
/* Labels */
.hpui-label {
font-family: "HP Simplified", Arial;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #000000;
}
.hpui-label-required {
font-family:"HP Simplified", Arial;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #000000;
margin-right: 5px;
}
.hpui-label-required:after {
content: "*";
color: #F05332;
margin-left: 5px;
font-size: 18px;
}
.hpui-label-required.hpui-disabled-text:after {
color: #B3B3B3;
}
/* Form legend */
.hpui-form-legend {
font-family: "HP Simplified", Arial;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #5A5A5A;
}
.hpui-form-legend .hpui-label,
.hpui-form-legend .hpui-label-required {
color: #5A5A5A;
}
/* Form errors */
.hpui-form-errors {
font-family: "HP Simplified", Arial;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #FF0000 !important;
background-color: #F7D7D7;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 5px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.hpui-form-errors ul {
list-style-type: disc;
margin: 14px 0px;
padding: 0px 0px 0px 40px;
}
.hpui-form-errors ol {
list-style-type: decimal;
margin: 14px 0px;
padding: 0px 0px 0px 40px;
}
.hpui-form-errors ul li,
.hpui-form-errors ol li {
padding-bottom: 7px;
}
/* Normal text inputs */
.hpui-default-text {
display: none;
}
input[type=text].hpui-input,
input[type=password].hpui-input {
font-family: "HP Simplified", Arial;
font-weight: normal;
font-size: 16px;
height: 32px;
line-height: 22px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
color: #767676;
border: 2px solid #CCCCCC;
background-color: #FFFFFF;
}
input[type=text].hpui-input:hover,
input[type=password].hpui-input:hover {
color: #000000;
border: 2px solid #5A5A5A;
cursor: text;
}
input[type=text].hpui-input.hpui-entered,
input[type=password].hpui-input.hpui-entered {
color: #000000;
border: 2px solid #5A5A5A;
}
input[type=text].hpui-input.hpui-error,
input[type=password].hpui-input.hpui-error {
color: #FF0000;
border: 2px solid #FF0000;
}
input[type=text][disabled].hpui-input,
input[type=password][disabled].hpui-input {
color: #B3B3B3;
border: 2px solid #CCCCCC;
background-color: #E5E5E5;
cursor: default;
}
input[type=text][readonly].hpui-input,
input[type=password][readonly].hpui-input {
color: #B3B3B3;
border: 2px solid #CCCCCC;
background-color: #E5E5E5;
cursor: text;
}
/* Slim text inputs */
input[type=text].hpui-slim-input,
input[type=password].hpui-slim-input {
font-family: "HP Simplified", Arial;
font-weight: normal;
height: 22px;
font-size: 14px;
line-height: 18px;
padding-left: 8px;
padding-right: 8px;
padding-top: 0px;
padding-bottom: 0px;
color: #767676;
border: 2px solid #CCCCCC;
background-color: #FFFFFF;
}
input[type=text].hpui-slim-input:hover,
input[type=password].hpui-slim-input:hover {
color: #000000;
border: 2px solid #5A5A5A;
cursor: text;
}
input[type=text].hpui-slim-input.hpui-entered,
input[type=password].hpui-slim-input.hpui-entered {
color: #000000;
border: 2px solid #5A5A5A;
}
input[type=text].hpui-slim-input.hpui-error,
input[type=password].hpui-slim-input.hpui-error {
color: #FF0000;
border: 2px solid #FF0000;
}
input[type=text][disabled].hpui-slim-input,
input[type=password][disabled].hpui-slim-input {
color: #B3B3B3;
border: 2px solid #CCCCCC;
background-color: #E5E5E5;
cursor: default;
}
input[type=text][readonly].hpui-slim-input,
input[type=password][readonly].hpui-slim-input {
color: #B3B3B3;
border: 2px solid #CCCCCC;
background-color: #E5E5E5;
cursor: text;
}
/* Resizables */
.ui-resizable-se {
bottom: 17px;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 1;
filter: Alpha(Opacity=100);
background-image: none;
}
.hpui-resizable {
/* reserved */
}
/* Textareas */
textarea.hpui-textarea-font {
font-family: "HP Simplified", Arial;
font-weight: normal;
font-size: 16px;
line-height: 22px;
}
textarea.hpui-textarea {
padding: 10px;
/*overflow: hidden;*/
border: 2px solid #CCCCCC;
color: #767676;
background-color: #FFFFFF;
}
textarea.hpui-textarea:hover {
border: 2px solid #5A5A5A;
color: #000000;
cursor: text;
}
textarea.hpui-textarea.hpui-entered {
color: #000000;
border: 2px solid #5A5A5A;
}
textarea.hpui-textarea.hpui-error {
color: #FF0000;
border: 2px solid #FF0000;
}
textarea[disabled].hpui-textarea {
color: #B3B3B3;
border: 2px solid #CCCCCC;
background-color: #E5E5E5;
resize: none;
cursor: default;
}
textarea[readonly].hpui-textarea {
color: #B3B3B3;
border: 2px solid #CCCCCC;
background-color: #E5E5E5;
cursor: text;
}
/* Checkboxes */
input[type=checkbox].hpui-checkbox,
a.hpui-checkbox {
width: 13px;
height: 13px;
margin-right: 5px;
display: inline-block;
border: 2px solid #CCCCCC;
vertical-align: middle;
}
input[type=checkbox].hpui-checkbox:hover,
a.hpui-checkbox:hover {
border: 2px solid #5A5A5A;
cursor: pointer;
}
input[type=checkbox].hpui-checkbox:focus,
a.hpui-checkbox:focus {
border: 2px solid #5A5A5A;
cursor: pointer;
}
input[type=checkbox].hpui-checkbox.hpui-error,
a.hpui-checkbox.hpui-error {
border: 2px solid #FF0000;
}
input[type=checkbox].hpui-checkbox.hpui-error:hover,
a.hpui-checkbox.hpui-error:hover {
border: 2px solid #5A5A5A;
}
input[type=checkbox].hpui-checkbox.hpui-error:focus,
a.hpui-checkbox.hpui-error:focus {
border: 2px solid #5A5A5A;
}
input[type=checkbox][checked].hpui-checkbox,
a[checked].hpui-checkbox {
background-image: url('../images/checkbox_icons.png');
border: 2px solid #0092C1;
background-position: 0 0;
}
input[type=checkbox][checked].hpui-checkbox.hpui-error,
a[checked].hpui-checkbox.hpui-error {
background-position: 0 -63px;
width: 17px;
height: 17px;
border: 0 none;
}
input[type=checkbox][disabled].hpui-checkbox,
input[type=checkbox][readonly].hpui-checkbox,
a[disabled].hpui-checkbox,
a[readonly].hpui-checkbox {
cursor: default;
border: 2px solid #CCCCCC;
background-color: #E5E5E5;
}
input[type=checkbox][checked][disabled].hpui-checkbox,
input[type=checkbox][checked][readonly].hpui-checkbox,
a[checked][disabled].hpui-checkbox,
a[checked][readonly].hpui-checkbox {
background-position: 0 -130px;
width: 17px;
height: 17px;
border: 0 none;
}
/* Radio buttons */
input[type=radio].hpui-radio,
a.hpui-radio {
width: 17px;
height: 17px;
margin-right: 5px;
display: inline-block;
background-image: url('../images/radio_icons.png');
vertical-align: middle;
background-position: 0 -67px;
border-radius: 10px;
}
input[type=radio].hpui-radio:hover,
a.hpui-radio:hover {
cursor: pointer;
background-position: 0 -402px;
}
input[type=radio].hpui-radio:focus,
a.hpui-radio:focus {
cursor: pointer;
background-position: 0 -402px;
}
input[type=radio].hpui-radio.hpui-error,
a.hpui-radio.hpui-error {
background-position: 0 -268px;
}
input[type=radio].hpui-radio.hpui-error:hover,
a.hpui-radio.hpui-error:hover {
background-position: 0 -402px;
}
input[type=radio].hpui-radio.hpui-error:focus,
a.hpui-radio.hpui-error:focus {
background-position: 0 -402px;
}
input[type=radio][checked].hpui-radio,
a[checked].hpui-radio {
background-position: 0 0;
}
input[type=radio][checked].hpui-radio.hpui-error,
a[checked].hpui-radio.hpui-error {
background-position: 0 -335px;
}
input[type=radio][disabled].hpui-radio,
input[type=radio][readonly].hpui-radio,
a[disabled].hpui-radio,
a[readonly].hpui-radio {
background-position: 0 -134px;
cursor: default;
}
input[type=radio][checked][disabled].hpui-radio,
input[type=radio][checked][readonly].hpui-radio,
a[checked][disabled].hpui-radio,
a[checked][readonly].hpui-radio {
background-position: 0 -201px;
}
/* File inputs */
input[type=file].hpui-file,
input[type=file].hpui-slim-file {
vertical-align: middle;
cursor: pointer;
}
input[type=file][disabled].hpui-file,
input[type=file][disabled].hpui-slim-file {
cursor: default;
}
input[type=text].hpui-input.hpui-file,
input[type=text].hpui-slim-input.hpui-slim-file {
vertical-align: middle;
cursor: pointer;
}
input[type=text][disabled].hpui-input.hpui-file,
input[type=text][disabled].hpui-slim-input.hpui-slim-file {
cursor: default;
}
input[type=text][readonly].hpui-input.hpui-file,
input[type=text][readonly].hpui-slim-input.hpui-slim-file {
color: #767676;
border: 2px solid #CCCCCC;
background-color: #FFFFFF;
}
input[type=text][readonly].hpui-input.hpui-file:hover,
input[type=text][readonly].hpui-slim-input.hpui-slim-file:hover {
color: #000000;
border: 2px solid #5A5A5A;
}
input[type=text][readonly].hpui-input.hpui-entered.hpui-file,
input[type=text][readonly].hpui-slim-input.hpui-entered.hpui-slim-file {
color: #000000;
border: 2px solid #5A5A5A;
}
input[type=text][readonly].hpui-input.hpui-error.hpui-file,
input[type=text][readonly].hpui-slim-input.hpui-error.hpui-slim-file {
color: #FF0000;
border: 2px solid #FF0000;
}
input[type=button].hpui-critical-button.hpui-file,
input[type=button].hpui-critical-slim-button.hpui-slim-file,
input[type=button].hpui-primary-button.hpui-file,
input[type=button].hpui-primary-slim-button.hpui-slim-file,
input[type=button].hpui-secondary-button.hpui-file,
input[type=button].hpui-secondary-slim-button.hpui-slim-file {
vertical-align: middle;
margin-left: 5px;
}
input[type=submit].hpui-critical-button.hpui-file,
input[type=submit].hpui-critical-slim-button.hpui-slim-file,
input[type=submit].hpui-primary-button.hpui-file,
input[type=submit].hpui-primary-slim-button.hpui-slim-file,
input[type=submit].hpui-secondary-button.hpui-file,
input[type=submit].hpui-secondary-slim-button.hpui-slim-file {
vertical-align: middle;
margin-left: 5px;
}
input[type=reset].hpui-critical-button.hpui-file,
input[type=reset].hpui-critical-slim-button.hpui-slim-file,
input[type=reset].hpui-primary-button.hpui-file,
input[type=reset].hpui-primary-slim-button.hpui-slim-file,
input[type=reset].hpui-secondary-button.hpui-file,
input[type=reset].hpui-secondary-slim-button.hpui-slim-file {
vertical-align: middle;
margin-left: 5px;
}
span.hpui-file,
div.hpui-file,
span.hpui-slim-file,
div.hpui-slim-file {
white-space: nowrap;
}
/* For IE8 - fake browse buttons */
span.hpui-secondary-button.hpui-file {
color: #FFFFFF;
background-color: #767676;
padding: 8px 15px 7px 15px;
width: auto;
overflow: visible;
border: 0;
font-family: "HP Simplified", Arial;
font-size: 16px;
line-height: 22px;
font-weight: bold;
cursor: pointer;
vertical-align: middle;
margin-left: 5px;
}
span.hpui-secondary-slim-button.hpui-slim-file {
color: #FFFFFF;
background-color: #767676;
padding: 4px 10px 4px 10px;
width: auto;
overflow: visible;
border: 0;
font-family: "HP Simplified", Arial;
font-size: 14px;
line-height: 18px;
font-weight: bold;
cursor: pointer;
vertical-align: middle;
margin-left: 5px;
}
span.hpui-secondary-button.hpui-file:hover,
span.hpui-secondary-button.hpui-file:focus,
span.hpui-secondary-slim-button.hpui-slim-file:hover,
span.hpui-secondary-slim-button.hpui-slim-file:focus {
background-color: #5A5A5A;
}
span[disabled].hpui-secondary-button.hpui-file,
span[disabled].hpui-secondary-slim-button.hpui-slim-file {
color: #FFFFFF;
background-color: #CCCCCC;
cursor: default;
}
span[disabled].hpui-secondary-button.hpui-file:hover,
span[disabled].hpui-secondary-button.hpui-file:focus,
span[disabled].hpui-secondary-slim-button.hpui-slim-file:hover,
span[disabled].hpui-secondary-slim-button.hpui-slim-file:focus {
background-color: #CCCCCC;
}
/****** end HPE form-elements CSS (form-elements.css) *******/
/****** begin HPE icons CSS (icons.css) ******/
/* HPE share, print, subscribe icon: embedded text styles */
a.hpui-share-icon,
a.hpui-print-icon,
a.hpui-subscribe-icon,
div.hpui-share-icon,
div.hpui-print-icon,
div.hpui-subscribe-icon,
span.hpui-share-icon,
span.hpui-print-icon,
span.hpui-subscribe-icon {
font-family: "HP Simplified", Arial;
font-size: 14px;
line-height:18px;
color: #007DBA;
text-decoration: none;
}
a.hpui-share-icon:visited,
a.hpui-print-icon:visited,
a.hpui-subscribe-icon:visited,
div.hpui-share-icon:visited,
div.hpui-print-icon:visited,
div.hpui-subscribe-icon:visited,
span.hpui-share-icon:visited,
span.hpui-print-icon:visited,
span.hpui-subscribe-icon:visited {
color: #822980;
}
a.hpui-share-icon:hover,
a.hpui-print-icon:hover,
a.hpui-subscribe-icon:hover {
text-decoration: underline;
cursor: pointer;
}
/* HPE calendar icon */
a.hpui-calendar-icon,
div.hpui-calendar-icon,
span.hpui-calendar-icon {
background-image: url('../images/calendar.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}
a[disabled].hpui-calendar-icon,
div[disabled].hpui-calendar-icon,
span[disabled].hpui-calendar-icon {
background-image: url('../images/calendar_disabled.png');
}
div.hpui-calendar-icon.hpui-primary-text1,
div.hpui-calendar-icon.hpui-primary-text2,
div.hpui-calendar-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-calendar-icon.hpui-secondary-text1,
div.hpui-calendar-icon.hpui-secondary-text2,
div.hpui-calendar-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-calendar-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-calendar-icon:hover {
text-decoration: underline;
cursor: pointer;
}
/* HPE share icon */
a.hpui-share-icon,
div.hpui-share-icon,
span.hpui-share-icon {
background-image: url('../images/share.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}
div.hpui-share-icon.hpui-primary-text1,
div.hpui-share-icon.hpui-primary-text2,
div.hpui-share-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-share-icon.hpui-secondary-text1,
div.hpui-share-icon.hpui-secondary-text2,
div.hpui-share-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-share-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* HPE print icon */
a.hpui-print-icon,
div.hpui-print-icon,
span.hpui-print-icon {
background-image: url('../images/print.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}
div.hpui-print-icon.hpui-primary-text1,
div.hpui-print-icon.hpui-primary-text2,
div.hpui-print-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-print-icon.hpui-secondary-text1,
div.hpui-print-icon.hpui-secondary-text2,
div.hpui-print-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-print-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* HPE subscribe icon */
a.hpui-subscribe-icon,
div.hpui-subscribe-icon,
span.hpui-subscribe-icon {
background-image: url('../images/subscribe.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}
div.hpui-subscribe-icon.hpui-primary-text1,
div.hpui-subscribe-icon.hpui-primary-text2,
div.hpui-subscribe-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-subscribe-icon.hpui-secondary-text1,
div.hpui-subscribe-icon.hpui-secondary-text2,
div.hpui-subscribe-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-subscribe-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* HPE error status icon */
a.hpui-error-icon,
div.hpui-error-icon,
span.hpui-error-icon {
background-image: url("../images/summary_list_redx.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-error-icon.hpui-primary-text1,
div.hpui-error-icon.hpui-primary-text2,
div.hpui-error-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-error-icon.hpui-secondary-text1,
div.hpui-error-icon.hpui-secondary-text2,
div.hpui-error-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-error-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* HPE alternative error status icon */
a.hpui-error-icon2,
div.hpui-error-icon2,
span.hpui-error-icon2 {
background-image: url("../images/summary_list_redc.png");
background-position: center 3px;
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}
div.hpui-error-icon2.hpui-primary-text1,
div.hpui-error-icon2.hpui-primary-text2,
div.hpui-error-icon2.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-error-icon2.hpui-secondary-text1,
div.hpui-error-icon2.hpui-secondary-text2,
div.hpui-error-icon2.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-error-icon2.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* HPE okay status icon */
a.hpui-ok-icon,
div.hpui-ok-icon,
span.hpui-ok-icon {
background-image: url("../images/summary_list_normal.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-ok-icon.hpui-primary-text1,
div.hpui-ok-icon.hpui-primary-text2,
div.hpui-ok-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-ok-icon.hpui-secondary-text1,
div.hpui-ok-icon.hpui-secondary-text2,
div.hpui-ok-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-ok-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* HPE unknown status icon */
a.hpui-unknown-icon,
div.hpui-unknown-icon,
span.hpui-unknown-icon {
background-image: url("../images/summary_list_c.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-unknown-icon.hpui-primary-text1,
div.hpui-unknown-icon.hpui-primary-text2,
div.hpui-unknown-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-unknown-icon.hpui-secondary-text1,
div.hpui-unknown-icon.hpui-secondary-text2,
div.hpui-unknown-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-unknown-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* HPE warning status icon */
a.hpui-warn-icon,
div.hpui-warn-icon,
span.hpui-warn-icon {
background-image: url("../images/summary_list_issues.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 12px;
}
div.hpui-warn-icon.hpui-primary-text1,
div.hpui-warn-icon.hpui-primary-text2,
div.hpui-warn-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-warn-icon.hpui-secondary-text1,
div.hpui-warn-icon.hpui-secondary-text2,
div.hpui-warn-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-warn-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* All HPE status icons together */
a.hpui-ok-icon,
a.hpui-error-icon,
a.hpui-error-icon2,
a.hpui-unknown-icon,
a.hpui-warn-icon {
cursor: pointer;
text-decoration: underline;
}
/* HPE info and help status icons */
a.hpui-info-icon,
div.hpui-info-icon,
span.hpui-info-icon {
background-image: url("../images/tooltip.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-info-icon.hpui-primary-text1,
div.hpui-info-icon.hpui-primary-text2,
div.hpui-info-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-info-icon.hpui-secondary-text1,
div.hpui-info-icon.hpui-secondary-text2,
div.hpui-info-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-info-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-help-icon,
div.hpui-help-icon,
span.hpui-help-icon {
background-image: url("../images/inform.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-help-icon.hpui-primary-text1,
div.hpui-help-icon.hpui-primary-text2,
div.hpui-help-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-help-icon.hpui-secondary-text1,
div.hpui-help-icon.hpui-secondary-text2,
div.hpui-help-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-help-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-info-icon,
a.hpui-help-icon {
cursor: pointer;
text-decoration: underline;
}
/* HPE preloader icons */
a.hpui-large-preloader-icon,
div.hpui-large-preloader-icon,
span.hpui-large-preloader-icon {
background-image: url("../images/HPE_animated_large_blue_gray.gif");
background-repeat: no-repeat;
background-position: left;
display: inline-block;
height: 60px;
width: 60px;
}
a.hpui-small-preloader-icon,
div.hpui-small-preloader-icon,
span.hpui-small-preloader-icon {
background-image: url("../images/HPE_animated_small_blue_gray.gif");
background-repeat: no-repeat;
background-position: left;
display: inline-block;
height: 32px;
width: 32px;
}
a.hpui-large-preloader-icon:hover,
a.hpui-small-preloader-icon:hover {
cursor: pointer;
text-decoration: underline;
}
/* HPE Standalone status icons*/
a.hpui-standalone-ok-icon,
div.hpui-standalone-ok-icon,
span.hpui-standalone-ok-icon {
background-image: url("../images/status_icons.png");
background-repeat: no-repeat;
background-position: 0 -65px;
display: inline-block;
height: 15px;
width: 15px;
border: 0 !important;
}
a.hpui-standalone-error-icon,
div.hpui-standalone-error-icon,
span.hpui-standalone-error-icon {
background-image: url("../images/status_icons.png");
background-repeat: no-repeat;
background-position: 0 0;
display: inline-block;
height: 15px;
width: 15px;
border: 0 !important;
}
a.hpui-standalone-error-icon:hover,
a.hpui-standalone-ok-icon:hover {
cursor: pointer;
text-decoration: underline;
}
/* HPE mega menu refresh,settings and help icon */
a.hpui-refresh-icon,
span.hpui-refresh-icon,
div.hpui-refresh-icon {
background: url('../images/icon_refresh.png') 50% 50% no-repeat;
display: inline-block;
width: 20px;
height: 20px;
}
a.hpui-settings-icon,
span.hpui-settings-icon,
div.hpui-settings-icon {
background: url('../images/icon_settings.png') 50% 50% no-repeat;
display: inline-block;
width:20px;
height:20px;
}
a.hpui-reports-icon,
span.hpui-reports-icon,
div.hpui-reports-icon {
background: url('../images/icon_report.png') 50% 50% no-repeat;
display: inline-block;
width:20px;
height:20px;
}
span.hpui-refresh-icon:hover,
div.hpui-refresh-icon:hover {
cursor: pointer;
}
span.hpui-settings-icon:hover,
div.hpui-settings-icon:hover {
cursor: pointer;
}
span.hpui-reports-icon:hover,
div.hpui-reports-icon:hover {
cursor: pointer;
}
/*HPE forum icon */
a.hpui-forum-icon,
div.hpui-forum-icon,
span.hpui-forum-icon {
background-image: url("../images/icon_frm.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-forum-icon.hpui-primary-text1,
div.hpui-forum-icon.hpui-primary-text2,
div.hpui-forum-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-forum-icon.hpui-secondary-text1,
div.hpui-forum-icon.hpui-secondary-text2,
div.hpui-forum-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-forum-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-forum-icon {
cursor: pointer;
text-decoration: underline;
}
/*HPE service icon */
a.hpui-service-icon,
div.hpui-service-icon,
span.hpui-service-icon {
background-image: url("../images/icon_svc.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-service-icon.hpui-primary-text1,
div.hpui-service-icon.hpui-primary-text2,
div.hpui-service-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-service-icon.hpui-secondary-text1,
div.hpui-service-icon.hpui-secondary-text2,
div.hpui-service-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-service-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-service-icon {
cursor: pointer;
text-decoration: underline;
}
/*HPE chat icon */
a.hpui-chat-icon,
div.hpui-chat-icon,
span.hpui-chat-icon {
background-image: url("../images/icon_cht.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-chat-icon.hpui-primary-text1,
div.hpui-chat-icon.hpui-primary-text2,
div.hpui-chat-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-chat-icon.hpui-secondary-text1,
div.hpui-chat-icon.hpui-secondary-text2,
div.hpui-chat-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-chat-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-chat-icon {
cursor: pointer;
text-decoration: underline;
}
/*HPE mail icon */
a.hpui-mail-icon,
div.hpui-mail-icon,
span.hpui-mail-icon {
background-image: url("../images/icon_mal2.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-mail-icon.hpui-primary-text1,
div.hpui-mail-icon.hpui-primary-text2,
div.hpui-mail-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-mail-icon.hpui-secondary-text1,
div.hpui-mail-icon.hpui-secondary-text2,
div.hpui-mail-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-mail-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-mail-icon {
cursor: pointer;
text-decoration: underline;
}
/*HPE all contact HP icon */
a.hpui-contact-icon,
div.hpui-contact-icon,
span.hpui-contact-icon {
background-image: url("../images/icon_spt.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-contact-icon.hpui-primary-text1,
div.hpui-contact-icon.hpui-primary-text2,
div.hpui-contact-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-contact-icon.hpui-secondary-text1,
div.hpui-contact-icon.hpui-secondary-text2,
div.hpui-contact-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-contact-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-contact-icon {
cursor: pointer;
text-decoration: underline;
}
/*HPE software download icon */
a.hpui-download-icon,
div.hpui-download-icon,
span.hpui-download-icon {
background-image: url("../images/icon_sdd.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-download-icon.hpui-primary-text1,
div.hpui-download-icon.hpui-primary-text2,
div.hpui-download-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-download-icon.hpui-secondary-text1,
div.hpui-download-icon.hpui-secondary-text2,
div.hpui-download-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-download-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-download-icon {
cursor: pointer;
text-decoration: underline;
}
/****** end HPE icons CSS (icons.css) ******/
/****** begin HPE links CSS (links.css) ******/
/*** HPE footnote links ***/
/* HPE inline internal (including function and help) footnote links */
.hpui-footnote-text a[href],
.hpui-footnote-text a[onclick],
.hpui-footnote-text a.hpui-help-link,
.hpui-footnote-text a.hpui-function-link,
.hpui-footnote-text a.hpui-internal-link,
a.hpui-footnote-text[href],
a.hpui-footnote-text[onclick],
a.hpui-footnote-text.hpui-help-link,
a.hpui-footnote-text.hpui-function-link,
a.hpui-footnote-text.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
.hpui-footnote-text a[href]:hover,
.hpui-footnote-text a[onclick]:hover,
.hpui-footnote-text a.hpui-help-link:hover,
.hpui-footnote-text a.hpui-function-link:hover,
.hpui-footnote-text a.hpui-internal-link:hover,
a.hpui-footnote-text[href]:hover,
a.hpui-footnote-text[onclick]:hover,
a.hpui-footnote-text.hpui-help-link:hover,
a.hpui-footnote-text.hpui-function-link:hover,
a.hpui-footnote-text.hpui-internal-link:hover {
text-decoration: underline;
cursor: pointer;
}
.hpui-footnote-text a[href]:visited,
.hpui-footnote-text a[onclick]:visited,
.hpui-footnote-text a.hpui-internal-link:visited,
a.hpui-footnote-text[href]:visited,
a.hpui-footnote-text[onclick]:visited,
a.hpui-footnote-text.hpui-internal-link:visited {
color: #822980;
}
.hpui-footnote-text a.hpui-help-link:visited,
.hpui-footnote-text a.hpui-function-link:visited,
a.hpui-footnote-text.hpui-help-link:visited,
a.hpui-footnote-text.hpui-function-link:visited {
color: #007DBA !important;
}
/* HPE inline external footnote links */
.hpui-footnote-text a.hpui-external-link,
a.hpui-footnote-text.hpui-external-link {
color: #007DBA;
text-decoration: none;
background-image: url('../images/icon_ext_link.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 16px;
}
.hpui-footnote-text a.hpui-external-link:hover,
a.hpui-footnote-text.hpui-external-link:hover {
text-decoration: underline;
cursor: pointer;
}
.hpui-footnote-text a.hpui-external-link:visited,
a.hpui-footnote-text.hpui-external-link:visited {
color: #822980;
}
/* HPE inline tooltip footnote links */
.hpui-footnote-text a.hpui-tooltip-link,
a.hpui-footnote-text.hpui-tooltip-link {
color: #5A5A5A;
border-bottom: 1px dotted #0096D6;
text-decoration: none;
cursor: default;
}
/*** HPE heading links ***/
/* For all headings (though HPE only defines H6) */
a[href].hpui-heading,
a[onclick].hpui-heading,
a[href].hpui-subheading,
a[onclick].hpui-subheading,
h1.hpui-heading a[href],
h2.hpui-heading a[href],
h3.hpui-heading a[href],
h4.hpui-heading a[href],
h5.hpui-heading a[href],
h6.hpui-heading a[href],
h1.hpui-heading a[onclick],
h2.hpui-heading a[onclick],
h3.hpui-heading a[onclick],
h4.hpui-heading a[onclick],
h5.hpui-heading a[onclick],
h6.hpui-heading a[onclick],
a.hpui-heading.hpui-internal-link,
a.hpui-subheading.hpui-internal-link,
h1.hpui-heading a.hpui-internal-link,
h2.hpui-heading a.hpui-internal-link,
h3.hpui-heading a.hpui-internal-link,
h4.hpui-heading a.hpui-internal-link,
h5.hpui-heading a.hpui-internal-link,
h6.hpui-heading a.hpui-internal-link,
.hpui-heading a[href],
.hpui-heading a[onlick],
.hpui-heading a.hpui-internal-link,
.hpui-subheading a[href],
.hpui-subheading a[onclick],
.hpui-subheading a.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
a[href].hpui-heading:hover,
a[onclick].hpui-heading:hover,
h1.hpui-heading a[href]:hover,
h2.hpui-heading a[href]:hover,
h3.hpui-heading a[href]:hover,
h4.hpui-heading a[href]:hover,
h5.hpui-heading a[href]:hover,
h6.hpui-heading a[href]:hover,
h1.hpui-heading a[onclick]:hover,
h2.hpui-heading a[onclick]:hover,
h3.hpui-heading a[onclick]:hover,
h4.hpui-heading a[onclick]:hover,
h5.hpui-heading a[onclick]:hover,
h6.hpui-heading a[onclick]:hover,
a.hpui-heading.hpui-internal-link:hover,
h1.hpui-heading a.hpui-internal-link:hover,
h2.hpui-heading a.hpui-internal-link:hover,
h3.hpui-heading a.hpui-internal-link:hover,
h4.hpui-heading a.hpui-internal-link:hover,
h5.hpui-heading a.hpui-internal-link:hover,
h6.hpui-heading a.hpui-internal-link:hover,
.hpui-heading a[href]:hover,
.hpui-heading a[onclick]:hover,
.hpui-heading a.hpui-internal-link:hover,
.hpui-subheading a[href]:hover,
.hpui-subheading a[onclick]:hover,
.hpui-subheading a.hpui-internal-link:hover {
text-decoration: underline;
cursor: pointer;
}
a[href].hpui-heading:visited,
a[onclick].hpui-heading:visited,
a[href].hpui-subheading:visited,
a[onclick].hpui-subheading:visited,
h1.hpui-heading a[href]:visited,
h2.hpui-heading a[href]:visited,
h3.hpui-heading a[href]:visited,
h4.hpui-heading a[href]:visited,
h5.hpui-heading a[href]:visited,
h6.hpui-heading a[href]:visited,
h1.hpui-heading a[onclick]:visited,
h2.hpui-heading a[onclick]:visited,
h3.hpui-heading a[onclick]:visited,
h4.hpui-heading a[onclick]:visited,
h5.hpui-heading a[onclick]:visited,
h6.hpui-heading a[onclick]:visited,
a.hpui-heading.hpui-internal-link:visited,
a.hpui-subheading.hpui-internal-link:visited,
h1.hpui-heading a.hpui-internal-link:visited,
h2.hpui-heading a.hpui-internal-link:visited,
h3.hpui-heading a.hpui-internal-link:visited,
h4.hpui-heading a.hpui-internal-link:visited,
h5.hpui-heading a.hpui-internal-link:visited,
h6.hpui-heading a.hpui-internal-link:visited,
.hpui-heading a[href]:visited,
.hpui-heading a[onclick]:visited,
.hpui-heading a.hpui-internal-link:visited,
.hpui-subheading a[href]:visited,
.hpui-subheading a[onclick]:visited,
.hpui-subheading a.hpui-internal-link:visited {
color: #822980;
}
/*** HPE standalone internal (including function) links ***/
a.hpui-standalone-internal-link,
a.hpui-standalone-function-link {
font-size: 14px;
line-height: 18px;
}
a.hpui-standalone-internal-link,
a.hpui-standalone-function-link,
ol.hpui-standalone-link-list li a[href],
ul.hpui-standalone-link-list li a[href],
ol.hpui-standalone-link-list li a[onclick],
ul.hpui-standalone-link-list li a[onclick] {
font-family: "HP Simplified", Arial;
color: #007DBA;
text-decoration: none;
}
a.hpui-standalone-internal-link:hover,
a.hpui-standalone-function-link:hover,
ol.hpui-standalone-link-list li a[href]:hover,
ul.hpui-standalone-link-list li a[href]:hover,
ol.hpui-standalone-link-list li a[onclick]:hover,
ul.hpui-standalone-link-list li a[onclick]:hover {
text-decoration: underline;
cursor: pointer;
}
a.hpui-standalone-internal-link:visited,
ol.hpui-standalone-link-list li a[href]:visited,
ul.hpui-standalone-link-list li a[href]:visited,
ol.hpui-standalone-link-list li a[onclick]:visited,
ul.hpui-standalone-link-list li a[onclick]:visited {
color: #822980;
}
a.hpui-standalone-function-link:visited {
color: #007DBA !important;
}
/*** HPE inline internal (including function and help) links ***/
/* HPE primary inline internal link (all levels 1-3, normal and emphasized) */
.hpui-primary-text1 a[href],
.hpui-primary-text1 a[onclick],
.hpui-primary-text1 a.hpui-help-link,
.hpui-primary-text1 a.hpui-function-link,
.hpui-primary-text1 a.hpui-internal-link,
a[href].hpui-primary-text1,
a[onclick].hpui-primary-text1,
a.hpui-primary-text1.hpui-help-link,
a.hpui-primary-text1.hpui-function-link,
a.hpui-primary-text1.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
.hpui-primary-text2 a[href],
.hpui-primary-text2 a[onclick],
.hpui-primary-text2 a.hpui-help-link,
.hpui-primary-text2 a.hpui-function-link,
.hpui-primary-text2 a.hpui-internal-link,
a[href].hpui-primary-text2,
a[onclick].hpui-primary-text2,
a.hpui-primary-text2.hpui-help-link,
a.hpui-primary-text2.hpui-function-link,
a.hpui-primary-text2.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
.hpui-primary-text3 a[href],
.hpui-primary-text3 a[onclick],
.hpui-primary-text3 a.hpui-help-link,
.hpui-primary-text3 a.hpui-function-link,
.hpui-primary-text3 a.hpui-internal-link,
a[href].hpui-primary-text3,
a[onclick].hpui-primary-text3,
a.hpui-primary-text3.hpui-help-link,
a.hpui-primary-text3.hpui-function-link,
a.hpui-primary-text3.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
.hpui-primary-text1 a[href]:hover,
.hpui-primary-text2 a[href]:hover,
.hpui-primary-text3 a[href]:hover,
.hpui-primary-text1 a[onclick]:hover,
.hpui-primary-text2 a[onclick]:hover,
.hpui-primary-text3 a[onclick]:hover,
.hpui-primary-text1 a.hpui-help-link:hover,
.hpui-primary-text2 a.hpui-help-link:hover,
.hpui-primary-text3 a.hpui-help-link:hover,
.hpui-primary-text1 a.hpui-function-link:hover,
.hpui-primary-text2 a.hpui-function-link:hover,
.hpui-primary-text3 a.hpui-function-link:hover,
.hpui-primary-text1 a.hpui-internal-link:hover,
.hpui-primary-text2 a.hpui-internal-link:hover,
.hpui-primary-text3 a.hpui-internal-link:hover,
a[href].hpui-primary-text1:hover,
a[href].hpui-primary-text2:hover,
a[href].hpui-primary-text3:hover,
a[onclick].hpui-primary-text1:hover,
a[onclick].hpui-primary-text2:hover,
a[onclick].hpui-primary-text3:hover,
a.hpui-primary-text1.hpui-help-link:hover,
a.hpui-primary-text2.hpui-help-link:hover,
a.hpui-primary-text3.hpui-help-link:hover,
a.hpui-primary-text1.hpui-function-link:hover,
a.hpui-primary-text2.hpui-function-link:hover,
a.hpui-primary-text3.hpui-function-link:hover,
a.hpui-primary-text1.hpui-internal-link:hover,
a.hpui-primary-text2.hpui-internal-link:hover,
a.hpui-primary-text3.hpui-internal-link:hover {
text-decoration: underline;
cursor: pointer;
}
.hpui-primary-text1 a[href]:visited,
.hpui-primary-text2 a[href]:visited,
.hpui-primary-text3 a[href]:visited,
.hpui-primary-text1 a[onclick]:visited,
.hpui-primary-text2 a[onclick]:visited,
.hpui-primary-text3 a[onclick]:visited,
.hpui-primary-text1 a.hpui-internal-link:visited,
.hpui-primary-text2 a.hpui-internal-link:visited,
.hpui-primary-text3 a.hpui-internal-link:visited,
a[href].hpui-primary-text1:visited,
a[href].hpui-primary-text2:visited,
a[href].hpui-primary-text3:visited,
a[onclick].hpui-primary-text1:visited,
a[onclick].hpui-primary-text2:visited,
a[onclick].hpui-primary-text3:visited,
a.hpui-primary-text1.hpui-internal-link:visited,
a.hpui-primary-text2.hpui-internal-link:visited,
a.hpui-primary-text3.hpui-internal-link:visited {
color: #822980;
}
.hpui-primary-text1 a.hpui-help-link:visited,
.hpui-primary-text2 a.hpui-help-link:visited,
.hpui-primary-text3 a.hpui-help-link:visited,
.hpui-primary-text1 a.hpui-function-link:visited,
.hpui-primary-text2 a.hpui-function-link:visited,
.hpui-primary-text3 a.hpui-function-link:visited,
a.hpui-primary-text1.hpui-help-link:visited,
a.hpui-primary-text2.hpui-help-link:visited,
a.hpui-primary-text3.hpui-help-link:visited,
a.hpui-primary-text1.hpui-function-link:visited,
a.hpui-primary-text2.hpui-function-link:visited,
a.hpui-primary-text3.hpui-function-link:visited {
color: #007DBA !important;
}
/* HPE secondary inline internal link (all levels 1-3, normal and emphasized) */
/* Note: HPE uses same styles as primary for these */
.hpui-secondary-text1 a[href],
.hpui-secondary-text1 a[onclick],
.hpui-secondary-text1 a.hpui-help-link,
.hpui-secondary-text1 a.hpui-function-link,
.hpui-secondary-text1 a.hpui-internal-link,
a[href].hpui-secondary-text1,
a[onclick].hpui-secondary-text1,
a.hpui-secondary-text1.hpui-help-link,
a.hpui-secondary-text1.hpui-function-link,
a.hpui-secondary-text1.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
.hpui-secondary-text2 a[href],
.hpui-secondary-text2 a[onclick],
.hpui-secondary-text2 a.hpui-help-link,
.hpui-secondary-text2 a.hpui-function-link,
.hpui-secondary-text2 a.hpui-internal-link,
a[href].hpui-secondary-text2,
a[onclick].hpui-secondary-text2,
a.hpui-secondary-text2.hpui-help-link,
a.hpui-secondary-text2.hpui-function-link,
a.hpui-secondary-text2.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
.hpui-secondary-text3 a[href],
.hpui-secondary-text3 a[onclick],
.hpui-secondary-text3 a.hpui-help-link,
.hpui-secondary-text3 a.hpui-function-link,
.hpui-secondary-text3 a.hpui-internal-link,
a[href].hpui-secondary-text3,
a[onclick].hpui-secondary-text3,
a.hpui-secondary-text3.hpui-help-link,
a.hpui-secondary-text3.hpui-function-link,
a.hpui-secondary-text3.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
.hpui-secondary-text1 a[href]:hover,
.hpui-secondary-text2 a[href]:hover,
.hpui-secondary-text3 a[href]:hover,
.hpui-secondary-text1 a[onclick]:hover,
.hpui-secondary-text2 a[onclick]:hover,
.hpui-secondary-text3 a[onclick]:hover,
.hpui-secondary-text1 a.hpui-help-link:hover,
.hpui-secondary-text2 a.hpui-help-link:hover,
.hpui-secondary-text3 a.hpui-help-link:hover,
.hpui-secondary-text1 a.hpui-function-link:hover,
.hpui-secondary-text2 a.hpui-function-link:hover,
.hpui-secondary-text3 a.hpui-function-link:hover,
.hpui-secondary-text1 a.hpui-internal-link:hover,
.hpui-secondary-text2 a.hpui-internal-link:hover,
.hpui-secondary-text3 a.hpui-internal-link:hover,
a[href].hpui-secondary-text1:hover,
a[href].hpui-secondary-text2:hover,
a[href].hpui-secondary-text3:hover,
a[onclick].hpui-secondary-text1:hover,
a[onclick].hpui-secondary-text2:hover,
a[onclick].hpui-secondary-text3:hover,
a.hpui-secondary-text1.hpui-help-link:hover,
a.hpui-secondary-text2.hpui-help-link:hover,
a.hpui-secondary-text3.hpui-help-link:hover,
a.hpui-secondary-text1.hpui-function-link:hover,
a.hpui-secondary-text2.hpui-function-link:hover,
a.hpui-secondary-text3.hpui-function-link:hover,
a.hpui-secondary-text1.hpui-internal-link:hover,
a.hpui-secondary-text2.hpui-internal-link:hover,
a.hpui-secondary-text3.hpui-internal-link:hover {
text-decoration: underline;
cursor: pointer;
}
.hpui-secondary-text1 a[href]:visited,
.hpui-secondary-text2 a[href]:visited,
.hpui-secondary-text3 a[href]:visited,
.hpui-secondary-text1 a[onclick]:visited,
.hpui-secondary-text2 a[onclick]:visited,
.hpui-secondary-text3 a[onclick]:visited,
.hpui-secondary-text1 a.hpui-internal-link:visited,
.hpui-secondary-text2 a.hpui-internal-link:visited,
.hpui-secondary-text3 a.hpui-internal-link:visited,
a[href].hpui-secondary-text1:visited,
a[href].hpui-secondary-text2:visited,
a[href].hpui-secondary-text3:visited,
a[onclick].hpui-secondary-text1:visited,
a[onclick].hpui-secondary-text2:visited,
a[onclick].hpui-secondary-text3:visited,
a.hpui-secondary-text1.hpui-internal-link:visited,
a.hpui-secondary-text2.hpui-internal-link:visited,
a.hpui-secondary-text3.hpui-internal-link:visited {
color: #822980;
}
.hpui-secondary-text1 a.hpui-help-link:visited,
.hpui-secondary-text2 a.hpui-help-link:visited,
.hpui-secondary-text3 a.hpui-help-link:visited,
.hpui-secondary-text1 a.hpui-function-link:visited,
.hpui-secondary-text2 a.hpui-function-link:visited,
.hpui-secondary-text3 a.hpui-function-link:visited,
a.hpui-secondary-text1.hpui-help-link:visited,
a.hpui-secondary-text2.hpui-help-link:visited,
a.hpui-secondary-text3.hpui-help-link:visited,
a.hpui-secondary-text1.hpui-function-link:visited,
a.hpui-secondary-text2.hpui-function-link:visited,
a.hpui-secondary-text3.hpui-function-link:visited {
color: #007DBA !important;
}
/* HPE unclassified inline internal (including function and help) links */
/* Note: HPE uses same styles as primary for these */
a.hpui-help-link,
a.hpui-function-link,
a.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
a.hpui-help-link:hover,
a.hpui-function-link:hover,
a.hpui-internal-link:hover {
text-decoration: underline;
cursor: pointer;
}
a.hpui-internal-link:visited {
color: #822980;
}
a.hpui-help-link:visited,
a.hpui-function-link:visited {
color: #007DBA !important;
}
/*** HPE standalone contextual-help link ***/
a.hpui-standalone-help-link,
a.hpui-standalone-help-link:visited {
font-family: "HP Simplified", Arial;
font-size: 14px;
line-height: 18px;
color: #767676;
background-image:
url('../images/inform.png');
background-repeat: no-repeat;
background-position: right 1px;
padding-right: 20px;
text-decoration: none;
}
a.hpui-standalone-help-link:hover {
text-decoration: underline;
cursor: pointer;
}
/*** HPE dynamic callout link ***/
/* at this time, the "hpui-standalone-callout-link" classname
is reserved and mapped to the same styles as "hpui-callout-link" -
both take secondary level-1 text properties as defaults but
can be overridden */
a.hpui-callout-link,
a.hpui-standalone-callout-link,
a.hpui-callout-link:visited,
a.hpui-standalone-callout-link:visited {
font-family: "HP Simplified", Arial;
font-size: 14px;
line-height: 18px;
color: #000;
background-image: url("../images/chevron.png");
background-repeat: no-repeat;
background-position: right center;
padding-right: 19px;
text-decoration: none;
}
a.hpui-callout-link:hover,
a.hpui-standalone-callout-link:hover {
cursor: pointer;
}
a.hpui-callout-link.hpui-heading,
a.hpui-standalone-callout-link.hpui-heading,
a.hpui-callout-link.hpui-subheading,
a.hpui-standalone-callout-link.hpui-subheading {
display: inline-block;
}
/*** HPE standalone external links ***/
a.hpui-standalone-external-link {
font-family: "HP Simplified", Arial;
font-size: 14px;
line-height:18px;
color: #007DBA;
background-image: url('../images/icon_ext_link.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 16px;
text-decoration:none;
}
a.hpui-standalone-external-link:visited {
color: #822980;
}
a.hpui-standalone-external-link:hover {
text-decoration: underline;
cursor: pointer;
}
/*** HPE inline external links ***/
/* HPE primary inline external link (all levels 1-3, normal and emphasized) */
.hpui-primary-text1 a.hpui-external-link,
a.hpui-primary-text1.hpui-external-link {
color: #007DBA;
text-decoration: none;
background-image: url('../images/icon_ext_link.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 16px;
}
.hpui-primary-text2 a.hpui-external-link,
a.hpui-primary-text2.hpui-external-link {
color: #007DBA;
text-decoration: none;
background-image: url('../images/icon_ext_link.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 16px;
}
.hpui-primary-text3 a.hpui-external-link,
a.hpui-primary-text3.hpui-external-link {
color: #007DBA;
text-decoration: none;
background-image: url('../images/icon_ext_link.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 16px;
}
.hpui-primary-text1 a.hpui-external-link:hover,
.hpui-primary-text2 a.hpui-external-link:hover,
.hpui-primary-text3 a.hpui-external-link:hover,
a.hpui-primary-text1.hpui-external-link:hover,
a.hpui-primary-text2.hpui-external-link:hover,
a.hpui-primary-text3.hpui-external-link:hover {
text-decoration: underline;
cursor: pointer;
}
.hpui-primary-text1 a.hpui-external-link:visited,
.hpui-primary-text2 a.hpui-external-link:visited,
.hpui-primary-text3 a.hpui-external-link:visited,
a.hpui-primary-text1.hpui-external-link:visited,
a.hpui-primary-text2.hpui-external-link:visited,
a.hpui-primary-text3.hpui-external-link:visited {
color: #822980;
}
/* HPE secondary inline external link (all levels 1-3, normal and emphasized) */
/* Note: HPE uses same styles as primary for these */
.hpui-secondary-text1 a.hpui-external-link,
a.hpui-secondary-text1.hpui-external-link {
color: #007DBA;
text-decoration: none;
background-image: url('../images/icon_ext_link.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 16px;
}
.hpui-secondary-text2 a.hpui-external-link,
a.hpui-secondary-text2.hpui-external-link {
color: #007DBA;
text-decoration: none;
background-image: url('../images/icon_ext_link.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 16px;
}
.hpui-secondary-text3 a.hpui-external-link,
a.hpui-secondary-text3.hpui-external-link {
color: #007DBA;
text-decoration: none;
background-image: url('../images/icon_ext_link.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 16px;
}
.hpui-secondary-text1 a.hpui-external-link:hover,
.hpui-secondary-text2 a.hpui-external-link:hover,
.hpui-secondary-text3 a.hpui-external-link:hover,
a.hpui-secondary-text1.hpui-external-link:hover,
a.hpui-secondary-text2.hpui-external-link:hover,
a.hpui-secondary-text3.hpui-external-link:hover {
text-decoration: underline;
cursor: pointer;
}
.hpui-secondary-text1 a.hpui-external-link:visited,
.hpui-secondary-text2 a.hpui-external-link:visited,
.hpui-secondary-text3 a.hpui-external-link:visited,
a.hpui-secondary-text1.hpui-external-link:visited,
a.hpui-secondary-text2.hpui-external-link:visited,
a.hpui-secondary-text3.hpui-external-link:visited {
color: #822980;
}
/* HPE unclassified inline external link */
/* Note: HPE uses same styles as primary for these */
a.hpui-external-link {
color: #007DBA;
text-decoration: none;
background-image: url('../images/icon_ext_link.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 16px;
}
a.hpui-external-link:hover {
text-decoration: underline;
cursor: pointer;
}
a.hpui-external-link:visited {
color: #822980;
}
/*** HPE standalone tooltip links ***/
a.hpui-standalone-tooltip-link {
font-family: "HP Simplified", Arial;
font-size: 14px;
line-height: 18px;
color: #767676;
background-image:
url('../images/tooltip.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 20px;
text-decoration: none;
cursor: default;
}
a.hpui-standalone-tooltip-link:hover {
text-decoration: underline;
}
a[href].hpui-standalone-tooltip-link:hover,
a[onclick].hpui-standalone-tooltip-link:hover {
cursor: pointer;
}
a[href].hpui-standalone-tooltip-link,
a[onclick].hpui-standalone-tooltip-link {
color: #007DBA !important;
}
a[href].hpui-standalone-tooltip-link:visited,
a[onclick].hpui-standalone-tooltip-link:visited {
color: #822980 !important;
}
/*** HPE image tooltip links ***/
a.hpui-image-tooltip-link:hover {
text-decoration: none;
cursor: default;
}
a.hpui-image-tooltip-link[href]:hover,
a.hpui-image-tooltip-link[onclick]:hover {
cursor: pointer;
}
/*** HPE inline tooltip links ***/
/* HPE primary inline tooltip link (all levels 1-3, normal and emphasized) */
.hpui-primary-text1 a.hpui-tooltip-link,
a.hpui-primary-text1.hpui-tooltip-link {
color: #000;
border-bottom: 1px dotted #0096D6;
text-decoration: none;
cursor: default;
}
.hpui-primary-text2 a.hpui-tooltip-link,
a.hpui-primary-text2.hpui-tooltip-link {
color: #5A5A5A;
border-bottom: 1px dotted #0096D6;
text-decoration: none;
cursor: default;
}
.hpui-primary-text3 a.hpui-tooltip-link,
a.hpui-primary-text3.hpui-tooltip-link {
color: #767676;
border-bottom: 1px dotted #0096D6;
text-decoration: none;
cursor: default;
}
/* HPE secondary inline tooltip link (all levels 1-3, normal and emphasized) */
/* (Note HPE uses same styles as primary for these) */
.hpui-secondary-text1 a.hpui-tooltip-link,
a.hpui-secondary-text1.hpui-tooltip-link {
color: #000;
border-bottom: 1px dotted #0096D6;
text-decoration: none;
cursor: default;
}
.hpui-secondary-text2 a.hpui-tooltip-link,
a.hpui-secondary-text2.hpui-tooltip-link {
color: #5A5A5A;
border-bottom: 1px dotted #0096D6;
text-decoration: none;
cursor: default;
}
.hpui-secondary-text3 a.hpui-tooltip-link,
a.hpui-secondary-text3.hpui-tooltip-link {
color: #767676;
border-bottom: 1px dotted #0096D6;
text-decoration: none;
cursor: default;
}
/* HPE unclassified inline tooltip link */
/* (Note HPE uses same styles as primary for these) */
a.hpui-tooltip-link {
color: #000;
border-bottom: 1px dotted #0096D6;
text-decoration: none;
cursor: default;
}
a.hpui-tooltip-link:hover {
text-decoration: none !important;
cursor: default !important;
}
a[href].hpui-tooltip-link:hover,
a[onclick].hpui-tooltip-link:hover {
cursor: pointer !important;
}
a[href].hpui-tooltip-link,
a[onclick].hpui-tooltip-link {
color: #007DBA !important;
}
a[href].hpui-tooltip-link:visited,
a[onclick].hpui-tooltip-link:visited {
color: #822980 !important;
}
/*** HPE tooltip content ***/
div.hpui-tooltip-content {
display: none;
}
div.hpui-tooltip-content-title {
font-family: "HP Simplified", Arial;
padding: 0 20px 10px 20px;
font-size: 16px;
color: #000000;
border-bottom: 1px solid #CCC;
}
div.hpui-tooltip-content-icon-title {
font-family: "HP Simplified", Arial;
padding: 0 20px 10px 45px;
font-size: 16px;
color: #000000;
border-bottom: 1px solid #CCC;
background-image: url('../images/alert_icon.png');
background-repeat: no-repeat;
background-position: 20px 2px;
}
div.hpui-tooltip-content-body {
font-family: "HP Simplified", Arial;
padding: 10px 20px 20px 20px;
font-size: 14px;
line-height: 18px;
color: #000000;
}
.ui-tooltip {
border-color: #CCCCCC;
padding: 10px 0 0 0;
min-width: 40px;
max-width: 300px;
border-width: 1px 1px 1px 1px;
color: black;
box-shadow: 0 0 0px black;
text-decoration: none;
}
.hpui-arrow-top {
position: absolute;
top: -10px;
width: 30px;
height: 10px;
background-image: url('../images/tooltip_pointer.png');
background-repeat: no-repeat;
background-position: 0 -60px;
}
.hpui-arrow-bottom {
position: absolute;
bottom: -10px;
width: 30px;
height: 10px;
background-image: url('../images/tooltip_pointer.png');
background-repeat: no-repeat;
background-position: 0 0;
}
/*** General/miscellaneous for links ***/
/* Use for promoted hyperlinks - ie ones to be given special emphasis */
a.hpui-promoted-link {
font-weight: bold;
}
/*** HPE disabled links - these go in this file last so they can have priority ***/
a[disabled],
a[href][disabled],
a[onclick][disabled],
a[disabled]:visited,
a[href][disabled]:visited,
a[onclick][disabled]:visited {
color: #767676 !important;
}
a[disabled]:hover,
a[href][disabled]:hover,
a[onclick][disabled]:hover {
cursor: default !important;
text-decoration: underline;
}
a[disabled].hpui-tooltip-link,
a[disabled].hpui-tooltip-link:hover {
border-bottom: 1px dotted #767676 !important;
}
a[href][disabled].hpui-tooltip-link:hover,
a[onclick][disabled].hpui-tooltip-link:hover {
cursor: default !important;
}
a[href][disabled].hpui-tooltip-link,
a[onclick][disabled].hpui-tooltip-link,
a[href][disabled].hpui-tooltip-link:visited,
a[onclick][disabled].hpui-tooltip-link:visited {
color: #767676 !important;
}
a[disabled].hpui-standalone-help-link:hover,
a[disabled].hpui-standalone-tooltip-link:hover,
a[disabled].hpui-standalone-external-link:hover {
text-decoration: none !important;
}
a[href][disabled].hpui-standalone-tooltip-link,
a[onclick][disabled].hpui-standalone-tooltip-link,
a[href][disabled].hpui-standalone-tooltip-link:visited,
a[onclick][disabled].hpui-standalone-tooltip-link:visited {
color: #767676 !important;
}
/****** end HPE links CSS (links.css) ******/
/****** begin HPE lists CSS (lists.css) ******/
/* HPE ordered lists (primary and secondary) */
.hpui-primary-text1 ol,
.hpui-primary-text2 ol,
.hpui-primary-text3 ol,
ol.hpui-primary-text1,
ol.hpui-primary-text2,
ol.hpui-primary-text3,
.hpui-secondary-text1 ol,
.hpui-secondary-text2 ol,
.hpui-secondary-text3 ol,
ol.hpui-secondary-text1,
ol.hpui-secondary-text2,
ol.hpui-secondary-text3 {
list-style-type: decimal;
margin: 7px 0px;
padding: 0px 0px 0px 40px;
}
.hpui-primary-text1 ol > li,
.hpui-primary-text2 ol > li,
.hpui-primary-text3 ol > li,
.hpui-secondary-text1 ol > li,
.hpui-secondary-text2 ol > li,
.hpui-secondary-text3 ol > li,
ol.hpui-primary-text1 > li,
ol.hpui-primary-text2 > li,
ol.hpui-primary-text3 > li,
ol.hpui-secondary-text1 > li,
ol.hpui-secondary-text2 > li,
ol.hpui-secondary-text3 > li {
padding-top: 7px;
}
.hpui-primary-text1 ol > li:first-child,
.hpui-primary-text2 ol > li:first-child,
.hpui-primary-text3 ol > li:first-child,
.hpui-secondary-text1 ol > li:first-child,
.hpui-secondary-text2 ol > li:first-child,
.hpui-secondary-text3 ol > li:first-child,
ol.hpui-primary-text1 > li:first-child,
ol.hpui-primary-text2 > li:first-child,
ol.hpui-primary-text3 > li:first-child,
ol.hpui-secondary-text1 > li:first-child,
ol.hpui-secondary-text2 > li:first-child,
ol.hpui-secondary-text3 > li:first-child {
padding-top: 0px;
}
/* HPE unordered lists (primary and secondary) */
.hpui-primary-text1 ul,
.hpui-primary-text2 ul,
.hpui-primary-text3 ul,
ul.hpui-primary-text1,
ul.hpui-primary-text2,
ul.hpui-primary-text3,
.hpui-secondary-text1 ul,
.hpui-secondary-text2 ul,
.hpui-secondary-text3 ul,
ul.hpui-secondary-text1,
ul.hpui-secondary-text2,
ul.hpui-secondary-text3 {
list-style-type: disc;
margin: 7px 0px;
padding: 0px 0px 0px 40px;
}
.hpui-primary-text1 ul > li,
.hpui-primary-text2 ul > li,
.hpui-primary-text3 ul > li,
.hpui-secondary-text1 ul > li,
.hpui-secondary-text2 ul > li,
.hpui-secondary-text3 ul > li,
ul.hpui-primary-text1 > li,
ul.hpui-primary-text2 > li,
ul.hpui-primary-text3 > li,
ul.hpui-secondary-text1 > li,
ul.hpui-secondary-text2 > li,
ul.hpui-secondary-text3 > li {
padding-top: 7px;
}
.hpui-primary-text1 ul > li:first-child,
.hpui-primary-text2 ul > li:first-child,
.hpui-primary-text3 ul > li:first-child,
.hpui-secondary-text1 ul > li:first-child,
.hpui-secondary-text2 ul > li:first-child,
.hpui-secondary-text3 ul > li:first-child,
ul.hpui-primary-text1 > li:first-child,
ul.hpui-primary-text2 > li:first-child,
ul.hpui-primary-text3 > li:first-child,
ul.hpui-secondary-text1 > li:first-child,
ul.hpui-secondary-text2 > li:first-child,
ul.hpui-secondary-text3 > li:first-child {
padding-top: 0px;
}
/* HPE standalone links list */
ol.hpui-standalone-link-list,
ul.hpui-standalone-link-list {
list-style-type: none;
margin: 7px 0px;
padding: 0;
}
ol.hpui-standalone-link-list > li,
ul.hpui-standalone-link-list > li {
font-family: "HP Simplified", Arial;
font-size: 14px;
line-height: 18px;
color: #000000;
font-weight: normal;
padding-top: 7px;
}
ol.hpui-standalone-link-list > li:first-child,
ul.hpui-standalone-link-list > li:first-child {
padding-top: 0px;
}
ol.hpui-standalone-link-list > li.hpui-heading,
ul.hpui-standalone-link-list > li.hpui-heading,
ol.hpui-standalone-link-list > li > h1,
ol.hpui-standalone-link-list > li > h2,
ol.hpui-standalone-link-list > li > h3,
ol.hpui-standalone-link-list > li > h4,
ol.hpui-standalone-link-list > li > h5,
ol.hpui-standalone-link-list > li > h6,
ul.hpui-standalone-link-list > li > h1,
ul.hpui-standalone-link-list > li > h2,
ul.hpui-standalone-link-list > li > h3,
ul.hpui-standalone-link-list > li > h4,
ul.hpui-standalone-link-list > li > h5,
ul.hpui-standalone-link-list > li > h6 {
font-family: "HP Simplified", Arial;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #000000;
margin: 0px;
}
ol.hpui-standalone-link-list > li.hpui-subheading,
ul.hpui-standalone-link-list > li.hpui-subheading,
ol.hpui-standalone-link-list > li.hpui-subheading > h1,
ol.hpui-standalone-link-list > li.hpui-subheading > h2,
ol.hpui-standalone-link-list > li.hpui-subheading > h3,
ol.hpui-standalone-link-list > li.hpui-subheading > h4,
ol.hpui-standalone-link-list > li.hpui-subheading > h5,
ol.hpui-standalone-link-list > li.hpui-subheading > h6,
ul.hpui-standalone-link-list > li.hpui-subheading > h1,
ul.hpui-standalone-link-list > li.hpui-subheading > h2,
ul.hpui-standalone-link-list > li.hpui-subheading > h3,
ul.hpui-standalone-link-list > li.hpui-subheading > h4,
ul.hpui-standalone-link-list > li.hpui-subheading > h5,
ul.hpui-standalone-link-list > li.hpui-subheading > h6,
ol.hpui-standalone-link-list > li > h1.hpui-subheading,
ol.hpui-standalone-link-list > li > h2.hpui-subheading,
ol.hpui-standalone-link-list > li > h3.hpui-subheading,
ol.hpui-standalone-link-list > li > h4.hpui-subheading,
ol.hpui-standalone-link-list > li > h5.hpui-subheading,
ol.hpui-standalone-link-list > li > h6.hpui-subheading,
ul.hpui-standalone-link-list > li > h1.hpui-subheading,
ul.hpui-standalone-link-list > li > h2.hpui-subheading,
ul.hpui-standalone-link-list > li > h3.hpui-subheading,
ul.hpui-standalone-link-list > li > h4.hpui-subheading,
ul.hpui-standalone-link-list > li > h5.hpui-subheading,
ul.hpui-standalone-link-list > li > h6.hpui-subheading {
font-family: "HP Simplified", Arial;
font-weight: bold;
font-size: 16px;
line-height: 22px;
color: #5A5A5A;
margin: 0px;
}
/* HPE expandable lists (primary and secondary) */
ol.hpui-expandable-list,
ul.hpui-expandable-list {
list-style-type: none;
padding: 0;
}
ol.hpui-expandable-list > li,
ul.hpui-expandable-list > li {
padding-top: 7px;
}
ol.hpui-expandable-list > li:first-child,
ul.hpui-expandable-list > li:first-child {
padding-top: 0px;
}
/* HPE primary expandable list */
.hpui-primary-text1 ol.hpui-expandable-list,
.hpui-primary-text2 ol.hpui-expandable-list,
.hpui-primary-text3 ol.hpui-expandable-list,
.hpui-primary-text1 ul.hpui-expandable-list,
.hpui-primary-text2 ul.hpui-expandable-list,
.hpui-primary-text3 ul.hpui-expandable-list,
ol.hpui-primary-text1.hpui-expandable-list,
ol.hpui-primary-text2.hpui-expandable-list,
ol.hpui-primary-text3.hpui-expandable-list,
ul.hpui-primary-text1.hpui-expandable-list,
ul.hpui-primary-text2.hpui-expandable-list,
ul.hpui-primary-text3.hpui-expandable-list {
margin: 7px 0px;
}
.hpui-primary-text1 ol.hpui-expandable-list > li,
.hpui-primary-text2 ol.hpui-expandable-list > li,
.hpui-primary-text3 ol.hpui-expandable-list > li,
.hpui-primary-text1 ul.hpui-expandable-list > li,
.hpui-primary-text2 ul.hpui-expandable-list > li,
.hpui-primary-text3 ul.hpui-expandable-list > li,
ol.hpui-primary-text1.hpui-expandable-list > li,
ol.hpui-primary-text2.hpui-expandable-list > li,
ol.hpui-primary-text3.hpui-expandable-list > li,
ul.hpui-primary-text1.hpui-expandable-list > li,
ul.hpui-primary-text2.hpui-expandable-list > li,
ul.hpui-primary-text3.hpui-expandable-list > li {
padding-left: 26px;
}
.hpui-primary-text1 ol.hpui-expandable-list > li > div.hpui-content,
.hpui-primary-text2 ol.hpui-expandable-list > li > div.hpui-content,
.hpui-primary-text3 ol.hpui-expandable-list > li > div.hpui-content,
.hpui-primary-text1 ul.hpui-expandable-list > li > div.hpui-content,
.hpui-primary-text2 ul.hpui-expandable-list > li > div.hpui-content,
.hpui-primary-text3 ul.hpui-expandable-list > li > div.hpui-content,
ol.hpui-primary-text1.hpui-expandable-list > li > div.hpui-content,
ol.hpui-primary-text2.hpui-expandable-list > li > div.hpui-content,
ol.hpui-primary-text3.hpui-expandable-list > li > div.hpui-content,
ul.hpui-primary-text1.hpui-expandable-list > li > div.hpui-content,
ul.hpui-primary-text2.hpui-expandable-list > li > div.hpui-content,
ul.hpui-primary-text3.hpui-expandable-list > li > div.hpui-content {
display: none;
padding-left: 26px;
padding-top: 7px;
}
.hpui-primary-text1 ol.hpui-expandable-list > li > div.hpui-content > div,
.hpui-primary-text2 ol.hpui-expandable-list > li > div.hpui-content > div,
.hpui-primary-text3 ol.hpui-expandable-list > li > div.hpui-content > div,
.hpui-primary-text1 ul.hpui-expandable-list > li > div.hpui-content > div,
.hpui-primary-text2 ul.hpui-expandable-list > li > div.hpui-content > div,
.hpui-primary-text3 ul.hpui-expandable-list > li > div.hpui-content > div,
ol.hpui-primary-text1.hpui-expandable-list > li > div.hpui-content > div,
ol.hpui-primary-text2.hpui-expandable-list > li > div.hpui-content > div,
ol.hpui-primary-text3.hpui-expandable-list > li > div.hpui-content > div,
ul.hpui-primary-text1.hpui-expandable-list > li > div.hpui-content > div,
ul.hpui-primary-text2.hpui-expandable-list > li > div.hpui-content > div,
ul.hpui-primary-text3.hpui-expandable-list > li > div.hpui-content > div {
padding-left: 26px;
}
.hpui-primary-text1 ol.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
.hpui-primary-text2 ol.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
.hpui-primary-text3 ol.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
.hpui-primary-text1 ul.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
.hpui-primary-text2 ul.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
.hpui-primary-text3 ul.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
ol.hpui-primary-text1.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
ol.hpui-primary-text2.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
ol.hpui-primary-text3.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
ul.hpui-primary-text1.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
ul.hpui-primary-text2.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
ul.hpui-primary-text3.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list {
margin: 0px 0px;
}
.hpui-primary-text1 ol.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text2 ol.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text3 ol.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-primary-text1.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-primary-text2.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-primary-text3.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text1 ul.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text2 ul.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text3 ul.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-primary-text1.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-primary-text2.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-primary-text3.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text1 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text2 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text3 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-primary-text1.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-primary-text2.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-primary-text3.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text1 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text2 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text3 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-primary-text1.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-primary-text2.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-primary-text3.hpui-expandable-list > li > a.hpui-collapse-icon {
background-image: url("../images/list_icons.png");
display: inline-block;
margin-right: 7px;
width: 16px;
height: 16px;
}
.hpui-primary-text1 ol.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text2 ol.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text3 ol.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-primary-text1.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-primary-text2.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-primary-text3.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text1 ul.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text2 ul.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-primary-text3 ul.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-primary-text1.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-primary-text2.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-primary-text3.hpui-expandable-list > li > a.hpui-expand-icon {
background-position: 0 -324px;
}
.hpui-primary-text1 ol.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-primary-text2 ol.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-primary-text3 ol.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ol.hpui-primary-text1.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ol.hpui-primary-text2.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ol.hpui-primary-text3.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-primary-text1 ul.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-primary-text2 ul.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-primary-text3 ul.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ul.hpui-primary-text1.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ul.hpui-primary-text2.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ul.hpui-primary-text3.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-primary-text1 ol.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-primary-text2 ol.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-primary-text3 ol.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ol.hpui-primary-text1.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ol.hpui-primary-text2.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ol.hpui-primary-text3.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-primary-text1 ul.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-primary-text2 ul.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-primary-text3 ul.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ul.hpui-primary-text1.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ul.hpui-primary-text2.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ul.hpui-primary-text3.hpui-expandable-list > li > a.hpui-expand-icon:focus {
background-position: 0 -454px;
}
.hpui-primary-text1 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text2 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text3 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-primary-text1.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-primary-text2.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-primary-text3.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text1 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text2 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-primary-text3 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-primary-text1.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-primary-text2.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-primary-text3.hpui-expandable-list > li > a.hpui-collapse-icon {
background-position: 0 -64px;
}
.hpui-primary-text1 ol.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-primary-text2 ol.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-primary-text3 ol.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ol.hpui-primary-text1.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ol.hpui-primary-text2.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ol.hpui-primary-text3.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-primary-text1 ul.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-primary-text2 ul.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-primary-text3 ul.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ul.hpui-primary-text1.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ul.hpui-primary-text2.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ul.hpui-primary-text3.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-primary-text1 ol.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-primary-text2 ol.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-primary-text3 ol.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ol.hpui-primary-text1.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ol.hpui-primary-text2.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ol.hpui-primary-text3.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-primary-text1 ul.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-primary-text2 ul.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-primary-text3 ul.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ul.hpui-primary-text1.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ul.hpui-primary-text2.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ul.hpui-primary-text3.hpui-expandable-list > li > a.hpui-collapse-icon:focus {
background-position: 0 -194px;
}
/* HPE secondary expandable list */
.hpui-secondary-text1 ol.hpui-expandable-list,
.hpui-secondary-text2 ol.hpui-expandable-list,
.hpui-secondary-text3 ol.hpui-expandable-list,
.hpui-secondary-text1 ul.hpui-expandable-list,
.hpui-secondary-text2 ul.hpui-expandable-list,
.hpui-secondary-text3 ul.hpui-expandable-list,
ol.hpui-secondary-text1.hpui-expandable-list,
ol.hpui-secondary-text2.hpui-expandable-list,
ol.hpui-secondary-text3.hpui-expandable-list,
ul.hpui-secondary-text1.hpui-expandable-list,
ul.hpui-secondary-text2.hpui-expandable-list,
ul.hpui-secondary-text3.hpui-expandable-list {
margin: 7px 0px;
}
.hpui-secondary-text1 ol.hpui-expandable-list > li,
.hpui-secondary-text2 ol.hpui-expandable-list > li,
.hpui-secondary-text3 ol.hpui-expandable-list > li,
.hpui-secondary-text1 ul.hpui-expandable-list > li,
.hpui-secondary-text2 ul.hpui-expandable-list > li,
.hpui-secondary-text3 ul.hpui-expandable-list > li,
ol.hpui-secondary-text1.hpui-expandable-list > li,
ol.hpui-secondary-text2.hpui-expandable-list > li,
ol.hpui-secondary-text3.hpui-expandable-list > li,
ul.hpui-secondary-text1.hpui-expandable-list > li,
ul.hpui-secondary-text2.hpui-expandable-list > li,
ul.hpui-secondary-text3.hpui-expandable-list > li {
padding-left: 24px;
}
.hpui-secondary-text1 ol.hpui-expandable-list > li > div.hpui-content,
.hpui-secondary-text2 ol.hpui-expandable-list > li > div.hpui-content,
.hpui-secondary-text3 ol.hpui-expandable-list > li > div.hpui-content,
.hpui-secondary-text1 ul.hpui-expandable-list > li > div.hpui-content,
.hpui-secondary-text2 ul.hpui-expandable-list > li > div.hpui-content,
.hpui-secondary-text3 ul.hpui-expandable-list > li > div.hpui-content,
ol.hpui-secondary-text1.hpui-expandable-list > li > div.hpui-content,
ol.hpui-secondary-text2.hpui-expandable-list > li > div.hpui-content,
ol.hpui-secondary-text3.hpui-expandable-list > li > div.hpui-content,
ul.hpui-secondary-text1.hpui-expandable-list > li > div.hpui-content,
ul.hpui-secondary-text2.hpui-expandable-list > li > div.hpui-content,
ul.hpui-secondary-text3.hpui-expandable-list > li > div.hpui-content {
display: none;
padding-left: 24px;
padding-top: 7px;
}
.hpui-secondary-text1 ol.hpui-expandable-list > li > div.hpui-content > div,
.hpui-secondary-text2 ol.hpui-expandable-list > li > div.hpui-content > div,
.hpui-secondary-text3 ol.hpui-expandable-list > li > div.hpui-content > div,
.hpui-secondary-text1 ul.hpui-expandable-list > li > div.hpui-content > div,
.hpui-secondary-text2 ul.hpui-expandable-list > li > div.hpui-content > div,
.hpui-secondary-text3 ul.hpui-expandable-list > li > div.hpui-content > div,
ol.hpui-secondary-text1.hpui-expandable-list > li > div.hpui-content > div,
ol.hpui-secondary-text2.hpui-expandable-list > li > div.hpui-content > div,
ol.hpui-secondary-text3.hpui-expandable-list > li > div.hpui-content > div,
ul.hpui-secondary-text1.hpui-expandable-list > li > div.hpui-content > div,
ul.hpui-secondary-text2.hpui-expandable-list > li > div.hpui-content > div,
ul.hpui-secondary-text3.hpui-expandable-list > li > div.hpui-content > div {
padding-left: 24px;
}
.hpui-secondary-text1 ol.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
.hpui-secondary-text2 ol.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
.hpui-secondary-text3 ol.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
.hpui-secondary-text1 ul.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
.hpui-secondary-text2 ul.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
.hpui-secondary-text3 ul.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
ol.hpui-secondary-text1.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
ol.hpui-secondary-text2.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
ol.hpui-secondary-text3.hpui-expandable-list > li > div.hpui-content > ol.hpui-expandable-list,
ul.hpui-secondary-text1.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
ul.hpui-secondary-text2.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list,
ul.hpui-secondary-text3.hpui-expandable-list > li > div.hpui-content > ul.hpui-expandable-list {
margin: 0px 0px;
}
.hpui-secondary-text1 ol.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text2 ol.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text3 ol.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text1 ul.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text2 ul.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text3 ul.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text1 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text2 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text3 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text1 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text2 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text3 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-collapse-icon {
background-image: url("../images/list_icons.png");
display: inline-block;
margin-right: 7px;
width: 14px;
height: 14px;
}
.hpui-secondary-text1 ol.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text2 ol.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text3 ol.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-expand-icon,
ol.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text1 ul.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text2 ul.hpui-expandable-list > li > a.hpui-expand-icon,
.hpui-secondary-text3 ul.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-expand-icon,
ul.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-expand-icon {
background-position: 0 -260px;
}
.hpui-secondary-text1 ol.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-secondary-text2 ol.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-secondary-text3 ol.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ol.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ol.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ol.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-secondary-text1 ul.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-secondary-text2 ul.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-secondary-text3 ul.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ul.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ul.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-expand-icon:hover,
ul.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-expand-icon:hover,
.hpui-secondary-text1 ol.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-secondary-text2 ol.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-secondary-text3 ol.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ol.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ol.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ol.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-secondary-text1 ul.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-secondary-text2 ul.hpui-expandable-list > li > a.hpui-expand-icon:focus,
.hpui-secondary-text3 ul.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ul.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ul.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-expand-icon:focus,
ul.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-expand-icon:focus {
background-position: 0 -390px;
}
.hpui-secondary-text1 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text2 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text3 ol.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-collapse-icon,
ol.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text1 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text2 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
.hpui-secondary-text3 ul.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-collapse-icon,
ul.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-collapse-icon {
background-position: 0 0;
}
.hpui-secondary-text1 ol.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-secondary-text2 ol.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-secondary-text3 ol.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ol.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ol.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ol.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-secondary-text1 ul.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-secondary-text2 ul.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-secondary-text3 ul.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ul.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ul.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
ul.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-collapse-icon:hover,
.hpui-secondary-text1 ol.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-secondary-text2 ol.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-secondary-text3 ol.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ol.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ol.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ol.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-secondary-text1 ul.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-secondary-text2 ul.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
.hpui-secondary-text3 ul.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ul.hpui-secondary-text1.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ul.hpui-secondary-text2.hpui-expandable-list > li > a.hpui-collapse-icon:focus,
ul.hpui-secondary-text3.hpui-expandable-list > li > a.hpui-collapse-icon:focus {
background-position: 0 -130px;
}
/****** end HPE lists CSS (lists.css) ******/
/****** begin HPE miscellaneous CSS (miscellaneous.css) ******/
/* HPE service summary view title CSS */
div.hpui-service-summary-title {
border-top: 4px solid #CCCCCC;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
background-color: #FFFFFF;
}
div.hpui-service-summary-title:hover{
}
div[onclick].hpui-service-summary-title:hover,
div[onclick].hpui-service-summary-title:focus {
background-color: #F2F2F2;
cursor: pointer;
}
div.hpui-service-summary-title h1,
div.hpui-service-summary-title h2,
div.hpui-service-summary-title h3,
div.hpui-service-summary-title h4,
div.hpui-service-summary-title h5,
div.hpui-service-summary-title h6 {
margin: 0px;
}
div.hpui-service-summary-title.hpui-service-summary-subtitle {
padding-top: 2px;
padding-bottom: 4px;
}
/* HPE service summary view content CSS */
table.hpui-service-summary-content {
}
table.hpui-service-summary-content tr td {
border-top: 1px solid #CCCCCC;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
}
table.hpui-service-summary-content tr td:last-child {
padding-right: 10px;
}
table.hpui-service-summary-content tr:last-child td {
/* border-bottom: 1px solid #000000; */
}
table.hpui-service-summary-content tr.hpui-service-summary-buttons td {
padding-top: 15px;
padding-bottom: 15px;
}
table.hpui-service-summary-content tr.hpui-service-summary-title td {
border-top: 4px solid #CCCCCC;
}
table.hpui-service-summary-content tr.hpui-service-summary-title h1,
table.hpui-service-summary-content tr.hpui-service-summary-title h2,
table.hpui-service-summary-content tr.hpui-service-summary-title h3,
table.hpui-service-summary-content tr.hpui-service-summary-title h4,
table.hpui-service-summary-content tr.hpui-service-summary-title h5,
table.hpui-service-summary-content tr.hpui-service-summary-title h6 {
margin: 0px;
}
table.hpui-service-summary-content tr.hpui-service-summary-subtitle td {
border-top: 4px solid #E5E8E8;
}
table.hpui-service-summary-content tr.hpui-service-summary-subtitle h1,
table.hpui-service-summary-content tr.hpui-service-summary-subtitle h2,
table.hpui-service-summary-content tr.hpui-service-summary-subtitle h3,
table.hpui-service-summary-content tr.hpui-service-summary-subtitle h4,
table.hpui-service-summary-content tr.hpui-service-summary-subtitle h5,
table.hpui-service-summary-content tr.hpui-service-summary-subtitle h6 {
margin: 0px;
}
table.hpui-service-summary-content tr {
background-color: #FFFFFF;
}
table.hpui-service-summary-content tr[onclick]:hover,
table.hpui-service-summary-content tr[onclick]:focus {
background-color: #F2F2F2;
cursor: pointer;
}
table.hpui-service-summary-content .hpui-service-summary-primary-text1 {
font-family: "HP Simplified", Arial;
font-size: 32px;
line-height: 32px;
color: #000000;
}
table.hpui-service-summary-content .hpui-service-summary-primary-text2 {
font-family: "HP Simplified", Arial;
font-size: 32px;
line-height: 32px;
color: #5A5A5A;
}
table.hpui-service-summary-content .hpui-service-summary-secondary-text1 {
font-family: "HP Simplified", Arial;
font-size: 24px;
line-height: 30px;
color:#000000;
}
table.hpui-service-summary-content .hpui-service-summary-secondary-text2 {
font-family: "HP Simplified", Arial;
font-size: 24px;
line-height: 30px;
color:#5A5A5A;
}
/* HPE spacers */
.hpui-section-spacer, .hpui-section-vertical-spacer { margin-bottom: 20px !important; }
.hpui-widget-spacer, .hpui-widget-vertical-spacer { margin-bottom: 14px !important; }
/* HPE miscellaneous padding spacers */
/* These classes must be defined in this order: all sides, two sides, one side */
.hpui-padding-0 { padding: 0px !important; }
.hpui-padding-5 { padding: 5px !important; }
.hpui-padding-10 { padding: 10px !important; }
.hpui-padding-15 { padding: 15px !important; }
.hpui-padding-20 { padding: 20px !important; }
.hpui-padding-25 { padding: 25px !important; }
.hpui-padding-30 { padding: 30px !important; }
.hpui-padding-35 { padding: 35px !important; }
.hpui-padding-40 { padding: 40px !important; }
.hpui-padding-vertical-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.hpui-padding-vertical-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.hpui-padding-vertical-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.hpui-padding-vertical-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.hpui-padding-vertical-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.hpui-padding-vertical-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.hpui-padding-vertical-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.hpui-padding-vertical-35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.hpui-padding-vertical-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.hpui-padding-horizontal-0 { padding-left: 0px !important; padding-right: 0px !important; }
.hpui-padding-horizontal-5 { padding-left: 5px !important; padding-right: 5px !important; }
.hpui-padding-horizontal-10 { padding-left: 10px !important; padding-right: 10px !important; }
.hpui-padding-horizontal-15 { padding-left: 15px !important; padding-right: 15px !important; }
.hpui-padding-horizontal-20 { padding-left: 20px !important; padding-right: 20px !important; }
.hpui-padding-horizontal-25 { padding-left: 25px !important; padding-right: 25px !important; }
.hpui-padding-horizontal-30 { padding-left: 30px !important; padding-right: 30px !important; }
.hpui-padding-horizontal-35 { padding-left: 35px !important; padding-right: 35px !important; }
.hpui-padding-horizontal-40 { padding-left: 40px !important; padding-right: 40px !important; }
.hpui-padding-left-0 { padding-left: 0px !important; }
.hpui-padding-left-5 { padding-left: 5px !important; }
.hpui-padding-left-10 { padding-left: 10px !important; }
.hpui-padding-left-15 { padding-left: 15px !important; }
.hpui-padding-left-20 { padding-left: 20px !important; }
.hpui-padding-left-25 { padding-left: 25px !important; }
.hpui-padding-left-30 { padding-left: 30px !important; }
.hpui-padding-left-35 { padding-left: 35px !important; }
.hpui-padding-left-40 { padding-left: 40px !important; }
.hpui-padding-right-0 { padding-right: 0px !important; }
.hpui-padding-right-5 { padding-right: 5px !important; }
.hpui-padding-right-10 { padding-right: 10px !important; }
.hpui-padding-right-15 { padding-right: 15px !important; }
.hpui-padding-right-20 { padding-right: 20px !important; }
.hpui-padding-right-25 { padding-right: 25px !important; }
.hpui-padding-right-30 { padding-right: 30px !important; }
.hpui-padding-right-35 { padding-right: 35px !important; }
.hpui-padding-right-40 { padding-right: 40px !important; }
.hpui-padding-top-0 { padding-top: 0px !important; }
.hpui-padding-top-5 { padding-top: 5px !important; }
.hpui-padding-top-10 { padding-top: 10px !important; }
.hpui-padding-top-15 { padding-top: 15px !important; }
.hpui-padding-top-20 { padding-top: 20px !important; }
.hpui-padding-top-25 { padding-top: 25px !important; }
.hpui-padding-top-30 { padding-top: 30px !important; }
.hpui-padding-top-35 { padding-top: 35px !important; }
.hpui-padding-top-40 { padding-top: 40px !important; }
.hpui-padding-bottom-0 { padding-bottom: 0px !important; }
.hpui-padding-bottom-5 { padding-bottom: 5px !important; }
.hpui-padding-bottom-10 { padding-bottom: 10px !important; }
.hpui-padding-bottom-15 { padding-bottom: 15px !important; }
.hpui-padding-bottom-20 { padding-bottom: 20px !important; }
.hpui-padding-bottom-25 { padding-bottom: 25px !important; }
.hpui-padding-bottom-30 { padding-bottom: 30px !important; }
.hpui-padding-bottom-35 { padding-bottom: 35px !important; }
.hpui-padding-bottom-40 { padding-bottom: 40px !important; }
/* HPE miscellaneous margin spacers */
/* These classes must be defined in this order: all sides, two sides, one side */
.hpui-margin-0 { margin: 0px !important; }
.hpui-margin-5 { margin: 5px !important; }
.hpui-margin-10 { margin: 10px !important; }
.hpui-margin-15 { margin: 15px !important; }
.hpui-margin-20 { margin: 20px !important; }
.hpui-margin-25 { margin: 25px !important; }
.hpui-margin-30 { margin: 30px !important; }
.hpui-margin-35 { margin: 35px !important; }
.hpui-margin-40 { margin: 40px !important; }
.hpui-margin-vertical-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.hpui-margin-vertical-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.hpui-margin-vertical-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.hpui-margin-vertical-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.hpui-margin-vertical-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.hpui-margin-vertical-25 { margin-top: 25px !important; margin-bottom: 15px !important; }
.hpui-margin-vertical-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.hpui-margin-vertical-35 { margin-top: 35px !important; margin-bottom: 35px !important; }
.hpui-margin-vertical-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.hpui-margin-horizontal-0 { margin-left: 0px !important; margin-right: 0px !important; }
.hpui-margin-horizontal-5 { margin-left: 5px !important; margin-right: 5px !important; }
.hpui-margin-horizontal-10 { margin-left: 10px !important; margin-right: 10px !important; }
.hpui-margin-horizontal-15 { margin-left: 15px !important; margin-right: 15px !important; }
.hpui-margin-horizontal-20 { margin-left: 20px !important; margin-right: 20px !important; }
.hpui-margin-horizontal-25 { margin-left: 25px !important; margin-right: 25px !important; }
.hpui-margin-horizontal-30 { margin-left: 30px !important; margin-right: 30px !important; }
.hpui-margin-horizontal-35 { margin-left: 35px !important; margin-right: 35px !important; }
.hpui-margin-horizontal-40 { margin-left: 40px !important; margin-right: 40px !important; }
.hpui-margin-left-0 { margin-left: 0px !important; }
.hpui-margin-left-5 { margin-left: 5px !important; }
.hpui-margin-left-10 { margin-left: 10px !important; }
.hpui-margin-left-15 { margin-left: 15px !important; }
.hpui-margin-left-20 { margin-left: 20px !important; }
.hpui-margin-left-25 { margin-left: 25px !important; }
.hpui-margin-left-30 { margin-left: 30px !important; }
.hpui-margin-left-35 { margin-left: 35px !important; }
.hpui-margin-left-40 { margin-left: 40px !important; }
.hpui-margin-right-0 { margin-right: 0px !important; }
.hpui-margin-right-5 { margin-right: 5px !important; }
.hpui-margin-right-10 { margin-right: 10px !important; }
.hpui-margin-right-15 { margin-right: 15px !important; }
.hpui-margin-right-20 { margin-right: 20px !important; }
.hpui-margin-right-25 { margin-right: 25px !important; }
.hpui-margin-right-30 { margin-right: 30px !important; }
.hpui-margin-right-35 { margin-right: 35px !important; }
.hpui-margin-right-40 { margin-right: 40px !important; }
.hpui-margin-top-0 { margin-top: 0px !important; }
.hpui-margin-top-5 { margin-top: 5px !important; }
.hpui-margin-top-10 { margin-top: 10px !important; }
.hpui-margin-top-15 { margin-top: 15px !important; }
.hpui-margin-top-20 { margin-top: 20px !important; }
.hpui-margin-top-25 { margin-top: 25px !important; }
.hpui-margin-top-30 { margin-top: 30px !important; }
.hpui-margin-top-35 { margin-top: 35px !important; }
.hpui-margin-top-40 { margin-top: 40px !important; }
.hpui-margin-bottom-0 { margin-bottom: 0px !important; }
.hpui-margin-bottom-5 { margin-bottom: 5px !important; }
.hpui-margin-bottom-10 { margin-bottom: 10px !important; }
.hpui-margin-bottom-15 { margin-bottom: 15px !important; }
.hpui-margin-bottom-20 { margin-bottom: 20px !important; }
.hpui-margin-bottom-25 { margin-bottom: 25px !important; }
.hpui-margin-bottom-30 { margin-bottom: 30px !important; }
.hpui-margin-bottom-35 { margin-bottom: 35px !important; }
.hpui-margin-bottom-40 { margin-bottom: 40px !important; }
/* HPE alignments */
/* These classes must be defined in this order: all sides, two sides, one side */
.hpui-center-align { text-align: center !important; vertical-align: middle !important; display: table-cell !important; }
.hpui-horizontal-center-align { text-align: center !important; }
.hpui-vertical-center-align { vertical-align: middle !important; display: table-cell !important; }
.hpui-top-align { vertical-align: top !important; display: table-cell !important; }
.hpui-bottom-align { vertical-align: bottom !important; display: table-cell !important; }
.hpui-right-align { text-align: right !important; }
.hpui-left-align { text-align: left !important; }
/* HPE display */
.hpui-no-display { display: none; }
.hpui-inline-display { display: inline; }
.hpui-block-display { display: block; }
.hpui-inline-display.hpui-block-display { display: inline-block; }
/* HPE overflow visible */
.hpui-overflow-visible {
overflow: visible !important;
}
/* HPE static callouts */
div.hpui-callout {
background-color: #F2F2F2;
padding: 20px;
}
/****** end HPE miscellaneous CSS (miscellaneous.css) ******/
/****** begin HPE navigations CSS (navigations.css) ******/
/* HPE breadcrumbs */
ul.hpui-breadcrumbs,
ol.hpui-breadcrumbs {
list-style-type: none;
overflow: hidden;
margin: 0px;
padding: 0px;
height: 40px;
font-family: "HP Simplified", Arial;
font-weight:normal;
font-size: 12px;
color: #767676;
line-height: 12px;
}
ul.hpui-breadcrumbs li,
ol.hpui-breadcrumbs li {
float: left;
padding-top: 10px !important;
padding-bottom: 18px !important;
}
ul.hpui-breadcrumbs li a,
ol.hpui-breadcrumbs li a {
color: #007DBA;
text-align: left;
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
}
ul.hpui-breadcrumbs li a:hover,
ol.hpui-breadcrumbs li a:hover {
text-decoration: underline;
}
ul.hpui-breadcrumbs li span,
ol.hpui-breadcrumbs li span {
text-align: left;
padding-left: 5px;
padding-right: 5px;
}
ul.hpui-breadcrumbs li:before,
ol.hpui-breadcrumbs li:before {
content: "/";
}
ul.hpui-breadcrumbs li:first-child:before,
ol.hpui-breadcrumbs li:first-child:before {
content: none;
}
ul.hpui-breadcrumbs li:first-child a,
ol.hpui-breadcrumbs li:first-child a {
margin-left: 0px;
}
/* TODO: This is a hack for HPSC Service Credits feature - take
it out as soon as they have removed this div margin-left from
their code */
div[style="height: 25px; margin-left: -5px;"] ul.hpui-breadcrumbs,
div[style="height: 25px; margin-left: -5px;"] ol.hpui-breadcrumbs {
margin-left: 5px;
}
/* Remove Chrome default navigation style */
.hpui-tabs ul > li > a {
outline: none;
}
/* Can be any colour, not just transparent */
.hpui-tabs ul > li > a:active{
background-color: transparent;
}
/* Override jQuery ui styles and remove margin right from li of each tabs. */
.ui-tabs .ui-tabs-nav li {
margin: 1px 0 0 0;
}
/****** end HPE navigations CSS (navigations.css) ******//****** begin HPE overlays CSS (overlays.css) ******/
/* Note: most styles for HPE overlays were Themeroller-generated and are
contained in jquery-ui-1.9.2.custom.css rather than here */
/* HPE progress indicator dialog */
.no-close .ui-dialog-titlebar-close {
display: none;
}
/* HPE callout dialog */
/* The first rule below cancels-out static callout styles */
.ui-dialog.hpui-callout {
background-color: #FFFFFF;
padding: 0px;
}
.ui-dialog.hpui-callout .ui-dialog-titlebar {
display: none;
}
.ui-dialog.hpui-callout .ui-dialog-content {
padding: 20px 20px 40px 20px !important;
}
/* HPE dialog secondary buttons */
.ui-dialog .ui-dialog-buttonpane button.hpui-secondary-button {
background-color: #767676 !important;
}
.ui-dialog .ui-dialog-buttonpane button.hpui-secondary-button:hover,
.ui-dialog .ui-dialog-buttonpane button.hpui-secondary-button:focus {
background-color: #5A5A5A !important;
}
/* HPE dialog critical buttons */
.ui-dialog .ui-dialog-buttonpane button.hpui-critical-button {
background-color: #D7410B !important;
}
.ui-dialog .ui-dialog-buttonpane button.hpui-critical-button:hover,
.ui-dialog .ui-dialog-buttonpane button.hpui-critical-button:focus {
background-color: #C1401A !important;
}
/* HPE progress indicator */
div.hpui-progress-indicator {
background-image: url('../images/HPE_animated_large_blue_gray.gif');
background-repeat: no-repeat;
background-position: center;
height: 60px;
width: 60px;
display: block;
margin-left: auto;
margin-right: auto;
/* offset these 20px from specs because image is shifted to begin with */
padding-top:40px;
margin-bottom: -20px;
}
/* HPE progress indicator Iframe */
iframe.hpui-progress-indicator{
display: block;
height: 60px;
width: 60px;
padding-top:20px;
border:0;
margin-left: auto;
margin-right: auto;
}
/****** end HPE overlays CSS (overlays.css) ******/
/****** begin HPE shopping cart CSS (shopping-cart.css) ******/
/* HPE shopping cart icon */
a.hpui-shopping-cart-icon,
div.hpui-shopping-cart-icon,
span.hpui-shopping-cart-icon {
background-image: url('../images/shopping_cart_icons.png');
background-repeat: no-repeat;
background-position: 0 0;
height: 35px;
width: 36px;
display: inline-block;
position: relative;
}
a.hpui-shopping-cart-icon:hover,
div.hpui-shopping-cart-icon:hover,
span.hpui-shopping-cart-icon:hover {
background-position: 0 -170px;
}
a.hpui-shopping-cart-icon-focus,
div.hpui-shopping-cart-icon-focus,
span.hpui-shopping-cart-icon-focus {
background-position: 0 -170px;
}
div.hpui-shopping-cart-icon[onclick]:hover,
span.hpui-shopping-cart-icon[onclick]:hover {
cursor: pointer;
}
a.hpui-shopping-cart-icon[disabled],
div.hpui-shopping-cart-icon[disabled],
span.hpui-shopping-cart-icon[disabled] {
background-position: 0 -85px;
}
div.hpui-shopping-cart-icon[disabled]:hover,
span.hpui-shopping-cart-icon[disabled]:hover {
cursor: default;
}
/* HPE shopping cart wide-counter icon */
a.hpui-shopping-cart-icon .hpui-wide-counter,
div.hpui-shopping-cart-icon .hpui-wide-counter,
span.hpui-shopping-cart-icon .hpui-wide-counter {
background-image: url('../images/shopping_cart_icons.png');
background-repeat: no-repeat;
background-position: 0 -469px;
font-size: 12px !important;
line-height: 21px !important;
text-align: center;
color: #FFFFFF !important;
height: 22px;
width: 24px;
position: absolute;
right: 6px;
top: -6px;
z-index: 2;
}
a.hpui-shopping-cart-icon[disabled] .hpui-wide-counter,
div.hpui-shopping-cart-icon[disabled] .hpui-wide-counter,
span.hpui-shopping-cart-icon[disabled] .hpui-wide-counter {
background-position: 0 -397px;
}
/* HPE shopping cart normal-counter icon */
a.hpui-shopping-cart-icon .hpui-counter,
div.hpui-shopping-cart-icon .hpui-counter,
span.hpui-shopping-cart-icon .hpui-counter {
background-image: url('../images/shopping_cart_icons.png');
background-repeat: no-repeat;
background-position: 0 -326px;
font-size: 12px !important;
line-height: 21px !important;
text-align: center;
color: #FFFFFF !important;
height: 21px;
width: 21px;
position: absolute;
right: 6px;
top: -6px;
z-index: 2;
}
a.hpui-shopping-cart-icon[disabled] .hpui-counter,
div.hpui-shopping-cart-icon[disabled] .hpui-counter,
span.hpui-shopping-cart-icon[disabled] .hpui-counter {
background-position: 0 -255px;
}
/* HPE mini shopping cart */
table.hpui-mini-shopping-cart-table {
border: 0px;
background-color: #FFFFFF;
padding: 20px 40px 40px 40px;
max-width: 675px;
}
table.hpui-mini-shopping-cart-table tr th {
font-family: "HP Simplified", Arial;
font-weight: bold;
color: #000000;
font-size: 16px;
line-height: 22px;
text-align: right;
vertical-align: bottom;
padding-bottom: 18px;
padding-left: 30px;
}
table.hpui-mini-shopping-cart-table tr td {
font-family: "HP Simplified", Arial;
font-weight: normal;
color: #000000;
font-size: 14px;
line-height: 18px;
text-align: right;
vertical-align: top;
padding-bottom: 18px;
padding-left: 30px;
}
table.hpui-mini-shopping-cart-table tr th:first-child,
table.hpui-mini-shopping-cart-table tr td:first-child {
text-align: left;
padding-left: 0px;
max-width: 305px;
min-width: 200px;
}
table.hpui-mini-shopping-cart-table tr th[colspan],
table.hpui-mini-shopping-cart-table tr td[colspan] {
padding-bottom: 20px;
}
table.hpui-mini-shopping-cart-table tr:last-child td {
padding-bottom: 0px;
}
/* Override mini cart table padding when it is empty */
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr th,
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr td {
padding-bottom: 20px;
}
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr:last-child td {
padding-bottom: 0px;
}
/* Override divider margins inside mini cart table */
table.hpui-mini-shopping-cart-table tr th .hpui-primary-horizontal-divider,
table.hpui-mini-shopping-cart-table tr th .hpui-secondary-horizontal-divider,
table.hpui-mini-shopping-cart-table tr td .hpui-primary-horizontal-divider,
table.hpui-mini-shopping-cart-table tr td .hpui-secondary-horizontal-divider {
margin-top: 20px;
margin-bottom: 0px;
}
/* Override divider margins inside mini cart table when it is empty */
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr th .hpui-primary-horizontal-divider,
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr th .hpui-secondary-horizontal-divider,
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr td .hpui-primary-horizontal-divider,
table.hpui-mini-shopping-cart-table.hpui-empty-shopping-cart tr td .hpui-secondary-horizontal-divider {
margin-top: 0px;
margin-bottom: 0px;
}
/* Override mini cart table top padding when it is inside the tooltip,
because the tooltip itself contributes 10px of top padding */
.ui-tooltip-content table.hpui-mini-shopping-cart-table {
padding-top: 10px;
}
/* Override default tooltip max-width for a mini shopping cart */
.ui-tooltip.hpui-mini-shopping-cart-table {
max-width: none;
}
/* HPE mini shopping cart tooltip pointer */
.hpui-mini-shopping-cart-arrow-top {
position: absolute;
right: 20px;
top: -10px;
width: 30px;
height: 10px;
background-image: url('../images/tooltip_pointer.png');
background-repeat: no-repeat;
background-position: 0 -60px;
}
.hpui-mini-shopping-cart-arrow-bottom {
position: absolute;
right: 20px;
bottom: -10px;
width: 30px;
height: 10px;
background-image: url('../images/tooltip_pointer.png');
background-repeat: no-repeat;
background-position: 0 0;
}
/****** end HPE shopping cart CSS (shopping-cart.css) ******/
/****** begin HPE tables CSS (tables.css) ******/
/* Note: many table styles are in jquery.dataTables.css rather than here */
/* HPE Standard Table */
table.hpui-standard-table {
border: 2px solid #CCCCCC;
background-color: #FFFFFF;
/* border-collapse: collapse; */
clear: both;
}
table.hpui-standard-table tr.hpui-heading,
table.hpui-standard-table tr.hpui-subheading {
display: table-row;
padding-bottom: 0px;
margin: 0px;
}
table.hpui-standard-table tr > th,
table.hpui-standard-table tr.hpui-heading > th {
font-family: "HP Simplified", Arial;
font-weight: bold;
font-size: 14px;
line-height: 18px;
text-align: left;
border-right: 1px solid #FFFFFF;
vertical-align: bottom;
background-color: #767676;
color: #FFFFFF;
padding: 13px 10px;
}
table.hpui-standard-table tr > td {
font-family: "HP Simplified", Arial;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #000000;
vertical-align: top;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 13px 10px;
}
table.hpui-standard-table tr.hpui-subheading > th {
color: #000000;
background-color: #CCCCCC;
}
/* Remove borders on outside table cells for cases where table border-collapse
is insufficient (eg inner tables) */
table.hpui-standard-table tr > td:last-child,
table.hpui-standard-table tr > th:last-child,
table.hpui-standard-table tr.hpui-heading > th:last-child,
table.hpui-standard-table tr.hpui-subheading > th:last-child {
border-right: 0px;
}
table.hpui-standard-table tr:last-child > td {
border-bottom: 0px;
}
/* HPE Static Table */
table.hpui-static-table {
border: 2px solid #CCCCCC;
background-color: #FFFFFF;
/* border-collapse: collapse; */
clear: both;
}
table.hpui-static-table tr.hpui-heading,
table.hpui-static-table tr.hpui-subheading {
display: table-row;
padding-bottom: 0px;
margin: 0px;
}
table.hpui-static-table tr > th,
table.hpui-static-table tr.hpui-heading > th {
font-family: "HP Simplified", Arial;
font-weight: bold;
font-size: 14px;
line-height: 18px;
text-align: left;
vertical-align: bottom;
background-color: #767676;
color: #FFFFFF;
padding: 13px 10px;
}
table.hpui-static-table tr > td {
font-family: "HP Simplified", Arial;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #5A5A5A;
vertical-align: top;
padding: 13px 10px;
border-bottom: 1px solid #CCCCCC;
}
table.hpui-static-table tr.hpui-subheading > th {
color: #000000;
background-color: #CCCCCC;
}
/* Remove borders on outside table cells for cases where table border-collapse
is insufficient (eg inner tables) */
table.hpui-static-table tr:last-child > td {
border-bottom: 0px;
}
/* HPE Standard and Static Tables - common styles */
/* Preserve table header color and weight in these cases */
table.hpui-standard-table tr > th .hpui-primary-text1,
table.hpui-standard-table tr > th .hpui-primary-text2,
table.hpui-standard-table tr > th .hpui-primary-text3,
table.hpui-standard-table tr > th .hpui-secondary-text1,
table.hpui-standard-table tr > th .hpui-secondary-text2,
table.hpui-standard-table tr > th .hpui-secondary-text3,
table.hpui-standard-table tr > th .hpui-heading,
table.hpui-standard-table tr > th .hpui-subheading,
table.hpui-static-table tr > th .hpui-primary-text1,
table.hpui-static-table tr > th .hpui-primary-text2,
table.hpui-static-table tr > th .hpui-primary-text3,
table.hpui-static-table tr > th .hpui-secondary-text1,
table.hpui-static-table tr > th .hpui-secondary-text2,
table.hpui-static-table tr > th .hpui-secondary-text3,
table.hpui-static-table tr > th .hpui-heading,
table.hpui-static-table tr > th .hpui-subheading {
font-weight: bold !important;
color: #FFFFFF !important;
}
table.hpui-standard-table tr.hpui-subheading > th .hpui-primary-text1,
table.hpui-standard-table tr.hpui-subheading > th .hpui-primary-text2,
table.hpui-standard-table tr.hpui-subheading > th .hpui-primary-text3,
table.hpui-standard-table tr.hpui-subheading > th .hpui-secondary-text1,
table.hpui-standard-table tr.hpui-subheading > th .hpui-secondary-text2,
table.hpui-standard-table tr.hpui-subheading > th .hpui-secondary-text3,
table.hpui-standard-table tr.hpui-subheading > th .hpui-heading,
table.hpui-standard-table tr.hpui-subheading > th .hpui-subheading,
table.hpui-static-table tr.hpui-subheading > th .hpui-primary-text1,
table.hpui-static-table tr.hpui-subheading > th .hpui-primary-text2,
table.hpui-static-table tr.hpui-subheading > th .hpui-primary-text3,
table.hpui-static-table tr.hpui-subheading > th .hpui-secondary-text1,
table.hpui-static-table tr.hpui-subheading > th .hpui-secondary-text2,
table.hpui-static-table tr.hpui-subheading > th .hpui-secondary-text3,
table.hpui-static-table tr.hpui-subheading > th .hpui-heading,
table.hpui-static-table tr.hpui-subheading > th .hpui-subheading {
font-weight: bold !important;
color: #000000 !important;
}
table.hpui-standard-table tr > th .hpui-footnote-text,
table.hpui-static-table tr > th .hpui-footnote-text {
font-weight: normal !important;
color: #FFFFFF !important;
}
table.hpui-standard-table tr.hpui-subheading > th .hpui-footnote-text,
table.hpui-static-table tr.hpui-subheading > th .hpui-footnote-text {
font-weight: normal !important;
color: #000000 !important;
}
/* For links in table header rows */
table.hpui-standard-table tr > th a[href],
table.hpui-standard-table tr > th a[onclick],
table.hpui-standard-table tr > th a.hpui-help-link,
table.hpui-standard-table tr > th a.hpui-function-link,
table.hpui-standard-table tr > th a.hpui-internal-link,
table.hpui-standard-table tr > th a.hpui-external-link,
table.hpui-standard-table tr > th a.hpui-standalone-function-link,
table.hpui-standard-table tr > th a.hpui-standalone-internal-link,
table.hpui-standard-table tr > th a.hpui-standalone-external-link,
table.hpui-standard-table tr > th a[href].hpui-tooltip-link,
table.hpui-standard-table tr > th a[onclick].hpui-tooltip-link,
table.hpui-standard-table tr > th a[href].hpui-standalone-tooltip-link,
table.hpui-standard-table tr > th a[onclick].hpui-standalone-tooltip-link,
table.hpui-static-table tr > th a[href],
table.hpui-static-table tr > th a[onclick],
table.hpui-static-table tr > th a.hpui-help-link,
table.hpui-static-table tr > th a.hpui-function-link,
table.hpui-static-table tr > th a.hpui-internal-link,
table.hpui-static-table tr > th a.hpui-external-link,
table.hpui-static-table tr > th a.hpui-standalone-function-link,
table.hpui-static-table tr > th a.hpui-standalone-internal-link,
table.hpui-static-table tr > th a.hpui-standalone-external-link,
table.hpui-static-table tr > th a[href].hpui-tooltip-link,
table.hpui-static-table tr > th a[onclick].hpui-tooltip-link,
table.hpui-static-table tr > th a[href].hpui-standalone-tooltip-link,
table.hpui-static-table tr > th a[onclick].hpui-standalone-tooltip-link {
color: #BFE5F5 !important;
}
table.hpui-standard-table tr > th a[href]:visited,
table.hpui-standard-table tr > th a[onclick]:visited,
table.hpui-standard-table tr > th a.hpui-internal-link:visited,
table.hpui-standard-table tr > th a.hpui-external-link:visited,
table.hpui-standard-table tr > th a.hpui-standalone-internal-link:visited,
table.hpui-standard-table tr > th a.hpui-standalone-external-link:visited,
table.hpui-standard-table tr > th a[href].hpui-tooltip-link:visited,
table.hpui-standard-table tr > th a[onclick].hpui-tooltip-link:visited,
table.hpui-standard-table tr > th a[href].hpui-standalone-tooltip-link:visited,
table.hpui-standard-table tr > th a[onclick].hpui-standalone-tooltip-link:visited,
table.hpui-static-table tr > th a[href]:visited,
table.hpui-static-table tr > th a[onclick]:visited,
table.hpui-static-table tr > th a.hpui-internal-link:visited,
table.hpui-static-table tr > th a.hpui-external-link:visited,
table.hpui-static-table tr > th a.hpui-standalone-internal-link:visited,
table.hpui-static-table tr > th a.hpui-standalone-external-link:visited,
table.hpui-static-table tr > th a[href].hpui-tooltip-link:visited,
table.hpui-static-table tr > th a[onclick].hpui-tooltip-link:visited,
table.hpui-static-table tr > th a[href].hpui-standalone-tooltip-link:visited,
table.hpui-static-table tr > th a[onclick].hpui-standalone-tooltip-link:visited {
color: #CEB4E7 !important;
}
table.hpui-standard-table tr > th a.hpui-help-link:visited,
table.hpui-standard-table tr > th a.hpui-function-link:visited,
table.hpui-standard-table tr > th a.hpui-standalone-function-link:visited,
table.hpui-static-table tr > th a.hpui-help-link:visited,
table.hpui-static-table tr > th a.hpui-function-link:visited,
table.hpui-static-table tr > th a.hpui-standalone-function-link:visited {
color: #BFE5F5 !important;
}
table.hpui-standard-table tr > th a.hpui-standalone-help-link,
table.hpui-standard-table tr > th a.hpui-standalone-help-link:visited,
table.hpui-standard-table tr > th a.hpui-standalone-tooltip-link,
table.hpui-static-table tr > th a.hpui-standalone-help-link,
table.hpui-static-table tr > th a.hpui-standalone-help-link:visited,
table.hpui-static-table tr > th a.hpui-standalone-tooltip-link {
color: #FFFFFF !important;
}
table.hpui-standard-table tr > th a.hpui-tooltip-link,
table.hpui-static-table tr > th a.hpui-tooltip-link {
color: #FFFFFF !important;
border-bottom: 1px dotted #BFE5F5 !important;
}
/* For links in table sub-header rows */
table.hpui-standard-table tr.hpui-subheading > th a[href],
table.hpui-standard-table tr.hpui-subheading > th a[onclick],
table.hpui-standard-table tr.hpui-subheading > th a.hpui-help-link,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-function-link,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-internal-link,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-external-link,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-standalone-function-link,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-standalone-internal-link,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-standalone-external-link,
table.hpui-standard-table tr.hpui-subheading > th a[href].hpui-tooltip-link,
table.hpui-standard-table tr.hpui-subheading > th a[onclick].hpui-tooltip-link,
table.hpui-standard-table tr.hpui-subheading > th a[href].hpui-standalone-tooltip-link,
table.hpui-standard-table tr.hpui-subheading > th a[onclick].hpui-standalone-tooltip-link,
table.hpui-static-table tr.hpui-subheading > th a[href],
table.hpui-static-table tr.hpui-subheading > th a[onclick],
table.hpui-static-table tr.hpui-subheading > th a.hpui-help-link,
table.hpui-static-table tr.hpui-subheading > th a.hpui-function-link,
table.hpui-static-table tr.hpui-subheading > th a.hpui-internal-link,
table.hpui-static-table tr.hpui-subheading > th a.hpui-external-link,
table.hpui-static-table tr.hpui-subheading > th a.hpui-standalone-function-link,
table.hpui-static-table tr.hpui-subheading > th a.hpui-standalone-internal-link,
table.hpui-static-table tr.hpui-subheading > th a.hpui-standalone-external-link,
table.hpui-static-table tr.hpui-subheading > th a[href].hpui-tooltip-link,
table.hpui-static-table tr.hpui-subheading > th a[onclick].hpui-tooltip-link,
table.hpui-static-table tr.hpui-subheading > th a[href].hpui-standalone-tooltip-link,
table.hpui-static-table tr.hpui-subheading > th a[onclick].hpui-standalone-tooltip-link {
color: #007DBA !important;
}
table.hpui-standard-table tr.hpui-subheading > th a[href]:visited,
table.hpui-standard-table tr.hpui-subheading > th a[onclick]:visited,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-internal-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-external-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-standalone-internal-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-standalone-external-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a[href].hpui-tooltip-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a[onclick].hpui-tooltip-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a[href].hpui-standalone-tooltip-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a[onclick].hpui-standalone-tooltip-link:visited,
table.hpui-static-table tr.hpui-subheading > th a[href]:visited,
table.hpui-static-table tr.hpui-subheading > th a[onclick]:visited,
table.hpui-static-table tr.hpui-subheading > th a.hpui-internal-link:visited,
table.hpui-static-table tr.hpui-subheading > th a.hpui-external-link:visited,
table.hpui-static-table tr.hpui-subheading > th a.hpui-standalone-internal-link:visited,
table.hpui-static-table tr.hpui-subheading > th a.hpui-standalone-external-link:visited,
table.hpui-static-table tr.hpui-subheading > th a[href].hpui-tooltip-link:visited,
table.hpui-static-table tr.hpui-subheading > th a[onclick].hpui-tooltip-link:visited,
table.hpui-static-table tr.hpui-subheading > th a[href].hpui-standalone-tooltip-link:visited,
table.hpui-static-table tr.hpui-subheading > th a[onclick].hpui-standalone-tooltip-link:visited {
color: #822980 !important;
}
table.hpui-standard-table tr.hpui-subheading > th a.hpui-help-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-function-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-standalone-function-link:visited,
table.hpui-static-table tr.hpui-subheading > th a.hpui-help-link:visited,
table.hpui-static-table tr.hpui-subheading > th a.hpui-function-link:visited,
table.hpui-static-table tr.hpui-subheading > th a.hpui-standalone-function-link:visited {
color: #007DBA !important;
}
table.hpui-standard-table tr.hpui-subheading > th a.hpui-standalone-help-link,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-standalone-help-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a.hpui-standalone-tooltip-link,
table.hpui-static-table tr.hpui-subheading > th a.hpui-standalone-help-link,
table.hpui-static-table tr.hpui-subheading > th a.hpui-standalone-help-link:visited,
table.hpui-static-table tr.hpui-subheading > th a.hpui-standalone-tooltip-link {
color: #000000 !important;
}
table.hpui-standard-table tr.hpui-subheading > th a.hpui-tooltip-link,
table.hpui-static-table tr.hpui-subheading > th a.hpui-tooltip-link {
color: #000000 !important;
border-bottom: 1px dotted #0096D6 !important;
}
/* Fix for part of CR #14258
table.hpui-standard-table tr > th a.hpui-standalone-help-link,
table.hpui-standard-table tr > th a.hpui-standalone-tooltip-link,
table.hpui-standard-table tr > th a.hpui-standalone-external-link,
table.hpui-standard-table tr > th a.hpui-external-link,
table.hpui-static-table tr > th a.hpui-standalone-help-link,
table.hpui-static-table tr > th a.hpui-standalone-tooltip-link,
table.hpui-static-table tr > th a.hpui-standalone-external-link,
table.hpui-static-table tr > th a.hpui-external-link {
display: inline-block;
}
*/
/* For disabled links in table header rows */
table.hpui-standard-table tr > th a[disabled],
table.hpui-standard-table tr > th a[disabled]:visited,
table.hpui-standard-table tr > th a[disabled].hpui-tooltip-link,
table.hpui-standard-table tr > th a[disabled].hpui-tooltip-link:visited,
table.hpui-standard-table tr > th a[disabled].hpui-standalone-tooltip-link,
table.hpui-standard-table tr > th a[disabled].hpui-standalone-tooltip-link:visited,
table.hpui-static-table tr > th a[disabled],
table.hpui-static-table tr > th a[disabled]:visited,
table.hpui-static-table tr > th a[disabled].hpui-tooltip-link,
table.hpui-static-table tr > th a[disabled].hpui-tooltip-link:visited,
table.hpui-static-table tr > th a[disabled].hpui-standalone-tooltip-link,
table.hpui-static-table tr > th a[disabled].hpui-standalone-tooltip-link:visited {
color: #E5E8E8 !important;
}
table.hpui-standard-table tr > th a[disabled].hpui-tooltip-link,
table.hpui-static-table tr > th a[disabled].hpui-tooltip-link {
border-bottom: 1px dotted #E5E8E8 !important;
}
/* For disabled links in table sub-header rows */
table.hpui-standard-table tr.hpui-subheading > th a[disabled],
table.hpui-standard-table tr.hpui-subheading > th a[disabled]:visited,
table.hpui-standard-table tr.hpui-subheading > th a[disabled].hpui-tooltip-link,
table.hpui-standard-table tr.hpui-subheading > th a[disabled].hpui-tooltip-link:visited,
table.hpui-standard-table tr.hpui-subheading > th a[disabled].hpui-standalone-tooltip-link,
table.hpui-standard-table tr.hpui-subheading > th a[disabled].hpui-standalone-tooltip-link:visited,
table.hpui-static-table tr.hpui-subheading > th a[disabled],
table.hpui-static-table tr.hpui-subheading > th a[disabled]:visited,
table.hpui-static-table tr.hpui-subheading > th a[disabled].hpui-tooltip-link,
table.hpui-static-table tr.hpui-subheading > th a[disabled].hpui-tooltip-link:visited,
table.hpui-static-table tr.hpui-subheading > th a[disabled].hpui-standalone-tooltip-link,
table.hpui-static-table tr.hpui-subheading > th a[disabled].hpui-standalone-tooltip-link:visited {
color: #767676 !important;
}
table.hpui-standard-table tr.hpui-subheading > th a[disabled].hpui-tooltip-link,
table.hpui-static-table tr.hpui-subheading > th a[disabled].hpui-tooltip-link {
border-bottom: 1px dotted #767676 !important;
}
/* For row alternation */
table.hpui-standard-table tr.hpui-alternate-row > td,
table.hpui-static-table tr.hpui-alternate-row > td {
background-color: #F2F2F2;
}
table.hpui-standard-table tr.hpui-normal-row > td,
table.hpui-static-table tr.hpui-normal-row > td {
background-color: #FFFFFF;
}
/* For form elements */
table.hpui-standard-table tr > td.hpui-action-menu,
table.hpui-standard-table tr > td.hpui-slim-select,
table.hpui-standard-table tr > td.hpui-select,
table.hpui-standard-table tr > td.hpui-input,
table.hpui-standard-table tr > td.hpui-slim-input,
table.hpui-standard-table tr > td.hpui-file,
table.hpui-standard-table tr > td.hpui-slim-file,
table.hpui-standard-table tr > td.hpui-textarea,
table.hpui-standard-table tr > td.hpui-checkbox,
table.hpui-standard-table tr > td.hpui-radio,
table.hpui-static-table tr > td.hpui-action-menu,
table.hpui-static-table tr > td.hpui-slim-select,
table.hpui-static-table tr > td.hpui-select,
table.hpui-static-table tr > td.hpui-input,
table.hpui-static-table tr > td.hpui-slim-input,
table.hpui-static-table tr > td.hpui-file,
table.hpui-static-table tr > td.hpui-slim-file,
table.hpui-static-table tr > td.hpui-textarea,
table.hpui-static-table tr > td.hpui-checkbox,
table.hpui-static-table tr > td.hpui-radio {
padding: 9px 10px !important;
text-align: center !important;
}
table.hpui-standard-table tr > th.hpui-action-menu,
table.hpui-standard-table tr > th.hpui-slim-select,
table.hpui-standard-table tr > th.hpui-select,
table.hpui-standard-table tr > th.hpui-input,
table.hpui-standard-table tr > th.hpui-slim-input,
table.hpui-standard-table tr > th.hpui-file,
table.hpui-standard-table tr > th.hpui-slim-file,
table.hpui-standard-table tr > th.hpui-textarea,
table.hpui-standard-table tr > th.hpui-checkbox,
table.hpui-standard-table tr > th.hpui-radio,
table.hpui-static-table tr > th.hpui-action-menu,
table.hpui-static-table tr > th.hpui-slim-select,
table.hpui-static-table tr > th.hpui-select,
table.hpui-static-table tr > th.hpui-input,
table.hpui-static-table tr > th.hpui-slim-input,
table.hpui-static-table tr > th.hpui-file,
table.hpui-static-table tr > th.hpui-slim-file,
table.hpui-static-table tr > th.hpui-textarea,
table.hpui-static-table tr > th.hpui-checkbox,
table.hpui-static-table tr > th.hpui-radio {
text-align: center !important;
}
table.hpui-standard-table tr > td.hpui-checkbox input[type=checkbox].hpui-checkbox,
table.hpui-standard-table tr > td.hpui-radio input[type=radio].hpui-radio,
table.hpui-standard-table tr > td.hpui-checkbox a.hpui-checkbox,
table.hpui-standard-table tr > td.hpui-radio a.hpui-radio,
table.hpui-standard-table tr > th.hpui-checkbox input[type=checkbox].hpui-checkbox,
table.hpui-standard-table tr > th.hpui-radio input[type=radio].hpui-radio,
table.hpui-standard-table tr > th.hpui-checkbox a.hpui-checkbox,
table.hpui-standard-table tr > th.hpui-radio a.hpui-radio,
table.hpui-static-table tr > td.hpui-checkbox input[type=checkbox].hpui-checkbox,
table.hpui-static-table tr > td.hpui-radio input[type=radio].hpui-radio,
table.hpui-static-table tr > td.hpui-checkbox a.hpui-checkbox,
table.hpui-static-table tr > td.hpui-radio a.hpui-radio,
table.hpui-static-table tr > th.hpui-checkbox input[type=checkbox].hpui-checkbox,
table.hpui-static-table tr > th.hpui-radio input[type=radio].hpui-radio,
table.hpui-static-table tr > th.hpui-checkbox a.hpui-checkbox,
table.hpui-static-table tr > th.hpui-radio a.hpui-radio {
margin-right: 0px;
}
/* HPE Nested Tables */
table.hpui-standard-table tr > td.hpui-nested-table-container,
table.hpui-static-table tr > td.hpui-nested-table-container {
padding: 10px 2px 4px 2px !important
}
/* HPE Inner Tables */
table.hpui-standard-table tr > td.hpui-inner-table,
table.hpui-standard-table tr > th.hpui-inner-table,
table.hpui-static-table tr > td.hpui-inner-table,
table.hpui-static-table tr > th.hpui-inner-table {
padding: 0px;
}
table.hpui-standard-table tr > td.hpui-inner-table > table,
table.hpui-standard-table tr > th.hpui-inner-table > table,
table.hpui-static-table tr > td.hpui-inner-table > table,
table.hpui-static-table tr > th.hpui-inner-table > table {
width: 100%;
height: 100%;
}
table.hpui-static-table tr > td.hpui-inner-table > table tr > td,
table.hpui-static-table tr > td.hpui-inner-table > table tr > th,
table.hpui-static-table tr > th.hpui-inner-table > table tr > td,
table.hpui-static-table tr > th.hpui-inner-table > table tr > th {
border-bottom: 0px;
}
table.hpui-standard-table tr > td.hpui-inner-table.hpui-borderless > table tr > td,
table.hpui-standard-table tr > td.hpui-inner-table.hpui-borderless > table tr > th,
table.hpui-standard-table tr > th.hpui-inner-table.hpui-borderless > table tr > td,
table.hpui-standard-table tr > th.hpui-inner-table.hpui-borderless > table tr > th {
border-right: 0px;
border-bottom: 0px;
}
/****** end HPE typography CSS (typography.css) ******/
/****** begin HPE typography CSS (typography.css) ******/
/* HPE screenreader exclusive text */
.screenReading,
.hpui-screenreader-text {
FONT-SIZE: 0px;
OVERFLOW: hidden;
WIDTH: 0px;
POSITION: absolute;
HEIGHT: 0px;
OUTLINE: 0px;
}
/*** HPE primary text ***/
/* (the a.* selectors are so these styles can take priority
over the built-in typography defaults some link styles have) */
/* HPE primary level 1 basic text */
.hpui-primary-text1,
a.hpui-primary-text1 {
font-family: "HP Simplified", Arial;
font-size: 16px;
font-weight: normal;
color: #000;
line-height: 22px;
}
/* HPE primary level 2 basic text */
.hpui-primary-text2,
a.hpui-primary-text2 {
font-family: "HP Simplified", Arial;
font-size: 16px;
font-weight: normal;
color: #5A5A5A;
line-height: 22px;
}
/* HPE primary level 3 basic text */
.hpui-primary-text3,
a.hpui-primary-text3 {
font-family: "HP Simplified", Arial;
font-size: 16px;
font-weight: normal;
color: #767676;
line-height: 22px;
}
/* HPE primary text in paragraph form - do not apply to span or div */
p.hpui-primary-text1, p.hpui-primary-text2, p.hpui-primary-text3,
.hpui-primary-text1 p, .hpui-primary-text2 p, .hpui-primary-text3 p {
margin: 0px 0px 8px 0px;
}
/* HPE headings: only for h1 through h6 */
h1.hpui-heading {
font-family: "HP Simplified", Arial;
font-size: 32px;
line-height: 32px;
font-weight: bold;
color: #000;
margin: 0px 0px 9px 0px;
}
h2.hpui-heading {
font-family: "HP Simplified", Arial;
font-size: 24px;
line-height: 30px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
h3.hpui-heading {
font-family: "HP Simplified", Arial;
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
h4.hpui-heading {
font-family: "HP Simplified", Arial;
font-size: 18px;
line-height: 22px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
h5.hpui-heading {
font-family: "HP Simplified", Arial;
font-size: 18px;
line-height: 22px;
color: #000;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
h6.hpui-heading {
font-family: "HP Simplified", Arial;
font-size: 16px;
line-height: 22px;
color: #000;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
h1.hpui-standalone-link-list,
h2.hpui-standalone-link-list,
h3.hpui-standalone-link-list,
h4.hpui-standalone-link-list,
h5.hpui-standalone-link-list,
h6.hpui-standalone-link-list {
font-family: "HP Simplified", Arial;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #000000;
margin: 0px;
}
h1.hpui-standalone-link-list.hpui-subheading,
h2.hpui-standalone-link-list.hpui-subheading,
h3.hpui-standalone-link-list.hpui-subheading,
h4.hpui-standalone-link-list.hpui-subheading,
h5.hpui-standalone-link-list.hpui-subheading,
h6.hpui-standalone-link-list.hpui-subheading {
font-family: "HP Simplified", Arial;
font-weight: bold;
font-size: 16px;
line-height: 22px;
color: #5A5A5A;
margin: 0px;
}
/* HPE heading treatment for non-h1-h6 tags */
/* (the a.* selectors are so these styles can take priority
over the built-in typography defaults some link styles have) */
.hpui-heading,
a.hpui-heading {
font-family: "HP Simplified", Arial;
font-size: 18px;
line-height: 22px;
color: #000;
font-weight: normal;
margin: 0px 0px 5px 0px;
display: block;
}
.hpui-subheading,
a.hpui-subheading {
font-family: "HP Simplified", Arial;
font-size: 16px;
font-weight: normal;
color: #000;
line-height: 22px;
margin: 0px 0px 5px 0px;
display: block;
}
/*** HPE secondary text ***/
/* (the a.* selectors are so these styles can take priority
over the built-in typography defaults some link styles have) */
/* HPE secondary level 1 basic text */
.hpui-secondary-text1,
a.hpui-secondary-text1 {
font-family: "HP Simplified", Arial;
font-size: 14px;
color: #000;
line-height: 18px;
font-weight: normal;
}
/* HPE secondary level 2 basic text */
.hpui-secondary-text2,
a.hpui-secondary-text2 {
font-family: "HP Simplified", Arial;
font-size: 14px;
font-weight: normal;
color: #5A5A5A;
line-height: 18px;
}
/* HPE secondary level 3 basic text */
.hpui-secondary-text3,
a.hpui-secondary-text3 {
font-family: "HP Simplified", Arial;
font-size: 14px;
font-weight: normal;
color: #767676;
line-height: 18px;
}
/* HPE secondary text in paragraph form - do not apply to span or div */
p.hpui-secondary-text1, p.hpui-secondary-text2, p.hpui-secondary-text3,
.hpui-secondary-text1 p, .hpui-secondary-text2 p, .hpui-secondary-text3 p {
margin: 0px 0px 6px 0px;
}
/*** HPE status text ***/
/* HPE status text: system error */
/* Note: in HPE, system errors have no distinguishing text style */
.hpui-system-error-text {
}
/* HPE status text: user error */
/* Note: in HPE, user errors and warnings have the same text style */
.hpui-user-error-text {
color: #FF0000 !important;
}
/* HPE status text: unclassified error */
/* Note: in HPE, treat unclassified errors the same as user errors */
.hpui-error-text {
color: #FF0000 !important;
}
/* HPE status text: warning */
/* Note: in HPE, user errors and warnings have the same text style */
.hpui-warn-text {
color: #FF0000 !important;
}
/* HPE status text: info */
.hpui-info-text {
color: #008424 !important;
}
/* HPE status text: info, level2 */
/* currently meant for use only in service summary views */
.hpui-info-text2 {
color: #0096D6 !important;
}
/* HPE status text: warn, level 2 */
/* currently meant for use only in service summary views */
.hpui-warn-text2 {
color: #FF5F00 !important;
}
/* HPE status text: warn, level 3 */
/* currently meant for use only in service summary views */
.hpui-warn-text3 {
color: #D38E06 !important;
}
/*** HPE footnote text ***/
/* (the a.* selectors are so these styles can take priority
over the built-in typography defaults some link styles have) */
.hpui-footnote-text,
a.hpui-footnote-text {
font-family: "HP Simplified", Arial;
font-size: 12px;
font-weight: normal;
color: #5A5A5A;
line-height: 15px;
}
/* HPE footnote text in paragraph form - do not apply to span or div */
p.hpui-footnote-text,
.hpui-footnote-text p {
margin: 0px 0px 4px 0px;
}
/*** HPE miscellaneous typography styles ***/
/* HPE emphasized text */
.hpui-emphasized-text {
font-weight: bold !important;
}
/* HPE disabled text */
.hpui-disabled-text {
color: #B3B3B3 !important;
}
/*** HPE fonts ***/
@font-face {
font-family: "HP Simplified";
src: url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Regular.eot");
src: local("?"), url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Regular.woff")
format("woff"),
/*url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Regular.otf") format("opentype"),*/
url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Regular.svg#HPSimplifiedW04-Regular")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "HP Simplified";
src: url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Bold.eot");
src: local("?"), url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Bold.woff") format("woff"),
/*url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Bold.otf") format("opentype"),*/
url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Bold.svg#HPSimplifiedW04-Bold")
format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "HP Simplified";
src: url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Italic.eot");
src: local("?"), url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Italic.woff") format("woff"),
/*url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Italic.otf") format("opentype"),*/
url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Italic.svg#HPSimplifiedW04-Italic")
format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "HP Simplified";
src: url("../fonts/HPSimplifiedW04/HPSimplifiedW04-BoldItalic.eot");
src: local("?"), url("../fonts/HPSimplifiedW04/HPSimplifiedW04-BoldItalic.woff") format("woff"),
/*url("../fonts/HPSimplifiedW04/HPSimplifiedW04-BoldItalic.otf") format("opentype"),*/
url("../fonts/HPSimplifiedW04/HPSimplifiedW04-BoldItalic.svg#HPSimplifiedW04-BoldItalic")
format("svg");
font-weight: bold;
font-style: italic;
}
/****** end HPE typography CSS (typography.css) ******/
|