/*<meta />*/
/*

FILE:         _HP_TechDocs.css
DESCRIPTION:  Cascading Style Sheet for HP Tech Docs team
MODIFIED:     May, 2013
LEVEL:        
VERSION:      1.0 (released with fileset 1.80)

*/

@import url('_HP_SuperDocs.css');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);


img.ThumbnailHover
{
	mc-thumbnail: hover;
	border: 1px solid #ccc;
}
img.ThumbnailPopup
{
	mc-thumbnail: popup;
	border: 1px solid #ccc;
}
p.results
{
	font-style: italic;
	padding-left: 28px;
	background-image: url("./graphics/_HP_ResultsArrow.png");
	background-repeat: no-repeat;
	background-position: top left;
}
.filename
{
	font-family: 'Consolas', 'Courier New', Courier, monospace;
}
.userinput
{
	font-family: 'Consolas', 'Courier New', Courier, monospace;
	font-weight: bold;
}
div.userinput /* For multi-line user input. */
{
	font-family: 'Consolas', 'Courier New', Courier, monospace;
	font-weight: bold;
	margin-bottom: 1.1em; /* Spacing at end of div, to undo what is being done for the paragraphs. */
}
div.userinput p
{
	margin-bottom: 0.2em; /* Spacing between paragraphs. */
}
.computeroutput
{
	font-family: 'Consolas', 'Courier New', Courier, monospace;
}
div.computeroutput /* Required two settings to make this look correct. */
{
	font-family: 'Consolas', 'Courier New', Courier, monospace;
	margin-bottom: 1.1em; /* Spacing at end of div, to undo what is being done for the paragraphs. */
}
div.computeroutput p
{
	margin-bottom: 0.2em; /* Spacing between paragraphs. */
}
caption
{
	font-style: italic;
}
p.caption_figure
{
	color: #222222;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.2em; /* Spacing after paragraph, to match table captions. */
}

div.footnote
{
	font-size: 90%;
	margin-bottom: 1.1em; /* Spacing at end of div, to undo what is being done for the paragraphs. */
	page-break-before: avoid;
}
div.footnote p
{
	margin-bottom: 0.5em;
}

/* Top Nav Overrides *************************************************/

/* Vertically center header text */
#TopNav .inner-wrap .logo-wrapper a.logo .skin-name
{
	top: 14px;
}
/* Recolor header and search background */
#TopNav .inner-wrap .logo-wrapper
{
	background: #425563;
}
#TopNav.other .nav-search.row.outer-row
{
	background-color: #425563;
}
#TopNav.other .nav-search.row.outer-row .search-submit
{
	background-color: #425563;
}

MadCap|toggler
{
	mc-image-position: right;
	mc-open-image: url('graphics/_HP_DropDownOpen.png');
	mc-closed-image: url('graphics/_HP_DropDownClosed.png');
}
MadCap|toggler.checkbox
{
	mc-image-position: right;
	mc-open-image: url('_HP_checked.png');
	mc-closed-image: url('_HP_unchecked.png');
}


@media only screen and (max-width: 1279px)
{
	/* Horizontally reposition header text */
	#TopNav .inner-wrap .logo-wrapper a.logo
	{
		padding-left: 25px;
	}
	/* Vertically reposition the navigation icon */
	#TopNav nav.tab-bar .menu-icon
	{
		margin-top: 0;
		top: 7px;
	}
}

@media only screen and (max-width: 640px)
{
	/* Vertically center header text */
	#TopNav .inner-wrap .logo-wrapper a.logo .skin-short-name
	{
		top: 14px;
	}
	/* Vertically reposition the navigation icon */
	#TopNav nav.tab-bar .menu-icon
	{
		margin-top: 0;
		top: -4px;
	}
	/* Recolor search icon background when closed */
	#TopNav.other .search-wrapper.Responsive_Closed ~ #search-responsive-wrapper
	{
		background-color: #425563;
	}
	/* Recolor search background when opened */
	#TopNav.other .nav-search.row.outer-row {
    	background-color: #ffffff;
	}
	#TopNav.other .nav-search.row.outer-row .search-submit {
    	background-color: #ffffff;
	}
}

