/* The section is for styling all media types */
@media all {
    body {
        color: #505050;
        font: normal 10pt "Segoe UI", "Calibri", "Verdana", "Arial";
        margin: 0pt;
    }

    h1, h2 {
        color: #006400;
        background-image: url('Images/TitleBackground.png');
        background-position: bottom;
        background-repeat: repeat-x;
        font: normal 14pt "Segoe UI", "Calibri", "Verdana", "Arial";
        margin: 0pt;
        padding: 8pt;
    }
    /* used in What is page*/
    h3 {
        color: #006400;
        font: normal 14pt "Segoe UI", "Calibri", "Verdana", "Arial";
        margin: 0pt;
        padding-bottom: 4pt;
    }
    h4 {
        border-bottom: 1pt solid #ffc200;
        color: #000000;
        font: normal 12pt "Segoe UI", "Calibri", "Verdana", "Arial";
        margin: 0pt;
        padding-bottom: 4pt;
    }

    /* This overrides Google Chrome's default height for this tag */
    object {
        height: 0pt;
        width: 0pt;
    }

    /* Removes the dotted box around the link that has focus */
    a:focus {
        outline: none;
    }

    /* These styles are for the contents pages */
    .contents {
        display: inline-block;
        list-style-type: none;
        margin: 8pt 8pt 8pt 10pt; /* top right bottom left */
        padding: 0pt;
    }

        .contents li {
            background-image: url('Images/YellowBullet.png');
            background-position: 0pt 6pt;
            background-repeat: no-repeat;
            display: inline-block;
            float: left;
            padding: 0pt 8pt 4pt 10pt;
            vertical-align: middle;
            width: 250pt;
        }

    .contents2 {
        display: inline-block;
        list-style-type: none;
        margin: 8pt 8pt 8pt 10pt; /* top right bottom left */
        padding: 0pt;
    }

        .contents2 li {
            display: inline-block;
            float: left;
            padding: 0pt 8pt 4pt 10pt;
            vertical-align: middle;
            width: 140pt;
        }

    /* End of contents page styles*/

    /* These are the styles for the Information Map table */
    .infomap {
        border-collapse: collapse;
        font: normal 10pt "Segoe UI", "Calibri", "Verdana", "Arial";
        margin: 8pt;
        table-layout: fixed;
    }

        .infomap td {
            padding-top: 8pt;
            vertical-align: top;
        }

        .infomap p {
            margin: 0pt 0pt 8pt 0pt; /* top right bottom left */
        }

    .infolabel {
        color: #707070;
        font: bold 10pt "Segoe UI", "Calibri", "Verdana", "Arial";
        padding: 8pt 8pt 0pt 0pt; /* top right bottom left */
        vertical-align: top;
        width: 82pt;
    }

    .infoblock {
        border-bottom: 1pt solid #ffc200;
        border-top: 1pt solid #ffc200;
    }

    /* Styles for the "Access" information block */
    .access {
        border-collapse: collapse;
        font: normal 10pt "Segoe UI", "Calibri", "Verdana", "Arial";
        text-align: left;
        padding: 0pt;
        margin-bottom: 8pt;
    }

        .access td {
            padding: 0pt;
        }

        .access img {
            margin-top: 2pt;
            margin-right: 6pt;
        }
    /* End of styles for the "Access" information block */

    .ctrls {
        border: 1pt solid #000000;
        border-collapse: collapse;
        font: normal 10pt "Segoe UI", "Calibri", "Verdana", "Arial";
        text-align: left;
        margin-bottom: 8pt;
    }

        .ctrls th {
            background-color: #dddddd;
            border: 1pt solid #000000;
            padding: 2pt 4pt; /* top&botton left&right */
            vertical-align: top;
        }

        .ctrls td {
            border: 1pt solid #000000;
            padding: 2pt 4pt;
        }

    ul.relatedtopic {
        list-style-type: none;
        margin: 0pt;
        padding: 0pt;
    }

        ul.relatedtopic li {
            background-image: url('Images/YellowBullet.png');
            background-position: 0pt 6pt;
            background-repeat: no-repeat;
            margin: 0pt;
            padding-left: 10pt;
            vertical-align: middle;
        }
    /* Used when a second tier of lists is required or in a table when listing options. (It lines up nicely with the start of the text in the line above) */
    ul.bulletsublist {
        list-style-type: none;
        margin: 0pt;
        padding: 0pt;
    }

        ul.bulletsublist li {
            background-image: url('Images/GreySquareBullet.png');
            background-position: 0pt 6pt;
            background-repeat: no-repeat;
            margin-top: 0pt;
            margin-left: 1pt;
            padding-left: 10pt;
            vertical-align: middle;
        }
    /* Table Note used when a note needs to be added to a table. It does not have the extra space underneath like the bulletlist class */
    ul.tablenote {
        list-style-type: None;
        margin: 0pt;
        padding: 0pt;
        /*        color: green;*/
        background-color: white;
    }
        ul .tablenote li {
            margin-top: 0pt;
            margin-left: 13pt;
            padding-left: 0pt;
        }
        ul.tablenote li:before {
        content: " - ";
        text-indent: -10px;
  }
    .legend td {
        margin: 0pt;
        padding: 0pt;
    }
    span.green {
        color: darkslategray;
    }
    img.ridge {
        border-style: ridge;
        border-color:lightgrey;
        margin-left:25px;
        }
    /*Used to align images at the top*/
    img.top {
        vertical-align:top;
            }
    /*Used to align images at the bottom*/
    img.bottom {
        vertical-align: bottom
    }
    /*Used to align images in the middle*/
    img.middle {
        vertical-align: middle
    }
    /* End of Information Map styles */
    .glossary {
        margin: 8pt;
    }

    .glossary p {
        margin:4pt 0pt;
    }

    a:link {
        color:#0080ff;
        text-decoration:none;
    }

    a:visited {
        color:#0080ff;
        text-decoration:none;
    }

    a:hover {
        color:#0080ff;
        text-decoration:underline;
    }

    a:active {
        color:#0080ff;
        text-decoration:none;
    }

    .bulletlist {
        margin:0pt 0pt 8pt 0pt; /* top right bottom left */
        padding-left:12pt;
    }

    .left {
        text-align:left;
    }

    .cntr{
        text-align:center;
        white-space:nowrap
    }
    .spacer8pt p {
        height:8pt;
    }

    .topofpage {
        font:normal 8pt "Segoe UI", "Calibri", "Verdana", "Arial";
        margin:8pt;
        padding-bottom:8pt;
    }

    .bottom {
        vertical-align:bottom;
    }
    .control {
        color:red;
    }
    /* Neo query language coding and syntax highlighting */
    .nql {
        font:normal 10pt "Segoe UI", "Calibri", "Verdana", "Arial";
        white-space:nowrap;
        color:black;
    }

    .comment {
        color:green;
    }

    .string {
        color: #8B0000;
    }

    .modifycommand {
        color: #8b008b;
    }

    .command {
        color:blue;
    }

    .operator {
        color: #FF3F00;
    }
}

