* {
  margin: 0;
  padding: 0;
}
body, table, tr, th {
  font-size: 13pt !important;
  color: #3a3a3a;
}

a, a:visited, a:active {
  text-decoration: none;
}
a img { border: 0px; }
.hidden {
  display: none !important;
}

#top, #header, #faq, #tabs, #footer, #footerContainer {
  width: 100%;
}
#top p a {
  color: #fffeff;
}
#top p {
  margin: 0;
}
#top .header_spacer {
  padding: 1ex 2ex;
  position: relative;
}
#header, #revision, #revision a {
  color: #fffeff;
}
#header .header_spacer {
  padding: 3ex 2ex;
  position: relative;
  min-height: 50px;
}
#logo {
  position: absolute;
  left: 2ex;
  top: 3ex;
  min-width: 315px;
  height: 6ex;
}
#logo div {
  position: relative;
  width: 100%;
  height: 100%;
}
#logo img {
  max-height: 100%;  
  max-width: 100%; 
  width: auto;
  height: auto;
  position: absolute;  
  top: 0;  
  bottom: 0;  
  left: 0;  
  right: 0;  
  margin: auto 0;
  z-index: 1000;
}
#globalSearch {
  width: 55%;
  margin-left: 27.5%;
  min-height: 6ex;
}

/* Versions selectbar */
#versions, #offlineInfo {
  position: absolute;
  right: 2ex;
  top: 2.5ex;
  padding-top: 2.5ex;
  text-align: right;
  z-index: 100007;
}
a#changeVersionStr, a#goOnlineLink {
  color: #fffeff;
}
a#changeVersionStr:hover, a#goOnlineLink:hover, #feedbackLink a:hover {
  text-decoration: underline;
}
#versionSelector {
  display: none;
  position: absolute;
  right: 0ex;
  top: 5ex;
  max-width: 13em;
  z-index: 100007;
}
#versionSelector span {
  height: 12px;
  display: block;
  color: #fff;
  background-size: 12px 8px;
  background-position: 85% bottom;
}
#versionSelector a {
  padding: 3px 15px;
  display: block;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0px;
}
#versionSelector a:first-child {
  border-top-width: 1px;
}

/* Language selectbar */
#languages {
  position: absolute;
  right: 2ex;
  top: 1ex;
  text-align: right;
}
a#lngselectboxlink {
  background: url("../images/icon_globe_16.png") no-repeat;
  background-position: 0px 50px; /* "center left/right" added by languageDivLayout.js because of no-JS support */
  padding-left: 18px;
  height: 21px;
  display: inline-block;
  color: #fffeff;
}
#languagemenu {
  position: absolute;
  right: 2ex;
  top: 4.5ex;
  border-width: 1px;
  border-style: solid;
  max-width: 42em;
  background-color: #fff;
  z-index: 1000010;
}
#helpLang ul {
}
#helpLang li {
  display: inline-block;
  width: 14em;
  list-style-type: none;
  text-align: left;
}
#helpLang li a {
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 3px 3px 3px 24px;
  display: block;
}
#helpLang li a:hover {
  background-color: #f5f5f5;
}
#helpLang li.lngSelected a {
  text-decoration: underline;
}

.page.offlineSearch {
  display: none;
  min-height: 6ex;
  position: relative;
}
#offlineSearch {
  position: absolute;
  width: 55%;
  left: 28.25%;
  height: 0;
  min-height: 6ex;
  border: 0px;
  z-index: 100013;
}

.kbSearch input {
  font-size: 100%;
}
input.zoom_searchbox, input.zoom_button {
  border-radius: 5px;
  padding: 0.6em;
  box-sizing: border-box;
}
input.zoom_searchbox {  
  border-color: transparent;
  background: #fff;
  width: 78%;
}
input.zoom_button {
  background:transparent;
  border:1px solid #fff;
  color: #fff;
  width: auto;
  height: auto;
  text-transform: uppercase;
  margin: 0px;
  width: 20%; 
}
input.zoom_button:hover {
  background:#fff;
  color: #3a3a3a;
  cursor: pointer;
}

#faq {
  background-color: #f5f5f5;
  display: none;
  /* padding: 4ex 0; Added by jQuery in faq.js because of no-JS compatibility issues */ 
}
#faq.index, #faq.introduction, #faq.INTRODUCTION, #faq.intro, #faq.INTRO {
  display: block;
}
#faq div.faq {
  display: inline-block;
  width: 33%;
}
#faq div.faq .faqSpacer {
  padding: 2ex;
  margin: 1.25ex;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}
#faq div.faq .faqSpacer p {
  text-align: center !important;
}
#faq div.faq .faqSpacer p:first-child {
  height: 6.5ex;
  max-height: 6.5ex;
  overflow: hidden;
}
#faq div.faq .faqSpacer p:first-child a {
}
#faq div.faq .faqSpacer p.second {
  height: 5.5ex;
  max-height: 5.5ex;
  overflow: hidden;
  line-height: 125%;
}
#faqTitle {
  font-size: 150%;
  text-align: center !important;
}
#faq div.faq a {
  font-size: 110%;
}
#tabsSelector, #topicSelector, #desktopSelector {
  display: none;
}
#tabs {
  text-align: center;
  border-style: solid;
  border-width: 0px;
  /* border-top-width: 1px; border-bottom-width: 1px; Added by jQuery in tabs.js because of no-JS compatibility issues */
}
#tabs a {
  border-bottom: 3px solid transparent;
  padding: 1.5ex 0;
  display: inline-block;
  margin: 0 3ex;
}
#breadcrumbs {
  background-color: #f2f2f2;
  padding: 1.25ex 10px;
  font-size: 11pt !important;
  color: #000;
}
#breadcrumbs.index, #breadcrumbs.introduction, #breadcrumbs.INTRODUCTION, #breadcrumbs.intro, #breadcrumbs.INTRO {
  display: none;
}

