/****** 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("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-Regular.eot");
	src: local("?"), url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-Regular.woff")
		format("woff"),
		/*url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Regular.otf") format("opentype"),*/ 
		url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-Regular.svg#HPSimplifiedW04-Regular")
		format("svg");
	font-weight: normal;
	font-style: normal;	
}
				
@font-face {
	font-family: "HP Simplified";
	src: url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-Bold.eot");
	src: local("?"), url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-Bold.woff") format("woff"),
		/*url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Bold.otf") format("opentype"),*/ 
    	url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-Bold.svg#HPSimplifiedW04-Bold")
		format("svg");
	font-weight: bold;
	font-style: normal;	
}
				
@font-face {
	font-family: "HP Simplified";
	src: url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-Italic.eot");
	src: local("?"), url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-Italic.woff") format("woff"),
		/*url("../fonts/HPSimplifiedW04/HPSimplifiedW04-Italic.otf") format("opentype"),*/ 
		url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-Italic.svg#HPSimplifiedW04-Italic")
		format("svg");
	font-weight: normal;
		font-style: italic;	
}
				
@font-face {
	font-family: "HP Simplified";
	src: url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-BoldItalic.eot");
	src: local("?"), url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-BoldItalic.woff") format("woff"),
		/*url("../fonts/HPSimplifiedW04/HPSimplifiedW04-BoldItalic.otf") format("opentype"),*/ 
		url("/portal/download/CaaS-nav/fonts/HPSimplifiedW04/HPSimplifiedW04-BoldItalic.svg#HPSimplifiedW04-BoldItalic")
		format("svg");
	font-weight: bold;
	font-style: italic;	
}

/****** end HPE typography CSS (typography.css) ******/

