/* Main Help & Manual WebHelp Page Layout CSS
	 Copyright (c) by Tim Green 2014. All rights reserved. Contact: tg@it-authoring.com
*/
/* Reset Styles for Consistency */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html { overflow: hidden; }
body { 
	background:#ffffff; 
	font-size: 100;
	font-family: Arial;
	background:#c9daff; 
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	}

div#pagewrapper {
	position:absolute;
	top: 0;
	bottom:0;
	left:0;
	right:0;
	padding:0px;
	min-width: 280px;
}

/* NAV */

nav#navpane_tabs {
	display: none;
}

/* BASIC */
.desktop {
	display: initial;
	}
.tablet {
	display: none;
}
.phone {
	display: none;
	}
.noscript { 
	display: initial; 
	}
.scripted {
	display: none;
	}

/* Header Area */
h1.page_header {
	font-size: 1.8rem;
	padding: 0.1rem 0.5rem;
	font-weight: bold;
	} 

div#headerbox {
	position: absolute;
	background-color: transparent;
	top: 5px; left: 5px; right: 5px;
	height: 3rem;
	min-width: 25rem;
	padding: 0;
	margin: 0;
	/* border: 0.154rem solid #999999;
	border-radius: 0.5rem; */
	z-index: 1010;
	} 
div#headerwrapper {
	position: absolute;
	top: 0; bottom: 0;
	margin: 0; padding: 3px 0 0 0;
	border: 0 solid transparent;
	}	
	
 iframe.navframe {
		position: absolute;left:0;top:0;width:100%;height:100%;border:none;
  }

/* Navigation Panes */

div#navwrapper {
	position: absolute;
	top: 3.5rem;
	left: 0.300rem; bottom: 0.300rem;
	padding: 0 5px 0 0;
	width: 219px;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0px solid blue;
	-ms-touch-action: none;
	} 

div#navcontainer {
	position: absolute;
	top: 0; left: 0; bottom: 0;
	width: 208px;
	padding: 0.313rem 0 0 0;
	border: 0.154rem solid #999999;
	border-radius: 0.5rem 0 0 0.5rem;
	overflow: hidden;
	background-color: transparent;	
	z-index: 1001;
	outline: 0px solid red;
	}
	

/*div#navcontainer {
	position: absolute;
	top: 1px; left: 1px; bottom: 1px;
	border: 1px solid #999999;
	width: 208px;
	padding: 5px;
	overflow: hidden;
	background-color: #ffffff;	
	z-index: 1001;
	outline: 0px solid red;
	}  */

	
div#navsplitbar {
	display: none;
	}	
img#navhandle {
	display: none;
	}
div.navbox {
	width: 100%; 
	height: 100%;
	padding: 0; margin: 0;
	overflow-y: auto;
	background-color: #ffffff;
	-webkit-overflow-scrolling: touch;
	}
div.navbox.on {
	display: block;
	}
div.navbox.off {
	display: none;
	}
iframe.navframe {
	position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	 margin: 0;
	background-color: #ffffff; overflow: auto;
	}
	
/* Topic Pane */	
div#topicbox {
	position: absolute;
	background-color: #ffffff;
	top: 3.5rem; right: 0.300rem; bottom: 0.300rem;
	border: 0.154rem solid #999999;
	border-radius: 0.5rem 0 0 0.5rem;
	/* left: 243px; */
	left: 225px; 
	} 

div#hmpageheader {
	position: absolute;
	top: 0; left: 0; right: 0;
	background-color: transparent;
	overflow: hidden;
	}
div#hmpagebody {
	position: absolute;
	top: 2.7rem; left: 0; right: 0; bottom: 0;
	overflow-y: scroll;
	overflow-x: auto;
	border-style: solid;
	border-color: #c0c0c0;
	border-width: 0.154rem 0 0 0;
	padding: 0.313rem 0 0.313rem 0.313rem;
	margin: 0;
	-webkit-overflow-scrolling: touch;
	}

img#leftright {
	display: none;
	}
div#hmpopupdiv {
	display: none;
	}
/* Mobile Navigation Toolbar and Buttons */	
div#mob_toolbar_wrapper { 
	display: none;
	} 
	 /* 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;}