body
{
}

/* The default style of p is red to alert you that you need to apply a style class, such as Body. */
p 
{ 
    color: red; 
}
code
{
    font-size: 100%;
}
dl
{
    font-family: Arial;
}
ul
{
    font-family: Arial;
}
ol
{
    font-family: Arial;
}
th
{
    text-align: left;
}
p.default
{
    color: black;
    font-family: Arial;
}
p.default-indent
{
    color: black;
    font-family: Arial;
    margin-left: 0.5in;
}
p.default-title
{
    font-weight: bold;
    font-size: 175%;
    color: maroon;
    font-family: Arial;
    clear: both;
}
p.default-section-title
{
    font-weight: bold;
    font-size: 125%;
    color: maroon;
    font-family: Arial;
    clear: both;
}
p.default-subsection-title
{
    font-weight: bold;
    color: #500000;
    font-family: Arial;
    clear: both;
}
p.block-title
{
    font-weight: bold;
    font-size: 175%;
    color: maroon;
    font-family: Arial;
    clear: both;
}
p.product-title
{
    font-size: 15px;
    color: #FFF9F8;
    background-image: linear-gradient(to right, #CC3033, #CC3033,#CC3033, #FFF9F8);
    font-family: Arial;
    clear: both;
    text-align: center;
    line-height: 30px;
}
h1.block-title
{
    font-weight: bold;
    font-size: 175%;
    color: maroon;
    font-family: Arial;
    clear: both;
}
p.block-section-title
{
    font-weight: bold;
    font-size: 125%;
    color: maroon;
    font-family: Arial;
    clear: both;
}
h2.block-section-title
{
    font-weight: bold;
    font-size: 125%;
    color: maroon;
    font-family: Arial;
    clear: both;
}
p.block-subsection-title
{
    font-weight: bold;
    color: #500000;
    font-family: Arial;
    clear: both;
}
h3.block-subsection-title
{
    font-weight: bold;
    color: #500000;
    font-family: Arial;
    clear: both;
}
p.block-subsubsection-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
h4.block-subsubsection-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.block-pane-title
{
    font-weight: bold;
    color: Maroon;
    font-family: Arial;
    clear: both;
}
p.block-description
{
    color: black;
    font-family: Arial;
}
p.block-description-clear
{
    color: black;
    font-family: Arial;
    clear: both;
}
p.block-description-indent
{
    color: black;
    font-family: Arial;
    margin-left: 0.5in;
}
p.limitation-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.menu-item-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.menu-item
{
    font-weight: normal;
    margin-left: 0.5in;
    color: black;
    font-family: Arial;
}

/* Title of a field in a dialog box */
p.field-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}

/* Description of a field in a dialog box */
p.field
{
    font-weight: normal;
    margin-left: 0.5in;
    color: black;
    font-family: Arial;
}

/* Title of a component within a field in a dialog box */
p.field-subsection-title
{
    font-weight: bold;
    margin-left: 0.5in;
    color: Navy;
    font-family: Arial;
    clear: both;
}

/* Description of a component within a field in a dialog box */
p.field-subsection
{
    font-weight: normal;
    margin-left: 0.5in;
    color: black;
    font-family: Arial;
}

