@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&subset=latin-ext');
*{
font-family:'Roboto',sans-serif
}
body,table,tr,th /* Normal */{
color:;
font-family:'Roboto',sans-serif !important;
font-style:normal;
font-weight:normal;
text-decoration:none
}
html,body{
margin:0;
padding:0;
background:#FFF
}
body{
border:1px solid transparent;
color:;
background-color:#FFF;
font-size:13px;
font-weight:400;
line-height:1.5;
border-radius:4px
}
div#printheader{
display:none
}
#idheader{
width:100%;
padding:0;
margin:0;
height:auto;
position:fixed;
top:0;
z-index:2
}
/* The "min-height" for "#idheader table" ensures that the (blue) header of the topic
has at least the same height as the header of the navigation panel left of it */
#idnav{
width:<IF_PRINT_BUTTON>158px</IF_PRINT_BUTTON><IFNOT_PRINT_BUTTON>126px</IFNOT_PRINT_BUTTON>;
text-align:right;
vertical-align:middle;
padding-right: 20px;
}
#idnav span{
width:24px;
margin-left:4px;
display:inline-block;
background:url('hm_webhelp_buttons_grey.png') top left no-repeat;
height:24px
}
#idnav a span{
background-image:url('hm_webhelp_buttons_white.png')
}
#idnav a span:hover{
background-image:url('hm_webhelp_buttons_blue.png')
}
#idnav span.hmbtnprev{
background-position:0 -32px
}
#idnav span.hmbtnnext{
background-position:-24px -32px
}
#idnav span.hmbtntop{
background-position:-48px -32px
}
#idnav span.hmbtntoggle{
width:20px;
background-position:-70px -32px
}
#idnav span.hmbtnprint{
background-position:-88px -32px
}
#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
}
p.help-url{
margin:20px 0 5px 0;
font-size:80%;
text-align:center;
text-decoration:none
}
#switchtoggles{
padding:0 2px 0 0;
font-size:90%;
text-align:right
}
.sync-toc{
display:none;
color:<%SKIN-HEADER-TEXT-COLOR%>;
font-size:8pt;
font-weight:bold
}
.sync-toc a{
color:<%SKIN-HEADER-TEXT-COLOR%>;
font-weight:bold;
text-decoration:none
}
.sync-toc a:visited{
color:<%SKIN-HEADER-TEXT-COLOR%>
}
a.hmanchor{
margin-top:4em;
padding-top:4em;
display:inline-block
}
a.weblink{
color:blue;
text-decoration:underline
}
a.weblink:hover{
color:navy
}
a.inline-toggle{
color:blue;
font-weight:bold;
font-family:"Open Sans",sans-serif;
text-decoration:none
}
#innerdiv{
padding:20px !important
}
.topichead{
padding:5px
}
.navlinks{
font-size:10pt
}
.navlinks a:visited{
color:purple;
text-decoration:none
}
html.nonscroll{
overflow:hidden
}
body.nonscroll{
overflow:hidden;
height:100%
}
div.nonscroll{
overflow-x:auto;
overflow-y:scroll
}
.fsmall{
margin:10px 0px 0px 0px;
font-size:10px;
font-family:"Open Sans",sans-serif;
text-align:center
}
.crumbs{
margin-bottom:3px;
margin-top:0px;
font-size:8pt
}
.crumbs a:hover{
}
.p_Heading2{
color:#484848
}
div#hmnavframe{
background-color:#FAFAFA
}
.p_Heading1{
margin:6px
}
#idcontent{
padding:20px;
background-color:#FAFAFA !important;
position:relative;
border-radius:4px
}
#idheader h1 span{
color:white
}
#idheader table{
background:#004B8D;
min-height:59px;
border-radius:4px 4px 0 0
}
#callout-table a:visited,#overview-table a,#overview-table a:visited,#idnav a,#callout-table a{
text-decoration:none
}
#callout-table a:hover,#overview-table a:hover,.sync-toc a:hover,.crumbs a,.crumbs a:visited{
text-decoration:underline
}
a,a.popuplink,a.filelink,.navlinks a{
color:blue;
text-decoration:none
}
a.popuplink:visited,a.filelink:visited,a.inline-toggle:visited,a:visited,a.weblink:visited{
color:purple
}
a.filelink:hover,a.inline-toggle:hover,.navlinks a:hover,a:hover,a.popuplink:hover{
color:navy;
text-decoration:underline
}
/* TOC LIST CSS */
#toc{
padding:0;
margin:0
}
#toc li{
margin-top:2px;
margin-left:0;
padding:1px
}
#toc ul{
padding-left:0;
margin-left:-5px
}
/* TOC LIST CSS */
ul#toc{
padding:10px!important;
background:#FAFAFA;
border-radius:4px
}
#hmheadbox{
border-top:px solid ;
border-bottom:px solid ;
background:transparent;/* Header blue background */
text-align:center;/* Project title in header centered,for left-align,change to "left" */
position:absolute;
left:0px;
right:0px;
top:0px;
height:70px;
vertical-align:top
}
#hmheadbox a{
margin:5px;
display:inline-block
}
#hmheadbox a.logo{
float:left;/* Your logo in the top-left corner  */
max-height:60px
}
#hmheadbox span.title{
margin-right:32px;/* center title in header properly */
padding:15px;
/* Project title in the header  */
display:inline-block;
white-space:nowrap;
font-size:2em;
font-weight:bold;
max-width:80%;
overflow:hidden;
text-overflow:ellipsis
}
#hmheadbox a.mobilemenu{
float:left;/* Mobile menu:change background-url to switch color */
width:16px;
display:none;
background:url('hm_webhelp_buttons_white.png') top left no-repeat;
background-position:-112px -37px;
height:16px
}
#hmcontentslider{
width:100%;
border-top:thin solid transparent;
position:absolute;
left:0;
top:80px;
bottom:0
}
#hmcontentwrapper{
position:absolute;
top:0;
left:0;
bottom:0;
right:0
}
#hmsplitter{
display:block
}
#navbar{
background:#004B8D;
/* This is the small bar above TOC/index with 3 icons:TOC|Index|Search */
height:60px;
border-radius:4px 4px 0 0
}
#navbar a{
width:32px;
margin:10px 14px 0 10px;
/* Navigation buttons:change background-url to switch color */
display:inline-block;
background:url('hm_webhelp_buttons_white.png') top left no-repeat;
height:32px;
opacity:0.7
}
#navbar a.current{
cursor:default;
opacity:1.0
}
#navbar a:hover{
background:url('hm_webhelp_buttons_blue.png') top left no-repeat;
opacity:1
}
#navbar a.current:hover{
background:url('hm_webhelp_buttons_white.png')
}
#navbar a.hmbtntoc{
background-position:-32px 0 !important
}
#navbar a.hmbtnindex{
background-position:-64px 0 !important
}
#navbar a.hmbtnsearch{
background-position:-96px 0 !important
}
a.mobilemenu{
cursor:pointer
}
#hmnavbox{
width:29.7%;
position:absolute;
left:0;
min-width:100px;
height:100%
}
#hmnavframe{
position:absolute;
left:0;
top:60px;
right:0;
bottom:0
}
#hmcontentbox{
position:absolute;
top:0;
right:0;
bottom:0;
left:30%
}
iframe{
width:100%;
border:none;
background:transparent;
left:0;
top:0;
height:100%
}
#hmcontentbox iframe{
position:absolute
}
/* This media query hides the navigation panel when window width <= 760px */
@media only screen and (max-width:760px){
#hmheadbox{
border-top:10px solid ;
border-bottom:10px solid ;
font-size:70%;
height:35px
}
#hmheadbox a.logo{
display:none/* Your logo in the top-left corner  */
}
#hmcontentslider{
top:60px;/* when you change the header height,changes this as well */
right:0;
overflow-y:hidden;
overflow-x:hidden;
-webkit-overflow-scrolling:touch
}
#hmcontentwrapper{
width:200%;
overflow-y:hidden
}
#hmsplitter{
display:none
}
#hmnavbox{
width:50% !important;
left:0;
bottom:0;
overflow:auto
}
#hmcontentbox{
width:50% !important;
border:none;
left:50% !important;
right:0;
bottom:0;
overflow:auto
}
#hmheadbox a.mobilemenu{
padding:3px;
display:inline-block
}
#hmheadbox span.title{
margin-right:0;/* center title in header properly */
margin-top:-10px
}
}
.heading1,.heading2,.heading3,.heading4,.heading5,.heading6{
color:#0066BB;
text-decoration:none
}
.hilight1,.hilight2,.hilight3,.hilight4,.hilight5,.hilight6{
display:block !important;
color:#0066BB;
background:transparent;
text-decoration:none
}
.heading1, .heading2, .heading3, .heading4, .heading5, .heading6 {
	color: #0066BB;
	text-decoration: none;
	display: block;
	padding-left: 5px;
}