a { color: #355C8C; text-decoration: none; }
a:visited { color: #355C8C; }
a:hover { color: #20344F; text-decoration: underline; }
a.weblink { color: #355C8C; text-decoration: underline; }
a.weblink:visited { color: #355C8C; }
a.weblink:hover { color: #20344F; }
a.popuplink { color: #355C8C; text-decoration: none; }
a.popuplink:visited { color: #355C8C; }
a.popuplink:hover { color: #20344F; text-decoration: underline; }
a.filelink { color: #355C8C; text-decoration: none; }
a.filelink:visited { color: #355C8C; }
a.filelink:hover { color: #20344F; text-decoration: underline; }
a.inline-toggle { color: #355C8C; text-decoration: none; font-weight: bold; font-family: Segoe UI, Tahoma, sans-serif; }
a.inline-toggle:visited { color: #355C8C; }
a.inline-toggle:hover { text-decoration: underline; }
.fsmall {
  font-size: 10px;
  font-family: Segoe UI, Tahoma, Arial, sans-serif;
  text-align: center;
  margin: 10px 0 0 0;
}
.crumbs { font-size: 8pt; margin-bottom: 3px; margin-top: 0; color: #FFFFFF; }
.crumbs a, .crumbs a:visited { text-decoration: underline; color: #FFFFFF; }
.crumbs a:hover { color: #F4F8FF; }

@media screen {
  #idcontent {
    width: 100%;
    padding: 18px 20px 22px 20px !important;
    box-sizing: border-box;
    position: relative;
    background: #FFFFFF;
  }
  #innerdiv {
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
  .topichead { padding: 10px 16px; }
  .navlinks { font-size: 10pt; }
  .navlinks a, .navlinks a:visited { text-decoration: none; color: #355C8C; }
  .navlinks a:hover { text-decoration: underline; color: #20344F; }
  html.nonscroll { overflow:hidden; }
  body.nonscroll { overflow:hidden; height:100%; }
  div.nonscroll { overflow-x:auto; overflow-y:scroll; }
  #idheader table { background: linear-gradient(180deg, #7D9CCB 0%, #6083B7 100%) !important; }
  #hmheadbox { background: linear-gradient(180deg, #7D9CCB 0%, #6083B7 100%) !important; }
  #navbar { background: linear-gradient(180deg, #7D9CCB 0%, #6083B7 100%) !important; }
  #hmnavbox, #hmnavframe { background: linear-gradient(180deg, #EEF4FB 0%, #E6EEF9 100%) !important; }
  #hmcontentwrapper, #hmcontentslider { background: linear-gradient(180deg, #F8FBFF 0%, #F1F6FD 100%) !important; }
}

/* v4 unified TOC */
#hmnavbox, #hmnavframe{background:#F3F7FC !important;}
#hmcontentwrapper{background:#F7FAFE !important;}
#toc, #toc ul{background:transparent !important;}
#toc a:hover{background:rgba(96,131,183,0.08) !important;}


/* v5 requested fixes */
.sync-toc{display:none !important;}
#hmcontentslider,#hmcontentwrapper,#hmcontentbox{background:#FFFFFF !important;}
#idcontent{background:#FFFFFF !important;}


/* v6 full white topic area + hide sync toc */
html, body { background:#FFFFFF !important; min-height:100% !important; }
#idcontent, #innerdiv { background:#FFFFFF !important; min-height:100vh !important; }
.sync-toc { display:none !important; visibility:hidden !important; height:0 !important; overflow:hidden !important; }


/* v7 responsive topic images */
@media screen {
  #idcontent img,
  #innerdiv img {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  #idcontent figure,
  #innerdiv figure,
  #idcontent .image,
  #innerdiv .image {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #idcontent table,
  #innerdiv table {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  #idcontent,
  #innerdiv {
    overflow-x: auto !important;
  }
}