/* Last updated 2019-06-21 */

* {
    margin: 0;
    padding: 0;
}


a {
    color: #172caf;
    text-decoration: underline;
}

    a[disabled="disabled"] {
        cursor: default;
    }

    a[href="mailto"] {
        text-decoration: none;
    }

    a:visited {
        color: #4b5ed7;
    }

    a:hover {
        color: #3ba3d0;
        text-decoration: underline;
    }

    a.noVisitMemory:visited {
        color: #172caf;
    }

    a.noVisitMemory:hover {
        color: #3ba3d0;
    }

    a img:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

abbr {
    border-bottom: dotted thin black;
    cursor: help;
    text-decoration: none;
}

address {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

aside {
    background-color: #ddd;
    border: 1px solid #bbb;
    font-size: smaller;
    padding: 1em;
}

    aside h1 {
        text-align: left;
    }

    aside > h1:first-child {
        margin-top: 0;
    }

body {
    background-color: white;
    color: black;
    font-family: Garamond;
    font-size: 22px;
    text-align: center;
    width: 100%;
    min-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

blockquote {
    font-size: smaller;
    margin: 1em 2em;
}

button, input[type="button"], input[type="submit"] {
    padding: 0 0.5em;
}

cite {
    font-style: italic;
}

div.page {
    /*margin: 0 auto;*/
    /*max-width: 1200px;*/
    height: 100%;
    width: 100%;
    padding: 0 1px;
    text-align: left;
}

div.pageSubtitle {
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}

div.pageTitle {
    font-size: 175%;
    font-weight: bold;
    text-align: center;
}

div.table {
    display: table;
}

    div.table > div {
        display: table-row;
    }

        div.table > div > div {
            display: table-cell;
        }

fieldset {
    border: 1px solid #000;
    padding: 0.5em 1em;
}

figcaption {
    font-size: smaller;
    margin-top: 0.5em;
}

figure {
    margin-bottom: 1em;
    margin-top: 1em;
}

    figure img {
        margin-bottom: 0.5em;
    }

    figure.center {
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

        figure.center > * {
            margin-left: auto;
            margin-right: auto;
        }

    figure.photo {
        height: auto;
        width: auto;
    }

        figure.photo img {
            border: 1px solid #999999;
            box-shadow: 4px 4px 2px #aaa;
            height: auto;
            max-width: 100%;
            max-width: calc(100% - 34px);
            padding: 16px;
            width: auto;
        }


html {
    height: 100%;
    }

h1, h2, h3 {
    page-break-after: avoid;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.25em;
}

h1 {
    color: #111;
    font-size: 160%;
    margin-bottom: 1em;
    text-align: center;
}

    h1 .subtitle {
        font-size: 0.8em;
    }

h2 {
    color: #222;
    font-size: 140%;
}

h3 {
    color: #333;
    font-size: 120%;
}

h4 {
    color: #444;
    font-size: 115%;
}

h5 {
    color: #555;
    font-size: 110%;
}

h6 {
    color: #666;
    font-size: 105%;
}

hr {
    margin: 0 auto;
    text-align: center;
}

img {
    border: none;
}

    img.center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

        img.center.photo {
            margin: 1em auto;
        }

    img.photo {
        border: 1px solid #999999;
        box-shadow: 4px 4px 2px #aaa;
        margin: 1em;
        padding: 16px;
    }

input, select, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

    input[readonly="readonly"] {
        background-color: #dddddd;
    }

    input[type="date"] {
        width: 12em;
    }

    input[type="text"].whitespaceRight {
        margin-right: 1em;
        padding-right: 0;
    }

    input.input-validation-error {
        border: 1px solid red;
    }

    input[type="checkbox"].input-validation-error {
        border: 0 none;
    }

label {
    font-weight: normal;
}

    label.radio {
        font-weight: normal;
    }

legend {
    color: black;
    font-weight: bold;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

li {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

ol, ul {
    margin-top: 1em;
    margin-bottom: 1em;
}

ol {
    padding-left: 2em;
}

    ol.paragraphStyle li {
        margin-bottom: 1em;
        margin-top: 1em;
    }

    ol.whitespace li {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

p {
    line-height: 1.5em;
    margin: 1em 0;
}

section.border {
    border: 1px solid #49535d;
    padding: 10px;
    padding: 1rem;
}

    section.border > h2:first-child {
        background-color: #49535d;
        color: #fff;
        margin: -10px -10px 0 -10px;
        margin: -1rem -1rem 0 -1rem;
        padding: 0.5em;
    }

section h1 {
    text-align: left;
}

span[title] {
    border-bottom: dotted thin black;
    cursor: help;
}

span.horizontalMenuItem {
    margin: 0 0.5em;
}

    span.horizontalMenuItem a {
        color: blue;
        text-decoration: none;
    }

        span.horizontalMenuItem a:hover {
            color: navy;
            text-decoration: underline;
        }

table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    width: auto;
}

    table > tbody > tr > th, table > tfoot > tr > th, table > tr > th {
        vertical-align: top;
    }

    table > thead > tr > th {
        text-align: left;
        vertical-align: bottom;
    }

    table.center {
        margin: 0 auto;
        text-align: left;
    }

    table.checkboxGroup {
        border-collapse: collapse;
        width: auto;
    }

        table.checkboxGroup > tbody > tr > td, table.checkboxGroup > tr > td {
            padding-bottom: 0.25em;
            padding-top: 0.25em;
            white-space: normal;
            vertical-align: top;
        }

            table.checkboxGroup > tbody > tr > td:first-child, table.checkboxGroup > tr > td:first-child {
                padding-right: 0.5em;
            }

    table.contactInfo {
        width: auto;
    }

        table.contactInfo td {
            padding-right: 1em;
            text-align: left;
        }

            table.contactInfo td:first-child {
                font-style: italic;
            }

    table.dataLayout {
        width: auto;
    }

        table.dataLayout td {
            padding: 0.25em 0.5em;
        }

            table.dataLayout td.indent {
                padding-left: 2em;
            }

            table.dataLayout td.leftmostCol, table.dataLayout th.leftmostCol {
                padding-left: 0;
            }

            table.dataLayout td.rightmostCol, table.dataLayout th.rightmostCol {
                padding-right: 0;
            }

        table.dataLayout th {
            padding: 0.25em 0.5em;
        }

        table.dataLayout thead tr th {
            border-bottom: solid 2px #bbb;
        }

        table.dataLayout > tbody > tr > td {
            border-bottom: solid 1px #bbb;
        }

        table.dataLayout > tbody > tr:first-child > td {
            border-top: solid 1px #bbb;
        }

        table.dataLayout > tr > td {
            border-bottom: solid 1px #bbb;
        }

        table.dataLayout > tr:first-child > td {
            border-top: solid 1px #bbb;
        }

    table.formGrid > tbody > tr > td, table.formGrid > tr > td {
        padding: 0.25em;
        white-space: nowrap;
    }

    table.formGrid > thead > tr > th, table.formGrid > tr > th {
        font-weight: normal;
        padding: 0.25em;
        text-align: center;
        vertical-align: bottom;
        white-space: normal;
    }


    table.formLayout > tbody > tr > td, table.formLayout > tr > td {
        padding-bottom: 0.25em;
        padding-top: 0.25em;
        vertical-align: middle;
        white-space: nowrap;
    }

        table.formLayout > tbody > tr > td:first-child, table.formLayout > tr > td:first-child {
            padding-right: 0.5em;
            text-align: right;
        }

        table.formLayout > tbody > tr > td[colspan="2"]:first-child, table.formLayout > tr > td[colspan="2"]:first-child, table.formLayout > tbody > tr > td[colspan="3"]:first-child, table.formLayout > tr > td[colspan="3"]:first-child {
            padding-right: 0;
            text-align: left;
        }

        table.formLayout > tbody > tr > td.textWrapAllowed, table.formLayout > tr > td.textWrapAllowed {
            white-space: normal;
        }

    table.formLayout .example {
        padding-bottom: 0.5em;
        padding-top: 0;
    }

    table.formLayout .fieldNotes {
        color: gray;
        font-size: x-small;
        padding-bottom: 1em;
        padding-top: 0;
    }

        table.formLayout .fieldNotes ul {
            margin-bottom: 0;
            margin-top: 0;
        }

    table.grid {
        width: auto;
    }

        table.grid td {
            border: solid 1px gray;
            padding: 0.25em;
        }

    table.imageMenu {
        margin: 1.5em auto 0 auto;
    }

        table.imageMenu td {
            border: none;
            font-size: smaller;
            padding: 0.25em;
            text-align: center;
            vertical-align: top;
        }

    table.labeledSection th {
        font-weight: bold;
        padding-right: 0.5em;
        text-align: left;
        vertical-align: top;
    }

    table.labeledSections td {
        vertical-align: top;
    }

    table.pageLayout {
        width: 100%
    }

        table.pageLayout td {
            vertical-align: top;
        }

    table.phoneList td, table.phoneList th {
        padding: 0.25em 1em;
    }

        table.phoneList td.heading {
            padding-left: 0;
        }

    table.phoneList thead tr {
        background-color: #dddddd;
    }

    table.phoneList tr {
        border-bottom: solid 1px #dddddd;
        border-top: solid 1px #dddddd;
    }

    table.rightJustifyLastColumn td:last-child {
        text-align: right;
    }

    table.rightJustifyLastColumn th:last-child {
        text-align: right;
    }

    table.threeColumnCaseTypes {
        width: 100%;
    }

        table.threeColumnCaseTypes td {
            border-bottom: 1px solid #bbb;
            padding: 0.25em 0.5em;
        }

            table.threeColumnCaseTypes td:first-child {
                width: 80%;
            }

            table.threeColumnCaseTypes td:nth-child(2) {
                text-align: center;
                white-space: nowrap;
            }

            table.threeColumnCaseTypes td:nth-child(3) {
                text-align: center;
                width: 20%;
            }

            table.threeColumnCaseTypes td.indent {
                padding-left: 2.5em;
            }

        table.threeColumnCaseTypes thead th {
            border-bottom: 2px solid #bbb;
        }

        table.threeColumnCaseTypes tr.relatedToNext td {
            border-bottom: 1px dashed #ddd;
        }

@media all and (max-width: 800px) {
    table.threeColumnCosts td:nth-child(2) {
        text-align: right;
        white-space: normal;
    }
}

table.threeColumnCosts {
    width: 100%;
}

    table.threeColumnCosts td {
        border-bottom: 1px solid #bbb;
        padding: 0.25em 0.5em;
    }

        table.threeColumnCosts td:first-child {
            width: 80%;
        }

        table.threeColumnCosts td:nth-child(2) {
            text-align: right;
            white-space: nowrap;
        }

        table.threeColumnCosts td:nth-child(3) {
            width: 20%;
        }

        table.threeColumnCosts td.indent {
            padding-left: 2.5em;
        }

    table.threeColumnCosts thead th {
        border-bottom: 2px solid #bbb;
    }

    table.threeColumnCosts tr.relatedToNext td {
        border-bottom: 1px dashed #ddd;
    }

@media all and (max-width: 800px) {
    table.threeColumnCosts td:nth-child(2) {
        text-align: right;
        white-space: normal;
    }
}

table.twoColumnCosts {
    width: 100%;
}

    table.twoColumnCosts td {
        border-bottom: 1px solid #bbb;
        padding: 0.25em 0.5em;
    }

        table.twoColumnCosts td:last-child {
            text-align: right;
            white-space: nowrap;
        }

        table.twoColumnCosts td.indent {
            padding-left: 2.5em;
        }

    table.twoColumnCosts th {
        border-bottom: 2px solid #bbb;
        padding: 0.25em 0.5em;
    }

    table.twoColumnCosts thead th:last-child {
        text-align: right;
    }

    table.twoColumnCosts tr.relatedToNext td {
        border-bottom: 1px dashed #ddd;
    }

@media all and (max-width: 800px) {
    table.twoColumnCosts td:nth-child(2) {
        text-align: right;
        white-space: normal;
    }
}

td {
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: top;
    white-space: normal;
}

th {
    font-weight: bold;
}

ul {
    list-style-image: url("/images/bullet-courthouse-level1.png");
    list-style-position: outside;
    padding-left: 1.25em;
}

    ul.verticalMenu, ul.verticalMenu ul {
        list-style-image: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        ul.verticalMenu a {
            /*background-color: white;*/
            /*color: #333333;*/
            display: block;
            font-size: 30px;
            color: white;
        }

            ul.verticalMenu a:hover {
                /*background-color: #707ed7;*/
                /*background-color: #FFD717;*/
                /*color: #fff;*/
                /*font-size: 30px;*/
                color: white;
            }

                ul.verticalMenu a:hover .parenthesizedText {
                    /*color: #ddd;*/
                    /*color: black;*/
                    color: white;
                }

            ul.verticalMenu a.withLogo {
                overflow: hidden;
            }

                ul.verticalMenu a.withLogo img {
                    float: left;
                    padding-bottom: 0.2em;
                    padding-right: 0.5em;
                }

        ul.verticalMenu h2 {
            background-color: #fff;
            font-size: 100%;
            font-weight: normal;
            margin: 0;
            padding: 0.2em 0.5em;
        }

        ul.verticalMenu li {
            /*background-color: #eeeeee;*/
            background-color: white;
            margin: 2px 0;
        }

            ul.verticalMenu li.horizontalMenu ul {
                display: table-row;
                width: 100%;
            }

                ul.verticalMenu li.horizontalMenu ul li {
                    border-left: 1px dashed #fff;
                    border-right: 1px dashed #fff;
                    display: table-cell;
                    margin-left: 2px;
                    margin-right: 2px;
                }

                    ul.verticalMenu li.horizontalMenu ul li:first-child {
                        border-left: none;
                    }

                    ul.verticalMenu li.horizontalMenu ul li:last-child {
                        border-right: none;
                    }

            ul.verticalMenu li.submenu {
                /*background-color: #eee;*/
                background-color: white;
                color: black;
                padding: 0.2em 0.5em;
            }

                ul.verticalMenu li.submenu > a {
                    margin: -0.2em -0.5em 0 -0.5em;
                }

                ul.verticalMenu li.submenu ul li a {
                    /*background-color: #f7f7f7;*/
                    background-color: white;
                    color: black;
                    padding-left: 2.2em;
                }

                    ul.verticalMenu li.submenu ul li a:hover {
                        /*background-color: #707ed7;*/
                        /*background-color: #FFD717;*/
                        color: black;
                        /*color: #fff;*/
                    }

        ul.verticalMenu .parenthesizedText {
            /*color: #666;*/
            color: white;
            font-size: smaller;
            font-style: italic;
        }

    ul ul {
        list-style-image: url("/images/bullet-courthouse-level2.png");
    }

        ul ul ul {
            list-style-image: url("/images/bullet-courthouse-level3.png");
        }

    ul.noBullet {
        margin-left: 0;
        padding-left: 0;
    }

    ul.noImage {
        list-style-image: none;
    }

    ul.noMargin > li:first-child {
        margin-top: 0;
    }

    ul.noMargin > li:last-child {
        margin-bottom: 0;
    }

    ul.noMarker {
        list-style-type: none;
        padding-left: 0;
    }

var {
    font-family: "Courier New", Courier, monospace;
    font-style: normal;
    white-space: pre-wrap;
}

.alignBottom {
    vertical-align: bottom;
}

.alignCenter {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.alignMiddle {
    vertical-align: middle;
}

.alignRight {
    text-align: right;
}

.alignTop {
    vertical-align: top;
}

.articleTitle {
    font-style: italic;
}

.aspnetRadioButton input[type="radio"] + label {
    padding-left: 0.5em;
}

.aspnetRadioButtonListHorizontalFlow input[type="radio"] + label {
    padding-left: 0.5em;
    padding-right: 1.5em;
}

.attention {
    color: red;
    font-size: larger;
}

.blockMessageError, .blockMessageInfo, .blockMessageSuccess, .blockMessageWarning, .validation-summary-errors {
    width: fit-content;
    width: -moz-fit-content;
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
}

.blockMessageError {
    background-color: #ffbaba;
    background-image: url('/images/knobs/Knob Cancel.png');
    color: #d8000c;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.blockMessageInfo {
    background-color: #bde5f8;
    background-image: url('/images/knobs/Knob Info.png');
    color: #00529b;
    margin-left: auto;
    margin-right: auto;
}

.blockMessageSuccess {
    background-color: #dff2bf;
    background-image: url('/images/knobs/Knob Valid Green.png');
    color: #4f8a10;
    margin-left: auto;
    margin-right: auto;
}

.blockMessageWarning {
    background-color: #feefb3;
    background-image: url('/images/knobs/Knob Attention.png');
    color: #9f6000;
    margin-left: auto;
    margin-right: auto;
}

.bodyBackgroundColor {
    background-color: white;
}

.bold {
    font-weight: bold;
}

.bookTitle {
    font-style: italic;
}

.border {
    border: 1px solid #000;
    padding: 1em;
}

.borderAbove {
    border-top: solid 1px #cccccc;
    padding-top: 1em;
}

.caption {
    font-size: smaller;
}

.center {
    text-align: center;
}

    .center table {
        margin-left: auto;
        margin-right: auto;
    }

.checkboxAndLabel {
    display: block;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.collapsible {
    background-color: #49535d;
    color: #fff;
    cursor: pointer;
    display: block;
    margin-bottom: 0;
    margin-top: 1em;
    padding: 0.5em;
}

    .collapsible > span {
        float: right;
    }

    .collapsible + * {
        border: 1px solid #49535d;
        padding: 0.5em;
    }

.columnBoolean {
    text-align: center;
}

.columnNumeric {
    text-align: right;
}

.columnText {
    text-align: left;
}

.conceal {
    display: none;
}

.content {
    /*margin-left: 1em;
    margin-right: 1em;*/
    width: 100%;
    height: auto;
}

.contentFooter {
}

.contentHeader {
}

    .contentHeader .subtitle {
        font-size: 65%;
    }

    .contentHeader .title {
        font-size: 175%;
        font-weight: bold;
        margin: 0.6em auto;
        text-align: center;
    }

.documentTitle {
    font-style: italic;
}

.doubleWhitespaceAbove {
    margin-top: 2em;
}

.doubleWhitespaceBelow {
    margin-bottom: 2em;
}

.downloadableFormName {
    font-style: italic;
}

.example {
    color: gray;
    font-size: x-small;
}

.externalLink {
    background: url("/images/external-link.png") no-repeat scroll right center transparent;
    padding-right: 13px;
}

.field-validation-error {
    color: red;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

.finePrint {
    font-size: xx-small;
}

.floatClear {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.fontLarger {
    font-size: larger;
}

.fontXLarger {
    font-size: x-large;
}

.fontSmaller {
    font-size: smaller;
}

.footnote {
    font-size: smaller;
}

.footnoteSection {
    background-color: #e8e8e8;
    margin-top: 2em;
    padding: 0.5em;
}

.footnoteMarker {
    font-size: smaller;
    vertical-align: super;
}

.form {
    background-color: #edebdc;
    border: 1px solid black;
    margin-top: 1em;
    padding: 1em;
}

    .form .checkboxLabelPair {
        padding: 0.5em 0 0.5em 1.25em;
        text-indent: -1.25em;
    }

    .form .commands {
        padding-top: 1em;
        text-align: right;
    }

    .form .fieldInfo {
        background-color: #c4cb8f;
        border: 1px solid #6c7144;
        color: #596217;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .form .fieldNote {
        color: #777;
        font-size: x-small;
        margin-top: 0.25em;
    }

    .form .labelFieldPair {
        padding: 0.5em 0;
    }

    .form .validationError {
        color: red;
        font-weight: bold;
    }

.formField {
    font-family: "Courier New", Courier, monospace;
}

.formValidationMessage {
    color: red;
    font-weight: bold;
}

.halfWhitespaceAbove {
    margin-top: 0.5em;
}

.halfWhitespaceBelow {
    margin-bottom: 0.5em;
}

.halfWhitespaceLeft {
    margin-left: 0.5em;
}

.halfWhitespaceRight {
    margin-right: 0.5em;
}

.indent {
    padding-left: 3em;
}

.indentFirstLine {
    text-indent: 3em;
}

.inlineMessageError, .inlineMessageInfo, .inlineMessageSuccess, .inlineMessageWarning {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    padding-left: 36px;
    padding-right: 8px;
}

.inlineMessageError {
    background-color: #ffbaba;
    background-image: url('/images/knobs/small/knob-cancel.png');
    color: #d8000c;
}

.inlineMessageInfo {
    background-color: #bde5f8;
    background-image: url('/images/knobs/small/knob-info.png');
    color: #00529b;
}

.inlineMessageSuccess {
    background-color: #dff2bf;
    background-image: url('/images/knobs/small/knob-valid-green.png');
    color: #4f8a10;
}

.inlineMessageWarning {
    background-color: #feefb3;
    background-image: url('/images/knobs/small/knob-attention.png');
    color: #9f6000;
}

.invisible {
    visibility: hidden;
}

.italic {
    font-style: italic;
}

.justifyLeft {
    text-align: left;
}

.justifyRight {
    text-align: right;
}

.label {
    font-weight: normal;
}

.largerFont {
    font-size: larger;
}

.legend {
    background-color: #cbc9ba;
    border: 1px solid #9b998a;
    font-size: smaller;
    display: block;
    margin-top: 2em;
    padding: 1em;
}

    .legend dl > * {
        display: table-cell;
        padding-bottom: 0.25em;
        padding-top: 0.25em;
        vertical-align: middle;
    }

    .legend dt {
        padding-right: 0.5em;
        text-align: center;
        width: 40px;
    }

    .legend table.symbols caption {
        font-weight: bold;
        padding: 0 0 0.5em 0;
        text-align: left;
    }

    .legend table.symbols tr td {
        padding: 0.25em 0.5em;
    }

        .legend table.symbols tr td:first-child {
            padding-left: 0;
            text-align: center;
        }

    .legend table.symbols tr:last-child td {
        padding-bottom: 0;
    }

.lighterSmallerFont {
    color: gray;
    font-size: smaller;
}

.localRuleNumber {
    font-weight: bold;
}

.maxWidth {
    width: 100%;
}

.multiColumn {
    border: solid 1px #dddddd;
    margin: 1em 0.5em;
    padding: 1em;
}

    .multiColumn h1 {
        font-size: 120%;
        margin-top: 0;
    }

    .multiColumn h2 {
        font-size: 110%;
    }

.multiPageDocMenu {
    font-size: smaller;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    text-align: right;
}

    .multiPageDocMenu a {
        padding-left: 1.5em;
    }

.navList a {
    color: #333333;
    display: block;
    padding: 3px 0.5em;
    text-decoration: none;
}

    .navList a:hover {
        background-color: #707ed7;
        color: #fff;
    }

        .navList a:hover .targetGroup {
            color: #ddd;
        }

    .navList a .targetGroup {
        color: #666;
        font-style: italic;
    }

.navList li {
    background-color: #eeeeee;
    margin: 2px 0;
}

    .navList li.multipleLinks { /*padding: 3px 0.5em;*/
    }

        .navList li.multipleLinks:hover { /*background-color: #707ed7;*/
        }

        .navList li.multipleLinks a { /*display: inline; padding: 0;*/
        }

        .navList li.multipleLinks td {
            border-left: dashed 2px #ffffff;
        }

            .navList li.multipleLinks td:first-child {
                border-left: none;
            }

            .navList li.multipleLinks td:hover {
                background-color: #707ed7;
            }

    .navList li li {
        background-color: #f7f7f7;
    }

        .navList li li a {
            background-color: #f7f7f7;
        }

.navList ul {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .navList ul ul {
        background-color: #ffffff;
    }

.noBullet {
    list-style-image: none;
    list-style-type: none;
}

.noMargin {
    margin: 0;
}

.noMarginBottom {
    margin-bottom: 0;
}

.noMarginTop {
    margin-top: 0;
}

.noPadding {
    padding: 0;
}

.normal {
    font-size: 100%;
    font-weight: normal;
}

.noStyle {
}

.noTextWrap {
    white-space: nowrap;
}

.noTextWrapPreferred {
    white-space: nowrap;
}

@media all and (max-width: 800px) {
    .noTextWrapPreferred {
        white-space: normal;
    }
}

.notice {
    color: red;
}

.noWhitespaceAbove {
    padding-top: 0;
    margin-top: 0;
}

.numeric {
    text-align: right;
}


div#pageTop.page {
    height: 100%;
    width: 100%;
}


/*Header and Footer*/
.pageFooter {
    /*position: static;*/
    position: relative;
    /*position: fixed;*/
    /*position: absolute;*/
    /*position: sticky;*/
    /*padding-bottom: 10px;*/
    left: 0;
    bottom: 0;
    width: 100vw;
    max-height: 100%;
    background-color: #001F3F;
    color: black;
    text-align: center;
    display: inline-block;
    z-index: 999;
    overflow: hidden;
}

    .pageFooter .footerInfo {
        display: inline-block;
        color: #B5C6D8;
        background-color: #001F3F;
        z-index: 9;
        max-width: 100%;
    }

        .pageFooter .footerInfo a {
            color: white;
        }

    .pageFooter .officeHours, .addresses, .explore {
        color: #B5C6D8;
        padding-top: 20px;
        padding-top: 20px;
        padding-left: 30px;
        padding-right: 15px;
        /*padding-bottom: 10px;*/
        /*background: #001F3F;*/
        margin: 10px;
        height: auto;
        width: auto;
        float: left;
        display: inline-block;
        text-align: left;
    }

    .pageFooter .footerInfo a:hover {
        color: #92B1DE;
    }

    .pageFooter .siteFooter {
        color: #aaaaaa;
        text-align: center;
        margin-bottom: 0;
        bottom: 0;
        height: auto;
        width: 100vw;
    }

        .pageFooter .siteFooter a {
            /*color: white;*/ /*#eeeeee*/
            /*padding: 0 0.5em;
            text-decoration: none;*/
            display: none;
        }

            .pageFooter .siteFooter a:hover {
                /*color: blue;*/ /*#ffffff*/
            }

        .pageFooter .siteFooter .copyright {
            font-size: large;
            padding: 2em;
            bottom: 0;
            width: 100%;
            /*height: fit-content;*/
            height: 200px;
            margin-left: auto;
            margin-right: auto;
            background-color: #001F3F;
            background-image: url(/images/circuit7-seal-clear-200px.png);
            background-repeat: no-repeat;
            background-position: 10% 70%;
        }

.pageHeader {
    display: inline-block;
    position: static;
    left: 0;
    top: 0;
    padding-bottom: inherit;
    /*min-height: 230px;*/
    height: auto;
    width: 100%;
    margin: auto;
    z-index: 9;
    background-color: #001F3F;
}

    .pageHeader .accountMenu {
        /*background-color: rgba(7, 22, 114, .8);*/
        float: right;
        font-size: larger;
        margin: 2px 0;
        padding: 4px;
    }

        .pageHeader .accountMenu * {
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

    .pageHeader .siteAnnouncement {
        padding: 6px 12px;
        margin: 1px 0;
    }

        .pageHeader .siteAnnouncement .closeButton {
            padding-left: 12px;
        }

            .pageHeader .siteAnnouncement .closeButton:hover {
                cursor: pointer;
            }

    .pageHeader .appMenu {
        /*background-color: #909ef7;*/
        background-color: #0D63A5;
        color: #000;
        display: block;
        font-size: smaller;
        margin: 1px 0;
        padding: 0.25em 0.5em;
        text-align: right;
    }

        .pageHeader .appMenu > * {
            padding-left: 1em;
            padding-right: 1em;
        }

        .pageHeader .appMenu a {
            color: #fff;
            text-decoration: none;
            white-space: nowrap;
        }

            .pageHeader .appMenu a:hover {
                text-decoration: underline;
            }

    .pageHeader .breadcrumbs {
        /*background-color: #172caf;*/
        background-color: #001F3F;
        color: #909ef7;
        font-size: larger;
        margin: 1px 0;
        padding: 0.25em 1em;
        text-align: left;
        width: fit-content;
        display: inline-block;
        /*box-shadow: 0px 0px 0px 1px black;*/
        /*border-bottom: black solid 2px;*/
    }

        .pageHeader .breadcrumbs a {
            color: #eee;
            text-decoration: none;
        }

            .pageHeader .breadcrumbs a:hover {
                color: #fff;
                text-decoration: underline;
            }

    .pageHeader .priorityHigh {
        background-color: #ffa721;
        font-weight: bold;
    }

    .pageHeader .priorityLow {
        background-color: #ffff21;
        font-size: smaller;
    }

    .pageHeader .priorityMedium {
        background-color: #ffd721;
        font-size: larger;
        font-weight: bold;
    }
    /* TODO: .pageHeader .siteHeader { background-color: #071672; background-image: url(/images/circuit7-seal-clear-200px.png); background-repeat: no-repeat; color: #909ef7; margin: 1px 0; position: relative; } */

    /* Header */
    .pageHeader .siteHeader {
        /*background-color: #071672;*/
        background-color: #001F3F;
        /*background-image: url(/images/circuit7-seal-clear-200px.png);*/
        /*background-image: url(~/Images/circuit7-seal-123px.png);
        background-repeat: no-repeat;*/
        color: #909ef7;
        /*margin: 10px 0;*/
        /*height: 30%;*/
        /*height: calc(100vh -40rem);*/
        /*min-height: 130px;*/
        /*height: 300px;*/
        height: auto;
        width: 100%;
    }

        .pageHeader .siteHeader a {
            color: #eee;
            text-decoration: none;
            text-align: center;
            padding-top: 22px;
        }

            .pageHeader .siteHeader a:hover { /*background-color: #2e3a83;*/
                /*background-color: #5662AD;*/ color: #fff;
                text-decoration: none;
            }

                .pageHeader .siteHeader a:hover img {
                    opacity: 0.5;
                    filter: alpha(opacity=50);
                }

    /*Site Menu*/
    /*.pageHeader .siteMenu { margin-left: auto; margin-right: auto;*/ /*clear: left;*/ /*float: left;*/ /*font-size: small;*/ /*float: none; margin: 2px 0; }*/

    .pageHeader .siteMenu {
        /*margin: 2px 2px;*/
        /*display: inline;
        position: static;*/
        /*width: calc(100vw - 190rem);*/
        /*top: 40%;
        font-size: 22px;
        z-index: 5;
        width: 100%;
        background-color: rgba(84,98,180, 1);
        left: 30%;*/
    }


    .pageHeader .siteMenu {
        /*background-color: rgba(84, 98, 180, 1);*/
        display: none;
        /*margin-right: auto;
        margin-left: auto;
        align-content: center;
        text-align: center;*/
    }


        .pageHeader .siteMenu a {
            display: block;
            /*font-size: small;*/
            margin: 5px;
        }

        /*.pageHeader .siteMenu a:hover {
                transform: scale(.5);
            }*/

        .pageHeader .siteMenu li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 25px;
            margin-right: 25px;
        }



        .pageHeader .siteMenu img {
            vertical-align: bottom;
            display: none;
        }

        .pageHeader .siteMenu #siteMenuToggle {
            display: none;
        }

        .pageHeader .siteMenu li a {
            padding: 5px;
            font-size: 22px;
            margin-right: 20px;
            margin-left: 20px;
        }

        .pageHeader .siteMenu li li a {
            /*padding-left: 2em;*/
            font-size: 18px;
            display: none;
        }

        .pageHeader .siteMenu li:hover li a {
            display: inline-block;
            padding: 3px;
        }


        .pageHeader .siteMenu ul {
            right: 50%;
            left: 50%;
            margin: 0;
            padding: 0;
        }

        .pageHeader .siteMenu > ul > li {
            /*background-color: rgba(7, 22, 114, .8);*/
            /*border-right: 1px solid #bbb;*/
            float: left;
        }

        .pageHeader .siteMenu img {
            vertical-align: bottom;
            display: none;
        }


        .pageHeader .siteMenu > ul > li {
            background-color: rgba(84,98,180, 1);
            /*float: left;
            left: 35%;*/
        }

        .pageHeader .siteMenu > ul.expanded > li {
            border-right: none;
            clear: left;
        }

    /*.pageHeader .siteMenu > li li .services {
    display: none;
}*/

    /*.pageHeader .siteMenu > ul.collapsed > li {
            border-right: none;
        }

        .pageHeader .siteMenu > ul.collapsed ul {
            display: none;
            
        }*/
    /*.pageHeader .siteMenu > ul.collapsed > li {border-right: none;}
.pageHeader .siteMenu > ul.collapsed ul { display: none; }*/



    /*Site Name, county name and court name (title of home page) */
    .pageHeader .siteName {
        font-size: 35px;
        text-align: center;
        align-content: center;
        padding-top: 15px;
        padding-bottom: 20px;
        padding-left: 25px;
        display: flex;
        width: auto;
        /*margin-left: 25%;
        margin-right: 25%;*/
        /*background-color: rgba(7, 22, 114, .8);*/ /*float: left;*/
        /*background-image: url(~/Images/circuit7-seal-123px.png);
        background-repeat: no-repeat;*/
        /*background-color: #001F3F;*/
    }

    /*.pageHeader .siteName:hover {
            background-color: #2e3a83;
        }*/

    .pageHeader .sealImg {
        margin: 0;
        padding: 0;
        float: left;
    }

        .pageHeader .sealImg a {
            padding: 0;
            margin: 0;
        }


.pageHeader a {
    padding: 0;
}


.pageHeader .siteName span {
    white-space: nowrap;
}

.pageHeader .siteName .comma {
    display: none;
}

.pageHeader .siteName .countyName {
    display: block;
    /*font-size: smaller;*/
    padding: 3px;
    font-size: 40px;
    align-content: center;
}

.pageHeader .siteName .courtName {
    display: block;
    /*font-size: larger;*/
    /*padding: 3px;*/
    font-size: 42px;
    margin-left: 15px;
}

/* Search */
.pageHeader .siteSearch {
    /*background-color: rgba(7, 22, 114, .8);*/
    clear: right;
    float: right;
    margin: 2px 0;
    padding: 4px;
}

    .pageHeader .siteSearch input {
        font-size: medium;
    }

        .pageHeader .siteSearch input[type="submit"] {
            background-color: #4b5ed7;
            /*border: solid 1px #707ed7;*/
            color: #fff;
        }

        .pageHeader .siteSearch input[type="text"] {
            width: 16em;
        }

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager:before,
    .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager:before,
    .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a {
            color: #172caf;
        }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            background-color: #eeeeee;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.paper {
    background-color: #fff;
    border: 1px solid #000;
    padding: 1em;
}

.requiredFieldIndicator {
    color: red;
}

.responsiveForm {
    /*background-color: #edebdc;*/
    /*border: 1px solid black;*/
    border: none;
    display: block;
    padding: 1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

    .responsiveForm fieldset {
        margin-bottom: 1em;
        margin-top: 1em;
    }

        .responsiveForm fieldset > .labelFieldPair:first-of-type {
            margin-top: 0;
        }

    .responsiveForm label.disabled {
        color: #999;
    }

    .responsiveForm legend {
        font-weight: normal;
    }

    .responsiveForm textarea {
        width: 100%;
    }

    .responsiveForm .checkboxField {
        margin-top: 1em;
        padding-left: 1.5em;
        text-indent: -1.5em;
        vertical-align: top;
    }

    .responsiveForm .controls {
        margin-top: 2em;
        text-align: right;
    }

    .responsiveForm .fieldInfo {
        color: #4f8a10;
        font-size: smaller;
        padding-left: 0.5em;
    }

    .responsiveForm .fieldInstructions {
        color: #777;
        font-size: medium;
        max-width: 100%;
    }

    .responsiveForm .labelFieldPair {
        margin-top: 1em;
    }

    .responsiveForm .moreRelatedLinks {
        background-color: #bab068;
        display: block;
        font-size: smaller;
        font-style: italic;
        margin-top: 1px;
        padding: 0.5em;
        text-align: right;
    }

        .responsiveForm .moreRelatedLinks > * {
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

        .responsiveForm .moreRelatedLinks a {
            color: #fff;
            text-decoration: none;
            white-space: nowrap;
        }

            .responsiveForm .moreRelatedLinks a:hover {
                text-decoration: underline;
            }

    .responsiveForm .relatedLinks {
        /*background-color: #9a9048;*/
        background-color: #0D63A5;
        display: block;
        font-size: smaller;
        font-style: italic;
        padding: 0.5em;
        text-align: right;
    }

        .responsiveForm .relatedLinks > * {
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

        .responsiveForm .relatedLinks a {
            color: #fff;
            text-decoration: none;
            white-space: nowrap;
        }

            .responsiveForm .relatedLinks a:hover {
                text-decoration: underline;
            }

            .responsiveForm .relatedLinks a[disabled="disabled"] {
                color: #666;
                cursor: default;
            }

                .responsiveForm .relatedLinks a[disabled="disabled"]:hover {
                    text-decoration: none;
                }

        .responsiveForm .relatedLinks .disabled {
            color: #666;
        }

    .responsiveForm .signatureArea {
        background-color: #fff;
        border: 1px solid #777;
        color: #00f;
        cursor: crosshair;
        width: 100%;
    }

    .responsiveForm .signatureControls {
        width: 100%;
    }

    .responsiveForm .textIndent {
        text-indent: 3em;
    }


/***********MEDIA***********/


@media (min-width: 600px) {
    .responsiveForm .signatureControls {
        width: 500px;
    }
}

@media (min-width: 700px) {
    .siteName {
        padding-left: 0;
    }
}


@media (min-width: 800px) {
    .responsiveForm fieldset .labelFieldPair > *:first-child {
        width: 14em;
    }

    .responsiveForm fieldset .labelFieldPair > *:last-child {
        width: calc(100% - 15em);
    }

    .responsiveForm fieldset fieldset .labelFieldPair > *:first-child {
        width: 13em;
    }

    .responsiveForm fieldset fieldset .labelFieldPair > *:last-child {
        width: calc(100% - 14em);
    }

    .responsiveForm .labelFieldPair > * {
        display: inline-block;
        vertical-align: top;
    }

        .responsiveForm .labelFieldPair > *:first-child {
            text-align: right;
            width: 20%;
        }

        .responsiveForm .labelFieldPair > *:last-child {
            width: 75%;
            width: calc(80% - 1em);
        }

        .responsiveForm .labelFieldPair > *:last-child {
            width: 75%;
            width: calc(100% - 16em);
        }
}



.rightJustify {
    text-align: right;
}

.shadedBackground {
    background-color: #e8e8e8;
}

.signature {
    font-style: italic;
}

.singleColumnForm {
    background-color: #edebdc;
    border: 1px solid black;
    margin-top: 1em;
    padding: 1em;
}

    .singleColumnForm fieldset p {
        margin: 0.5em 0;
    }

    .singleColumnForm fieldset .labelFieldPair > *:first-child {
        width: 14em;
    }

    .singleColumnForm fieldset fieldset .labelFieldPair > *:first-child {
        width: 13em;
    }

    .singleColumnForm fieldset fieldset fieldset .labelFieldPair > *:first-child {
        width: 12em;
    }

    .singleColumnForm textarea.multi-line {
        height: 8em;
        width: 35em;
    }

    .singleColumnForm .checkboxField {
        padding: 0.5em 0 0.5em 1.5em;
        text-indent: -1.5em;
        vertical-align: top;
    }

    .singleColumnForm .commands {
        padding-top: 1em;
        text-align: right;
    }

        .singleColumnForm .commands .error {
            background-color: #ffbaba;
            border: 1px solid #d8000c;
            color: #d8000c;
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

    .singleColumnForm .fieldInfo {
        background-color: #c4cb8f;
        border: 1px solid #6c7144;
        color: #596217;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .singleColumnForm .formFieldInfo {
        background-color: #c4cb8f;
        border: 1px solid #6c7144;
        color: #596217;
        display: inline;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .singleColumnForm .formFieldExample {
        color: gray;
        font-size: medium;
    }

    .singleColumnForm .instructions {
        font-style: italic;
        color: #666;
    }

    .singleColumnForm .labelFieldPair {
        display: table-row;
    }

        .singleColumnForm .labelFieldPair > * {
            display: table-cell;
            padding: 0.5em 0;
            vertical-align: top;
        }
            /* Form fields and what follows (e.g., comments, validators) */
            .singleColumnForm .labelFieldPair > *:first-child {
                padding-right: 0.5em;
                text-align: right;
                width: 15em;
            }
    /* Labels */
    .singleColumnForm .relatedLinks {
        /*background-color: #9a9048;*/
        background-color: #0D63A5;
        display: block;
        font-size: smaller;
        font-style: italic;
        padding: 0.5em;
        text-align: right;
    }

        .singleColumnForm .relatedLinks > * {
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

        .singleColumnForm .relatedLinks a {
            color: #fff;
            text-decoration: none;
            white-space: nowrap;
        }

            .singleColumnForm .relatedLinks a:hover {
                text-decoration: underline;
            }

            .singleColumnForm .relatedLinks a[disabled="disabled"] {
                color: #666;
                cursor: default;
            }

                .singleColumnForm .relatedLinks a[disabled="disabled"]:hover {
                    text-decoration: none;
                }

    .singleColumnForm .requiredField:before {
        color: red;
        content: "* ";
        font-weight: bold;
    }

    .singleColumnForm .signatureArea {
        background-color: #fff;
        border: 1px solid #777;
        color: #00f;
        cursor: crosshair;
        width: 500px;
    }

    .singleColumnForm .thinBorderBox {
        border: 1px solid #000;
        margin-bottom: 1em;
        margin-top: 1em;
        padding: 0.5em 1em;
    }

    .singleColumnForm .validationError {
        color: red;
        font-weight: bold;
        padding-left: 0.5em;
    }

    .singleColumnForm div.table {
        width: 100%;
    }

.siteEnvironment {
    width: 100vw;
    height: 100vh;
    cursor: default;
    font-size: 1.5em;
    font-weight: bold;
    left: 50%;
    margin-left: -4.25em;
    margin-top: -1em;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    z-index: 100;
    -webkit-text-stroke: 1px #000;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center;
}

    .siteEnvironment.demo, .siteEnvironment.demonstration {
        color: blue;
    }

    .siteEnvironment.dev, .siteEnvironment.development {
        color: orange;
    }

    .siteEnvironment.test {
        color: red;
    }

    .siteEnvironment.train, .siteEnvironment.training {
        color: green;
    }

.smallAlert {
    color: red;
    font-size: smaller;
}

.smallerFont {
    font-size: smaller;
}

.textAlignCenter {
    text-align: center;
}

.textAlignLeft {
    text-align: left;
}

.textAlignRight {
    text-align: right;
}

.textLighterSmaller {
    color: gray;
    font-size: smaller;
}

.threeColumns .column {
    margin: 2% 2% 0 2%;
}

.todo {
    color: red;
    font: italic bold xx-large "Courier New",Courier,monospace;
}

.translations {
    font-size: smaller;
    text-align: right;
}

    .translations li {
        display: inline;
        list-style-type: none;
        padding-left: 1em;
    }

.uiControl {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.uppercase {
    text-transform: uppercase;
}


.watermark {
    max-width: 75vw;
    max-height: 75vh;
    position: absolute;
    z-index: -5;
    right: 50px;
    bottom: 10px;
    opacity: 1;
}


.validationError {
    color: red;
    font-weight: bold;
}

.validator {
    color: red;
    font-weight: bold;
}

.validation-summary-errors {
    background-color: #ffbaba;
    background-image: url('/images/knobs/Knob Cancel.png');
    color: #d8000c;
}

    .validation-summary-errors li {
        list-style-image: none;
        list-style-type: none;
    }

.validation-summary-valid {
    display: none;
}

.websiteName {
    font-weight: bold;
}

.whitespaceAbove {
    margin-top: 1em;
}

.whitespaceBelow {
    margin-bottom: 1em;
}

.whitespaceLeft {
    padding-left: 1em;
}

.whitespaceRight {
    padding-right: 1em;
}

@media (min-height: 320px) {
    .siteEnvironment {
        font-size: 2em;
    }
}

@media (min-height: 480px) {
    .siteEnvironment {
        font-size: 3em;
    }
}

@media (min-height: 640px) {
    .siteEnvironment {
        font-size: 4em;
    }
}

@media (min-height: 768px) {
    .siteEnvironment {
        font-size: 5em;
    }
}

@media (min-width: 480px) {
    .paper {
        padding: 1.5em;
    }
}

@media (min-width: 600px) {
    .pageHeader .siteMenu > ul.expanded > li {
        border-right: 1px solid #bbb;
        clear: none;
    }
}

@media (min-width: 640px) {
    .pageHeader .siteHeader {
        /*background-image: url(/images/circuit7-seal-clear-300px.png);*/
    }

    .paper {
        padding: 2em;
    }
}

@media (min-width: 768px) {
    .pageHeader {
        font-size: large;
    }
}

@media (min-width: 800px) {
    .form .labelFieldPair {
        display: table-row;
    }

        .form .labelFieldPair > * {
            display: table-cell;
            padding: 0.5em 0;
            vertical-align: top;
        }

            .form .labelFieldPair > *:first-child {
                padding-right: 0.5em;
                text-align: right;
                width: 15em;
            }

    .paper {
        padding: 0.5in;
    }

    .threeColumns .column {
        float: left;
        margin-top: 0;
        width: 29.3%;
    }
}




@media (min-width: 1024px) {
    .pageHeader .siteName .comma {
        display: inline;
    }

    .pageHeader .siteName .countyName {
        display: inline;
        font-size: larger;
    }

    .pageHeader .siteName .courtName {
        display: inline;
    }

    .watermark {
        max-width: 55%;
        max-height: 55%;
    }
}

@media print {
    a {
        color: black;
        text-decoration: none;
    }

        a:visited {
            color: black;
        }

    div.page {
        max-width: 100%;
        padding: 0;
    }

    .content {
        margin: 0;
    }

    .externalLink {
        background: none;
        padding-right: 0;
    }

    .multiPageDocMenu {
        display: none;
    }

    .noPrint {
        display: none;
    }

    .pageFooter {
        display: none;
    }

    .pageHeader {
        display: none;
    }

    .siteEnvironment {
        display: none;
    }

    .translations {
        display: none;
    }
}


@media screen and (max-width: 740px) {
    .pageHeader .siteName {
        margin: 0;
    }

        .pageHeader .siteName .coma {
            display: none;
        }

        .pageHeader .siteName .countyName {
            display: none;
        }

        .pageHeader .siteName .courtName {
            display: none;
        }

    .pageHeader .sealImg a {
        left: 0;
        margin: 0;
    }

    .pageHeader .breadcrumbs {
        padding: 3px;
        font-size: medium;
    }

    .watermark {
        display: none;
    }

    .pageHeader .siteAnnouncement {
        font-size: small;
    }

    .account, .breadcrumbs {
        font-size: small;
    }
}


@media screen and (max-width: 850px) {
    .pageHeader .siteHeader {
        font-size: large;
    }

    .pageHeader .siteName .coma {
        font-size: 25px;
    }

    .pageHeader .siteName .countyName {
        font-size: 25px;
    }

    .pageHeader .siteName .courtName {
        font-size: 25px;
    }

    .pageHeader .siteName a {
        padding-right: 10px;
    }
}

@media screen and (max-width: 450px) {
    .pageHeader .sealImg {
        max-width: 75px;
        max-height: 75px;
    }
}

@media screen and (max-height: 350px) {
    .footerInfo, .tileGroup {
        width: 100vw;
        bottom: 0;
    }

    .noticeToPublic, .newsAndNotices, .forms {
        margin: 0;
    }
}

@media screen and (max-width: 950px) {
    .pageFooter .siteFooter .copyright {
        font-size: small;
        /*padding: 1em;*/
        bottom: 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: #001F3F;
        background-image: url(/images/circuit7-seal-clear-200px.png);
        background-repeat: no-repeat;
        background-position: 10% 80%;
        background-size: 12%;
    }

    .pageHeader .siteSearch input {
        font-size: small;
    }

        .pageHeader .siteSearch input[type="submit"] {
            background-color: #4b5ed7;
            /*border: solid 1px #707ed7;*/
            color: #fff;
        }

        .pageHeader .siteSearch input[type="text"] {
            width: 12em;
        }

    .pageHeader .siteName .coma {
        font-size: 25px;
    }

    .pageHeader .siteName .countyName {
        font-size: 25px;
    }

    .pageHeader .siteName .courtName {
        font-size: 25px;
    }

    .sealImg a {
        margin: 0;
    }
}

/*@media (min-width: 850px) {
    .pageHeader .siteHeader {
        font-size: small;
    }

    .pageHeader .siteName .coma {
        font-size: 16px;
    }

    .pageHeader .siteName .countyName {
        font-size: 16px;
    }

    .pageHeader .siteName .courtName {
        font-size: 16px;
    }

    .pageHeader .siteName a {
        font-size: 16px;
    }
}*/


@media screen and (max-width: 850px) {
    .pageHeader .siteHeader {
        font-size: large;
    }

    .pageHeader .siteName .coma {
        font-size: 25px;
    }

    .pageHeader .siteName .countyName {
        font-size: 25px;
    }

    .pageHeader .siteName .courtName {
        font-size: 25px;
    }

    .pageHeader .siteName a {
        padding-right: 10px;
    }
}


@media screen and (max-height: 600px) {
    .pageFooter .footerInfo {
        font-size: small;
    }

    .pageFooter .siteFooter .copyright {
        font-size: small;
        padding: 1em;
        bottom: 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: #001F3F;
        background-image: url(/images/circuit7-seal-clear-200px.png);
        background-repeat: no-repeat;
        background-position: 10% 80%;
        background-size: 12%;
    }

    .pageHeader .siteSearch input {
        font-size: small;
    }

        .pageHeader .siteSearch input[type="submit"] {
            background-color: #4b5ed7;
            /*border: solid 1px #707ed7;*/
            color: #fff;
        }

        .pageHeader .siteSearch input[type="text"] {
            width: 12em;
        }

    .pageHeader .siteName .coma {
        font-size: 25px;
    }

    .pageHeader .siteName .countyName {
        font-size: 25px;
    }

    .pageHeader .siteName .courtName {
        font-size: 25px;
    }

    .pageHeader .siteName a {
        padding-right: 10px;
    }

    .pageHeader .sealImg a {
        margin: 0;
        padding: 0;
    }


    .pageHeader .siteName a {
        padding-right: 10px;
    }

    .pageHeader .sealImg a {
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width: 1000px ) {

    .pageFooter .siteFooter .copyright {
        font-size: small;
        padding: 1em;
        bottom: 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: #001F3F;
        background-image: url(/images/circuit7-seal-clear-200px.png);
        background-repeat: no-repeat;
        background-position: 10% 80%;
        background-size: 12%;
    }

    .pageHeader .siteSearch input {
        font-size: small;
    }

        .pageHeader .siteSearch input[type="submit"] {
            background-color: #4b5ed7;
            /*border: solid 1px #707ed7;*/
            color: #fff;
        }

        .pageHeader .siteSearch input[type="text"] {
            width: 12em;
        }

    .pageHeader .siteName .coma {
        font-size: 25px;
    }

    .pageHeader .siteName .countyName {
        font-size: 25px;
    }

    .pageHeader .siteName .courtName {
        font-size: 25px;
    }

    .pageHeader .siteName a {
        padding-right: 10px;
    }

    .pageHeader .sealImg {
        margin: 0;
        padding: 0;
    }


    .pageHeader .siteName a {
        padding-right: 10px;
    }

    .pageHeader .sealImg {
        margin: 0;
        padding: 0;
    }
}


@media screen and (max-width: 1150px) {
    .pageHeader .siteSearch input {
        font-size: small;
    }

        .pageHeader .siteSearch input[type="submit"] {
            background-color: #4b5ed7;
            /*border: solid 1px #707ed7;*/
            color: #fff;
        }

        .pageHeader .siteSearch input[type="text"] {
            width: 10em;
        }

    .pageFooter .footerInfo {
        font-size: medium;
    }

    .pageFooter .copyright {
        padding: .5em;
    }

    .pageHeader .siteName .coma {
        font-size: 25px;
    }

    .pageHeader .siteName .countyName {
        font-size: 25px;
    }

    .pageHeader .siteName .courtName {
        font-size: 25px;
    }

    .pageHeader .siteName a {
        padding-right: 10px;
    }

    .pageHeader .siteName a {
        padding-right: 10px;
    }
}



@media screen and (max-width: 450px) {
    .pageFooter {
        position: relative;
    }
}


@media screen and (min-height: 2000px) {
    .pageHeader .sealImg a {
        padding: 0;
        margin: 0;
    }
}

@media screen and (max-width: 290px) {
    .pageHeader .siteSearch input {
        font-size: xx-small;
    }

        .pageHeader .siteSearch input[type="submit"] {
            background-color: #4b5ed7;
            /*border: solid 1px #707ed7;*/
            color: #fff;
        }

        .pageHeader .siteSearch input[type="text"] {
            width: 8em;
        }

    .pageHeader .accountMenu {
        font-size: small;
    }

    .breadcrumbs {
        font-size: xx-small;
    }
}




/*@media screen and (min-width: 1600px) {
    .wrapper, .mainContent, .sideContent{
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
        width: -moz-fit-content;
    }

    .tabcontent {
        width: fit-content;
        width: -moz-fit-content;
    }
}*/