/* Styling for the generated Rev AG user manual sections (English, Spanish,
   Arabic). Companion to spanish-manual.css, which serves the older Rev AE
   Spanish pages. */

.manual-body {
    padding: 0 2%;
}
.manual-body p {
    font-size: 87.50%;
    line-height: 1.6;
}
.manual-body h2.manual-chapter {
    font-size: 150%;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 2%;
}
.manual-body h1 {
    font-size: 140%;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 2%;
    padding: 1% 1% 0 1%;
}
.manual-body h2 {
    font-size: 118%;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 2%;
    padding: 1% 1% 0 1%;
}
.manual-body ul {
    padding: 0 0 0 4%;
    margin: 0;
    font-size: 87.50%;
}
.manual-body li {
    line-height: 1.5;
    margin: 0 0 1% 4%;
    list-style-type: disc;
}
.manual-body img {
    max-width: 100%;
    height: auto;
}

/* Data tables carried over from the Word original. */
table.manual-table {
    border-collapse: collapse;
    margin: 2% auto;
    font-size: 81.25%;
    max-width: 100%;
}
table.manual-table th,
table.manual-table td {
    border: 1px solid #ccc;
    padding: 4px 8px;
    text-align: left;
    vertical-align: top;
}
table.manual-table th {
    background-color: #022157;
    color: #fff;
}

/* Wide tables must scroll inside the page rather than push the body sideways. */
.manual-body {
    overflow-x: auto;
}

.manual-nav {
    text-align: center;
    font-size: 87.50%;
    padding: 2% 0;
}

/* Right-to-left content. The dir attribute sits on the manual's own blocks,
   not on <html>, so the shared header, nav and footer stay left-to-right -
   putting it on the root reversed the phone number and postal address. */
.manual-body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}
.manual-body[dir="rtl"] h1,
.manual-body[dir="rtl"] h2,
.manual-body[dir="rtl"] h2.manual-chapter {
    margin-left: 0;
    margin-right: 2%;
}
.manual-body[dir="rtl"] ul {
    padding: 0 4% 0 0;
}
.manual-body[dir="rtl"] li {
    margin: 0 4% 1% 0;
}
.manual-body[dir="rtl"] table.manual-table th,
.manual-body[dir="rtl"] table.manual-table td {
    text-align: right;
}
