/* Honda Owner's Guide HTML stylesheet */
/* December 2017 */
/* Oberon Technologies, Inc. */

body {
/*    font-family: Arial, Tahoma, Batang, sans-serif;*/
    font-size: 10pt;
    margin-left: 5pt;
    margin-right: 5pt;
    margin-top: 5pt;
    color: #000000;
}

body[brand=Honda] {
    font-family: UniversLTStd, Arial, Tahoma, Batang, sans-serif;
}

body[brand=Acura] {
    font-family: Bliss2, Arial, Tahoma, Batang, sans-serif;
}

.confidentiality-symbol {
    position: fixed;
    right: 5pt;
    top: 2pt;
    width: 80px;
    z-index: 1;
}

.draft-watermark {
    position: fixed;
    left: 80px;
    top: 100px;
    z-index: -1;
}

.brand-in-heading {
    font-size: 24pt;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: bottom;
}

.sb-in-heading {
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

.sb-service-bulletin-heading {
    font-size: 24pt;
    line-height: 25pt;
}

.docnum-in-heading {
    font-size: 22pt;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    vertical-align: bottom;
}

.pubdate-in-heading {
    font-size: 12pt;
    font-weight: bold;
}

.version-in-heading {
    font-size: 8pt;
    text-align: right;
}

.sb-hdr1 {
    width: 100%;
    border-style: none;
    padding-bottom: 12pt
}

.sb-hdr1 * td {
    border-style: none;
}

.entry .p {
    margin: 1pt;
}

div.nested2 {
    margin-left: 15pt;
}

p {
    margin-top: 3pt;
}

/* Override commonltr.css */
.p {
    margin-top: 3pt;
}

p.stepsection {
    font-weight: bold;
    font-style: italic;
}

/* ======== Lists ========== */
ol {
    margin-left:0 !important;
    padding: 0;
}

ul {
    padding: 0;
    text-indent: 0;
}

li {
    padding-left: 0 !important;
}

li > p:first-child {
    margin-top: 0;
    display: inline;
}

ol > li {
    list-style-type: decimal;
    display: list-item;
    margin-left: 12pt;
    margin-top: 3pt;
}

ul > li {
  list-style-type: disc;
  margin-top: 3pt;
  margin-left: 14pt;
}

ol * ol > li {
    list-style-type: square;
    margin-left: 17pt;
}

ol * ol * ol > li {
    list-style-type: none;
    margin-left: 33pt;
    text-indent: -22pt;
}

ul ul  > li {
    list-style-type: square;
/*    list-style-image: url(ul-bullet2.png) !important;*/
    padding-right: 10pt;
    margin-left: 16pt;
}

ul ul ul > li {
    list-style-type: none;
    margin-left: 4pt;
}

ul ul ul ul > li{
    margin-left: 14pt; 
}

ul ul ul ul > li:before {
  content: "\003F";
  padding-right: 7px;
}
ol.substeps {
    margin-top: 6pt;
}

li.choice {
    margin-top: 6pt;
}

li.choice > ol {
    margin-top: 6pt;
}

div[class*=note] ul {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 10pt;
    text-indent: 0;
}

.numberedtopic ol > li {
    margin-left: 26pt !important;
    text-indent: -26pt;
}

.numberedtopic ol * ol > li {
    margin-left: 28pt !important;
    text-indent: -28pt;
}

.numberedtopic ol * ol * ol > li {
    margin-left: 34pt;
    text-indent: -34pt;
}

.olil1 {
    display: inline-block;
    width: 12pt;
    padding-right: 4pt;
    text-align: right;
}

.olil2 {
    display: inline-block;
    width: 18pt;
    padding-right: 4pt;
    text-align: right;
}

.numberedtopic .olil2 {
    /* extra width for bold */
    width: 22pt;
}

.olil3 {
    display: inline-block;
    width: 24pt;
    padding-right: 4pt;
    text-align: right;
}

.olil4 {
    display: inline-block;
    width: 30pt;
    padding-right: 4pt;
    text-align: right;
}

steps {
    list-style-type: none;
    margin-left:0 !important;
    padding: 0;
}

step {
    list-style-type: decimal;
    display: list-item;
    padding-top: 3pt;
    margin-left: 10pt;
    text-indent: 10pt;
}

step > cmd {
    margin-top: 0;
    display: inline;
}

li.choice {
    list-style-type: none !important;
/*//    text-indent: -18pt;*/
}

p.stepsection {
    margin-bottom: 0 !important;
}

.info {
    padding-top: 6pt;
}

table {
  margin-top: 3pt;
  margin-bottom: 3pt;
}

table.dl {
  border: none;
}

td.dt, td.dd {
  border: none;
}


.sb-hdr2 {
    width: 100%;
    border-top-style: solid;
    border-top-width: 1.5pt;
    border-top-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1.5pt;
    border-bottom-color: #000000;
    border-left-style: none;
    border-right-style: none;
}

.sb-hdr2 * td {
    border-style: none;
}

.sb-title {
    font-size: 16pt;
    line-height: 17pt;
    font-weight: bold;
    padding-top: 8pt;
    margin-bottom: 0pt;
}

.sb-desc {
    font-size: 10pt;
    line-height: 12pt;
    font-weight: bold;
    padding-top: 6pt;
    padding-bottom: 2pt;
    margin-top: 0pt;
}

.tbody .row:last-child .entry {
    border-bottom: 0;
}

.entry:last-child {
    border-right: 0;
}

td,th {
/* selecting by element name allows classes rowsep-0 and colsep-0
   to suppress borders when needed */
    border-bottom-style: solid;
    border-bottom-width: 1pt;
    border-bottom-color: #000000;
    border-right-style: solid;
    border-right-width: 1pt;
    border-right-color: #000000;
}

th {
    text-align: left;
}

.topictitle1 {
/*A chapter title (a level 1 division title) is flush left in 18pt bold sans serif */
  /* all caps gray (RGB=102/102/102  */
  /* or #666666). Since chapters always start a page, */
  /* a chapter title is always at the top of the page. */
  /* There is a 10pt space after chapter titles.*/
  font-size: 18pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #666666;
  margin-bottom: 10pt;
}

.topictitle2 {
  /* A chapter subdivision title (a level 2 division title) is flush left 
     in 11pt bold sans serif mixed case “Honda blue” (RGB=0/125/195 or #007DC3) for Honda documents 
     and a dark “Acura blue” (RGB=0/45/98 or #002D62) for Acura documents. 
     It is preceded by a 7pt space before and followed by a 5pt space after. */
  font-size: 11pt;
  font-weight: bold;
  margin-top: 7pt;
  margin-bottom: 5pt;
  
}

.topictitle3 {
  /* A level 3 division title consists of a large solid square bullet (e.g., Unicode character U-25A0) in either
“Honda blue” or “Acura blue” as appropriate flush left with the rest of the title starting at a 15pt “tab”
indent in 9pt bold sans serif mixed case black. It is preceded by a 7pt space before and followed by
a 5pt space after.. */
  font-size: 9pt;
  font-weight: bold;
  margin-top: 7pt;
  margin-bottom: 5pt;
}

.topictitle4 {
  /* A level 4 division title is left justified starting 15pt in from the left margin (as does all content of a level 4
division). It is in 9pt bold sans serif mixed case gray (RGB=102/102/102 or #666666). It is preceded by a
7pt space before and followed by a 5pt space after. See also Pseudo level 4 titles, page 30. */
  font-size: 9pt;
  font-weight: bold;
  margin-top: 7pt;
  margin-bottom: 5pt;
  color: #666666;
}

.honda-title {
    color: #007DC3;
}

.acura-title {
    color: #002D62;
}

.nobreak {
   white-space: nowrap;
}

dl {
  display: grid;
}

/* For OG definition lists that often trail figures */
dt {
  float:left;
}

div.warning, div.caution, div.danger {
  border: black 1pt solid;
  margin-top: 10pt;
  margin-bottom: 8pt;
  margin-left: inherit;
}

div.warningsafety, div.cautionsafety, div.dangersafety {
  margin-top: 10pt;
  margin-bottom: 8pt;
  margin-left: inherit;
}

div.note {
  margin-top: 6pt;
  margin-bottom: 6pt;
  margin-left: inherit;
}

div.nested1 div.notice p{
    margin-left: 7pt;
}

div.nested1 div.notice {
  margin-left:inherit;
}

.warningtitle, .warningtitlesafety {
  background-image: url(Warning_BW.PNG);
}

.cautiontitle, .cautiontitlesafety {
  background-image: url(Caution_BW.PNG);
}

.dangertitle, .dangertitlesafety {
  background-image: url(Danger_BW.PNG);
}

.noticetitlesafety {
  background-image: url(Notice_BW.PNG);
}

.noticetitle {
  background-color: #000000;
  color: #FFFFFF;
  line-height: 20pt;
  text-transform: uppercase;
  margin-top: 6pt;
  margin-bottom: 6pt;
/*  margin-left: inherit;*/
}

.notetitle {
  font-weight: bold;
  float: left;
}

.warningtitle, .cautiontitle, .dangertitle{
  background-color: #000000;
  background-size: 10%;
  background-position: center;
  background-repeat: no-repeat;
  color: #000000;
  line-height: 20pt;
  margin-top: -1pt; /* correct occasional leading gap */
}

.notetitlesafety {
  font-weight: bold;
  float: left;
}

/* decorates a table cell*/
.warningtitlesafety, .cautiontitlesafety, .dangertitlesafety, .noticetitlesafety  {
  width: 100pt;
  background-color: #000000;
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  color: #000000;
  line-height: 20pt;
}

/* decorates a table cell*/
.noticetitlesafety  {
  width: 100pt;
  background-color: #000000;
  background-size: 65%;
  background-position: center;
  background-repeat: no-repeat;
  color: #000000;
  line-height: 20pt;
}

/* pad the right-hand table cell on the safety page*/
.safetycell {
  padding-left: 10pt;
}

div.body {
    margin-left: 12pt;
    line-height: 11pt;
}

.client-info-head {
    font-weight: bold;
    text-transform: uppercase;
}

.client-info-block {
    color: #000000;
    end-indent: 5pt;
    font-size: 8pt;
    font-weight: normal;
    line-height: 9pt;
    margin-top: 6pt;
    padding-bottom: 2pt;
    padding-left: 5pt;
    padding-right: 5pt;
    padding-top: 2pt;
    start-indent: 5pt;
}

.note__title {
    text-transform: uppercase;
    font-weight: normal !important;
}

div.note p {
    padding: 0 2pt;
}

.status__changed,.rev__change {
    background-color: #FFFF00;
}

.status__deleted,.rev__deleted {
    color: #FF0000;
    text-decoration: line-through;
}

.status__new,.rev__new {
    background-color: #FFFF00;
}

.upper-left-logo-graphic {
    width: 168pt;
}

figure {
    margin-left: inherit;
}

.image {
    max-width: 95%;
    margin-top: 6pt;
}

.b {
  
    font-weight: bold;
}

@page {
    margin: 0.5in;
}


sup.fn {
  font-weight: bold;
  font-size: inherit;
}

td[class*=legend] > img {
  margin-top: 0pt;
}

.legend {
  border: none;
  vertical-align: top;
}

.title3label {
    display: inline-block;
    width: 10pt;
    padding-left:2pt;
    margin: 0;
}