.page {
  max-width: 65em;
  margin: 0 auto;
}
.page.footerPadding {
  margin-bottom: 5ex;
}
iframe#toc {
  padding: 3ex 1.25% 0 0;
  float: left;
  width: 25%;
  border: 0px;
  margin-top: 5.25ex;
  border: 0px;
  min-height: 450px;
}
#content {
  float: left;
  padding: 3ex 0.5% 0 1.25%;
  width: 72%;
  min-height: 500px;
  overflow: hidden;
}
#hmsplitter {
  margin-top: 8.25ex;
  float: left;
  background-repeat: no-repeat;
  background-size: 100% 10px; /* width 100%, height 10px */
  box-sizing: border-box;
  cursor: pointer;
}
#hmsplitter:hover {
  opacity: 1 !important;
  border-color: #dcdcdc;
}

/* PDF download and revision number */ 
#revision {
  width: 100%;
  border-bottom: 1px solid #c0c0c0;
  box-shadow: 0 -1px 10px -1px #888;
}
#revision.positionFixed {
  position: fixed;
  bottom: 0px;
  left: 0px;
}
#revision.positionStatic {
  position: static;
  bottom: auto;
  left: auto;
}
.revision_spacer {
  padding: 0.75ex 2ex;
}
#pdfDownload {
  display: inline-block;
  width: 50%;
  text-align: left;
  vertical-align: top;
}
a#pdfDownloadIcon {
  background: url("../images/icon_pdf_16.png") no-repeat;
  background-position: center left;
  padding-left: 18px;
  height: 18px;
  vertical-align: middle;
  font-size: 11pt !important;
}
a#pdfDownloadIcon:hover {
  text-decoration: underline;
}
#revisionNumber {
  display: inline-block;
  width: 50%;
  text-align: right;
}
#revisionNumber iframe {
  border: 0px;
  height: 21px;
  width: 99%;
  overflow: hidden;
}

a.arrows {
  color: #000;
  font-size: 125%;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  margin-right: 3px;
}
a.arrows span {
  display: none;
}

/* HM style overrides */
.p_Heading1 {
  margin-bottom: 3ex;
}
span.f_Heading1 {
  font-size: 140%;
  color: #000;
} 
.p_Heading2 {
  margin-top: 3ex;
}
span.f_Heading2 {
  font-size: 120%;
}
#content div.mobileTableBig {
  overflow-x: auto;
  max-width: none;  
  max-width: initial;
} 
#content div.mobileTableBig table {
  min-width: 40em !important;
}
#topicText p, .p_Normal, .p_Path, .p_NormalList, #topicText p span {
  font-size: 11pt !important;
  line-height: 135%;
  color: #2d2d2d;
}
#topicText p span.f_Green, #topicText{
  font-size: 12pt !important;
  color: #008000;
}
#topicText p span.f_Orange, #topicText{
  font-size: 12pt !important;
  color: #ff8000;
}
#topicText p span.f_Red, #topicText{
  font-size: 12pt !important;
  color: #ff0000;
}
#topicText p span.f_UI, #topicText{
  font-size: 12pt !important;
  color: #000;
}
#topicText p span.f_UIheader, #topicText{
  font-size: 11pt !important;
  color: #303030;
}
#topicText p span.f_UIheaderIndent, #topicText{
  font-size: 11pt !important;
  color: #303030;
}
#topicText p span.f_UIexample, #topicText{
  font-size: 11pt !important;
  color: #53a52c;
}
#topicText p span.f_UIimportant, #topicText{
  font-size: 11pt !important;
  color: #ee9811;
}
#topicText p span.f_UInote, #topicText{
  font-size: 11pt !important;
  color: #3fa5f8;
}
#topicText p span.f_UIwarning, #topicText{
  font-size: 11pt !important;
  color: #e04239;
}
#topicText p.p_Path, #topicText p span {
  line-height: italic;
  font-size: 11pt !important;
  color: #5b5b5b;
}
#topicText  p.p_Code {
  line-height: normal;
  font-size: 11pt !important; 
  margin: 0;
}
#topicText p.p_CodeExample {
  line-height: normal;
  font-size: 11pt !important;
  color: #858585; 
}      
#topicText p.p_eShell_grey, #topicText p.p_eShell_green, #topicText p.p_eShell_yellow {
  line-height: normal;
  font-size: 9pt !important; 
  margin: 0;
}
#topicText p span.f_Code, #topicText p span.f_CodeExample, #topicText p span.p_CodeExample {
  font-size: 9pt !important; 
  line-height: normal;
  color: #858585;
}  
#topicText p span.f_eShell_grey, #topicText p span.f_eShell_green, #topicText p span.f_eShell_yellow {
  font-size: 9pt !important;
  line-height: normal; 
}
#topicText p span.f_Small, #topicText p span.f_Strong {
  font-size: 10pt !important;
}
#topicText hr {
  margin-bottom: 10px;
  line-height: 135%;
}

#contentFooter {
  border-top: 1px solid #dcdcdc;
  padding: 1ex 0;
  margin-top: 3ex;
}
#feedbackLink {
  float: right;
}

#footer {
  text-align: center;
  padding: 4ex 0;
}
#footer a {
  display: inline-block;
  padding: 1em;
  margin: 0 2em;
  font-weight: bold;
}
#footer a:hover {
  text-decoration: underline;
}
#footer p {
  clear: both;
  margin-top: 2ex;
  text-align: center;
  color: #84919a;;
}

#lightbox {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:#000;
  opacity:0;
  z-index: 100010;
}
.fancybox-container {
  z-index: 100015 !important;
}