﻿/* Reset Styles for Consistency */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	font-size: 100%;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #000000;
	background-color:transparent;
	overflow: hidden;
	}
div#noscript {
		display: none;
	}
	
/* Pretty scrollbars for Webkit browsers */
 /* width */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar:horizontal {
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f5f5f5;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 5px;
}

/* Handle on hover */ 
::-webkit-scrollbar-thumb:hover {
  background: #858585;
}
	
div#hmpageheader {
	position: absolute;
	top: 0; left: 0.313rem; right: 0.313rem;
	background-color: transparent;
	}
div#hmpagebody {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: transparent;
	overflow-x: auto;
 /* DNH Edit - Original overflow-y:scroll */ 
	overflow-y: auto;
	border-style: solid;
	border-color: transparent;
	border-width: 1px;
	border-radius: 0.5rem 0 0 0.5rem;
	padding: 0 2px 0 0;
	margin: 0 0 0 0;
	/* Pretty scrollbar for Firefox */
	scrollbar-color: #a1a1a1 #f5f5f5;
	scrollbar-width: thin;
	}

p#tocnavbar { display: table-cell;}                 

/* General */
.tablet {
	display: none !important;
}
.phone {
	display: none !important;
	}
.noscript { 
	display: none !important;
	}
.scripted {
	
	}
.desktop {

	}
.desk_tablet {

}

.navbar { font-size: 120%; }

/* Header in TOC        */ 
div#tocHeader {
	position: static;
	border-bottom: 1px solid transparent;
	margin: 0 0 0 0.5rem;
 /* DNH Edit - Raise TOC height - Original - padding-bottom: 0.2rem; */
	padding-bottom: 0.0rem;
	background-image: url('../images/logo-image-mobile.png');
	background-repeat: no-repeat;
	background-size: 1.2rem 1.2rem;
	background-attachment: fixed;
	background-position: 10px 4px;
}
p.tocProjectTitle {
/* 	display: none;    */
        font-family: Segoe UI;
/* DNH Edit - align Project Tile to left - Original - text-align: center; */
	text-align: left !important;
	font-size: 1.1rem;
	color: #ce000c;
	padding-left: calc(1.2rem + 5px);  
 /* DNH Edit - align Project Tile to topic text - Insertion; */
        padding-top: 7px;   
}            
a#tocHeaderLink:link {
	text-decoration: none;
	color: initial;
}
a#tocHeaderLink:visited {
	color: initial;
}                 

/* TOC LIST CSS */
div#hmtoctree {
	position: relative;
 /* DNH Edit - Raise TOC - Original left: 0; right: 0; bottom: 0; top: 0.5rem;*/
	left: 0; right: 0; bottom: 0; top: 0.0rem;
	font-size: 0.950rem;
	}

/* Tim Green Help */ 
ul#toc, ul#toc ul {
    padding: 1.0rem 0 0 0;
    margin: 0;
    list-style-type: none;
}

/* Old - ul#toc li { 
	cursor: pointer;
 /* DNH Edit - Increase TOC spacing - Original  padding:0px ;
        padding: 0 0 15px;
	background-repeat: no-repeat;
	}          */
 /* Tim Green Help */ 
 ul#toc li {
    cursor: pointer;
    padding: 0 0 1.0rem 0;
    background-repeat: no-repeat;
}
/* Tim Green Help */
ul#toc li:last-child {
    padding: 0 0 0 0;
}


ul#toc li > a {
	display: block;
	padding: 0rem 0.143rem 0rem 1.1rem;
	background-repeat: no-repeat;
	background-position: 0rem 0.09rem;
	background-size: 1.1rem;
	color: #000000;
	text-decoration: none;
	border: thin solid transparent;
	border-radius: 5px;
	margin-left: 10px;
	}
ul#toc li.lv2 a {     
	background-position: 0.9rem 0.09rem;
        padding-left: 2rem;
	}

ul#toc li.lv3 a {
	background-position: 1.8rem 0.09rem;
	padding-left: 2.9rem;
	}
ul#toc li.lv4 a {
	background-position: 2.70rem 0.09rem;
	padding-left: 3.8rem;
	}
ul#toc li.lv5 a {
	background-position: 3.6rem 0.09rem;
	padding-left: 4.6rem;
	}
ul#toc li.lv6 a {
	background-position: 4.5rem 0.09rem;
	padding-left: 5.5rem;
	}
ul#toc li.lv7 a {
	background-position: 5.4rem 0.09rem;
	padding-left: 6.4rem;
	}
	
ul#toc li.current {
	z-index: 10000;
	}

/* DNH Edit - Original
  	background-color: #eaeaea;
	color: initial;
	font-weight: initial;
	border: thin dashed transparent;
*/
ul#toc li a:hover {
	background-color: #f7f7f7;
        color: #ce000c;
	font-weight: initial;
	border: thin dashed transparent;
	}

/* DNH Edit - Original 
       	border: thin dashed transparent;
	background-color: #eaeaea;
	outline: none;
        */

ul#toc a:focus {
       	border: thin dashed transparent;
	background-color: #eaeaea;
	outline: none;
	}	

/* DNH Edit - Original 
	background-color: #e0e0e0;
	color: #000000;
	border: thin dashed #000000;
	}
*/
ul#toc li a.current {
	background-color: #eaeaea;
	color: #ce000c;
/*	border: thin dashed #000000; */
	}


/* DNH Edit - Original 
	background-color: #d0d0d0;
	color: #000000;
	border: thin solid #000000;
        */
ul#toc li a.current:hover {
	background-color: #f7f7f7;
        text-decoration: underline;
	color: #ce000c;
/*	border: thin solid #000000;*/ 
	}

ul#toc ul { 	
	}
	
/* TOC LIST CSS */
