* {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* Custom scrollbar Need more info styling the scroll bar? See http://css-tricks.com/custom-scrollbars-in-webkit/ */
::-webkit-scrollbar {
  width: .5em;
  height: .5em;
}

::-webkit-scrollbar-track {
  background-color: #f1ede9;
}

::-webkit-scrollbar-thumb {
  background-color: #9a9a9a;
}

body {
  font-size: 100%;
  font-family: Roboto, Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #262626;
}
body > div.functionbar, body > div.fts-results, body > div.topic {
  top: 1em;
  left: 23em;
  right: 3em;
  bottom: 4.1em;
}
body > div.functionbar div.functionbar, body > div.fts-results div.functionbar, body > div.topic div.functionbar {
  height: 2.4em;
  margin-bottom: 1em;
  width: 100%;
}
body > div.header, body > div.toc, body > div.fts-search {
  top: 1em;
  left: 3em;
  width: 20em;
  padding-right: 3em;
}
body > div {
  position: absolute;
}
body > div.header {
  top: 3em;
  height: 6em;
}
body > div.header .logo {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent url("logo.png") no-repeat center top;
  background-position: contain;
  background-size: contain;
}
body > div.header .menubutton {
  display: none;
}
body > div.toc {
  top: 12em;
  bottom: 4em;
}
body > div.functionbar {
  height: 3em;
}
body > div.functionbar div {
  float: right;
  height: 80%;
  width: 3em;
  margin-left: .5em;
  cursor: pointer;
}
body > div.functionbar div a {
  display: block;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
body > div.functionbar div.next a {
  background-image: url("next.png");
}
body > div.functionbar div.prev a {
  background-image: url("prev.png");
}
body > div.fts-search {
  top: 7em;
  height: 3em;
}
body > div.fts-results {
  top: 4em;
  overflow: auto;
}
body > div.topic {
  top: 4em;
  bottom: 4em;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
body > div.topic iframe {
  width: 100%;
  height: 98%;
  border: none;
}
body > div.footer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 4em;
  border-top: 0.2em solid #7caf0a;
  background: black url("nvidia-logo.png") no-repeat 95% center;
  background-size: auto 50%;
}
body > div.footer div {
  font-size: inherit !important;
  float: left !important;
  margin: 1.2em 0 0 1em !important;
}
body > div.footer div:first-child {
  margin-left: 2em !important;
}
body > div.footer div.copyright {
  position: absolute;
  top: 0.5em;
  left: 25%;
  color: white;
  font-size: .75em !important;
  text-align: center;
  width: 50%;
}
@media screen and (max-width: 59.5em) {
  body > div.fts-results, body > div.topic {
    top: 6.6em;
    bottom: 0;
    left: 0;
    right: 0;
  }
  body > div {
    width: 100% !important;
    padding-right: 0 !important;
  }
  body > div.header {
    top: 0;
    left: 0;
    height: 3em;
    padding: 0.6em;
    padding-bottom: 0;
  }
  body > div.header .logo {
    height: 2.4em;
    width: calc(90% - 3.5em);
    margin-left: 0.6em;
    float: left;
    background: transparent url("logo_mobile.png") no-repeat left top;
  }
  body > div.header .menubutton {
    display: block;
    height: 2.4em;
    margin-right: 0.6em;
    width: 3.5em;
    float: right;
    cursor: pointer;
    background: transparent url("mobile-toc-open.png") no-repeat center center;
    background-size: 50% 75%;
  }
  body > div.header .menubutton.mobile-toc-visible {
    background: black url("mobile-toc-close.png") no-repeat center center;
    background-size: 50% 75%;
  }
  body > div.toc {
    display: none;
    top: 3em;
    left: 0;
    bottom: 0;
    background: black;
    padding: 0 1em;
  }
  body > div.toc > div {
    font-size: 1.2em;
  }
  body > div.toc.mobile-toc-visible {
    display: block;
  }
  body > div.toc.mobile-toc-visible ~ div.functionbar,
  body > div.toc.mobile-toc-visible ~ div.fts-search,
  body > div.toc.mobile-toc-visible ~ div.fts-results,
  body > div.toc.mobile-toc-visible ~ div.topic {
    display: none;
  }
  body > div.functionbar {
    top: 3em;
    left: auto;
    right: 0;
    height: 3em;
    width: 20% !important;
    margin-top: .5em;
  }
  body > div.functionbar div {
    margin: 0;
    height: 2.4em;
    width: 49%;
  }
  body > div.fts-search {
    top: 3em;
    left: 0;
    height: 3em;
    width: 75% !important;
    margin-top: .5em;
    float: left;
  }
  body > div.fts-search input.wSearchField {
    width: 97.5%;
    margin-left: 2.5%;
	margin: 0 0 1em
  }
  body > div.fts-search a.wSearchLink {
    top: -0.3em;
    right: 0.3em;
    height: 3em;
  }
  body > div.fts-results {
    padding: 0 1em;
  }
  body > div.footer {
    display: none;
  }
}

/* TOC widget */
div.wTOCTree {
  width: 100%;
  height: 100%;
  overflow: auto;
  color: #9b9b9b;
}
div.wTOCTree:focus {
  outline: none !important;
}
div.wTOCTree a {
  display: block;
  color: inherit;
  text-decoration: none;
}
div.wTOCTree .treeitem {
  width: 100%;
  margin: .5em 0;
}
div.wTOCTree .treeitem .wTOCTreeOpenBookChildBlock {
  padding-left: 1em;
}
div.wTOCTree .wTOCTreeCloseBook span,
div.wTOCTree .wTOCTreeCloseBookHover span,
div.wTOCTree .wTOCTreeCloseBookSelected span,
div.wTOCTree .wTOCTreeOpenBook span,
div.wTOCTree .wTOCTreeOpenBookHover span,
div.wTOCTree .wTOCTreeOpenBookSelected span,
div.wTOCTree .wTOCTreePage span,
div.wTOCTree .wTOCTreePageHover span,
div.wTOCTree .wTOCTreePageSelected span,
div.wTOCTree .wTOCTreeLink span,
div.wTOCTree .wTOCTreeLinkHover span,
div.wTOCTree .wTOCTreeLinkSelected span {
  border-bottom: .2em solid transparent;
}
div.wTOCTree .wTOCTreePageSelected span,
div.wTOCTree .wTOCTreeOpenBookSelected span,
div.wTOCTree .wTOCTreeCloseBookSelected span,
div.wTOCTree .wTOCTreeLinkSelected span {
  color: white;
  border-bottom-color: #7caf0a;
}

div.fts-search input.wSearchField {
  font-size: 1.1em;
  height: 80%;
  width: 100%;
  line-height: 100%;
  margin: 2em 0 1em 0;
  padding-left: .5em;
  padding-right: 10%;
  background-color: #282b30;
  border: 0.1em solid #9a9a98;
  -webkit-appearance: none;
  color: white;
}
div.fts-search input.wSearchField:focus {
  outline: 0;
}
div.fts-search input.wSearchField::-webkit-search-cancel-button {
  display: none;
}
div.fts-search input.wSearchField::-webkit-input-placeholder {
  font-style: italic;
  color: #9b9b9b;
}
div.fts-search input.wSearchField:-moz-placeholder {
  font-style: italic;
  color: #9b9b9b;
}
div.fts-search input.wSearchField::-moz-placeholder {
  font-style: italic;
  color: #9b9b9b;
}
div.fts-search input.wSearchField::-ms-input-placeholder {
  font-style: italic;
  color: #9b9b9b;
}
div.fts-search a.wSearchLink {
  display: block;
  position: absolute;
  top: 77%;
  right: 3.1em;
  height: 70%;
  width: 10%;
  min-width: 2em;
  text-decoration: none;
  background: transparent url("search.png") no-repeat center center;
  background-size: stretch;
}

div.fts-results div.wSearchMessage {
  color: #9b9b9b;
  font-size: .9em;
  margin-bottom: 1.5em;
}
div.fts-results div.wSearchResultItem {
  margin-bottom: 1em;
}
div.fts-results div.wSearchResultItem div.searchtitle {
  font-size: 1.5em;
}
div.fts-results div.wSearchResultItem div.searchtitle a {
  color: #7caf0a;
  text-decoration: none;
}
div.fts-results div.wSearchResultItem div.searchurl {
  font-size: .9em;
  color: white;
  margin: .2em 0;
}
div.fts-results div.wSearchResultItem div.searchcontext {
  color: #9b9b9b;
}