@media print
{
	body
	{
		font-size: 10pt;
	}
		
	/************************* Images - Print *************************/
	img
	{
		max-width: 600px;
	}
	
	/* Used to automatically resize images. Would like to do this for WebHelp, but it doesn't work with image maps. */
	ol li p img,
	ul li p img
	{
		max-width: 574px;
	}
	ul ul li p img,
	ul ol li p img,
	ol ul li p img,
	ol ol li p img
	{
		max-width: 552px;
	}
	ul ul ul li p img,
	ul ol ol li p img,
	ul ul ol li p img,
	ul ol ul li p img,
	ol ul ul li p img,
	ol ol ol li p img,
	ol ul ol li p img,
	ol ol ul li p img
	{
		max-width: 522px;
	}
	
	/************************* DropDown Styles - Print *************************/

	/* Created for when you want to single source a dropDown in PDF output. The dropDownHead style will become an h2 in PDF. Designed for MDCG. */
	MadCap|dropDownHotspot /* Override the color in the IE_Experience stylesheet. */
	{
		color: #000000;
	}
	
	MadCap|dropDown.pdfH2 MadCap|dropDownHead
	{
		mc-heading-level: 2;
		font-family: 'MetricHPE Medium', 'Metric Medium', Arial;
		line-height: 90%;
		font-weight: normal;
		font-style: normal;
		font-size: 23pt;
		page-break-after: avoid;
		margin-top: 10pt;
		margin-bottom: 5pt;
		border-bottom: none;
	}
	MadCap|dropDown.pdfH2 MadCap|dropDownBody MadCap|dropDownHead,
	MadCap|dropDown.pdfH3 MadCap|dropDownHead
	{
		mc-heading-level: 3;
		font-family: 'MetricHPE Medium', 'Metric Medium', Arial;
		line-height: 90%;
		font-size: 20pt;
		font-weight: normal;
		font-style: normal;
		page-break-after: avoid;
		margin-top: 20pt;
		margin-bottom: 10pt;
	}
	MadCap|dropDown.pdfH2 MadCap|dropDownBody MadCap|dropDownBody MadCap|dropDownHead,
	MadCap|dropDown.pdfH3 MadCap|dropDownBody MadCap|dropDownHead
	{
		mc-heading-level: 4;
		font-family: 'MetricHPE Medium', 'Metric Medium', Arial;
		line-height: 90%;
		font-size: 17pt;
		font-weight: normal;
		font-style: normal;
		margin-top: 16pt;
		margin-bottom: 10pt;
		page-break-after: avoid;
	}
	MadCap|dropDown.pdfH2 MadCap|dropDownBody MadCap|dropDownBody MadCap|dropDownBody MadCap|dropDownHead,
	MadCap|dropDown.pdfH3 MadCap|dropDownBody MadCap|dropDownBody MadCap|dropDownHead
	{
		mc-heading-level: 5;
		font-family: 'MetricHPE Medium', 'Metric Medium', Arial;
		line-height: 90%;
		font-size: 15pt;
		font-weight: normal;
		font-style: normal;
		margin-top: 15pt;
		margin-bottom: 10pt;
		page-break-after: avoid;
	}
	MadCap|dropDown.pdfH2 MadCap|dropDownBody MadCap|dropDownBody MadCap|dropDownBody MadCap|dropDownBody MadCap|dropDownHead,
	MadCap|dropDown.pdfH3 MadCap|dropDownBody MadCap|dropDownBody MadCap|dropDownBody MadCap|dropDownHead
	{
		mc-heading-level: 6;
		font-family: 'MetricHPE Medium', 'Metric Medium', Arial;
		line-height: 90%;
		font-size: 13pt;
		font-weight: normal;
		font-style: normal;
		margin-top: 12pt;
		margin-bottom: 10pt;
		line-height: normal;
		page-break-after: avoid;
	}
	
	div.GlossaryPageHeading
	{
		color: #01a982;
		border-bottom-color: #01a982;
	}
}