/* This section is for changing styles from those above when printing */
@media print {
    body {
        color:#000000;
    }

    h1, h2, h3 {
        background-image:none;
        background-repeat:no-repeat;
        color:#000000;
        font:bold 14pt "Segoe UI", "Calibri", "Verdana", "Arial";
        padding-left:0pt;
    }

    h4 {
        margin:0pt;
    }

    /* These styles are for the contents pages */
    .contents {
        margin:8pt 0pt; /* top&bottom left&right */
        padding-left:12pt;
        list-style-type:disc;
    }

    .contents li {
        float:none;
        padding:0pt;
    }
    /* End of contents page styles*/

    /* These are the styles for the Information Map table */
    .infomap {
        margin:0pt;
    }

    .infomap td {
        padding-bottom:8pt;
    }

    .infolabel {
        color:#000000;
    }

    .infoblock {
        border-color:#000000;
    }
 
    ul.relatedtopic {
        list-style-type:disc;
        padding-left:12pt;
    }

    ul.relatedtopic li {
        padding-left:0pt;
    }
    /* End of Information Map styles */

    a:link {
        color:#000000;
    }

    a:visited {
        color:#000000;
    }

    a:hover {
        color:#000000;
        text-decoration:none;
    }

    a:active {
        color:#000000;
    }

    .topofpage {
        display:none;
    }
}