/****** 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. */
/* CaaS page section size, alignment and spacing styles */
body {
background-color: #FFFFFF !important;
}
div.body {
width: 100%;
max-width: 1000px;
min-height: 400px;
margin: 0 auto;
overflow: visible;
}
div.accountControl {
/* background-color: #FFFFFF; */
width: 100%;
height: 19px;
}
div.siteTitle {
width: 100%;
max-width: 964px;
margin: 0 auto;
padding: 10px 18px 0px 18px;
}
div.horizontalNavigation {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
div.pageTitle {
width: 100%;
max-width: 964px;
margin: 0 auto;
padding: 0px 0px 20px 0px;
}
div.footer div.hp_employees_container {
margin: 0 auto;
padding-top: 19px;
padding-bottom: 26px;
}
/* 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, sans-serif;
font-size: 16px;
font-weight: normal;
color: #000;
line-height: 22px;
}
.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;
}
/* Pagination hyperlinks global settings */
.body a[href].paginate_button,
.body a[onclick].paginate_button,
.ui-dialog a[href].paginate_button,
.ui-dialog a[onclick].paginate_button {
color: #5A5A5A;
}
.body a[href].paginate_active,
.body a[onclick].paginate_active,
.body a[href].paginate_button:hover,
.body a[onclick].paginate_button:hover,
.ui-dialog a[href].paginate_active,
.ui-dialog a[onclick].paginate_active,
.ui-dialog a[href].paginate_button:hover,
.ui-dialog a[onclick].paginate_button:hover {
color: #0096D6;
}
.body a[href].paginate_button_disabled,
.body a[onclick].paginate_button_disabled ,
.ui-dialog a[href].paginate_button_disabled,
.ui-dialog a[onclick].paginate_button_disabled {
color: #CCCCCC;
outline: 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, sans-serif;
font-size: 32px;
line-height: 36px;
font-weight: bold;
color: #000;
margin: 0px 0px 9px 0px;
}
.body h2,
.ui-dialog h2 {
font-family: "HP Simplified", Arial, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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] {
min-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, sans-serif;
font-size: 16px;
font-weight: bold;
cursor: pointer;
margin: 0;
}
.body input[type=button]:hover,
.body input[type=submit]:hover,
.ui-dialog input[type=button]:hover,
.ui-dialog input[type=submit]:hover,
.body input[type=button]:focus,
.body input[type=submit]:focus,
.ui-dialog input[type=button]:focus,
.ui-dialog input[type=submit]:focus {
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] {
min-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, sans-serif;
font-size: 16px;
font-weight: bold;
cursor: pointer;
margin: 0;
}
.body input[type=reset]:hover,
.ui-dialog input[type=reset]:hover,
.body input[type=reset]:focus,
.ui-dialog input[type=reset]:focus {
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, sans-serif;
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 step descriptor styles - same as HPE primary step descriptor */
.body ul.hpui-step-descriptor,
.body ol.hpui-step-descriptor,
.ui-dialog ul.hpui-step-descriptor,
.ui-dialog ol.hpui-step-descriptor {
font-size: 18px;
font-weight: bold;
color: #767676;
padding: 0px;
}
.body ul.hpui-step-descriptor.hpui-inverse-text,
.body ol.hpui-step-descriptor.hpui-inverse-text,
.ui-dialog ul.hpui-step-descriptor.hpui-inverse-text,
.ui-dialog ol.hpui-step-descriptor.hpui-inverse-text {
padding: 12px 30px;
}
.body ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.body ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.body ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.body ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.ui-dialog ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.ui-dialog ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.ui-dialog ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.ui-dialog ol.hpui-step-descriptor li.hpui-step-descriptor-arrow {
background-image: url('../images/step_descriptor_large-white_background.png');
}
.body ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.body ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.body ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.body ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.ui-dialog ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.ui-dialog ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.ui-dialog ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.ui-dialog ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow {
background-image: url('../images/step_descriptor_large-blue_background.png');
}
.body ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.body ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.ui-dialog ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.ui-dialog ol.hpui-step-descriptor li.hpui-step-descriptor-arrow {
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -99999px;
width: 4px;
height: 8px;
margin-top: 8px;
margin-left: 10px;
margin-right: 10px;
}
.body ul.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.body ol.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.ui-dialog ul.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.ui-dialog ol.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active {
background-position: 0 -58px;
}
.body ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.body ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.ui-dialog ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.ui-dialog ol.hpui-step-descriptor li.hpui-step-descriptor-number {
background-position: 0 -116px;
background-repeat: no-repeat;
width: 22px;
height: 22px;
margin-right: 10px;
text-align: center;
line-height: 22px;
}
.body ul.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.body ol.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.ui-dialog ul.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.ui-dialog ol.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active {
background-position: 0 -188px;
}
/* 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;
}
/* Default expandable tree style - same as HPE primary expandable tree */
.body div.hpui-tree-container,
.ui-dialog div.hpui-tree-container {
padding-top: 2px;
}
.body div.hpui-tree .jstree-container-ul,
.ui-dialog div.hpui-tree .jstree-container-ul {
margin-left: -31px;
}
.body .jstree-container-ul ul,
.ui-dialog .jstree-container-ul ul {
list-style-type: none;
margin: 0px 5px 0px 4px;
padding: 0px;
}
.body div.hpui-tree ul > li,
.ui-dialog div.hpui-tree ul > li {
padding: 0px;
}
.body .jstree-container-ul > .jstree-node > .jstree-anchor,
.ui-dialog .jstree-container-ul > .jstree-node > .jstree-anchor {
padding-left: 33px;
}
.body a[href].jstree-anchor,
.body a[href].jstree-anchor:hover,
.body a[href].jstree-anchor:visited,
.body .jstree-node a[href].jstree-anchor,
.body .jstree-node a[href].jstree-anchor:hover,
.body .jstree-node a[href].jstree-anchor:visited,
.body .jstree-children a[href].jstree-anchor,
.body .jstree-children a[href].jstree-anchor:hover,
.body .jstree-children a[href].jstree-anchor:visited,
.ui-dialog a[href].jstree-anchor:hover,
.ui-dialog a[href].jstree-anchor:visited,
.ui-dialog .jstree-node a[href].jstree-anchor,
.ui-dialog .jstree-node a[href].jstree-anchor:hover,
.ui-dialog .jstree-node a[href].jstree-anchor:visited,
.ui-dialog .jstree-children a[href].jstree-anchor,
.ui-dialog .jstree-children a[href].jstree-anchor:hover,
.ui-dialog .jstree-children a[href].jstree-anchor:visited {
text-decoration: none;
cursor: pointer;
color: #000000;
}
.body .jstree-default .jstree-anchor > .jstree-ocl,
.ui-dialog .jstree-default .jstree-anchor > .jstree-ocl {
height: 18px !important;
width: 28px !important;
}
.body .jstree-default .jstree-open > .jstree-anchor > .jstree-ocl,
.ui-dialog .jstree-default .jstree-open > .jstree-anchor > .jstree-ocl {
background-image: url(../images/list_icons.png);
background-position: 0 -63px;
}
.body .jstree-default .jstree-open > .jstree-anchor>.jstree-ocl:hover,
.body .jstree-default .jstree-open > .jstree-anchor>.jstree-ocl:focus,
.ui-dialog .jstree-default .jstree-open > .jstree-anchor>.jstree-ocl:hover,
.ui-dialog .jstree-default .jstree-open > .jstree-anchor>.jstree-ocl:focus {
background-position: 0 -193px;
}
.body .jstree-default .jstree-closed > .jstree-anchor > .jstree-ocl,
.ui-dialog .jstree-default .jstree-closed > .jstree-anchor > .jstree-ocl {
background-image: url(../images/list_icons.png);
background-position: 0 -323px;
}
.body .jstree-default .jstree-closed > .jstree-anchor>.jstree-ocl:hover,
.body .jstree-default .jstree-closed > .jstree-anchor>.jstree-ocl:focus,
.ui-dialog .jstree-default .jstree-closed > .jstree-anchor>.jstree-ocl:hover,
.ui-dialog .jstree-default .jstree-closed > .jstree-anchor>.jstree-ocl:focus {
background-position: 0 -453px;
}
.body .jstree-default .jstree-node > .jstree-icon,
.ui-dialog .jstree-default .jstree-node > .jstree-icon {
background-image: url(../images/elbow.png);
background-position: 3px -7px;
height: 22px;
width: 31px;
line-height: 20px;
}
.body .jstree-default .jstree-node,
.ui-dialog .jstree-default .jstree-node {
background-image: url(../images/vertical.png);
background-position: -5px 0px;
background-repeat: repeat-y;
line-height: 18px;
}
.body .jstree-default .jstree-last,
.ui-dialog .jstree-default .jstree-last {
background-image: none;
}
.body .jstree-default .jstree-anchor,
.ui-dialog .jstree-default .jstree-anchor {
height: 18px;
line-height: 18px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 10px;
}
/* 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;
}
/* Remove default margin and padding on fieldset */
.body fieldset,
.ui-dialog fieldset {
margin: 0;
padding: 0;
border: 0;
}
/* Remove default image link borders */
a img {
border: none;
}
/*******************************************************************************/
/* Miscellaneous hooks for HPSC go below */
/*******************************************************************************/
/* For negating 101px height setting in HPSC layout config for Cleansheet - can be removed
after HPSC migration to HPE is complete */
div.header {
height: 72px !important;
}
/* In HPSC the mega menu renders 60px high - so reserve that space accordingly */
div.horizontalNavigation div.hpui-mega-menu {
height: 60px;
}
/* For getting "Insight Online" supertitle in HPSC level-1 mega-menu items to not wrap */
div.horizontalNavigation div.hpui-mega-menu ul li.hpui-mega-menu-text font[size='-1'] {
white-space: nowrap;
}
/* For aligning headings at the top of portlet columns */
h1.hpui-column-heading,
div.portletWindow h1.hpui-portlet-heading {
line-height: 26px !important;
padding-bottom: 4px !important;
}
h2.hpui-column-heading,
div.portletWindow h2.hpui-portlet-heading {
line-height: 26px !important;
padding-bottom: 2px !important;
}
h3.hpui-column-heading,
div.portletWindow h3.hpui-portlet-heading {
line-height: 26px !important;
padding-bottom: 1px !important;
}
/* ...but leave service summary headings alone */
.hpui-service-summary-subtitle h1.hpui-column-heading,
div.portletWindow .hpui-service-summary-subtitle h1.hpui-portlet-heading {
line-height: 36px !important;
padding-bottom: 0px !important;
}
.hpui-service-summary-subtitle h2.hpui-column-heading,
div.portletWindow .hpui-service-summary-subtitle h2.hpui-portlet-heading {
line-height: 30px !important;
padding-bottom: 0px !important;
}
.hpui-service-summary-subtitle h3.hpui-column-heading,
div.portletWindow .hpui-service-summary-subtitle h3.hpui-portlet-heading {
line-height: 24px !important;
padding-bottom: 0px !important;
}
/* For the slide viewer, restore 0px padding on list items */
.slideViewer ul li {
padding-top: 0px;
}
/* Remove the following TextCalloutBox rules when HPSC MOTD Tridion components are converted to HPE */
/* For MOTD background, use plain white with no extra whitespace */
/* For MOTD text, use same styles as secondary level-2 text */
/* For MOTD margin, add margin to the 10 10 10 5 built into the MOTD Tridion content and the -20
built into the portlet chrome */
.body .TextCalloutBox {
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #5A5A5A;
background: #FFFFFF;
border-spacing: 0;
padding: 0;
margin: -6px 0px 10px -5px;
}
/* For MOTD text, use same styles as secondary level-2 text */
.body .TextCalloutBox .TextBodyText {
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #5A5A5A;
}
/* For MOTD horizontal-rule, use same styles as secondary horizontal divider
and stretch the divider into the padding, so it goes from one edge of the
MOTD to the other */
.body .TextCalloutBox .h1_grr {
border-bottom: 1px solid #CCCCCC;
margin-right: -10px;
margin-left: -27px;
}
/* For MOTD alert image, use extra left-padding */
.body .TextCalloutBox img {
padding-left: 16px;
}
/* Remove the following rules when the div.body a:hover { text-underline... } rule in
cleansheet_layout_config_head.jsp is removed during HPE Phase 2on Vignette - it
overrides the Cleansheet div.body a:hover rule in cases where no underline is wanted */
.body a.hpui-critical-button:hover,
.body a.hpui-primary-button:hover,
.body a.hpui-secondary-button:hover,
.body a.hpui-critical-slim-button:hover,
.body a.hpui-primary-slim-button:hover,
.body a.hpui-secondary-slim-button:hover,
.ui-dialog a.hpui-critical-button:hover,
.ui-dialog a.hpui-primary-button:hover,
.ui-dialog a.hpui-secondary-button:hover,
.ui-dialog a.hpui-critical-slim-button:hover,
.ui-dialog a.hpui-primary-slim-button:hover,
.ui-dialog a.hpui-secondary-slim-button:hover,
.body a.hpui-tooltip-link:hover,
.ui-dialog a.hpui-tooltip-link:hover {
text-decoration: none !important;
}
/* Disabling Lync Click to Call detecting numbers in a web page */
span.baec5a81-e4d6-4674-97f3-e9220f0136c1 > a {
display: none !important;
}
/****** 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] {
min-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;
white-space: normal;
word-break: break-all;
border: 0;
font-family: "HP Simplified", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
cursor: pointer;
margin: 0;
}
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 normal-size lock buttons */
input[type=button].hpui-critical-button.hpui-lock-icon,
input[type=submit].hpui-critical-button.hpui-lock-icon,
input[type=reset].hpui-critical-button.hpui-lock-icon,
a.hpui-critical-button.hpui-lock-icon input[type=button],
input[type=button].hpui-primary-button.hpui-lock-icon,
input[type=submit].hpui-primary-button.hpui-lock-icon,
input[type=reset].hpui-primary-button.hpui-lock-icon,
a.hpui-primary-button.hpui-lock-icon input[type=button],
input[type=button].hpui-secondary-button.hpui-lock-icon,
input[type=submit].hpui-secondary-button.hpui-lock-icon,
input[type=reset].hpui-secondary-button.hpui-lock-icon,
a.hpui-secondary-button.hpui-lock-icon input[type=button] {
background-image: url('../images/icon_LockLocked_28x15_white.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 31px;
}
/* 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] {
min-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;
white-space: normal;
word-break: break-all;
border: 0;
font-family: "HP Simplified", Arial, sans-serif;
font-size: 14px;
font-weight: bold;
cursor: pointer;
margin: 0;
}
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;
}
/* HPE all slim-size lock buttons */
input[type=button].hpui-critical-slim-button.hpui-lock-icon,
input[type=submit].hpui-critical-slim-button.hpui-lock-icon,
input[type=reset].hpui-critical-slim-button.hpui-lock-icon,
a.hpui-critical-slim-button.hpui-lock-icon input[type=button],
input[type=button].hpui-primary-slim-button.hpui-lock-icon,
input[type=submit].hpui-primary-slim-button.hpui-lock-icon,
input[type=reset].hpui-primary-slim-button.hpui-lock-icon,
a.hpui-primary-slim-button.hpui-lock-icon input[type=button],
input[type=button].hpui-secondary-slim-button.hpui-lock-icon,
input[type=submit].hpui-secondary-slim-button.hpui-lock-icon,
input[type=reset].hpui-secondary-slim-button.hpui-lock-icon,
a.hpui-secondary-slim-button.hpui-lock-icon input[type=button] {
background-image: url('../images/icon_LockLocked_23x15_white.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 26px;
}
/* HPE all normal-size and slim-size add as favorite button */
input[type=button].hpui-critical-button.hpui-favorite-icon,
input[type=submit].hpui-critical-button.hpui-favorite-icon,
input[type=reset].hpui-critical-button.hpui-favorite-icon,
a.hpui-critical-button.hpui-favorite-icon input[type=button],
input[type=button].hpui-primary-button.hpui-favorite-icon,
input[type=submit].hpui-primary-button.hpui-favorite-icon,
input[type=reset].hpui-primary-button.hpui-favorite-icon,
a.hpui-primary-button.hpui-favorite-icon input[type=button],
input[type=button].hpui-secondary-button.hpui-favorite-icon,
input[type=submit].hpui-secondary-button.hpui-favorite-icon,
input[type=reset].hpui-secondary-button.hpui-favorite-icon,
a.hpui-secondary-button.hpui-favorite-icon input[type=button],
input[type=button].hpui-critical-slim-button.hpui-favorite-icon,
input[type=submit].hpui-critical-slim-button.hpui-favorite-icon,
input[type=reset].hpui-critical-slim-button.hpui-favorite-icon,
a.hpui-critical-slim-button.hpui-favorite-icon input[type=button],
input[type=button].hpui-primary-slim-button.hpui-favorite-icon,
input[type=submit].hpui-primary-slim-button.hpui-favorite-icon,
input[type=reset].hpui-primary-slim-button.hpui-favorite-icon,
a.hpui-primary-slim-button.hpui-favorite-icon input[type=button],
input[type=button].hpui-secondary-slim-button.hpui-favorite-icon,
input[type=submit].hpui-secondary-slim-button.hpui-favorite-icon,
input[type=reset].hpui-secondary-slim-button.hpui-favorite-icon,
a.hpui-secondary-slim-button.hpui-favorite-icon input[type=button] {
background-image: url('../images/favorite_white.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 27px;
}
/****** 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, sans-serif;
}
.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, sans-serif;
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, sans-serif;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
font-family: "HP Simplified", Arial, sans-serif;
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, sans-serif;
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, sans-serif !important;
word-wrap: normal;
word-break: normal;
}
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, sans-serif;
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;
margin: 0;
}
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;
word-wrap: break-word;
}
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.disabled.hpui-label,
div.dd .ddChild li.disabled.selected.hpui-label {
border-bottom: none;
background-color: #FFFFFF;
}
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.disabled.hpui-label a.ddlabel,
div.dd .ddChild li.disabled.selected.hpui-label a.ddlabel {
color: #000000;
}
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.disabled.hpui-label,
div.dd .ddChild li.disabled.selected.hpui-label {
color: #000000;
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: 200px;
left: -147px;
border: 2px solid #5A5A5A;
margin-top: 2px;
}
div.hpui-action-menu .borderRadiusBtm .ddChild {
width: 200px;
left: -147px;
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, sans-serif !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, sans-serif !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;
}
/*****************************************************/
/**** Styles for raw select widgets, for a better ****/
/**** temporary look while the DOM is rendering ****/
/*****************************************************/
select:not([multiple]).hpui-select {
height: 36px;
color: #B3B3B3;
font-size: 16px;
line-height: 22px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
padding-left: 6px;
border: 2px solid #CCCCCC;
padding-bottom: 1px;
background-color: #FFFFFF;
-webkit-appearance: none;
-moz-appearance: none;
}
select:not([multiple]).hpui-slim-select,
select.hpui-sort-menu {
height: 26px;
color: #B3B3B3;
font-size: 14px;
line-height: 18px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
padding-left: 4px;
border: 2px solid #CCCCCC;
padding-bottom: 1px;
background-color: #FFFFFF;
-webkit-appearance: none;
-moz-appearance: none;
}
select.hpui-filter-menu,
select.hpui-action-menu {
height: 26px;
color: #B3B3B3;
font-size: 14px;
line-height: 18px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
padding-left: 4px;
border: 2px none #CCCCCC;
padding-bottom: 1px;
background-color: #FFFFFF;
-webkit-appearance: none;
-moz-appearance: none;
}
select.hpui-critical-link-menu {
height: 36px;
color: #FFFFFF;
font-size: 16px;
line-height: 22px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: bold;
padding-left: 9px;
border: 2px solid #D7410B;
border-radius: 0 5px 0 5px;
padding-bottom: 0px;
background-color: #D7410B;
-webkit-appearance: none;
-moz-appearance: none;
}
select.hpui-primary-link-menu {
height: 36px;
color: #FFFFFF;
font-size: 16px;
line-height: 22px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: bold;
padding-left: 9px;
border: 2px solid #0096D6;
border-radius: 0 5px 0 5px;
padding-bottom: 0px;
background-color: #0096D6;
-webkit-appearance: none;
-moz-appearance: none;
}
select.hpui-secondary-link-menu {
height: 36px;
color: #FFFFFF;
font-size: 16px;
line-height: 22px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: bold;
padding-left: 9px;
border: 2px solid #767676;
border-radius: 0 5px 0 5px;
padding-bottom: 0px;
background-color: #767676;
-webkit-appearance: none;
-moz-appearance: none;
}
select[multiple].hpui-select {
color: #B3B3B3;
font-size: 16px;
line-height: 22px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
border: 2px solid #CCCCCC;
background-color: #FFFFFF;
-webkit-appearance: none;
-moz-appearance: none;
}
select[multiple].hpui-slim-select {
color: #B3B3B3;
font-size: 14px;
line-height: 18px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
border: 2px solid #CCCCCC;
background-color: #FFFFFF;
-webkit-appearance: none;
-moz-appearance: none;
}
select[multiple].hpui-select option {
border-top: 1px solid #CCCCCC;
padding-left: 10px;
padding-top: 7px;
height: 27px;
}
select[multiple].hpui-slim-select option {
border-top: 1px solid #CCCCCC;
padding-left: 8px;
padding-top: 5px;
height: 19px;
}
select[multiple].hpui-select option:first-child {
border-top: 0;
height: 28px;
}
select[multiple].hpui-slim-select option:first-child {
border-top: 0;
height: 20px;
}
select[disabled].hpui-select,
select[readonly].hpui-select,
select[disabled].hpui-slim-select,
select[readonly].hpui-slim-select,
select[disabled].hpui-sort-menu,
select[readonly].hpui-sort-menu {
color: #B3B3B3 !important;
background-color: #E5E5E5 !important;
border: 2px solid #CCCCCC !important;
}
select[disabled].hpui-filter-menu,
select[readonly].hpui-filter-menu,
select[disabled].hpui-action-menu,
select[readonly].hpui-action-menu {
color: #B3B3B3 !important;
background-color: #FFFFFF !important;
border: 2px none #FFFFFF !important
}
/****** end HPE dropdowns CSS (dropdowns.css) ******/
/****** begin HPE expand-collapse CSS (expand-collapse.css) ******/
/*** HPE disclosures ***/
/* HPE disclosure header */
div.hpui-disclosures > div.hpui-heading {
padding: 20px 20px 10px 18px;
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, sans-serif;
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, sans-serif;
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;
}
/*** HPE expand-collapse trees ***/
/* Custom styles */
div.hpui-tree-container {
border: 2px solid #CCCCCC;
overflow: hidden;
padding-bottom: 17px;
padding-right: 17px;
background-color: white;
}
div.hpui-tree-container .ui-icon {
background-image: none;
}
div.hpui-tree {
width: 100%;
height: 100%;
padding: 0.5em;
overflow: auto;
display: none;
}
div.hpui-tree .jstree-container-ul {
list-style-type: none;
padding: 0px;
margin-top: 0px;
}
/* jsTree custom styles for primary expandable trees */
div.hpui-tree-container.hpui-primary-text1,
div.hpui-tree-container.hpui-primary-text2,
div.hpui-tree-container.hpui-primary-text3,
.hpui-primary-text1 div.hpui-tree-container,
.hpui-primary-text2 div.hpui-tree-container,
.hpui-primary-text3 div.hpui-tree-container {
padding-top: 2px;
}
div.hpui-tree.hpui-primary-text1 .jstree-container-ul,
div.hpui-tree.hpui-primary-text2 .jstree-container-ul,
div.hpui-tree.hpui-primary-text3 .jstree-container-ul,
.hpui-primary-text1 div.hpui-tree .jstree-container-ul,
.hpui-primary-text2 div.hpui-tree .jstree-container-ul,
.hpui-primary-text3 div.hpui-tree .jstree-container-ul {
margin-left: -31px;
}
.hpui-primary-text1 .jstree-container-ul ul,
.hpui-primary-text2 .jstree-container-ul ul,
.hpui-primary-text3 .jstree-container-ul ul {
list-style-type: none;
margin: 0px 5px 0px 4px;
padding: 0px;
}
div.hpui-tree.hpui-primary-text1 ul > li,
div.hpui-tree.hpui-primary-text2 ul > li,
div.hpui-tree.hpui-primary-text3 ul > li,
.hpui-primary-text1 div.hpui-tree ul > li,
.hpui-primary-text2 div.hpui-tree ul > li,
.hpui-primary-text3 div.hpui-tree ul > li {
padding: 0px;
}
.hpui-primary-text1 .jstree-container-ul > .jstree-node > .jstree-anchor,
.hpui-primary-text2 .jstree-container-ul > .jstree-node > .jstree-anchor,
.hpui-primary-text3 .jstree-container-ul > .jstree-node > .jstree-anchor {
padding-left: 33px;
}
.hpui-primary-text1 a[href].jstree-anchor,
.hpui-primary-text1 a[href].jstree-anchor:hover,
.hpui-primary-text1 a[href].jstree-anchor:visited,
.jstree-node.hpui-primary-text1 a[href].jstree-anchor,
.jstree-node.hpui-primary-text1 a[href].jstree-anchor:hover,
.jstree-node.hpui-primary-text1 a[href].jstree-anchor:visited,
.jstree-children.hpui-primary-text1 a[href].jstree-anchor,
.jstree-children.hpui-primary-text1 a[href].jstree-anchor:hover,
.jstree-children.hpui-primary-text1 a[href].jstree-anchor:visited {
/* text-decoration: none; */
cursor: pointer;
color: #000000;
}
.hpui-primary-text2 a[href].jstree-anchor,
.hpui-primary-text2 a[href].jstree-anchor:hover,
.hpui-primary-text2 a[href].jstree-anchor:visited,
.jstree-node.hpui-primary-text2 a[href].jstree-anchor,
.jstree-node.hpui-primary-text2 a[href].jstree-anchor:hover,
.jstree-node.hpui-primary-text2 a[href].jstree-anchor:visited,
.jstree-children.hpui-primary-text2 a[href].jstree-anchor,
.jstree-children.hpui-primary-text2 a[href].jstree-anchor:hover,
.jstree-children.hpui-primary-text2 a[href].jstree-anchor:visited {
/* text-decoration: none; */
cursor: pointer;
color: #5A5A5A;
}
.hpui-primary-text3 a[href].jstree-anchor,
.hpui-primary-text3 a[href].jstree-anchor:hover,
.hpui-primary-text3 a[href].jstree-anchor:visited,
.jstree-node.hpui-primary-text3 a[href].jstree-anchor,
.jstree-node.hpui-primary-text3 a[href].jstree-anchor:hover,
.jstree-node.hpui-primary-text3 a[href].jstree-anchor:visited,
.jstree-children.hpui-primary-text3 a[href].jstree-anchor,
.jstree-children.hpui-primary-text3 a[href].jstree-anchor:hover,
.jstree-children.hpui-primary-text3 a[href].jstree-anchor:visited {
/* text-decoration: none; */
cursor: pointer;
color: #767676;
}
.hpui-primary-text1.jstree-default .jstree-anchor > .jstree-icon,
.hpui-primary-text2.jstree-default .jstree-anchor > .jstree-icon,
.hpui-primary-text3.jstree-default .jstree-anchor > .jstree-icon,
.hpui-primary-text1 .jstree-default .jstree-anchor > .jstree-icon,
.hpui-primary-text2 .jstree-default .jstree-anchor > .jstree-icon,
.hpui-primary-text3 .jstree-default .jstree-anchor > .jstree-icon {
height: 18px !important;
width: 28px !important;
}
.hpui-primary-text1.jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-primary-text2.jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-primary-text3.jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-primary-text1 .jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-primary-text2 .jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-primary-text3 .jstree-default .jstree-open > .jstree-anchor > .jstree-icon {
background-image: url(../images/list_icons.png);
background-position: 0 -63px;
}
.hpui-primary-text1.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text2.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text3.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text1.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text2.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text3.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text1 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text2 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text3 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text1 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text2 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text3 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus {
background-position: 0 -193px;
}
.hpui-primary-text1.jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-primary-text2.jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-primary-text3.jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-primary-text1 .jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-primary-text2 .jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-primary-text3 .jstree-default .jstree-closed > .jstree-anchor > .jstree-icon {
background-image: url(../images/list_icons.png);
background-position: 0 -323px;
}
.hpui-primary-text1.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text2.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text3.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text1.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text2.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text3.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text1 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text2 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text3 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-primary-text1 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text2 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-primary-text3 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus {
background-position: 0 -453px;
}
.hpui-primary-text1.jstree-default .jstree-node > .jstree-icon,
.hpui-primary-text2.jstree-default .jstree-node > .jstree-icon,
.hpui-primary-text3.jstree-default .jstree-node > .jstree-icon,
.hpui-primary-text1 .jstree-default .jstree-node > .jstree-icon,
.hpui-primary-text2 .jstree-default .jstree-node > .jstree-icon,
.hpui-primary-text3 .jstree-default .jstree-node > .jstree-icon {
background-image: url(../images/elbow.png);
background-position: 3px -7px;
height: 22px;
width: 31px;
line-height: 20px;
}
.hpui-primary-text1.jstree-default .jstree-node,
.hpui-primary-text2.jstree-default .jstree-node,
.hpui-primary-text3.jstree-default .jstree-node,
.hpui-primary-text1 .jstree-default .jstree-node,
.hpui-primary-text2 .jstree-default .jstree-node,
.hpui-primary-text3 .jstree-default .jstree-node {
background-image: url(../images/vertical.png);
background-position: -5px 0px;
background-repeat: repeat-y;
line-height: 18px;
}
.hpui-primary-text1.jstree-default .jstree-last,
.hpui-primary-text2.jstree-default .jstree-last,
.hpui-primary-text3.jstree-default .jstree-last,
.hpui-primary-text1 .jstree-default .jstree-last,
.hpui-primary-text2 .jstree-default .jstree-last,
.hpui-primary-text3 .jstree-default .jstree-last {
background-image: none;
}
.hpui-primary-text1.jstree-default .jstree-anchor,
.hpui-primary-text2.jstree-default .jstree-anchor,
.hpui-primary-text3.jstree-default .jstree-anchor,
.hpui-primary-text1 .jstree-default .jstree-anchor,
.hpui-primary-text2 .jstree-default .jstree-anchor,
.hpui-primary-text3 .jstree-default .jstree-anchor {
height: 18px;
line-height: 18px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 10px;
}
/* jsTree custom styles for secondary expandable trees */
div.hpui-tree-container.hpui-secondary-text1,
div.hpui-tree-container.hpui-secondary-text2,
div.hpui-tree-container.hpui-secondary-text3,
.hpui-secondary-text1 div.hpui-tree-container,
.hpui-secondary-text2 div.hpui-tree-container,
.hpui-secondary-text3 div.hpui-tree-container {
padding-top: 2px;
}
div.hpui-tree.hpui-secondary-text1 .jstree-container-ul,
div.hpui-tree.hpui-secondary-text2 .jstree-container-ul,
div.hpui-tree.hpui-secondary-text3 .jstree-container-ul,
.hpui-secondary-text1 div.hpui-tree .jstree-container-ul,
.hpui-secondary-text2 div.hpui-tree .jstree-container-ul,
.hpui-secondary-text3 div.hpui-tree .jstree-container-ul {
margin-left: -26px;
}
.hpui-secondary-text1 .jstree-container-ul ul,
.hpui-secondary-text2 .jstree-container-ul ul,
.hpui-secondary-text3 .jstree-container-ul ul {
list-style-type: none;
margin: -1px 5px 0px -1px;
padding: 0px;
}
div.hpui-tree.hpui-secondary-text1 ul > li,
div.hpui-tree.hpui-secondary-text2 ul > li,
div.hpui-tree.hpui-secondary-text3 ul > li,
.hpui-secondary-text1 div.hpui-tree ul > li,
.hpui-secondary-text2 div.hpui-tree ul > li,
.hpui-secondary-text3 div.hpui-tree ul > li {
padding: 0px;
}
.hpui-secondary-text1 .jstree-container-ul > .jstree-node > .jstree-anchor,
.hpui-secondary-text2 .jstree-container-ul > .jstree-node > .jstree-anchor,
.hpui-secondary-text3 .jstree-container-ul > .jstree-node > .jstree-anchor {
padding-left: 27px;
}
.hpui-secondary-text1 a[href].jstree-anchor,
.hpui-secondary-text1 a[href].jstree-anchor:hover,
.hpui-secondary-text1 a[href].jstree-anchor:visited,
.jstree-node.hpui-secondary-text1 a[href].jstree-anchor,
.jstree-node.hpui-secondary-text1 a[href].jstree-anchor:hover,
.jstree-node.hpui-secondary-text1 a[href].jstree-anchor:visited,
.jstree-children.hpui-secondary-text1 a[href].jstree-anchor,
.jstree-children.hpui-secondary-text1 a[href].jstree-anchor:hover,
.jstree-children.hpui-secondary-text1 a[href].jstree-anchor:visited {
/* text-decoration: none; */
cursor: pointer;
color: #000000;
}
.hpui-secondary-text2 a[href].jstree-anchor,
.hpui-secondary-text2 a[href].jstree-anchor:hover,
.hpui-secondary-text2 a[href].jstree-anchor:visited,
.jstree-node.hpui-secondary-text2 a[href].jstree-anchor,
.jstree-node.hpui-secondary-text2 a[href].jstree-anchor:hover,
.jstree-node.hpui-secondary-text2 a[href].jstree-anchor:visited,
.jstree-children.hpui-secondary-text2 a[href].jstree-anchor,
.jstree-children.hpui-secondary-text2 a[href].jstree-anchor:hover,
.jstree-children.hpui-secondary-text2 a[href].jstree-anchor:visited {
/* text-decoration: none; */
cursor: pointer;
color: #5A5A5A;
}
.hpui-secondary-text3 a[href].jstree-anchor,
.hpui-secondary-text3 a[href].jstree-anchor:hover,
.hpui-secondary-text3 a[href].jstree-anchor:visited,
.jstree-node.hpui-secondary-text3 a[href].jstree-anchor,
.jstree-node.hpui-secondary-text3 a[href].jstree-anchor:hover,
.jstree-node.hpui-secondary-text3 a[href].jstree-anchor:visited,
.jstree-children.hpui-secondary-text3 a[href].jstree-anchor,
.jstree-children.hpui-secondary-text3 a[href].jstree-anchor:hover,
.jstree-children.hpui-secondary-text3 a[href].jstree-anchor:visited {
/* text-decoration: none; */
cursor: pointer;
color: #767676;
}
.hpui-secondary-text1.jstree-default .jstree-anchor > .jstree-icon,
.hpui-secondary-text2.jstree-default .jstree-anchor > .jstree-icon,
.hpui-secondary-text3.jstree-default .jstree-anchor > .jstree-icon,
.hpui-secondary-text1 .jstree-default .jstree-anchor > .jstree-icon,
.hpui-secondary-text2 .jstree-default .jstree-anchor > .jstree-icon,
.hpui-secondary-text3 .jstree-default .jstree-anchor > .jstree-icon {
height: 16px !important;
width: 22px !important;
}
.hpui-secondary-text1.jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-secondary-text2.jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-secondary-text3.jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-secondary-text1 .jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-secondary-text2 .jstree-default .jstree-open > .jstree-anchor > .jstree-icon,
.hpui-secondary-text3 .jstree-default .jstree-open > .jstree-anchor > .jstree-icon {
background-image: url(../images/list_icons.png);
background-position: 0 1px;
}
.hpui-secondary-text1.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text2.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text3.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text1.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text2.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text3.jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text1 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text2 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text3 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text1 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text2 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text3 .jstree-default .jstree-open > .jstree-anchor>.jstree-icon:focus {
background-position: 0 -129px;
}
.hpui-secondary-text1.jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-secondary-text2.jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-secondary-text3.jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-secondary-text1 .jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-secondary-text2 .jstree-default .jstree-closed > .jstree-anchor > .jstree-icon,
.hpui-secondary-text3 .jstree-default .jstree-closed > .jstree-anchor > .jstree-icon {
background-image: url(../images/list_icons.png);
background-position: 0 -259px;
}
.hpui-secondary-text1.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text2.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text3.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text1.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text2.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text3.jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text1 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text2 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text3 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:hover,
.hpui-secondary-text1 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text2 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus,
.hpui-secondary-text3 .jstree-default .jstree-closed > .jstree-anchor>.jstree-icon:focus {
background-position: 0 -389px;
}
.hpui-secondary-text1.jstree-default .jstree-node > .jstree-icon,
.hpui-secondary-text2.jstree-default .jstree-node > .jstree-icon,
.hpui-secondary-text3.jstree-default .jstree-node > .jstree-icon,
.hpui-secondary-text1 .jstree-default .jstree-node > .jstree-icon,
.hpui-secondary-text2 .jstree-default .jstree-node > .jstree-icon,
.hpui-secondary-text3 .jstree-default .jstree-node > .jstree-icon {
background-image: url(../images/elbow.png);
background-position: 1px -10px;
height: 18px;
width: 25px;
line-height: 18px;
}
.hpui-secondary-text1.jstree-default .jstree-node,
.hpui-secondary-text2.jstree-default .jstree-node,
.hpui-secondary-text3.jstree-default .jstree-node,
.hpui-secondary-text1 .jstree-default .jstree-node,
.hpui-secondary-text2 .jstree-default .jstree-node,
.hpui-secondary-text3 .jstree-default .jstree-node {
background-image: url(../images/vertical.png);
background-position: -7px 1px;
background-repeat: repeat-y;
line-height: 16px;
margin-top: -2px ;
margin-bottom: 0px;
}
.hpui-secondary-text1.jstree-default .jstree-last,
.hpui-secondary-text2.jstree-default .jstree-last,
.hpui-secondary-text3.jstree-default .jstree-last,
.hpui-secondary-text1 .jstree-default .jstree-last,
.hpui-secondary-text2 .jstree-default .jstree-last,
.hpui-secondary-text3 .jstree-default .jstree-last {
background-image: none;
}
.hpui-secondary-text1.jstree-default .jstree-anchor,
.hpui-secondary-text2.jstree-default .jstree-anchor,
.hpui-secondary-text3.jstree-default .jstree-anchor,
.hpui-secondary-text1 .jstree-default .jstree-anchor,
.hpui-secondary-text2 .jstree-default .jstree-anchor,
.hpui-secondary-text3 .jstree-default .jstree-anchor {
height: 16px;
line-height: 15px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 8px;
}
/* Checkboxes inside expandable tree */
li.hpui-checkbox-theme > a.jstree-anchor > span.hpui-checkbox {
width: 13px;
height: 13px;
margin-right: 5px;
margin-top: -3px;
display: inline-block;
border: 2px solid #CCCCCC;
vertical-align: middle;
background-color: white;
}
li.hpui-checkbox-theme > a.jstree-anchor > span.hpui-checkbox:hover,
li.hpui-checkbox-theme > a.jstree-anchor > span.hpui-checkbox:focus {
border: 2px solid #5A5A5A;
cursor: pointer;
}
li.hpui-checkbox-theme > a.jstree-anchor > span.hpui-checkbox.hpui-checked {
background-image: url('../images/expand_collapse_tree_icons.gif');
border: 2px solid #0092C1;
background-position: -65px -68px;
}
/* Filesystem icons inside expandable tree */
li.hpui-folder-theme.jstree-closed > a.jstree-anchor > span.hpui-folder {
width: 16px;
height: 16px;
margin-right: 5px;
margin-top: -3px;
display: inline-block;
vertical-align: middle;
background-image: url('../images/expand_collapse_tree_icons.gif');
background-position: -6px -34px;
}
li.hpui-folder-theme.jstree-open > a.jstree-anchor > span.hpui-folder {
width: 16px;
height: 16px;
margin-right: 5px;
margin-top: -3px;
display: inline-block;
vertical-align: middle;
background-image: url('../images/expand_collapse_tree_icons.gif');
background-position: -122px -34px;
}
/* Other jsTree custom styles */
.jstree-container-ul > .jstree-node,
.jstree-default .jstree-anchor > .jstree-icon {
background-image: none;
}
.jstree-container-ul > .jstree-node > .jstree-anchor {
margin-top: 0px;
}
.jstree-default .jstree-anchor > .jstree-icon {
margin-right: 0px;
vertical-align: top;
}
.jstree-default .jstree-hovered {
background-color: transparent !important;
box-shadow: none !important;
text-decoration: underline !important;
}
.jstree-default .jstree-clicked {
background-color: #F2F2F2 !important;
box-shadow: inset 0 0 1px #999 !important;
}
/****** 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, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
font-size: 16px;
line-height:22px;
color: #000;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
code.hpui-form-title,
.hpui-form-title code,
pre.hpui-form-title,
.hpui-form-title pre {
font-family: monospace;
}
/* Form description */
.hpui-form-description {
font-family:"HP Simplified", Arial, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #000000;
}
code.hpui-form-description,
.hpui-form-description code,
pre.hpui-form-description,
.hpui-form-description pre {
font-family: monospace;
}
/* Labels */
.hpui-label {
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #000000;
}
.hpui-label-required {
font-family:"HP Simplified", Arial, sans-serif;
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;
}
code.hpui-label,
code.hpui-label-required,
.hpui-label code,
.hpui-label-required code,
pre.hpui-label,
pre.hpui-label.required,
.hpui-label pre,
.hpui-label-required pre {
font-family: monospace;
}
/* Form legend */
.hpui-form-legend {
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #5A5A5A;
}
.hpui-form-legend .hpui-label,
.hpui-form-legend .hpui-label-required {
color: #5A5A5A;
}
code.hpui-form-legend,
.hpui-form-legend code,
pre.hpui-form-legend,
.hpui-form-legend pre {
font-family: monospace;
}
/* Form errors */
.hpui-form-errors {
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #FF0000 !important;
background-color: #F7D7D7;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 6px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.hpui-form-errors ul {
list-style-type: disc;
margin: 14px 0px 8px 0px;
padding: 0px 0px 0px 40px;
}
.hpui-form-errors ol {
list-style-type: decimal;
margin: 14px 0px 3px 0px;
padding: 0px 0px 0px 40px;
}
.hpui-form-errors ul li,
.hpui-form-errors ol li {
padding-top: 6px;
padding-bottom: 6px;
}
code.hpui-form-errors,
.hpui-form-errors code,
pre.hpui-form-errors,
.hpui-form-errors pre {
font-family: monospace;
}
/* Normal text inputs */
.hpui-default-text {
display: none;
}
input[type=text].hpui-input,
input[type=password].hpui-input {
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
font-size: 16px;
height: 32px;
line-height: 22px;
padding: 0px 10px;
margin: 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, sans-serif;
font-weight: normal;
height: 22px;
font-size: 14px;
line-height: 18px;
padding: 0px 10px;
margin: 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, sans-serif;
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 */
a.hpui-checkbox {
width: 13px;
height: 13px;
margin-right: 5px;
display: inline-block;
border: 2px solid #CCCCCC;
vertical-align: middle;
background-color: white;
}
a.hpui-checkbox:hover {
border: 2px solid #5A5A5A;
cursor: pointer;
}
a.hpui-checkbox:focus {
border: 2px solid #5A5A5A;
cursor: pointer;
}
a.hpui-checkbox.hpui-error {
border: 2px solid #FF0000;
}
a.hpui-checkbox.hpui-error:hover {
border: 2px solid #5A5A5A;
}
a.hpui-checkbox.hpui-error:focus {
border: 2px solid #5A5A5A;
}
a.hpui-checked.hpui-checkbox {
background-image: url('../images/checkbox_icons.png');
border: 2px solid #0092C1;
background-position: 0 0;
}
a.hpui-checked.hpui-checkbox.hpui-error {
background-position: 0 -63px;
width: 17px;
height: 17px;
border: 0 none;
}
a.hpui-disabled.hpui-checkbox,
a.hpui-readonly.hpui-checkbox {
cursor: default;
border: 2px solid #CCCCCC;
background-color: #E5E5E5;
}
a.hpui-disabled.hpui-checked.hpui-checkbox,
a.hpui-readonly.hpui-checked.hpui-checkbox {
background-position: 0 -130px;
width: 17px;
height: 17px;
border: 0 none;
}
input[type=checkbox].hpui-checkbox {
margin-right: 5px;
display: inline-block;
}
/* Radio buttons */
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;
}
a.hpui-radio:hover {
cursor: pointer;
background-position: 0 -402px;
}
a.hpui-radio:focus {
cursor: pointer;
background-position: 0 -402px;
}
a.hpui-radio.hpui-error {
background-position: 0 -268px;
}
a.hpui-radio.hpui-error:hover {
background-position: 0 -402px;
}
a.hpui-radio.hpui-error:focus {
background-position: 0 -402px;
}
a.hpui-checked.hpui-radio {
background-position: 0 0;
}
a.hpui-checked.hpui-radio.hpui-error {
background-position: 0 -335px;
}
a.hpui-disabled.hpui-radio,
a.hpui-readonly.hpui-radio {
background-position: 0 -134px;
cursor: default;
}
a.hpui-checked.hpui-disabled.hpui-radio,
a.hpui-checked.hpui-readonly.hpui-radio {
background-position: 0 -201px;
}
input[type=radio].hpui-radio {
margin-right: 5px;
display: inline-block;
}
/* File inputs */
input[type=file].hpui-file {
height: 36px;
color: #000000;
font-size: 16px;
line-height: 22px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
padding-left: 6px;
padding-bottom: 1px;
background-color: #FFFFFF;
vertical-align: middle;
cursor: pointer;
}
input[type=file].hpui-slim-file {
height: 26px;
color: #000000;
font-size: 14px;
line-height: 18px;
font-family: "HP Simplified", Arial, sans-serif;
font-weight: normal;
padding-left: 4px;
padding-bottom: 1px;
background-color: #FFFFFF;
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, sans-serif;
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, sans-serif;
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;
}
/* Remove "clear field" X button in IE browsers >= IE10 */
input[type=text].hpui-ms-clear::-ms-clear {
display: none;
}
/****** 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, sans-serif;
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 slim error status icon */
a.hpui-slim-error-icon,
div.hpui-slim-error-icon,
span.hpui-slim-error-icon {
background-image: url("../images/grid_block_red.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
}
div.hpui-slim-error-icon.hpui-primary-text1,
div.hpui-slim-error-icon.hpui-primary-text2,
div.hpui-slim-error-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 5px;
}
div.hpui-slim-error-icon.hpui-secondary-text1,
div.hpui-slim-error-icon.hpui-secondary-text2,
div.hpui-slim-error-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 4px;
}
div.hpui-slim-error-icon.hpui-footnote-text {
background-position: left top;
background-position-y: 2px;
}
/* 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 slim okay status icon */
a.hpui-slim-ok-icon,
div.hpui-slim-ok-icon,
span.hpui-slim-ok-icon {
background-image: url("../images/grid_block_normal.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
}
div.hpui-slim-ok-icon.hpui-primary-text1,
div.hpui-slim-ok-icon.hpui-primary-text2,
div.hpui-slim-ok-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 5px;
}
div.hpui-slim-ok-icon.hpui-secondary-text1,
div.hpui-slim-ok-icon.hpui-secondary-text2,
div.hpui-slim-ok-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 4px;
}
div.hpui-slim-ok-icon.hpui-footnote-text {
background-position: left top;
background-position-y: 2px;
}
/* HPE unknown/not applicable status icon */
a.hpui-unknown-icon,
div.hpui-unknown-icon,
span.hpui-unknown-icon,
a.hpui-na-icon,
div.hpui-na-icon,
span.hpui-na-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,
div.hpui-na-icon.hpui-primary-text1,
div.hpui-na-icon.hpui-primary-text2,
div.hpui-na-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,
div.hpui-na-icon.hpui-secondary-text1,
div.hpui-na-icon.hpui-secondary-text2,
div.hpui-na-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-unknown-icon.hpui-footnote-text,
div.hpui-na-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* HPE slim unknown status icon */
a.hpui-slim-unknown-icon,
div.hpui-slim-unknown-icon,
span.hpui-slim-unknown-icon,
a.hpui-slim-na-icon,
div.hpui-slim-na-icon,
span.hpui-slim-na-icon {
background-image: url("../images/grid_block_c.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
}
div.hpui-slim-unknown-icon.hpui-primary-text1,
div.hpui-slim-unknown-icon.hpui-primary-text2,
div.hpui-slim-unknown-icon.hpui-primary-text3,
div.hpui-slim-na-icon.hpui-primary-text1,
div.hpui-slim-na-icon.hpui-primary-text2,
div.hpui-slim-na-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 5px;
}
div.hpui-slim-unknown-icon.hpui-secondary-text1,
div.hpui-slim-unknown-icon.hpui-secondary-text2,
div.hpui-slim-unknown-icon.hpui-secondary-text3,
div.hpui-slim-na-icon.hpui-secondary-text1,
div.hpui-slim-na-icon.hpui-secondary-text2,
div.hpui-slim-na-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 4px;
}
div.hpui-slim-unknown-icon.hpui-footnote-text,
div.hpui-slim-na-icon.hpui-footnote-text {
background-position: left top;
background-position-y: 2px;
}
/* HPE warning status icon */
/* HPE slim warning status icon - currently same */
a.hpui-warn-icon,
div.hpui-warn-icon,
span.hpui-warn-icon,
a.hpui-slim-warn-icon,
div.hpui-slim-warn-icon,
span.hpui-slim-warn-icon {
background-image: url("../images/summary_list_issues.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 9px;
}
div.hpui-warn-icon.hpui-primary-text1,
div.hpui-warn-icon.hpui-primary-text2,
div.hpui-warn-icon.hpui-primary-text3,
div.hpui-slim-warn-icon.hpui-primary-text1,
div.hpui-slim-warn-icon.hpui-primary-text2,
div.hpui-slim-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,
div.hpui-slim-warn-icon.hpui-secondary-text1,
div.hpui-slim-warn-icon.hpui-secondary-text2,
div.hpui-slim-warn-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-warn-icon.hpui-footnote-text,
div.hpui-slim-warn-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
/* All HPE status icons together */
a.hpui-ok-icon:hover,
a.hpui-error-icon:hover,
a.hpui-unknown-icon:hover,
a.hpui-warn-icon:hover,
a.hpui-na-icon:hover,
a.hpui-slim-ok-icon:hover,
a.hpui-slim-error-icon:hover,
a.hpui-slim-unknown-icon:hover,
a.hpui-slim-warn-icon:hover,
a.hpui-slim-na-icon:hover {
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:hover,
a.hpui-help-icon:hover {
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_Forums.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:hover {
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:hover {
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:hover {
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_SupportCases.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:hover {
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:hover {
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:hover {
cursor: pointer;
text-decoration: underline;
}
/* HPE computer (laptop) icon */
a.hpui-laptop-icon,
div.hpui-laptop-icon,
span.hpui-laptop-icon {
background-image: url("../images/icon_laptop.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
div.hpui-laptop-icon.hpui-primary-text1,
div.hpui-laptop-icon.hpui-primary-text2,
div.hpui-laptop-icon.hpui-primary-text3 {
background-position: left top;
background-position-y: 3px;
}
div.hpui-laptop-icon.hpui-secondary-text1,
div.hpui-laptop-icon.hpui-secondary-text2,
div.hpui-laptop-icon.hpui-secondary-text3 {
background-position: left top;
background-position-y: 1px;
}
div.hpui-laptop-icon.hpui-footnote-text {
background-position: left top;
background-position-y: -1px;
}
a.hpui-laptop-icon:hover {
cursor: pointer;
text-decoration: underline;
}
/* HPE lock icon */
a.hpui-lock-icon,
div.hpui-lock-icon,
span.hpui-lock-icon {
background-image: url('../images/icon_LockLocked.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 13px;
}
a.hpui-lock-icon.hpui-inverse-text,
div.hpui-lock-icon.hpui-inverse-text,
span.hpui-lock-icon.hpui-inverse-text,
.hpui-inverse-text a.hpui-lock-icon,
.hpui-inverse-text div.hpui-lock-icon,
.hpui-inverse-text span.hpui-lock-icon {
background-image: url('../images/icon_LockLocked_white.png');
}
div.hpui-lock-icon.hpui-primary-text1,
div.hpui-lock-icon.hpui-primary-text2,
div.hpui-lock-icon.hpui-primary-text3 {
background-position: right top;
background-position-y: 3px;
}
div.hpui-lock-icon.hpui-secondary-text1,
div.hpui-lock-icon.hpui-secondary-text2,
div.hpui-lock-icon.hpui-secondary-text3 {
background-position: right top;
background-position-y: 1px;
}
div.hpui-lock-icon.hpui-footnote-text {
background-position: right top;
background-position-y: -1px;
}
a.hpui-lock-icon:hover {
cursor: pointer;
text-decoration: underline;
}
/* HPE favorite icon */
a.hpui-favorite-icon,
div.hpui-favorite-icon,
span.hpui-favorite-icon {
background-image: url('../images/favorite.png');
background-repeat: no-repeat;
/* background-position: left;
padding-left: 7px; */
background-position: right;
padding-right: 18px;
}
a.hpui-favorite-icon.hpui-inverse-text,
div.hpui-favorite-icon.hpui-inverse-text,
span.hpui-favorite-icon.hpui-inverse-text,
.hpui-inverse-text a.hpui-favorite-icon,
.hpui-inverse-text div.hpui-favorite-icon,
.hpui-inverse-text span.hpui-favorite-icon {
background-image: url('../images/favorite_white_12x12.png');
}
div.hpui-favorite-icon.hpui-primary-text1,
div.hpui-favorite-icon.hpui-primary-text2,
div.hpui-favorite-icon.hpui-primary-text3 {
background-position: right top;
background-position-y: 3px;
}
div.hpui-favorite-icon.hpui-secondary-text1,
div.hpui-favorite-icon.hpui-secondary-text2,
div.hpui-favorite-icon.hpui-secondary-text3 {
background-position: right top;
background-position-y: 1px;
}
div.hpui-favorite-icon.hpui-footnote-text {
background-position: right top;
background-position-y: -1px;
}
a.hpui-favorite-icon:hover {
cursor: pointer;
text-decoration: underline;
}
/* HPE Grid Blocks styles */
a.hpui-red-circle-icon,
div.hpui-red-circle-icon,
span.hpui-red-circle-icon {
background-image: url("../images/grid_block_red.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 10px;
}
a.hpui-green-square-icon,
div.hpui-green-square-icon,
span.hpui-green-square-icon {
background-image: url("../images/grid_block_normal.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 10px;
}
a.hpui-gray-circle-icon,
div.hpui-gray-circle-icon,
span.hpui-gray-circle-icon {
background-image: url("../images/grid_block_red_zero.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 10px;
}
a.hpui-gray-square-icon,
div.hpui-gray-square-icon,
span.hpui-gray-square-icon {
background-image: url("../images/grid_block_normal_zero.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 10px;
}
a.hpui-gray-diamond-icon,
div.hpui-gray-diamond-icon,
span.hpui-gray-diamond-icon {
background-image: url("../images/grid_block_c.png");
background-repeat: no-repeat;
background-position: left;
padding-left: 10px;
}
/****** end HPE icons CSS (icons.css) ******/
/****** begin HPE links CSS (links.css) ******/
/*** HPE footnote links ***/
/* HPE inline internal (including description, 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-description-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-description-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-description-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-description-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-description-link: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-description-link: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 description and function) links ***/
a.hpui-standalone-internal-link,
a.hpui-standalone-description-link,
a.hpui-standalone-function-link {
font-size: 14px;
line-height: 18px;
}
a.hpui-standalone-internal-link,
a.hpui-standalone-description-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, sans-serif;
color: #007DBA;
text-decoration: none;
}
a.hpui-standalone-internal-link:hover,
a.hpui-standalone-description-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,
a.hpui-standalone-description-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 description, 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-description-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-description-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-description-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-description-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-description-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-description-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-description-link:hover,
.hpui-primary-text2 a.hpui-description-link:hover,
.hpui-primary-text3 a.hpui-description-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-description-link:hover,
a.hpui-primary-text2.hpui-description-link:hover,
a.hpui-primary-text3.hpui-description-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-description-link:visited,
.hpui-primary-text2 a.hpui-description-link:visited,
.hpui-primary-text3 a.hpui-description-link: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-description-link:visited,
a.hpui-primary-text2.hpui-description-link:visited,
a.hpui-primary-text3.hpui-description-link: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-description-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-description-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-description-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-description-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-description-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-description-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-description-link:hover,
.hpui-secondary-text2 a.hpui-description-link:hover,
.hpui-secondary-text3 a.hpui-description-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-description-link:hover,
a.hpui-secondary-text2.hpui-description-link:hover,
a.hpui-secondary-text3.hpui-description-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,
.hpui-secondary-text1 a.hpui-description-link:visited,
.hpui-secondary-text2 a.hpui-description-link:visited,
.hpui-secondary-text3 a.hpui-description-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,
a.hpui-secondary-text1.hpui-description-link:visited,
a.hpui-secondary-text2.hpui-description-link:visited,
a.hpui-secondary-text3.hpui-description-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 callout, description, function and help) links */
/* Note: HPE uses same styles as primary for these */
a.hpui-help-link,
a.hpui-function-link,
a.hpui-description-link,
a.hpui-internal-link {
color: #007DBA;
text-decoration: none;
}
a.hpui-help-link:hover,
a.hpui-function-link:hover,
a.hpui-description-link:hover,
a.hpui-internal-link:hover {
text-decoration: underline;
cursor: pointer;
}
a.hpui-internal-link:visited,
a.hpui-description-link:visited {
color: #822980;
}
a.hpui-help-link:visited,
a.hpui-function-link:visited {
color: #007DBA !important;
}
a.hpui-callout-link,
a.hpui-callout-link:visited {
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 {
cursor: pointer;
}
a.hpui-callout-link.hpui-heading,
a.hpui-callout-link.hpui-subheading {
display: inline-block;
}
/*** HPE standalone contextual-help link ***/
a.hpui-standalone-help-link,
a.hpui-standalone-help-link:visited {
font-family: "HP Simplified", Arial, sans-serif;
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 standalone dynamic callout link ***/
a.hpui-standalone-callout-link,
a.hpui-standalone-callout-link:visited {
font-family: "HP Simplified", Arial, sans-serif;
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-standalone-callout-link:hover {
cursor: pointer;
}
a.hpui-standalone-callout-link.hpui-heading,
a.hpui-standalone-callout-link.hpui-subheading {
display: inline-block;
}
/*** HPE standalone external links ***/
a.hpui-standalone-external-link {
font-family: "HP Simplified", Arial, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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;
}
.hpui-arrow-top.hpui-arrow-hover {
background-position: 0 -180px !important;
}
.hpui-arrow-bottom.hpui-arrow-hover {
background-position: 0 -120px !important;
}
/*** 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, sans-serif;
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, sans-serif;
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, sans-serif;
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;
padding-bottom: 0px;
}
.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;
padding-bottom: 0px;
}
.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 mega-menu CSS (mega-menu.css) ******/
div.hpui-mega-menu {
position: relative;
width: 1000px;
background-color: white;
}
div.hpui-mega-menu ul {
list-style-type: none;
padding: 0px;
margin: 0px;
display: none; /* initially no display to prevent flicker during load */
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text {
float: left;
margin-left: 30px;
max-width: 180px;
padding: 0px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text a.hpui-arrow-down-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-text span.hpui-arrow-down-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-arrow-down-icon {
background: url('../images/chevron.png') 100% 50% no-repeat;
padding-right: 19px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon ul,
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content,
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul,
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > div.hpui-secondary-vertical-divider {
display: none;
}
/* note: ul:first-child is the level-2 menu, the other ul are the level-3 menus */
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul:first-child {
display: block;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content {
position: absolute;
padding-top: 16px;
border: 2px solid;
border-color: #CCCCCC #CCCCCC #0096d6;
background-color: #ffffff;
z-index: 9999;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content.hpui-active {
width: 501px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul {
float: left;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul > li {
margin-top: 5px;
margin-bottom: 5px;
width: 210px;
padding: 0px 20px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul:first-child > li {
width: 210px;
padding: 4px 20px;
margin-bottom: 9px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > div.hpui-arrow-up {
background: url("../images/up_arrow.png") no-repeat;
background-position: -1px -1px;
height: 15px;
left: 12px;
position: absolute;
top: -13px;
width: 20px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul:first-child > li.hpui-submenu {
background: url("../images/greyArrow.png") 92% 50% no-repeat;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul:first-child > li.hpui-submenu.hpui-active {
background: #007DBA url("../images/whiteArrow.png") 92% 50% no-repeat;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul:first-child > li.hpui-submenu.hpui-active a.hpui-secondary-text1 {
color: #FFFFFF;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul > li a:hover {
color: #007DBA;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > div.hpui-secondary-vertical-divider {
float: left;
margin: 5px 0 0;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-underline.hpui-active {
height:4px;
margin-top:11px;
background-color: #0096d6;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text table tr td > a:visited {
color: #767676;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text.hpui-active table tr td > .hpui-primary-text3,
div.hpui-mega-menu > ul > li.hpui-mega-menu-text.hpui-active .hpui-primary-text3 > .hpui-secondary-text3 {
color: #000000 !important;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text a.hpui-primary-text3:hover,
div.hpui-mega-menu > ul > li.hpui-mega-menu-text a.hpui-primary-text3:hover span.hpui-secondary-text3 {
color: #007DBA;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text.hpui-first {
margin-left:18px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul > li.hpui-first {
padding-top: 4px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul > li.hpui-last {
margin-bottom: 16px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon {
float:right;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon ul li.hpui-mega-menu-icon {
float: left;
margin-left: 10px;
height: 20px;
cursor: pointer;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon ul li.hpui-mega-menu-icon.hpui-last {
margin-right: 18px;
}
div.hpui-mega-menu > ul > li.hpui-underline {
clear : both;
padding-top: 0px;
}
div.hpui-mega-menu > ul > li.hpui-underline > div.hpui-secondary-horizontal-divider {
margin-top: 0px;
margin-bottom: 0px;
}
div.hpui-mega-menu > ul div.hpui-content > ul > li > div.hpui-secondary-horizontal-divider {
margin-top: 6px;
margin-bottom: 6px;
}
div.hpui-mega-menu > ul div.hpui-content > ul:first-child > li > div.hpui-secondary-horizontal-divider {
margin-top: 0px;
margin-bottom: 0px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon a.hpui-refresh-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon span.hpui-refresh-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon div.hpui-refresh-icon {
background: url('../images/icon_refresh.png') 50% 50% no-repeat;
display: block;
width: 20px;
height: 20px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon a.hpui-settings-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon span.hpui-settings-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon div.hpui-settings-icon {
background: url('../images/icon_settings.png') 50% 50% no-repeat;
display:block;
width:20px;
height:20px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon a.hpui-help-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon span.hpui-help-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon div.hpui-help-icon {
background: url('../images/icon_help.png') 50% 50% no-repeat;
display:block;
width:20px;
height:20px;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon a.hpui-reports-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon span.hpui-reports-icon,
div.hpui-mega-menu > ul > li.hpui-mega-menu-icon div.hpui-reports-icon {
background: url('../images/icon_report.png') 50% 50% no-repeat;
display:block;
width:20px;
height:20px;
}
/*resolve conflict with other CSS file*/
div.hpui-mega-menu .hpui-primary-text3 {
color: #767676;
}
div.hpui-mega-menu > ul > li.hpui-mega-menu-text a:hover {
cursor: pointer;
text-decoration: none;
}
div.hpui-mega-menu a.hpui-secondary-text1[href],
div.hpui-mega-menu a.hpui-secondary-text1[disabled] {
color: #000000;
margin-right: 8px;
}
/* HPE lock icon */
div.hpui-mega-menu > ul > li.hpui-mega-menu-text div.hpui-content > ul .hpui-lock-icon {
margin-left: -8px;
}
/****** end HPE mega-menus CSS (mega-menus.css) ******/
/****** begin HPE miscellaneous CSS (miscellaneous.css) ******/
/*** HPE service summary views ***/
/* HPE service summary views - miscellaneous */
.hpui-service-summary-number {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: bold;
color: #5A5A5A;
}
/* HPE service summary views - title bar */
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 views - content */
table.hpui-device-summary-content,
table.hpui-event-summary-content,
table.hpui-case-summary-content,
table.hpui-entitlement-summary-content,
table.hpui-config-summary-content,
table.hpui-contact-summary-content {
width: 308px;
}
table.hpui-service-summary-content tr td,
table.hpui-device-summary-content tr td,
table.hpui-event-summary-content tr td,
table.hpui-case-summary-content tr td,
table.hpui-entitlement-summary-content tr td,
table.hpui-config-summary-content tr td,
table.hpui-contact-summary-content tr td {
border-top: 1px solid #CCCCCC;
}
table.hpui-service-summary-content tr td {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
}
table.hpui-config-summary-content tr td,
table.hpui-contact-summary-content tr td {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
table.hpui-device-summary-content tr td,
table.hpui-event-summary-content tr td,
table.hpui-case-summary-content tr td,
table.hpui-entitlement-summary-content tr td {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
}
table.hpui-service-summary-content tr td:first-child,
table.hpui-device-summary-content tr td:first-child,
table.hpui-event-summary-content tr td:first-child,
table.hpui-case-summary-content tr td:first-child,
table.hpui-entitlement-summary-content tr td:first-child,
table.hpui-contact-summary-content tr td:first-child {
padding-right: 0px;
}
table.hpui-service-summary-content tr td[colspan]:first-child,
table.hpui-device-summary-content tr td[colspan]:first-child,
table.hpui-event-summary-content tr td[colspan]:first-child,
table.hpui-case-summary-content tr td[colspan]:first-child,
table.hpui-entitlement-summary-content tr td[colspan]:first-child,
table.hpui-config-summary-content tr td[colspan]:first-child,
table.hpui-contact-summary-content tr td[colspan]:first-child {
padding-right: 10px;
}
table.hpui-device-summary-content tr td:first-child,
table.hpui-event-summary-content tr td:first-child,
table.hpui-case-summary-content tr td:first-child,
table.hpui-entitlement-summary-content tr td:first-child {
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
}
table.hpui-device-summary-content tr.hpui-service-summary-subtitle td,
table.hpui-event-summary-content tr.hpui-service-summary-subtitle td,
table.hpui-case-summary-content tr.hpui-service-summary-subtitle td,
table.hpui-entitlement-summary-content tr.hpui-service-summary-subtitle td {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
height: 30px;
}
table.hpui-device-summary-content tr.hpui-service-summary-subtitle td .hpui-service-summary-number,
table.hpui-event-summary-content tr.hpui-service-summary-subtitle td .hpui-service-summary-number,
table.hpui-case-summary-content tr.hpui-service-summary-subtitle td .hpui-service-summary-number,
table.hpui-entitlement-summary-content tr.hpui-service-summary-subtitle td .hpui-service-summary-number {
color: #000;
}
table.hpui-device-summary-content tr.hpui-service-summary-button-row td,
table.hpui-event-summary-content tr.hpui-service-summary-button-row td,
table.hpui-case-summary-content tr.hpui-service-summary-button-row td,
table.hpui-entitlement-summary-content tr.hpui-service-summary-button-row td {
padding-top: 12px;
padding-bottom: 10px;
padding-left: 10px;
}
table.hpui-device-summary-content tr.hpui-service-summary-button-row td .hpui-top-align,
table.hpui-event-summary-content tr.hpui-service-summary-button-row td .hpui-top-align,
table.hpui-case-summary-content tr.hpui-service-summary-button-row td .hpui-top-align,
table.hpui-entitlement-summary-content tr.hpui-service-summary-button-row td .hpui-top-align {
display: inline !important;
}
table.hpui-device-summary-content tr.hpui-service-summary-wide-row td:first-child,
table.hpui-event-summary-content tr.hpui-service-summary-wide-row td:first-child,
table.hpui-case-summary-content tr.hpui-service-summary-wide-row td:first-child,
table.hpui-entitlement-summary-content tr.hpui-service-summary-wide-row td:first-child {
padding-top: 9px;
padding-bottom: 9px;
padding-left: 10px;
}
table.hpui-device-summary-content tr.hpui-service-summary-wide-row td,
table.hpui-event-summary-content tr.hpui-service-summary-wide-row td,
table.hpui-case-summary-content tr.hpui-service-summary-wide-row td,
table.hpui-entitlement-summary-content tr.hpui-service-summary-wide-row td {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
}
table.hpui-device-summary-content tr td span.hpui-heading,
table.hpui-entitlement-summary-content tr td span.hpui-heading,
table.hpui-case-summary-content tr td span.hpui-heading,
table.hpui-event-summary-content tr td span.hpui-heading,
table.hpui-device-summary-content tr td div.hpui-heading,
table.hpui-entitlement-summary-content tr td div.hpui-heading,
table.hpui-case-summary-content tr td div.hpui-heading,
table.hpui-event-summary-content tr td div.hpui-heading {
margin-top: 0px;
margin-bottom: 0px;
}
table.hpui-contact-summary-content tr.hpui-service-summary-subtitle td:first-child {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
height: 30px;
}
table.hpui-contact-summary-content tr.hpui-service-summary-subtitle td {
padding-top: 18px;
padding-bottom: 18px;
padding-left: 10px;
height: 18px;
}
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,
table.hpui-config-summary-content tr.hpui-service-summary-subtitle td,
table.hpui-contact-summary-content tr.hpui-service-summary-subtitle td,
table.hpui-case-summary-content tr:first-child td,
table.hpui-entitlement-summary-content tr:first-child td,
table.hpui-device-summary-content tr:first-child td,
table.hpui-event-summary-content tr:first-child td {
border-top: 4px solid #CCCCCC;
}
table.hpui-service-summary-content tr td h1,
table.hpui-contact-summary-content tr td h1,
table.hpui-config-summary-content tr td h1,
table.hpui-device-summary-content tr td h1,
table.hpui-event-summary-content tr td h1,
table.hpui-case-summary-content tr td h1,
table.hpui-entitlement-summary-content tr td h1,
table.hpui-service-summary-content tr td h2,
table.hpui-contact-summary-content tr td h2,
table.hpui-config-summary-content tr td h2,
table.hpui-device-summary-content tr td h2,
table.hpui-event-summary-content tr td h2,
table.hpui-case-summary-content tr td h2,
table.hpui-entitlement-summary-content tr td h2,
table.hpui-service-summary-content tr td h3,
table.hpui-contact-summary-content tr td h3,
table.hpui-config-summary-content tr td h3,
table.hpui-device-summary-content tr td h3,
table.hpui-event-summary-content tr td h3,
table.hpui-case-summary-content tr td h3,
table.hpui-entitlement-summary-content tr td h3,
table.hpui-service-summary-content tr td h4,
table.hpui-contact-summary-content tr td h4,
table.hpui-config-summary-content tr td h4,
table.hpui-device-summary-content tr td h4,
table.hpui-event-summary-content tr td h4,
table.hpui-case-summary-content tr td h4,
table.hpui-entitlement-summary-content tr td h4,
table.hpui-service-summary-content tr td h5,
table.hpui-contact-summary-content tr td h5,
table.hpui-config-summary-content tr td h5,
table.hpui-device-summary-content tr td h5,
table.hpui-event-summary-content tr td h5,
table.hpui-case-summary-content tr td h5,
table.hpui-entitlement-summary-content tr td h5,
table.hpui-service-summary-content tr td h6,
table.hpui-contact-summary-content tr td h6,
table.hpui-config-summary-content tr td h6,
table.hpui-device-summary-content tr td h6,
table.hpui-event-summary-content tr td h6,
table.hpui-case-summary-content tr td h6,
table.hpui-entitlement-summary-content tr td h6 {
margin: 0px;
}
table.hpui-service-summary-content tr.hpui-service-summary-subtitle td,
table.hpui-device-summary-content tr.hpui-service-summary-subtitle td {
border-top: 4px solid #E5E8E8;
}
table.hpui-config-summary-content tr td table tr td {
border-top: 0px solid #CCCCCC;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
vertical-align: top;
}
table.hpui-config-summary-content tr td table tr td:first-child {
padding-right: 10px;
}
table.hpui-config-summary-content tr.hpui-service-summary-subtitle td {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
height: 24px;
}
table.hpui-service-summary-content tr[onclick]:hover,
table.hpui-service-summary-content tr[onclick]:focus,
table.hpui-config-summary-content tr[onclick]:hover,
table.hpui-config-summary-content tr[onclick]:focus,
table.hpui-contact-summary-content tr[onclick]:hover,
table.hpui-contact-summary-content tr[onclick]:focus,
table.hpui-device-summary-content tr[onclick]:hover,
table.hpui-device-summary-content tr[onclick]:focus,
table.hpui-case-summary-content tr[onclick]:hover,
table.hpui-case-summary-content tr[onclick]:focus,
table.hpui-event-summary-content tr[onclick]:hover,
table.hpui-event-summary-content tr[onclick]:focus,
table.hpui-entitlement-summary-content tr[onclick]:hover,
table.hpui-entitlement-summary-content tr[onclick]:focus {
background-color: #F2F2F2;
cursor: pointer;
}
table.hpui-contact-summary-content tr td .hpui-footnote-text {
line-height: 18px;
}
table.hpui-service-summary-content .hpui-service-summary-primary-text1 {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 32px;
line-height: 36px;
color: #000000;
}
table.hpui-service-summary-content .hpui-service-summary-primary-text2 {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 32px;
line-height: 36px;
color: #5A5A5A;
}
table.hpui-service-summary-content .hpui-service-summary-secondary-text1 {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 24px;
line-height: 30px;
color:#000000;
}
table.hpui-service-summary-content .hpui-service-summary-secondary-text2 {
font-family: "HP Simplified", Arial, sans-serif;
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-grid-block-display { display: block; }
.hpui-inline-display.hpui-grid-block-display { display: inline-block; }
/* HPE overflow visible */
.hpui-overflow-visible {
overflow: visible !important;
}
/* HPE no wrap */
.hpui-no-wrap {
white-space: nowrap;
}
/* HPE clear floats */
.hpui-clear {
clear: both;
}
/*** HPE static callouts ***/
div.hpui-callout {
background-color: #F2F2F2;
padding: 20px;
}
/*** HPE block grid ***/
div.hpui-grid {
margin-left: -20px;
}
/*** HPE small grid blocks ***/
table.hpui-small-grid-block {
border: 2px solid #CCCCCC;
-moz-border-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: visible;
/*position: absolute;*/
float: left;
padding: 10px;
margin-left: 20px;
margin-bottom: 10px;
background: #FFF;
}
table.hpui-small-grid-block {
width: 120px;
height: 76px;
min-width: 120px;
min-height: 76px;
max-width: 120px;
max-height: 76px;
}
table[onclick].hpui-small-grid-block:hover,
table[onclick].hpui-small-grid-block:focus {
cursor: pointer;
background-color: #F2F2F2;
}
table.hpui-small-grid-block tr td {
line-height: 18px !important;
height: 18px !important;
}
table.hpui-small-grid-block tr td.hpui-footnote-text,
table.hpui-small-grid-block tr td .hpui-footnote-text {
color: #767676;
}
table.hpui-small-grid-block tr td.hpui-emphasized-text,
table.hpui-small-grid-block tr td .hpui-emphasized-text {
padding-top: 4px;
}
table.hpui-small-grid-block tr td .hpui-truncatable-text {
width: 120px;
}
table.hpui-small-grid-block tr td.hpui-first,
table.hpui-small-grid-block tr td.hpui-first .hpui-truncatable-text {
width: 55px;
}
table.hpui-small-grid-block tr td.hpui-first {
padding-right: 5px;
}
table.hpui-small-grid-block tr td.hpui-last,
table.hpui-small-grid-block tr td.hpui-last .hpui-truncatable-text {
width: 55px;
}
table.hpui-small-grid-block tr td.hpui-last {
padding-left: 5px;
}
table.hpui-small-grid-block tr td .hpui-left-align {
width: 58px;
float: left;
}
table.hpui-small-grid-block tr td .hpui-right-align {
width: 58px;
float: right;
}
/*** HPE large grid blocks ***/
table.hpui-large-grid-block {
border: 2px solid #CCCCCC;
-moz-border-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: visible;
/*position: absolute;*/
float: left;
padding: 10px;
margin-left: 20px;
margin-bottom: 10px;
background: #FFF;
}
table.hpui-large-grid-block {
width: 284px;
height: 76px;
min-width: 284px;
min-height: 76px;
max-width: 284px;
max-height: 76px;
}
table[onclick].hpui-large-grid-block:hover,
table[onclick].hpui-large-grid-block:focus {
cursor: pointer;
background-color: #F2F2F2;
}
table.hpui-large-grid-block tr td {
line-height: 18px !important;
height: 18px !important;
}
table.hpui-large-grid-block tr td.hpui-footnote-text,
table.hpui-large-grid-block tr td .hpui-footnote-text {
color: #767676;
}
table.hpui-large-grid-block tr td.hpui-emphasized-text,
table.hpui-large-grid-block tr td .hpui-emphasized-text {
padding-top: 4px;
}
table.hpui-large-grid-block tr td .hpui-truncatable-text {
width: 284px;
}
table.hpui-large-grid-block tr td.hpui-first,
table.hpui-large-grid-block tr td.hpui-first .hpui-truncatable-text {
width: 208px;
}
table.hpui-large-grid-block tr td.hpui-first {
padding-right: 10px;
}
table.hpui-large-grid-block tr td.hpui-last,
table.hpui-large-grid-block tr td.hpui-last .hpui-truncatable-text {
width: 60px;
}
table.hpui-large-grid-block tr td.hpui-last {
padding-left: 5px;
}
table.hpui-large-grid-block tr td.hpui-secondary-vertical-divider div.hpui-secondary-vertical-divider {
height: 76px;
margin-left: 0px;
margin-right: 0px;
}
table.hpui-large-grid-block tr td .hpui-left-align {
width: 140px;
float: left;
}
table.hpui-large-grid-block tr td .hpui-right-align {
width: 140px;
float: right;
}
/*** HPE grid blocks hover ***/
table.hpui-grid-block-hover {
border-collapse: collapse;
width: 100%;
height: 100%;
}
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary td {
padding: 10px 20px 20px 20px;
}
table.hpui-grid-block-hover tr:first-child {
outline: none;
}
table.hpui-grid-block-hover .hpui-footnote-text {
line-height: 18px;
color: #767676;
}
table.hpui-grid-block-hover tr.hpui-grid-block-hover-detail td {
border-top: 1px solid #CCCCCC;
padding-top: 7px;
padding-bottom: 7px;
}
table.hpui-grid-block-hover tr[onclick].hpui-grid-block-hover-detail:hover,
table.hpui-grid-block-hover tr[onclick].hpui-grid-block-hover-detail:focus {
cursor: pointer;
background-color: #F2F2F2;
}
table.hpui-grid-block-hover tr td.hpui-first {
padding-left: 20px !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
table.hpui-grid-block-hover tr td.hpui-last {
padding-left: 10px;
padding-right: 20px;
padding-top: 3px;
padding-bottom: 3px;
}
table.hpui-grid-block-hover tr.hpui-grid-block-hover-message td {
padding: 10px 20px;
border-top: 1px solid #CCCCCC;
}
.hpui-grid-block-hover-number {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: bold;
color: #5A5A5A;
}
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary a[onclick] {
color: #000000 !important;
text-decoration: none !important;
cursor: default !important;
}
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary a[onclick].hpui-primary-text2,
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary a[onclick].hpui-secondary-text2,
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary .hpui-primary-text2 a[onclick],
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary .hpui-secondary-text2 a[onclick] {
color: #5A5A5A !important;
}
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary a[onclick].hpui-footnote-text,
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary a[onclick].hpui-primary-text3,
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary a[onclick].hpui-secondary-text3,
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary .hpui-primary-text3 a[onclick],
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary .hpui-secondary-text3 a[onclick],
table.hpui-grid-block-hover tr.hpui-grid-block-hover-summary .hpui-footnote-text a[onclick] {
color: #767676 !important;
}
/****** 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, sans-serif;
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;
}
/* HPE tabs */
/* Initially hide tab headings and JS will reveal it when initializing */
div.hpui-tabs {
display: none;
}
/* Remove Chrome default navigation style */
div.hpui-tabs ul > li > a {
outline: none;
}
/* Can be any colour, not just transparent */
div.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;
}
.hpui-tabs ul.ui-tabs-nav{
padding: 0px 0px 0px 0px !important;
}
/* HPE step descriptor */
/* Common style attributes for all variations of step descriptor */
ul.hpui-step-descriptor,
ol.hpui-step-descriptor {
list-style-type: none !important;
margin: 0px !important;
display: inline-block;
}
ul.hpui-step-descriptor li,
ol.hpui-step-descriptor li {
float: left;
padding: 0px !important;
}
/* Typography changes for white background step descriptor accommodates both small and large sized */
ul.hpui-step-descriptor.hpui-secondary-text1,
ul.hpui-step-descriptor.hpui-secondary-text2,
ul.hpui-step-descriptor.hpui-secondary-text3,
ol.hpui-step-descriptor.hpui-secondary-text1,
ol.hpui-step-descriptor.hpui-secondary-text2,
ol.hpui-step-descriptor.hpui-secondary-text3,
.hpui-secondary-text1 ul.hpui-step-descriptor,
.hpui-secondary-text2 ul.hpui-step-descriptor,
.hpui-secondary-text3 ul.hpui-step-descriptor,
.hpui-secondary-text1 ol.hpui-step-descriptor,
.hpui-secondary-text2 ol.hpui-step-descriptor,
.hpui-secondary-text3 ol.hpui-step-descriptor {
font-size: 16px;
font-weight: bold;
color: #767676;
padding: 0px;
}
ul.hpui-step-descriptor.hpui-primary-text1,
ul.hpui-step-descriptor.hpui-primary-text2,
ul.hpui-step-descriptor.hpui-primary-text3,
ol.hpui-step-descriptor.hpui-primary-text1,
ol.hpui-step-descriptor.hpui-primary-text2,
ol.hpui-step-descriptor.hpui-primary-text3,
.hpui-primary-text1 ul.hpui-step-descriptor,
.hpui-primary-text2 ul.hpui-step-descriptor,
.hpui-primary-text3 ul.hpui-step-descriptor,
.hpui-primary-text1 ol.hpui-step-descriptor,
.hpui-primary-text2 ol.hpui-step-descriptor,
.hpui-primary-text3 ol.hpui-step-descriptor {
font-size: 18px;
font-weight: bold;
color: #767676;
padding: 0px;
}
ul.hpui-step-descriptor li.hpui-active,
ol.hpui-step-descriptor li.hpui-active {
color: #000000 !important;
}
ul.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
ol.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active {
color: #FFFFFF !important;
}
ul.hpui-step-descriptor a[href],
ul.hpui-step-descriptor a[onclick],
ul.hpui-step-descriptor a[href]:visited,
ul.hpui-step-descriptor a[onclick]:visited,
ol.hpui-step-descriptor a[href],
ol.hpui-step-descriptor a[onclick],
ol.hpui-step-descriptor a[href]:visited,
ol.hpui-step-descriptor a[onclick]:visited {
color: #767676;
}
ul.hpui-step-descriptor li.hpui-active a[href],
ul.hpui-step-descriptor li.hpui-active a[onclick],
ul.hpui-step-descriptor li.hpui-active a[disabled],
ol.hpui-step-descriptor li.hpui-active a[href],
ol.hpui-step-descriptor li.hpui-active a[onclick],
ol.hpui-step-descriptor li.hpui-active a[disabled] {
color: #000000 !important;
}
ul.hpui-step-descriptor a[disabled],
ol.hpui-step-descriptor a[disabled] {
text-decoration: none !important;
}
/* Typography changes for blue background step descriptor accommodates both small and large sized */
ul.hpui-step-descriptor.hpui-secondary-text1.hpui-inverse-text,
ul.hpui-step-descriptor.hpui-secondary-text2.hpui-inverse-text,
ul.hpui-step-descriptor.hpui-secondary-text3.hpui-inverse-text,
ol.hpui-step-descriptor.hpui-secondary-text1.hpui-inverse-text,
ol.hpui-step-descriptor.hpui-secondary-text2.hpui-inverse-text,
ol.hpui-step-descriptor.hpui-secondary-text3.hpui-inverse-text,
.hpui-secondary-text1 ul.hpui-step-descriptor.hpui-inverse-text,
.hpui-secondary-text2 ul.hpui-step-descriptor.hpui-inverse-text,
.hpui-secondary-text3 ul.hpui-step-descriptor.hpui-inverse-text,
.hpui-secondary-text1 ol.hpui-step-descriptor.hpui-inverse-text,
.hpui-secondary-text2 ol.hpui-step-descriptor.hpui-inverse-text,
.hpui-secondary-text3 ol.hpui-step-descriptor.hpui-inverse-text {
padding: 9px 20px;
}
ul.hpui-step-descriptor.hpui-primary-text1.hpui-inverse-text,
ul.hpui-step-descriptor.hpui-primary-text2.hpui-inverse-text,
ul.hpui-step-descriptor.hpui-primary-text3.hpui-inverse-text,
ol.hpui-step-descriptor.hpui-primary-text1.hpui-inverse-text,
ol.hpui-step-descriptor.hpui-primary-text2.hpui-inverse-text,
ol.hpui-step-descriptor.hpui-primary-text3.hpui-inverse-text,
.hpui-primary-text1 ul.hpui-step-descriptor.hpui-inverse-text,
.hpui-primary-text2 ul.hpui-step-descriptor.hpui-inverse-text,
.hpui-primary-text3 ul.hpui-step-descriptor.hpui-inverse-text,
.hpui-primary-text1 ol.hpui-step-descriptor.hpui-inverse-text,
.hpui-primary-text2 ol.hpui-step-descriptor.hpui-inverse-text,
.hpui-primary-text3 ol.hpui-step-descriptor.hpui-inverse-text {
padding: 12px 30px;
}
ul.hpui-step-descriptor.hpui-inverse-text,
ol.hpui-step-descriptor.hpui-inverse-text {
background-color: #0096D6;
color: #00415D !important;
}
ul.hpui-step-descriptor.hpui-inverse-text li.hpui-active,
ol.hpui-step-descriptor.hpui-inverse-text li.hpui-active {
color: #FFFFFF !important;
}
ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number {
color: #0096D6 !important;
}
ul.hpui-step-descriptor.hpui-inverse-text a[href],
ul.hpui-step-descriptor.hpui-inverse-text a[onclick],
ul.hpui-step-descriptor.hpui-inverse-text a[disabled],
ol.hpui-step-descriptor.hpui-inverse-text a[href],
ol.hpui-step-descriptor.hpui-inverse-text a[onclick],
ol.hpui-step-descriptor.hpui-inverse-text a[disabled] {
color: #00415D !important;
}
ul.hpui-step-descriptor.hpui-inverse-text li.hpui-active a[href],
ul.hpui-step-descriptor.hpui-inverse-text li.hpui-active a[onclick],
ul.hpui-step-descriptor.hpui-inverse-text li.hpui-active a[disabled],
ol.hpui-step-descriptor.hpui-inverse-text li.hpui-active a[href],
ol.hpui-step-descriptor.hpui-inverse-text li.hpui-active a[onclick],
ol.hpui-step-descriptor.hpui-inverse-text li.hpui-active a[disabled] {
color: #FFFFFF !important;
}
ul.hpui-step-descriptor.hpui-inverse-text a[disabled],
ol.hpui-step-descriptor.hpui-inverse-text a[disabled] {
text-decoration: none !important;
}
/* Some extra top-margin for secondary step descriptor contents */
ul.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-content,
ul.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-content,
ul.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-content,
ol.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-content,
ol.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-content,
ol.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-content,
.hpui-secondary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-content,
.hpui-secondary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-content,
.hpui-secondary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-content,
.hpui-secondary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-content,
.hpui-secondary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-content,
.hpui-secondary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-content {
margin-top: 2px;
}
/* Chrome setting: white outline color for hyperlinks in blue background step descriptor */
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.hpui-step-descriptor.hpui-inverse-text a[href]:focus,
ul.hpui-step-descriptor.hpui-inverse-text a[onclick]:focus,
ol.hpui-step-descriptor.hpui-inverse-text a[href]:focus,
ol.hpui-step-descriptor.hpui-inverse-text a[onclick]:focus {
outline-color: #FFFFFF;
}
}
/* Arrow and number icons for small step descriptor accommodates both white and blue background */
ul.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-arrow,
.hpui-secondary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow {
background-image: url('../images/step_descriptor-white_background.png');
}
ul.hpui-step-descriptor.hpui-secondary-text1.hpui-inverse-text li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-secondary-text2.hpui-inverse-text li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-secondary-text3.hpui-inverse-text li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-secondary-text1.hpui-inverse-text li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-secondary-text2.hpui-inverse-text li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-secondary-text3.hpui-inverse-text li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-secondary-text1.hpui-inverse-text li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-secondary-text2.hpui-inverse-text li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-secondary-text3.hpui-inverse-text li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-secondary-text1.hpui-inverse-text li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-secondary-text2.hpui-inverse-text li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-secondary-text3.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-secondary-text1 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-secondary-text2 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-secondary-text3 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-secondary-text1 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-secondary-text2 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-secondary-text3 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-secondary-text1 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-secondary-text2 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-secondary-text3 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-secondary-text1 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-secondary-text2 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-secondary-text3 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow {
background-image: url('../images/step_descriptor-blue_background.png');
}
ul.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-arrow,
.hpui-secondary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-secondary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow {
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -99999px;
width: 3px;
height: 6px;
margin-top: 8px;
margin-left: 5px;
margin-right: 5px;
}
ul.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-arrow.hpui-active,
ul.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-arrow.hpui-active,
ul.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-arrow.hpui-active,
ol.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-arrow.hpui-active,
ol.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-arrow.hpui-active,
ol.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-arrow.hpui-active,
.hpui-secondary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-secondary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-secondary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-secondary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-secondary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-secondary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active {
background-position: 0 -56px;
}
ul.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-number,
.hpui-secondary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-secondary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-number {
background-position: 0 -112px;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-right: 5px;
text-align: center;
line-height: 21px; /* Chrome not good at 20px; IE/FF not good at 22px; all are happy with 21px */
}
ul.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-number.hpui-active,
ul.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-number.hpui-active,
ul.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-number.hpui-active,
ol.hpui-step-descriptor.hpui-secondary-text1 li.hpui-step-descriptor-number.hpui-active,
ol.hpui-step-descriptor.hpui-secondary-text2 li.hpui-step-descriptor-number.hpui-active,
ol.hpui-step-descriptor.hpui-secondary-text3 li.hpui-step-descriptor-number.hpui-active,
.hpui-secondary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-secondary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-secondary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-secondary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-secondary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-secondary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active {
background-position: 0 -182px;
}
/* Arrow and number icons for large step descriptor accommodates both white and blue background */
ul.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-arrow,
.hpui-primary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow {
background-image: url('../images/step_descriptor_large-white_background.png');
}
ul.hpui-step-descriptor.hpui-primary-text1.hpui-inverse-text li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-primary-text2.hpui-inverse-text li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-primary-text3.hpui-inverse-text li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-primary-text1.hpui-inverse-text li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-primary-text2.hpui-inverse-text li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-primary-text3.hpui-inverse-text li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-primary-text1.hpui-inverse-text li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-primary-text2.hpui-inverse-text li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-primary-text3.hpui-inverse-text li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-primary-text1.hpui-inverse-text li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-primary-text2.hpui-inverse-text li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-primary-text3.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-primary-text1 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-primary-text2 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-primary-text3 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-primary-text1 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-primary-text2 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-primary-text3 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-number,
.hpui-primary-text1 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-primary-text2 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-primary-text3 ul.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-primary-text1 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-primary-text2 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow,
.hpui-primary-text3 ol.hpui-step-descriptor.hpui-inverse-text li.hpui-step-descriptor-arrow {
background-image: url('../images/step_descriptor_large-blue_background.png');
}
ul.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-arrow,
ul.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-arrow,
ol.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-arrow,
.hpui-primary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow,
.hpui-primary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow {
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -99999px;
width: 4px;
height: 8px;
margin-top: 8px;
margin-left: 10px;
margin-right: 10px;
}
ul.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-arrow.hpui-active,
ul.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-arrow.hpui-active,
ul.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-arrow.hpui-active,
ol.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-arrow.hpui-active,
ol.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-arrow.hpui-active,
ol.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-arrow.hpui-active,
.hpui-primary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-primary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-primary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-primary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-primary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active,
.hpui-primary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-arrow.hpui-active {
background-position: 0 -58px;
}
ul.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-number,
ul.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-number,
ol.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-number,
.hpui-primary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-number,
.hpui-primary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-number {
background-position: 0 -116px;
background-repeat: no-repeat;
width: 22px;
height: 22px;
margin-right: 10px;
text-align: center;
line-height: 22px;
}
ul.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-number.hpui-active,
ul.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-number.hpui-active,
ul.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-number.hpui-active,
ol.hpui-step-descriptor.hpui-primary-text1 li.hpui-step-descriptor-number.hpui-active,
ol.hpui-step-descriptor.hpui-primary-text2 li.hpui-step-descriptor-number.hpui-active,
ol.hpui-step-descriptor.hpui-primary-text3 li.hpui-step-descriptor-number.hpui-active,
.hpui-primary-text1 ul.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-primary-text2 ul.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-primary-text3 ul.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-primary-text1 ol.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-primary-text2 ol.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active,
.hpui-primary-text3 ol.hpui-step-descriptor li.hpui-step-descriptor-number.hpui-active {
background-position: 0 -188px;
}
/****** 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;
}
.ui-dialog.hpui-callout.hpui-padding-0 > .ui-dialog-content > * {
margin: -20px -20px -40px -20px !important;
}
.ui-dialog.hpui-callout.hpui-padding-0 > .ui-dialog-content > .hpui-arrow-top,
.ui-dialog.hpui-callout.hpui-padding-0 > .ui-dialog-content > .hpui-arrow-bottom {
margin: 0px !important;
}
.ui-dialog.hpui-callout.hpui-padding-0 > .ui-dialog-content > .hpui-grid-block-hover-arrow-top,
.ui-dialog.hpui-callout.hpui-padding-0 > .ui-dialog-content > .hpui-grid-block-hover-arrow-bottom {
margin: 0px !important;
}
/* HPE grid block dialog */
.ui-dialog.hpui-grid-block-hover {
-moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3);
box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3);
width: 304px !important;
}
.ui-dialog.hpui-grid-block-hover .ui-dialog-titlebar {
display: none;
}
.ui-dialog.hpui-grid-block-hover .ui-dialog-content {
padding: 0px !important;
}
.hpui-grid-block-hover-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-grid-block-hover-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;
}
.hpui-grid-block-hover-arrow-top.hpui-arrow-hover {
background-position: 0 -180px !important;
}
.hpui-grid-block-hover-arrow-bottom.hpui-arrow-hover {
background-position: 0 -120px !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;
}
/* HPE suggestions */
ul.hpui-suggestions .ui-menu-item .ui-state-active,
ul.hpui-suggestions .ui-menu-item .ui-state-focus {
background-color: #007DBA !important;
background-image: none !important;
font-weight: normal;
color: #ffffff !important;
text-decoration: none !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
}
ul.hpui-suggestions {
border: 2px solid #5A5A5A !important;
border-top: 0 !important;
padding: 0px 0px 17px 0px !important;
}
ul.hpui-suggestions .ui-menu-item a {
color: #000000 !important;
border: 0 !important;
}
span.hpui-suggestion-highlight {
color: #767676;
}
ul.hpui-suggestions .ui-menu-item .ui-state-active span.hpui-suggestion-highlight,
ul.hpui-suggestions .ui-menu-item .ui-state-focus span.hpui-suggestion-highlight {
color: #FFFFFF;
}
/****** end HPE overlays CSS (overlays.css) ******/
/****** begin HPE pagination control CSS (paginations.css) ******/
/* Note: many pagination control styles are in jquery.dataTables.css rather than here */
div.hpui-pagination {
display: inline-block;
padding-right: 20px;
}
div.hpui-pagination > div.hpui-pagination-info {
height: 26px;
padding-bottom: 0px;
}
div.hpui-pagination > div.hpui-pagination-info-stacked {
text-align: inherit;
float: inherit;
}
/****** end HPE pagination control 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, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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;
}
/* Scrollable table hacks */
div.dataTables_scrollBody table.hpui-standard-table,
div.dataTables_scrollBody table.hpui-static-table {
border-top: 0px;
}
div.dataTables_scrollHeadInner table.hpui-standard-table,
div.dataTables_scrollHeadInner table.hpui-static-table {
border-bottom: 0px;
}
div.dataTables_scrollBody table.hpui-standard-table th,
div.dataTables_scrollBody table.hpui-static-table th {
background: none !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
/****** end HPE tables CSS (tables.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, sans-serif;
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, sans-serif;
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, sans-serif;
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 primary text in code or pre sections - use monospace */
code.hpui-primary-text1,
code.hpui-primary-text2,
code.hpui-primary-text3,
.hpui-primary-text1 code,
.hpui-primary-text2 code,
.hpui-primary-text3 code,
pre.hpui-primary-text1,
pre.hpui-primary-text2,
pre.hpui-primary-text3,
.hpui-primary-text1 pre,
.hpui-primary-text2 pre,
.hpui-primary-text3 pre {
font-family: monospace;
}
/* HPE headings: only for h1 through h6 */
h1.hpui-heading {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 32px;
line-height: 36px;
font-weight: bold;
color: #000;
margin: 0px 0px 9px 0px;
}
h2.hpui-heading {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
h3.hpui-heading {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
h4.hpui-heading {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: bold;
color: #000;
margin: 0px 0px 5px 0px;
}
h5.hpui-heading {
font-family: "HP Simplified", Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #000;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
h6.hpui-heading {
font-family: "HP Simplified", Arial, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
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, sans-serif;
font-size: 16px;
font-weight: normal;
color: #000;
line-height: 22px;
margin: 0px 0px 5px 0px;
display: block;
}
.hpui-heading.hpui-heading-text1,
.hpui-subheading.hpui-heading-text1 {
font-size: 32px;
line-height: 36px;
font-weight: bold;
}
.hpui-heading.hpui-heading-text2,
.hpui-subheading.hpui-heading-text2 {
font-size: 24px;
line-height: 30px;
font-weight: bold;
}
.hpui-heading.hpui-heading-text3,
.hpui-subheading.hpui-heading-text3 {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}
.hpui-heading.hpui-heading-text4,
.hpui-subheading.hpui-heading-text4 {
font-size: 18px;
line-height: 22px;
font-weight: bold;
}
.hpui-heading.hpui-heading-text5,
.hpui-subheading.hpui-heading-text5 {
font-size: 18px;
line-height: 22px;
font-weight: normal;
}
.hpui-heading.hpui-heading-text6,
.hpui-subheading.hpui-heading-text6 {
font-size: 16px;
line-height: 22px;
font-weight: normal;
}
/* HPE heading and subheading text in code or pre sections -
use monospace */
code.hpui-heading,
code.hpui-subheading,
.hpui-heading code,
.hpui-subheading code,
pre.hpui-heading,
pre.hpui-subheading,
.hpui-heading pre,
.hpui-subheading pre {
font-family: monospace;
}
/*** 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, sans-serif;
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, sans-serif;
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, sans-serif;
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 secondary text in code or pre sections - use monospace */
code.hpui-secondary-text1,
code.hpui-secondary-text2,
code.hpui-secondary-text3,
.hpui-secondary-text1 code,
.hpui-secondary-text2 code,
.hpui-secondary-text3 code,
pre.hpui-secondary-text1,
pre.hpui-secondary-text2,
pre.hpui-secondary-text3,
.hpui-secondary-text1 pre,
.hpui-secondary-text2 pre,
.hpui-secondary-text3 pre {
font-family: monospace;
}
/*** 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, sans-serif;
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 footnote text in code and pre sections - use monospace */
code.hpui-footnote-text,
pre.hpui-footnote-text,
.hpui-footnote-text code,
.hpui-footnote-text pre {
font-family: monospace;
}
/*** HPE miscellaneous typography styles ***/
/* HPE emphasized text */
.hpui-emphasized-text {
font-weight: bold !important;
}
/* HPE disabled text */
.hpui-disabled-text {
color: #B3B3B3 !important;
}
/* HPE inverse text - always white for all text levels */
.hpui-inverse-text {
color: #FFFFFF !important;
}
/* HPE truncated text */
.hpui-truncatable-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* HPE uppercase text */
.hpui-uppercase-text {
text-transform: uppercase;
}
/* HPE lowercase text */
.hpui-lowercase-text {
text-transform: lowercase;
}
/* HPE capitalized text */
.hpui-capitalized-text {
text-transform: capitablized;
}
/*** 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) ******/
|