/* Main Help & Manual WebHelp Page Layout CSS
	 Copyright (c) 2015-2021 by Tim Green. All rights reserved. Contact: https://www.ec-software.com
*/
body { 
	font-size: 100;
	background-color: #ffffff;
	padding: 10px;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	overflow: auto;
	}
	
.desktop {
	
	}
.tablet {
	display: none;
}
.phone {
	display: none;
	}
.noscript { 
	display: none;
	}
.scripted {
	display: initial;
	}
 
 .img300  {
    max-width: 300px;
    height: auto; 
    margin-top: 10px;
}
.img500  {
    max-width: 500px;
    height: auto; 
    margin-top: 10px;
}
.img700  {
    max-width: 700px;
    height: auto; 
    margin-top: 10px;
}
.img900  {
    max-width: 900px;
    height: auto;
    margin-top: 10px; 
}
.img300shadow  {
    max-width: 300px;
    height: auto; 
    margin-top: 10px;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bfbfbf!important;
    box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
}
.img500shadow  {
    max-width: 500px;
    height: auto; 
    margin-top: 10px;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bfbfbf!important;
    box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
}
.img700shadow  {
    max-width: 700px;
    height: auto; 
    margin-top: 10px;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bfbfbf!important;
    box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
}
.img900shadow  {
    max-width: 900px;
    height: auto;
    margin-top: 10px;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bfbfbf!important; 
    box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
}


/* Topic Pane */	
div#topicheader {
	padding-bottom: 0.82rem;
	}


/* Topic title in topic header*/ 
p#ptopic_breadcrumbs {
	display: none;
	color: #000000;
	}
p#ptopic_breadcrumbs a {
	color: #000000;  
	opacity: 1.0; 
	font-style: normal; 
	}
p.topictitle {
	font-size: 22pt;
	font-weight: bold;
	color: #000000;
	margin: 0; padding: 0;
        color: #2f7eb3;
}	
img.dropdown-toggle-icon {
	display: none;
	}

/* Mobile Navigation Toolbar and Buttons */	
div#mob_toolbar_wrapper { 
	display: none;
	} 
div#dragsurface {
	display: none;
	}

.wraptext {
	white-space: normal !important;
	}

/* Topic Footer */
div.topicfooter {
	display: none;
	}
 
 
 
 .p_Caution /* Caution */
{
 padding: 16px 16px 18px 46px;
 background-position: 14px 20px;
 background-repeat: no-repeat;
 border-radius: 4px;
 max-width: 845px;
 background-color: #FCF6E0;
 font-size: 13px;
 margin: 20px 0 10px 0;
 page-break-inside: avoid;
         box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
 background-image: url('../images/icon_caution.png');
}
.p_Notes /* Notes */
{
 padding: 16px 16px 18px 46px;
 background-position: 14px 20px;
 background-repeat: no-repeat;
 border-radius: 4px;
 max-width: 845px;
 background-color: #f4f4f4;
 font-size: 13px;
         box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
 margin: 20px 0 10px 0;
 page-break-inside: avoid;
 background-image: url('../images/icon_note.png');
}
.p_Tip /* Tip */
{
 padding: 16px 16px 18px 46px;
 background-position: 14px 20px;
 background-repeat: no-repeat;
 border-radius: 4px;
 max-width: 845px;
 background-color: #f4f4f4;
 font-size: 13px;
 margin: 20px 0 10px 0;
         box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
 page-break-inside: avoid;
 background-image: url('../images/icon_tip.png');
}
.p_CodeExample /* Code Example */
{
 font-size: 1.09rem;
 page-break-inside: avoid;
 margin: 20px 0 10px 0;
}
.p_Codeblock /* Code Block */
{
 padding: 16px 16px 18px 46px;
 background-position: 10px 11px;
 background-repeat: no-repeat;
 border-radius: 4px;
 max-width: 845px;
 background-color: #e8edd8;
 font-size: 14pt;
 margin: 20px 0 10px 0;
         box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
 page-break-inside: avoid;
 background-image: url('../images/icon_code_2.png');
}
.p_ProcedureToLeadIn  {
        font-weight: bold;
         margin-top: 1em;
         margin-bottom: 0.7rem;
         padding-bottom: 0.5rem;
         padding-left: 1.6rem;
         color: #2f7eb3;
         background-image: url('../images/procedure-arrow-medium.png');
         background-repeat: no-repeat;
         background-position: left 3px;
         page-break-after: avoid;  
}

.p_Comment /* Comment */
{
 font-size: 1.00rem;
 page-break-inside: avoid;
}
.p_Heading1 /* Heading1 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 1.8rem 0 0;
 margin: 20px 0 10px 0;
}
.p_Heading2 /* Heading2 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 1.2rem 0 0;
 margin: 20px 0 10px 0;
}
.p_Heading3 /* Heading3 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 0.8rem 0 0;
 margin: 20px 0 10px 0;
}
.p_Heading4 /* Heading4 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 0.5rem 0 0;
 margin: 20px 0 10px 0;
}
.p_ImageCaption /* Image Caption */
{
 font-size: 11pt;
 color: #58585a;
 margin: 0 0 -14px 4px;
 page-break-inside: avoid;
}
.p_image_in_list /* image_in_list */
{
 font-size: 1.00rem;
 text-indent: 0.1250rem;
 page-break-inside: avoid;
 margin: 0 0 0.5625rem 2.6875rem;
}
.p_list /* list */
{
 font-size: 0.91rem;
 page-break-inside: avoid;
 margin: 0 0 0.15rem 1.3125rem;
}
.p_NewStyle /* New Style */
{
 font-size: 0.91rem;
 text-indent: -0.8125rem;
 page-break-inside: avoid;
 margin: 0 0 0.5625rem 2.2500rem;
}
.p_NewStyle2 /* New Style2 */
{
 font-size: 0.91rem;
 text-indent: -0.8125rem;
 page-break-inside: avoid;
 margin: 0 0 0.5625rem 2.2500rem;
}
.p_Steps /* Steps */
{
 font-size: 0.91rem;
 text-indent: -0.8125rem;
 page-break-inside: auto;
 margin: 0 0 0 2.5000rem;
}
.p_TableTitle /* Table Title */
{
 font-size: 0.91rem;
 page-break-inside: avoid;
 margin: 0.5rem 0 0.425rem 0.8rem;
}

/* Special tables for info boxes */
#callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
#callout-icon {display:block; position:absolute; top:-11px; left:-11px;}
#callout-icon-flag {display:block; position:absolute; top:-11px; left:-8px;}
#callout-table a {text-decoration: none; color: blue;}
#callout-table a:visited {text-decoration: none; color: blue;}
#overview-table a {text-decoration: none; color: #000000;}
#overview-table a:visited {text-decoration: none; color: #000000;}
#callout-table a:hover, #overview-table a:hover {text-decoration: underline;}