body {
  background-color:#fff;
  padding:50px;
  font:14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#727272;
  font-weight:400;
 }
h1,h2,h3,h4,h5,h6,p,ul,ol,table,pre,dl { margin:0 0 10px; }
h1,h2,h3 { line-height:1.1 }
h1 {font-size:28px }
h2 { color:#393939 }
h3,h4,h5,h6 { color:#494949 }
a { color:#267CB9;text-decoration:none }
a:hover,a:focus { color:#069;font-weight:bold;}
a small { font-size:11px;color:#777;margin-top:-0.3em;display:block }
a:hover small { color:#777 }
a:hover .header { font-weight:bold; }
section h2 a { color:#393939; }
section h2 a:hover { color:#777; }
section h2 a:hover:before { content: "\0023 "; }
.wrapper { width:860px;margin:0 auto }
blockquote { border-left:1px solid #e5e5e5;margin:0;padding:0 0 0 20px;font-style:italic }
code,pre { font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;color:#333 }
pre { padding:8px 15px;background:#f8f8f8;border-radius:5px;border:1px solid #e5e5e5;overflow-x:auto }
table { width:100%;border-collapse:collapse }
th,td { text-align:left;padding:5px 10px;border-bottom:1px solid #e5e5e5 }
dt { color:#444;font-weight:700 }
th { color:#444 }
img { max-width:100% }
kbd { background-color:#fafbfc;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5;color:#444d56;display:inline-block;font-size:11px;line-height:10px;padding:3px 5px;vertical-align:middle }
header { width:270px;float:left;position:fixed;-webkit-font-smoothing:subpixel-antialiased }
.left-section { width:500px;float:right;padding-bottom:50px }
small { font-size:11px; display: block; }
hr { border:0;background:#e5e5e5;height:1px;margin:0 0 20px }
footer { width:270px;float:left;position:fixed;bottom:50px;-webkit-font-smoothing:subpixel-antialiased }
strong { color:#222;font-weight:700 }
ul { display: block; padding-left:20px; }
li { margin-bottom:5px; }
span:hover { color: #069; font-weight:bold; cursor: pointer; }
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 0.8;
}
.collapsible {
  padding: 0px 5px;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}
.active, .collapsible:hover {
  background-color: #e6e6e6;
}
.content {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.collapsible:after {
  content: '\25BC';
  font-size: 13px;
  float: right;
  margin-left: 5px;
}
.active:after {
  content: "\25B2"; 
}
@media print, screen and (max-width: 960px) { 
  div.wrapper { width:auto;margin:0 }
  header,section,footer { float:none;position:static;width:auto }
  header { padding-right:320px }
  section { border:1px solid #e5e5e5;border-width:1px 0;padding:20px 0;margin:0 0 20px }
  header a small { display:inline }
  header ul { position:absolute;right:50px;top:52px }
 }
@media print, screen and (max-width: 720px) { 
  body { word-wrap:break-word }header { padding:0 }
  header ul,header p.view { position:static }
  pre,code { word-wrap:normal }
 }
@media print, screen and (max-width: 480px) { 
  body { padding:15px }
  .downloads { width:99% }
  .downloads li,.downloads li+li+li { width:33% }
 }
@media print { 
  body { padding:0.4in;font-size:12pt;color:#444 }
 }