Skip to main content
jasona66572020
Inspiring
October 13, 2015
Question

Make TOC Parent Folders Bold

  • October 13, 2015
  • 2 replies
  • 1098 views

Back again with another question where I don't see an intuitive method native to RH...

Again, several Help sections in the TOC (Windows, Mac, iOS, and Android), each with sub topics:

Windows

Topic 1

Topic 2

Topic 3

Mac

Topic 1

Topic 2

Topic 3

iOS

Topic 1

Topic 2

Topic 3

Android

Topic 1

Topic 2

Topic 3

Is there a way to set up the TOC parent folders to be bold for viewers to visually offset them from the topic pages?

Windows

Topic 1

Topic 2

Topic 3

Mac

Topic 1

Topic 2

Topic 3

iOS

Topic 1

Topic 2

Topic 3

Android

Topic 1

Topic 2

Topic 3

    This topic has been closed for replies.

    2 replies

    Adobe Employee
    October 19, 2015

    One can find out the property to be edited in the .css by:

    1. Open the output in Chrome browser
    2. Select the text >> Right Click >> Inspect
    3. Exploring the elements would give an indication of the element in use

    To make the Parent folders bold we may follow these steps:

    1. Open Output Setup Pod
    2. Select "Azure_Blue" or any layout in use
    3. Press expand + button
    4. Edit Layout.css
    5. Change the property of "body.media-desktop div.toc-holder ul li.book" as bold

    Publishing now to Responsive HTML5 would make the parent folders bold. [Since the bold takes more vertical and horizontal space - the padding or some other property may also need to be adjusted accordingly]

    Amit

    TXTechWriter
    Inspiring
    October 21, 2015

    So, how would you make the TOC Parent folders bold using WebHelp?

    Captiv8r
    Legend
    October 13, 2015

    Hi there

    There is no way built into RoboHelp to achieve it. But you didn't say what your output was. If your output is Responsive HTML, you can probably futz with the CSS code if you know which of its nerves to poke at. Hopefully Willam will see this thread and pop in to advise.

    Cheers... Rick

    jasona66572020
    Inspiring
    October 13, 2015

    Thanks Captiv8r :-)

    jasona66572020
    Inspiring
    October 13, 2015

    FYI - while it wasn't the most intuitive thing to find, I was able to get to the Style Sheet (filename.css) that is in use by:

    1. Going into the Output Setup Pod

    2. Right-clicking the MasterPage.htt file we are using

    3. Click on the Appearance tab

    4. Click the folder icon to browse the folders where the CSS page resides

    5. Open the CSS page in my Notepad editor

    As a sidebar question - is there an easier way to get the CSS file to show in the Project files list so I can edit that manually, or a way to edit the CSS page natively in Robohelp?

    Back on topic, which CSS item controls the appearance of books in the TOC (the online help files are pretty much useless here for RH...surprise surprise LOL )

    Here's my CSS:

    /*Created with Adobe RoboHelp 2015.*/

    @font-face {

      font-family: "Sofia Pro ExtraLight";

      src: url(SofiaProExtraLight.otf) format(opentype);

    };

    body {

      background: #FCFCFC;

      color: #434648;

      font-family: "Sofia Pro ExtraLight", Helvetica, sans-serif;

      font-size: normal;

      margin-left: 5px;

      margin-right: auto;

      margin-top: 0;

      margin-bottom: 0;

      position: relative;

      width: 100%;

      max-width: 900px;

      word-wrap: break-word;

    }

    img.resize {

      width: 85% ! important ;

      height: auto;

    }

    .support_button {

      background: #42c0e1;

      text-align: center;

      padding: 10px;

      color: #ffffff;

      font-weight: bold;

      cursor: pointer;

      border: none;

    }

    hr {

      border: none;

      border-bottom: 1px dotted #adbac3;

      width: 100%;

      padding-top: 10px;

      margin-bottom: 10px;

      height: 1px;

    }

    p {

      margin: 12px 0px 10px 15px;

      font-size: medium;

    }

    p.breadcrumbs {

      font-size: 12px;

      color: #0099db;

      margin-left: 15px;

    }

    h1 {

      color: #42c0e1;

      font-weight: normal;

      margin: 20px 0px 12px 15px;

      font-size: 2em;

      x-next-type: p;

    }

    h2 {

      color: #2a83a7;

      font-weight: normal;

      margin: 18px 0px 10px 15px;

      font-size: 1.5em;

      x-next-type: p;

    }

    h3 {

      color: #2a83a7;

      font-weight: normal;

      margin: 16px 0px 9px 15px;

      font-size: 1.3em;

      x-next-type: p;

    }

    h4 {

      color: #2a83a7;

      font-weight: normal;

      margin: 14px 0px 8px 15px;

      font-size: 1em;

      x-next-type: p;

    }

    h5 {

      color: #2a83a7;

      font-weight: normal;

      margin: 12px 0px 6px 17px;

      font-size: 1em;

      x-next-type: p;

    }

    h6 {

      color: #2a83a7;

      font-weight: normal;

      margin: 10px 0px 6px 17px;

      font-size: 0.875em;

      x-next-type: p;

    }

    ol {

      margin: 3px 0px 3px 0px;

    }

    ul {

      margin: 3px 0px 3px 0px;

    }

    li {

      margin-top: 8px;

      margin-bottom: 7px;

    }

    .space-below {

      margin-bottom: 12px;

    }

    .indenta {

      margin-left: 52px;

    }

    .indent1 {

      margin-left: 42px;

      height: auto;

      width: 100%;

    }

    .indent2 {

      margin-left: 67px;

    }

    .Email {

      color: #434648;

      margin-left: 67px;

      margin-top: 6px;

    }

    .banner-table {

      width: 100%;

      margin-top: 8px;

    }

    .banner-table .name-and-slogan {

      text-align: right;

      vertical-align: bottom;

      font-style: italic;

      color: #013ca6;

    }

    .article-list-folder {

      font-size: 16px;

    }

    .article-list-folder a {

      margin-left: 5px;

    }

    .article-list-text-table {

      margin-left: 22px;

    }

    .article-list-text-icon {

      padding: 0;

      vertical-align: top;

    }

    .article-list-text-text {

      padding: 0 0 0 3px;

      vertical-align: top;

    }

    .articles-in-this-category-header {

      margin-top: 18px;

    }

    .articles-in-this-category-table {

      margin-left: 24px;

    }

    .subcategories-header {

      margin-top: 24px;

    }

    .subcategories-table {

      margin-left: 24px;

    }

    .article-list-container {

      padding-top: 12px;

    }

    .kb-numbered-list li {

      margin-top: 20px;

      line-height: 20px;

    }

    .kb-article p {

      line-height: 24px;

    }

    .kb-article p img {

      margin: 8px;

    }

    .kb-article center {

      margin-left: auto;

      margin-right: auto;

    }

    .kb-article .top {

      vertical-align: top;

    }

    .noborder {

      border: none;

    }

    .important {

      color: #ff0000;

    }

    .medium {

      color: #FF9900;

    }

    .small {

      font-size: 11px;

    }

    .smaller {

      font-size: 13px;

    }

    input {

      font-size: 12px;

      font-family: Verdana, Geneva, Arial, Helvetica;

      color: #000000;

    }

    .header {

      width: 100%;

      background-color: #74a62b;

      color: #ffffff;

      font-family: "Helvetica, Arial, sans-serif;

      font-size: 11px;

      text-align: center;

      background-image: url", , Helvetica, Arial, sans-serif;

      font-size: 11px;

      text-align: center;

    }

    a.breadcrumbs {

      color: #2d7fa5;

      display: inline;

    }

    .header a:link {

      color: #ffffff;

      font-size: 11px;

      text-align: center;

    }

    .header a:active {

      color: #ffffff;

      font-size: 11px;

      text-align: center;

    }

    .header a:visited {

      color: #ffffff;

      font-size: 11px;

      text-align: center;

    }

    .header a:hover {

    }

    .headersm {

      width: 100%;

      background-color: #013ca6;

      color: #ffffff;

      font-size: 16px;

      text-align: left;

      line-height: normal;

      height: 25px;

      padding: 3px;

      margin: 0px;

      padding-left: 20px;

    }

    table.enclosing {

      background-color: #ffffff;

      color: #4a5571;

      font-size: 13px;

      width: 100%;

    }

    td {

      color: #434648;

      font-size: normal;

      text-align: left;

    }

    a img {

      vertical-align: bottom;

      border: none;

      height: auto;

      width: 90%;

    }

    td.white {

      background-color: #ffffff;

      color: #4a5571;

      font-size: 13px;

    }

    td.admin_white {

      background-color: #ffffff;

      color: #4a5571;

      font-size: 11px;

      border: #d1dceb 1px solid;

      padding: 1px;

    }

    td.admin_gray {

      background-color: #f5fffa;

      color: #4a5571;

      font-size: 11px;

      border: #d1dceb 1px solid;

      padding: 1px;

    }

    td.notes {

      background-color: #fffbf2;

      color: #4a5571;

      font-size: 13px;

      border: #ffe6b8 1px solid;

    }

    th.tDetailsHead {

      background-color: #F7F7F7;

      color: #4a5571;

      font-size: 13px;

      font-weight: normal;

      text-align: center;

    }

    td.tDetailsBody {

      background-color: #ffffff;

      color: #4a5571;

      font-size: 13px;

      border: #F7F7F7 1px solid;

      text-align: center;

    }

    a {

      color: #013ca6;

      text-decoration: none;

    }

    a:hover {

      font-weight: bold;

    }

    a.smaller {

      font-size: 13px;

    }

    table.white {

      background-color: #ffffff;

      color: #23559C;

      font-size: 13px;

      border-collapse: collapse;

    }

    table.white th {

      background-color: #ffffff;

      color: #23559C;

      font-size: 11px;

      border: #b2babd 1px solid;

      border-collapse: collapse;

      background-image: url("img/tableheader.jpg");

      background-repeat: no-repeat;

      background-position: left top;

    }

    table.white th a {

      color: #23559C;

      font-size: 11px;

    }

    table.white td {

      height: 25px;

      padding-left: 5px;

    }

    input.button {

      font-size: 12px;

      font-family: Verdana, Geneva, Arial, Helvetica;

      color: #000000;

      background-color: #ffffff;

    }

    select {

      font-size: 13px;

      height: 20px;

    }

    header a img {

      border: none;

      text-decoration: none;

    }

    .open {

      color: #ff0000;

    }

    .waitingreply {

      color: #FF9933;

    }

    .replied {

      color: #0000ff;

    }

    .resolved {

      color: #008000;

    }

    .allbutresolved {

      color: #000000;

    }

    .success {

      color: #008000;

    }

    .error {

      color: #ff0000;

    }

    .notice {

      color: #FF9900;

    }

    #ok {

      border: 1px solid #679800;

    }

    #error {

      border: 1px solid #ba3225;

    }

    .rate {

      color: #666666;

      text-align: right;

      font-style: italic;

    }

    a.article {

      color: #000000;

      font-size: 15px;

      text-decoration: none;

    }

    a.article:hover {

      color: #ff0000;

      text-decoration: none;

    }

    .article_list {

      font-size: 15px;

    }

    fieldset {

      margin-bottom: 6px;

      border-left: none;

      border-right: none;

      border-bottom: none;

      border-top: 1px solid #85bbdf;

      padding: 4px;

      background-color: #ffffff;

      position: relative;

      display: block;

      padding: 0px 10px 10px 10px;

      margin: 20px 0px 20px 0px;

    }

    legend {

      background-color: #85bbdf;

      color: #ffffff;

      border: none;

      border-bottom: 1px solid #85bbdf;

      height: 16px;

      font-size: 15px;

      font-weight: bold;

      display: block;

      width: auto;

      padding: 4px 30px;

      margin: 0px;

      position: relative;

      top: -12px;

    }

    .greenbutton {

      background-image: url("img/greenbtn.jpg");

      background-repeat: no-repeat;

      text-align: center;

      color: #ffffff;

      border: 1px solid #527234;

      font-size: 10px;

      font-weight: bold;

      background-position: left top;

      height: 19px;

      padding-left: 6px;

      padding-right: 6px;

      margin-left: 2px;

      margin-right: 2px;

    }

    .greenbuttonover {

      background-image: url("img/greenbtnover.gif");

      background-repeat: no-repeat;

      text-align: center;

      color: #ffffff;

      border: 1px solid #527234;

      font-size: 10px;

      font-weight: bold;

      background-position: left top;

      height: 19px;

      padding-left: 6px;

      padding-right: 6px;

      margin-left: 2px;

      margin-right: 2px;

    }

    .orangebutton {

      background-color: #4d90fe;

      text-align: center;

      color: #ffffff;

      font-size: 14px;

      font-weight: normal;

      padding: 3px 12px;

      margin-left: 2px;

      margin-right: 2px;

      margin-top: 0px;

      border: 1px solid #3079ED;

      -moz-border-radius: 2px;

      -webkit-border-radius: 2px;

      text-decoration: none;

    }

    .orangebuttonover {

      background-color: #3665B2;

      text-align: center;

      color: #ffffff;

      font-size: 14px;

      font-weight: normal;

      padding: 3px 12px;

      margin-left: 2px;

      margin-right: 2px;

      margin-top: 0px;

      border: 1px solid #3079ED;

      -moz-border-radius: 2px;

      -webkit-border-radius: 2px;

      text-decoration: none;

    }

    .bluebutton {

      background-image: url("img/bluebtn.png");

      background-repeat: no-repeat;

      text-align: center;

      color: #660000;

      border: 1px solid #5b79a3;

      height: 20px;

      font-size: 10px;

      font-weight: bold;

      background-position: left top;

      padding-left: 6px;

      padding-right: 6px;

      margin-left: 2px;

      margin-right: 2px;

      padding-top: 2px;

      text-decoration: none;

    }

    .roundcornersleft {

      width: 7px;

      background-image: url("img/roundcornerslm.gif");

      background-repeat: repeat-y;

      background-position: left;

    }

    .roundcornersright {

      width: 7px;

      background-image: url("img/roundcornersrm.gif");

      background-repeat: repeat-y;

      background-position: right;

    }

    .roundcornerstop {

      height: 7px;

      background-image: url("img/roundcornerst.gif");

      background-repeat: repeat-x;

      background-position: top;

    }

    .roundcornersbottom {

      height: 7px;

      background-image: url("img/roundcornersb.gif");

      background-repeat: repeat-x;

      background-position: bottom;

    }

    .ticketrow {

      background-color: #f5fffa;

      color: #4a5571;

      font-size: 13px;

      border: #748aaf 1px dotted;

      padding: 6px;

    }

    .ticketalt {

      background-color: #ffffff;

      color: #4a5571;

      font-size: 13px;

      padding: 6px;

    }

    .tickettd {

      font-size: 13px;

    }

    .subheaderrow {

      background-color: #ffffff;

      color: #23559C;

      border: #23559C solid 1px;

      font-size: 11px;

      border-collapse: collapse;

      background-image: url("img/tableheader.jpg");

      background-repeat: no-repeat;

      background-position: left top;

      height: 25px;

      padding-left: 20px;

      padding-right: 20px;

      padding-top: 5px;

    }

    .homepageh3 {

      color: #74804e;

      font-weight: bold;

    }

    .section {

      color: #74804e;

      font-weight: bold;

    }

    .large {

      font-size: 14px;

    }

    .largebold {

      font-size: 16px;

      font-weight: bold;

    }

    .assignedyou {

      color: #ff0000;

    }

    .assignedother {

      color: #008000;

    }

    div.error {

      border: 1px solid #cd0a0a;

      background: #fef1ec;

      color: #cd0a0a;

      padding: 10px;

    }

    div.success {

      border: 1px solid #18760f;

      background: #e9ffdb;

      color: #363636;

      padding: 10px;

    }

    div.notice {

      border: 1px solid #fcefa1;

      background: #fbf9ee;

      color: #363636;

      padding: 10px;

      vertical-align: middle;

    }

    .admin_green {

      background-color: #e3ffd0;

      font-weight: bold;

    }

    .admin_red {

      background-color: #fef1ec;

      font-weight: bold;

    }

    .borderBottom {

      border-bottom: #c0c0c0 1px dashed;

    }

    .borderTop {

      border-top: #c0c0c0 1px dashed;

    }

    .alignTop {

      vertical-align: top;

    }

    .alignMiddle {

      vertical-align: middle;

    }

    .alignBottom {

      vertical-align: bottom;

    }

    hr.dashed {

      border: none 0;

      border-top: 1px dashed #c0c0c0;

      height: 1px;

    }

    .critical {

      color: #9400d3;

      font-weight: bold;

    }

    td.admin_critical {

      background-color: #fff0ff;

      color: #000000;

      font-size: 11px;

      border: 1px solid #ff66ff;

      border-top: 2px dashed #ff66ff;

      padding: 1px;

    }

    .isError {

      color: #000000;

      background-color: #fff9f7;

      border: 1px solid #ff0000;

    }

    .isNotice {

      color: #000000;

      border: 1px solid #ff8000;

      background: #fbf9ee;

    }

    .optionWhiteON {

      padding: 2px;

      border: 1px dotted #c0c0c0;

      background-color: #b0e0e6;

    }

    .optionWhiteOFF {

      padding: 2px;

      border: 1px dotted #c0c0c0;

      background-color: #ffffff;

    }

    .optionBlueON {

      padding: 2px;

      border: 1px dotted #808080;

      background-color: #b0e0e6;

    }

    .optionBlueOFF {

      padding: 2px;

      border: 1px dotted #808080;

      background-color: #f5fffa;

    }

    .optionWhiteNbON {

      border: none;

      background-color: #b0e0e6;

      vertical-align: text-bottom;

    }

    .optionWhiteNbOFF {

      border: none;

      background-color: #ffffff;

      vertical-align: text-bottom;

    }

    .kbCatListON {

      background-color: #fcefa1;

    }

    .kbCatListOFF {

      background-color: #ffffff;

    }

    div.progress-container {

      border: 1px solid #ccc;

      width: 100px;

      margin: 2px 5px 2px 0;

      padding: 1px;

      float: left;

      background: #ffffff;

    }

    div.progress-container > div {

      background-color: #ACE97C;

      height: 12px;

    }

    .black {

      color: #000000;

    }

    .inprogress {

      color: #006400;

    }

    .onhold {

      color: #000000;

    }

    div.online {

      border: 1px solid #e5e8ff;

      background: #ffffff;

      color: #000000;

      padding: 0px;

      vertical-align: middle;

    }

    span.online {

      font-size: 10px;

      white-space: nowrap;

    }

    .orangebuttonsec {

      background-image: url("img/orangebtnsec.jpg");

      background-repeat: no-repeat;

      text-align: center;

      color: #660000;

      border: 1px solid #bf6628;

      height: 20px;

      font-size: 10px;

      font-weight: normal;

      background-position: left top;

      padding-left: 6px;

      padding-right: 6px;

      margin-left: 2px;

      margin-right: 2px;

      margin-top: 0px;

      text-decoration: none;

    }

    .orangebuttonsecover {

      background-image: url("img/orangebtnover.gif");

      background-repeat: no-repeat;

      text-align: center;

      color: #660000;

      border: 1px solid #bf6628;

      height: 20px;

      font-size: 10px;

      font-weight: normal;

      background-position: left top;

      padding-left: 6px;

      padding-right: 6px;

      margin-left: 2px;

      margin-right: 2px;

      margin-top: 0px;

      text-decoration: none;

    }

    td.admin_yellow {

      background-color: #ffffe0;

      color: #4a5571;

      font-size: 11px;

      border: #d1dceb 1px solid;

      padding: 1px;

    }

    .kb_published {

      color: #009900;

    }

    .kb_private {

      color: #4a5571;

    }

    .kb_draft {

      color: #cc9933;

    }

    .searchbutton {

      cursor: pointer;

      width: 70px;

      height: 27px;

      text-indent: -999px;

      text-transform: capitalize;

      color: transparent;

      background: url("Archive/ico-search.png") no-repeat #4d90fe center;

      border: 1px solid #3079ED;

      -moz-border-radius: 2px;

      -webkit-border-radius: 2px;

    }

    .searchbutton:hover {

      background: url("Archive/ico-search.png") no-repeat center #357AE8;

      border: 1px solid #2F5BB7;

    }

    .searchfield {

      width: 400px;

      height: 21px;

      font-size: 14px;

      text-indent: 2px;

      vertical-align: bottom;

    }

    .sbsmall {

      width: 50px;

      height: 22px;

      margin-top: 2px;

    }

    .sfsmall {

      width: 200px;

      height: 16px;

      font-size: 12px;

      margin-top: 2px;

    }

    table.icon {

      width: 85%;

      margin-left: 20px;

      x-border-spacing: 0px;

      color: #000000;

      margin-top: 5px;

      margin-botom: 5px;

    }

    table.icon-indent1 {

      width: 85%;

      margin-left: 42px;

      color: #000000;

      margin-top: 5px;

      margin-botom: 5px;

    }

    table.icon-indent2 {

      width: 85%;

      margin-left: 67px;

      color: #000000;

      margin-top: 5px;

      margin-botom: 5px;

    }

    a.expandspot {

      color: #013CA6;

      cursor: hand;

      text-decoration: underline;

    }

    span.expandtext {

      font-weight: normal;

      text-indent: 25pt;

      color: #2d7fa5;

    }

    a.dropspot {

      cursor: hand;

      color: #013CA6;

      font-style: normal "text-decoration:" none;

    }

    a.glossterm {

      cursor: hand;

      color: #5cc1a4;

      display: inline;

      text-decoration: none;

    }

    span.glosstext {

      font-weight: normal;

      color: #2a83a7;

      background-color: #ECEEF0;

      font-size: 1.2em;

    }

    table.TopRowAlternatingRows {

      border-left-style: Solid;

      border-left-width: 1px;

      border-left-color: #000000;

      border-right-style: Solid;

      border-right-width: 1px;

      border-right-color: #000000;

      border-top-style: Solid;

      border-top-width: 1px;

      border-top-color: #000000;

      border-bottom-style: Solid;

      border-bottom-width: 1px;

      border-bottom-color: #000000;

      x-row-pat-1: 1;

      x-row-pat-1-name: t1Row;

      x-row-pat-count: 2;

      x-row-pat-2: 1;

      x-row-pat-2-name: t2Row;

      x-1st-row: 1;

      x-1st-row-name: t1st;

    }

    table.TopRowAlternatingRows tr.t1Row td {

      font-size: 13px;

      border-left-style: Solid;

      border-left-width: 1px;

      border-left-color: #000000;

      border-right-style: Solid;

      border-right-width: 1px;

      border-right-color: #000000;

      border-top-style: Solid;

      border-top-width: 1px;

      border-top-color: #000000;

      border-bottom-style: Solid;

      border-bottom-width: 1px;

      border-bottom-color: #000000;

      background-color: #ccffcc;

    }

    table.TopRowAlternatingRows tr.t2Row td {

      font-size: 13px;

      border-left-style: Solid;

      border-left-width: 1px;

      border-left-color: #000000;

      border-right-style: Solid;

      border-right-width: 1px;

      border-right-color: #000000;

      border-top-style: Solid;

      border-top-width: 1px;

      border-top-color: #000000;

      border-bottom-style: Solid;

      border-bottom-width: 1px;

      border-bottom-color: #000000;

    }

    table.TopRowAlternatingRows tr.t1st td {

      text-align: Center;

      font-size: 13px;

      font-weight: bold;

      background-color: #c0c0c0;

      border-left-style: Solid;

      border-left-width: 1px;

      border-left-color: #000000;

      border-right-style: Solid;

      border-right-width: 1px;

      border-right-color: #000000;

      border-top-style: Solid;

      border-top-width: 1px;

      border-top-color: #000000;

      border-bottom-style: Solid;

      border-bottom-width: 1px;

      border-bottom-color: #000000;

    }

    table.PaddedCells {

      border-left-style: Solid;

      border-left-width: 1px;

      border-left-color: #000000;

      border-right-style: Solid;

      border-right-width: 1px;

      border-right-color: #000000;

      border-top-style: Solid;

      border-top-width: 1px;

      border-top-color: #000000;

      border-bottom-style: Solid;

      border-bottom-width: 1px;

      border-bottom-color: #000000;

      x-row-pat-1: 1;

      x-row-pat-1-name: t1Row;

      x-row-pat-count: 2;

      x-row-pat-2: 1;

      x-row-pat-2-name: t2Row;

      x-border-spacing: 2px;

    }

    table.PaddedCells tr.t1Row td {

      font-size: 13px;

      border-left-style: Solid;

      border-left-width: 1px;

      border-left-color: #000000;

      border-right-style: Solid;

      border-right-width: 1px;

      border-right-color: #000000;

      border-top-style: Solid;

      border-top-width: 1px;

      border-top-color: #000000;

      border-bottom-style: Solid;

      border-bottom-width: 1px;

      border-bottom-color: #000000;

    }

    table.PaddedCells tr.t2Row td {

      font-size: 13px;

      border-left-style: Solid;

      border-left-width: 1px;

      border-left-color: #000000;

      border-right-style: Solid;

      border-right-width: 1px;

      border-right-color: #000000;

      border-top-style: Solid;

      border-top-width: 1px;

      border-top-color: #000000;

      border-bottom-style: Solid;

      border-bottom-width: 1px;

      border-bottom-color: #000000;

    }

    table.PaddedCells td {

      padding-left: 5px;

      padding-right: 5px;

      padding-top: 5px;

      padding-bottom: 5px;

    }

    #Support {

      height: 104px;

      width: 124px;

      position: fixed;

      top: 65%;

      left: 80%;

      z-index: 999;

    }

    #Support a {

      display: block;

      background: #003CA6;

      height: 50px;

      width: 50px;

      padding: 4px 16px;

      color: #ffffff;

      font-size: 10px;

      font-weight: bold;

      border: "solid:" 1px #333;

      text-decoration: none;

    }

    #Support2 {

      height: 124px;

      width: 104px;

      position: fixed;

      top: 80%;

      left: 80%;

      z-index: 999;

    }

    #Support2 a {

      display: block;

      background: #003CA6;

      height: 50px;

      width: 50px;

      padding: 4px 16px;

      color: #ffffff;

      font-size: 10px;

      font-weight: bold;

      border: "solid:" 1px #333;

      text-decoration: none;

    }

    table.AlternateBlueColorGrid {

      x-border-spacing: 0px;

      x-row-pat-1: 1;

      x-row-pat-1-name: t1Row;

      x-row-pat-count: 2;

      x-row-pat-2: 1;

      x-row-pat-2-name: t2Row;

      border-left-style: None;

      border-left-width: 0px;

      border-left-color: None;

      border-top-style: None;

      border-top-width: 0px;

      border-top-color: None;

      border-bottom-width: 0px;

      border-bottom-color: None;

    }

    table.AlternateBlueColorGrid td {

      padding-left: 10px;

      padding-right: 10px;

      padding-top: 10px;

      padding-bottom: 10px;

    }

    table.AlternateBlueColorGrid tr.t1Row td {

      font-size: 15px;

    }

    table.AlternateBlueColorGrid tr.t2Row td {

      background-color: #D3DFEE;

    }

    @media only print{

      body {

      font-size: 15px;

      }

      }

    @media only print{

      p.indent1 {

      font-size: 13px;

      color: #000000;

      margin-left: 48px;

      }

      }

    @media only print{

      p.indent2 {

      font-size: 13px;

      color: #000000;

      margin-left: 72px;

      }

      }

    @media only print{

      h1 {

      margin: 12px 0px 6px -12px;

      }

      }

    @media only print{

      td {

      font-size: 13px;

      text-align: left;

      margin-left: 12px;

      }

      }

    table.icon td {

      padding-left: 12px;

      padding-right: 0px;

      padding-top: 0px;

      padding-bottom: 0px;

    }

    table.AlternateBlueWithBlankHeader {

      padding: 0px;

      x-border-spacing: 0px;

      x-row-pat-1: 1;

      x-row-pat-1-name: t1Row;

      x-row-pat-count: 2;

      x-row-pat-2: 1;

      x-row-pat-2-name: t2Row;

      x-1st-row: 1;

      x-1st-row-name: t1st;

    }

    table.AlternateBlueWithBlankHeader td {

      padding-left: 10px;

      padding-right: 10px;

      padding-top: 0px;

      padding-bottom: 0px;

    }

    table.AlternateBlueWithBlankHeader tr.t1Row td {

      font-size: 12pt;

      background-color: NewColor2;

      border-bottom-style: Solid;

      border-bottom-width: 1px;

      border-bottom-color: #4F81BD;

    }

    table.AlternateBlueWithBlankHeader tr.t2Row td {

      background-color: #D3DFEE;

      border-bottom-style: Solid;

      border-bottom-width: 1px;

      border-bottom-color: #4F81BD;

    }

    table.AlternateBlueWithBlankHeader tr.t1st td {

      font-size: 12pt;

      font-weight: bold;

      border-top-style: Solid;

      border-top-width: 2px;

      border-top-color: #0000ff;

      border-bottom-style: Solid;

      border-bottom-width: 2px;

      border-bottom-color: #0000ff;

    }

    .SpaceAboveButtons {

      margin-top: 42px;

    }

    .SpaceAbove {

      margin-top: 24px;

    }

    p.Normal {

      margin: 12px 0px 10px 15px;

      font-size: medium;

    }