p.function-parameter-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.function-parameter
{
    font-weight: normal;
    margin-left: 0.5in;
    color: black;
    font-family: Arial;
}
p.helpful-hint-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.function-example-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.block-example-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.block-parameter-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.block-parameter
{
    font-weight: normal;
    margin-left: 0.5in;
    color: black;
    font-family: Arial;
}
table.block-parameter
{
    margin-left: 0.5in;
    margin-right: 0.5in;
}
/*
p.block-board-specific-option-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.block-board-specific-option-value
{
    font-weight: normal;
    font-style: italic;
    margin-left: 0.5in;
    color: black;
    font-family: Arial;
}
p.block-board-specific-option
{
    font-weight: normal;
    margin-left: 0.5in;
    color: black;
    font-family: Arial;
}
*/
p.block-input-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.block-input
{
    font-weight: normal;
    margin-left: 0.5in;
    color: black;
    font-family: Arial;
}
p.block-output-title
{
    font-weight: bold;
    color: black;
    font-family: Arial;
    clear: both;
}
p.block-output
{
    font-weight: normal;
    margin-left: 0.5in;
    color: black;
    font-family: Arial;
}
p.copyright
{
    font-size: smaller;
    color: black;
}
table.standard
{
    margin-left: 0.5in;
    margin-right: 0.5in;
}
thead.table-header
{
    background-color: Navy;
    color: white;
}
p.table-header
{
    font-style: italic;
    color: white;
    font-family: Arial;
}
p.table-body
{
    color: black;
    font-family: Arial;
}
p.table-body-highlight {
    color: red;
    font-family: Arial;
    font-weight: bold;
}
p.card-table-checkmark {
    color: black;
    font-family: Arial;
    text-align: center;
}
p.block-image
{
    font-size: smaller;
    clear: both;
}
I.block-image
{
    float: none;
}
p.block-dialog-image
{
    font-size: small;
}
I.block-dialog-image
{
}
span.board-name
{
    font-weight: normal;
    font-family: Tahoma;
}
a.board-name
{
    font-weight: normal;
    font-family: Tahoma;
}
a.file-link
{
    color: Blue;
    text-decoration: underline;
    cursor: hand;
}
span.menu-item
{
    font-family: Tahoma;
	font-weight: bold;
}
span.tool-name
{
    font-family: Tahoma;
}
span.tab-name
{
    font-weight: bold;
}
span.key-name
{
    font-family: Tahoma;
}
span.button
{
    font-family: Tahoma;
}
span.matlab-function
{
    font-family: Monospace;
}
a.matlab-function
{
    font-family: Monospace;
}
span.matlab-comment
{
    color: Green;
}
span.matlab-string
{
    color: Purple;
}
span.c-function
{
    font-family: Monospace;
}
a.c-function
{
    font-family: Monospace;
}
span.c-comment
{
    color: Green;
}
span.c-string
{
    color: Purple;
}
span.data-type
{
    font-family: Monospace;
}
span.parameter-type
{
    color: #463E3F; /* Gray32 */
}
span.port-label
{
    font-family: Tahoma;
    font-weight: bold;
}
span.parameter-name
{
    font-style: italic;
}
a.parameter-name
{
    font-style: italic;
}
span.page-name
{
    font-family: Tahoma;
    font-style: italic;
}
span.pop-up
{
    font-weight: normal;
}
span.block-name
{
    font-family: Tahoma;
}
a.block-name
{
    font-family: Tahoma;
}
span.function-name
{
    font-family: Monospace;
}
span.device
{
    font-family: Monospace;
    font-weight: bold;
}
span.pin
{
    font-family: Monospace;
    font-weight: bold;
}
span.filename
{
    font-family: Monospace;
    color: Navy;
}
span.uri
{
    font-family: Monospace;
    color: Navy;
}
span.uri-description
{
    color: Green;
}
span.sample-code
{
    font-family: Monospace;
}
span.sample-code-keyword
{
    color: Blue;
    font-family: Monospace;
}
span.sample-code-comment
{
    color: Green;
    font-family: Monospace;
}
span.sample-code-string
{
    color: Maroon;
    font-family: Monospace;
}
span.sample-code-highlight
{
    font-weight: bolder;
}
span.active-low-pin
{
    font-family: Monospace;
    text-decoration: overline;
}
span.active-high-pin
{
    font-family: Monospace;
}
span.tunable
{
    font-size: smaller;
    color: Maroon;
}
a.tunable
{
    color: Maroon;
}
p.chapter-title
{
    color: Red; /* no longer supported. Use default-title instead. */
}
p.section-title
{
    color: Red; /* no longer supported. Use default-section-title instead. */
}
div.chapter-link
{
    font-family: Arial;
    margin-bottom: 0.1in
}
div.block-link
{
    font-family: Arial;
}
code.sample-code
{
    margin-left: 0.5in;
}
pre.sample-code
{
}
pre.sample-code-indent
{
    margin-left: 0.5in;
}
img.first-card-button
{
    padding-right: 0in;
    padding-left: 0in;
    vertical-align: text-bottom;
    margin-left: 0.1in;
    margin-right: 0in;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
img.next-card-button
{
    padding-right: 0in;
    padding-left: 0in;
    margin-left: 0in;
    margin-right: 0in;
    vertical-align: text-bottom;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.tooltip-outer {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid;
    cursor: hand;
    position: relative; /* make sure hyperlink is positioned so that the inner content is positioned relatve to the hyperlink. */
}

.tooltip-inner {
    border: 2px solid black;
}

.tooltip-outer .tooltip-inner {
    visibility: hidden;
    width: 500px;
    padding: 10px;
    background-color: rgb(115, 165, 181);
    color: #faf6f6;
    text-align: left;
    border-radius: 10px;
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s, visibility 0s linear 0.3s;

    /* Make sure content is placed at the start of the hyperlink and just below it */
    left: 0px;
    top: 100%;
}

.tooltip-outer:hover .tooltip-inner {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s, visibility 0s linear 0s;

    /* Make sure content is placed at the start of the hyperlink and just below it */
    left: 0px;
    top: 100%;
}

div.right .tooltip-outer .tooltip-inner {
    visibility: hidden;
    width: 500px;
    padding: 10px;
    background-color: rgb(115, 165, 181);
    color: #faf6f6;
    text-align: left;
    border-radius: 10px;
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    left: -400px;
    opacity: 0;
    transition: opacity 0.3s, visibility 0s linear 0.3s;
}

div.right .tooltip-outer:hover .tooltip-inner {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s, visibility 0s linear 0s;
}

p.tooltip-title
{
    font-weight: bold;
    font-size: 125%;
    color: maroon;
    font-family: Arial;
    clear: both;
}

p.tooltip-text 
{
    color: black;
    font-weight: lighter;
    font-family: Arial;
}

span.tooltip-title
{
    font-weight: bold;
    font-size: 125%;
    color: maroon;
    font-family: Arial;
    display: block;
    margin-bottom: 1em;
    clear: both;
}

span.tooltip-text 
{
    color: black;
    font-weight: lighter;
    font-family: Arial;
    display: block;
    margin-bottom: 1em;
}

a.copy-n-paste
{
    color: rgb(6, 56, 63);
    cursor: hand;
    text-decoration: none;
}