:root {
    --page-width: 1300px;
    --primary: #DE1A1A;
    --light-gray: #DCDCDC;
    --lighter-gray: #F3F6F6;
    --gray: #9A9A9A;
    --dark-gray: #333333;
    --darker-gray: #2A2929;
    --primary-light: #FFEFEF;
}

@font-face {
    font-family: 'almoni-dl';
    font-weight: 700;
    font-style: normal;
    src: url('font_files/almoni-dl-aaa-700.eot');
    src: url('font_files/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'), 
        url('font_files/almoni-dl-aaa-700.ttf') format('truetype'), 
        url('font_files/almoni-dl-aaa-700.woff') format('woff'), 
        url('font_files/almoni-dl-aaa-700.svg#almoni-dl-bold') format('svg');
}

@font-face {
    font-family: 'almoni-dl';
    font-weight: 400;
    font-style: normal;
    src: url('font_files/almoni-dl-aaa-400.eot');
    src: url('font_files/almoni-dl-aaa-400.eot?#iefix') format('embedded-opentype'), url('font_files/almoni-dl-aaa-400.ttf') format('truetype'), url('font_files/almoni-dl-aaa-400.woff') format('woff'), url('font_files/almoni-dl-aaa-400.svg#almoni-dl-regular') format('svg');
}

@font-face {
    font-family: narkiss;
    font-weight: normal;
    font-style: normal;
    src: url(font_files/NarkissBlock-Regular.woff2) format('woff2'), url(font_files/NarkissBlock-Regular.woff) format('woff');
}

@font-face {
    font-family: narkiss;
    font-weight: bold;
    font-style: normal;
    src: url(font_files/NarkissBlock-Bold.woff2) format('woff2'), url(font_files/NarkissBlock-Bold.woff) format('woff');
}

@font-face {
    font-family: "tabler-icons";
    font-style: normal;
    font-weight: normal;
    src: url("lib/tabler-icons/fonts/tabler-icons.woff2?v3.31.0") format("woff2"), 
        url("lib/tabler-icons/fonts/tabler-icons.woff?v3.31.0") format("woff"), 
        url("lib/tabler-icons/fonts/tabler-icons.ttf?v3.31.0") format("truetype");
}
/*
@font-face {
    font-family: "tabler-icons";
    font-style: normal;
    font-weight: bold;
    src: url("lib/tabler-icons/fonts/tabler-icons-filled.woff2?v3.31.0") format("woff2"), 
        url("lib/tabler-icons/fonts/tabler-icons-filled.woff?v3.31.0") format("woff"), 
        url("lib/tabler-icons/fonts/tabler-icons-filled.ttf?v3.31.0") format("truetype");
}
*/
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: "narkiss"; /*"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;*/
    font-size: 1em;
}

h6 {
    font-size: .6em;
}

h5 {
    font-size: .8em;
}

h4 {
    font-size: 1em;
}

h3 {
    font-size: 1.2em;
}

h2 {
    font-size: 1.4em;
}

h1 {
    font-size: 1.6em;
}

dl > dt {
    font-weight: bold;
}

label.required::after {
    content: ' *';
    color: #e00;
}

figure.bottomcaption {
    margin: 0;
    border: 1px solid silver;
    position: relative;
}
figure.bottomcaption > figcaption {
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    height: 3em;
    overflow: hidden;
    padding: 3px;
    font-size: .7em;
}
    figure.bottomcaption > figcaption a {
        color: white;
    }

figcaption.small{
    font-size:70%;
    color:#333;
}

menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
menu > li > a, menu > li > button { cursor:pointer; }
menu.vertical > li { margin:0; padding:.5em; }
menu.vertical > li { border-bottom:1px solid silver; }

.ti {
    font-family: "tabler-icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 110%;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ti-icon {
    font-size: 2em;
}

.ti-icon-red-round {
    background-color: var(--primary);
    color: white;
    border-radius: 50%;
    font-size: 2em;
    padding: .2em;
}

span.tooltip {
    position: absolute;
    background-color: var(--dark-gray);
    color: white;
    padding: .2em .4em;
    opacity: 1;
    transition: opacity .3s linear;
}

div.panel {
    padding: 1em;
    margin: 1em;
    background-color: var(--lighter-gray);
    border: solid 1px var(--dark-gray);
}
div.panel h2 { border-bottom:1px solid var(--gray); }

div.dropdown { position: relative; display: inline-block; }
div.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    border-radius:.5em;
}
div.dropdown:hover .dropdown-content { display: block; }
body.SitePage {
    background: white;
    color: black;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
}

.pageContainer {
    max-width: var(--page-width);
    margin: 0 auto;
}

.sectionPadding {
    padding: 2em 0;
}

body.mce-content-body {
    direction: rtl;
    background: white;
    font-size: 12px;
    word-wrap: break-word;
    /*font-family:Arial !important;*/
}

    body.mce-content-body th, body.mce-content-body td {
        font-family: inherit !important;
        font-size: inherit;
    }

    body.mce-content-body ul, body.mce-content-body ol, body.mce-content-body li {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    body.mce-content-body p {
        margin-top: 7px;
        margin-bottom: 7px;
    }

body.mce-content-body-court {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12pt;
    font-family: David;
    line-height: 23px;
}

li {
    margin-top: 2px;
    margin-bottom: 2px;
}

ul, ol {
    margin-top: 5px;
    margin-bottom: 5px;
}

p {
    margin-top: 12px;
    margin-bottom: 12px;
}

a {
    color: #303030;
    text-decoration: none;
}

    a img {
        border: none;
    }

a.disabled {
    pointer-events: none;
    cursor: default;
}

img.block {
    border:1px solid var(--lighter-gray);
    display: block;
    text-align: center;
}
.FullWidth {
    width: 100%;
}
.Highlight {
    color: #cc0814;
}

.Halftone {
    color: #8f8f8f;
}

.columns {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.mobileWrap { /*flex-wrap: wrap;*/
}

.mobileRows { /*flex-direction:column;*/
}

.columnsList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    column-gap: 1em;
    max-height: 20em;
    line-height: 1.5;
}

.autofit {
    width: fit-content;
}

.Button, .ButtonHighlight, .ButtonWhite, .ButtonSilver {
    background-color: Black;
    color: White;
    border: none;
    font-size: 17px;
    padding: 4px;
    text-align: center;
    min-width: 50px;
    cursor: pointer;
}

.ButtonHighlight {
    background-color: #cc0814;
}

.ButtonWhite {
    background-color: white;
    color: #cc0814;
}
.ButtonSilver {
    border: 1px solid #c0c0c0;
    background-color: #f0f0f0;
    color: #303030;
}
.ButtonPrimary {
    background-color: var(--primary);
    color: white;
    border: none;
    padding: .5em;
    font-weight: bold;
}

a.ButtonListPlus, a.ButtonListMinus {
    display: inline-block;
    background-color: #c0c0c0;
    border: 1px solid #c8c8c8;
    width: 22px;
    height: 22px;
    color: White;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
}

    a.ButtonListPlus:HOVER, a.ButtonListMinus:HOVER {
        color: #e0e0e0;
    }

button.linkButton {
    background: none;
    background-color: none;
    border: none;
    display:inline;
    padding:0;
    cursor:pointer;
}

div.ActionNotify_Error {
    display: block;
    background-color: #eecccc;
    border: 1px solid #eebbbb;
    padding: 8px;
    margin-bottom: 8px;
    color: black;
    font-weight: bold;
}

div.ActionNotify_Information {
    display: block;
    background-color: #cceecc;
    border: 1px solid #bbeebb;
    padding: 8px;
    margin-bottom: 8px;
    color: black;
    font-weight: bold;
}

.singleLineForm {
    background-color: white;
    border: 1px solid var(--light-gray);
    border-radius: 1.5em;
    color: var(--gray);
    padding: 0 .3em;
    align-items: center;
}

    .singleLineForm select, .singleLineForm input, .singleLineForm textarea, .singleLineForm button {
        border: none;
        background: none;
        margin: 0;
        margin-inline-start: .2em;
    }

    .singleLineForm.autofit > * {
        width: fit-content;
    }

    .singleLineForm.maxfit > input,
    .singleLineForm.maxfit > select,
    .singleLineForm.maxfit > textarea {
        width: 100%;
    }

/* HEADER
********************************************************************************************/
.siteLight {
    background-color: var(--light-gray);
}

.siteLighter {
    background-color: var(--lighter-gray);
}

.siteDark {
    background-color: var(--dark-gray);
    color: white;
}

    .siteDark a {
        color: white;
    }

.siteDarker {
    background-color: var(--darker-gray);
}

.siteDark a.selected {
    text-decoration-color: var(--primary);
    text-decoration: underline;
}

.color-dark {
    color: var(--dark-gray);
}

.color-darker {
    color: var(--darker-gray);
}

.color-primary {
    color: var(--primary);
}

.color-light {
    color: var(--light-gray);
}

.color-lighter {
    color: var(--lighter-gray);
}

search#topSearchBar {
    background-color: var(--lighter-gray);
    padding: 1em;
    border-radius: 1em;
    text-align: center;
    margin-bottom:1em;
}

    search#topSearchBar div.sbTitle {
        font-size: 1.8em;
        padding-block-end: .5em;
        font-weight: bold;
        color: var(--darker-gray);
    }

search#topSearchBar > ul {
    list-style: none;
    overflow-x: scroll;
    margin: 0;
    padding: .8em 0;
    white-space: nowrap;
    scrollbar-width: thin;
}

    search#topSearchBar > ul > li {
        display: inline-block;
        margin: 0 .3em;
        padding: .8em;
        background-color: white;
        border-radius: 2em;
        border: 1px solid var(--light-gray);
    }

        search#topSearchBar > ul > li > a {
            font-weight: bold;
            white-space: nowrap;
        }

        search#topSearchBar > ul > li:hover, search#topSearchBar > ul > li.selected {
            background-color: var(--primary);
        }

            search#topSearchBar > ul > li:hover > a, search#topSearchBar > ul > li.selected > a {
                color: white;
            }

div#TopUserButtonMenu {
    background-color: #c50f01;
    border: 1px solid #a50f01;
    border-radius: 8px;
    padding-bottom: 3px;
    width: 112px;
}

    div#TopUserButtonMenu a {
        display: block;
        font-size: 12px !important;
        font-weight: normal !important;
        color: White;
        padding: 2px 8px 2px 8px !important;
    }

        div#TopUserButtonMenu a:hover {
            background-color: #d51f11;
        }

table.topLinks {
    color: black;
    vertical-align: middle;
    height: 80px;
    border: 1px solid #c0c0c0;
    vertical-align: middle;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

    table.topLinks th, table.topLinks h1 {
        text-align: right;
        color: #c51000;
        font-size: 25px;
        width: 260px;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        padding-right: 10px;
        padding-left: 30px;
    }

    table.topLinks td a {
        color: black;
    }

#dvMenuMore div.sectitle {
    font-size: 110%;
    font-weight: bold;
}

#dvMenuMore hr {
    border: none;
    background-color: var(--primary);
    width: 2em;
    height: 2px;
    padding: 0;
    margin: .3em 0;
}

h1.PageTitle {
    background-color: var(--gray);
    color: white;
    font-size: 27px;
    font-weight: bold;
    padding-right: 10px;
    padding-bottom: 4px;
    border-top-left-radius: .4em;
    border-top-right-radius: .4em;
    margin: .5em 0;
}

div.mainContent {
    /*border:10px solid #221f1f;*/
}
aside.PageRight {
    width: 15em;
    padding-inline-end: 1em;
    border-inline-end: solid 1px var(--light-gray);
    position: sticky;
}
    aside.PageRight nav > h4 {
        color: var(--primary);
        margin: 0;
        padding: .5em 1em;
        background-color: var(--lighter-gray);
        border-bottom-left-radius: 1em;
    }

aside.PageRight nav > ul { list-style:none; padding-inline-start:1em; }
aside.PageRight nav > ul > li > a { font-weight:bold; }

div#AIBanner { }
div#AIBanner form {
    max-width: 50em;
    margin: auto;
    display: flex;
    padding: .5em;
}
div#AIBanner.AIBannerFloat {
    cursor:pointer;
    width: 28em;
    position: fixed;
    left: -23em;
    bottom: 1em;
    border-radius: 1em;
    z-index: 1000;
}
div#AIBanner.AIBannerFloat form { display:none; }

div.siteQuestion {
    width: 40em;
    min-height: 18em;
    margin: .5em auto;
    padding: 1em;
    border-radius: 1.5em;
}

.dvHomeArea {
    transition: max-height .5s ease-in-out;
    max-height: 3em;
    overflow-y: hidden;
    border-block-end: 1px solid var(--light-gray);
    display: flex;
    margin-bottom: .3em;
}

    .dvHomeArea a.areaTitle {
        font-weight: bold;
        font-size: 110%;
        display: block;
    }

    .dvHomeArea.expended {
        max-height: 20em;
    }

a.ti-bigMediaIcon {
    border-radius: 50%;
    padding: .3em;
    border: 2px solid white;
    font-size: 2em;
    margin-inline-start: .5em;
}

nav.breadcrumb { margin: .2em 0; color: #b1b1b1; display:flex; }
nav.breadcrumb > ol { list-style:none; margin:0; padding:0; display:flex; padding-inline-start:.5em; }
nav.breadcrumb > ol > li { margin:0; padding:0; }
nav.breadcrumb > ol > li::after { content: '>>'; padding-inline:.5em; }
nav.breadcrumb > ol > li:last-child::after { content: unset; }
nav.breadcrumb > ol > li > a { color: #b1b1b1; }
nav.breadcrumb > ol > li > a:hover { color: black; }

ol.pager {
    list-style: none;
    display: flex;
    align-items: center;
    padding: .3em;
    font-size: 120%;
    column-gap: 1em;
    width: fit-content;
    margin-inline: auto;
}

    ol.pager > li > a {
        margin-inline: .2em;
    }

    ol.pager li.selected {
        color: #cb0711;
        font-weight: bold;
    }

#dvPKAccessibility {
    background-color: #eeeeee;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0px;
    border-bottom: 6px solid #d01408;
    font-family: Arial;
    font-weight: bold;
}

    #dvPKAccessibility #accContent {
        margin-left: auto;
        margin-right: auto;
        width: var(--page-width);
        text-align: right;
        vertical-align: middle;
        font-size: 14px;
    }

    #dvPKAccessibility .accItem {
        display: inline-block;
        padding: 4px;
        color: black;
    }

    #dvPKAccessibility INPUT[type=button] {
        display: inline-block;
        background-color: #d01408;
        margin: 4px;
        padding: 0px;
        border: 0 solid;
        border-radius: 2px;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        line-height: 12px;
        color: white;
        width: 15px;
        height: 15px;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        #dvPKAccessibility INPUT[type=button].checked {
            background-color: #d01408;
        }

dialog.formBorder { padding:0; }
dialog > header.dialogHeader {
    display: flex;
    align-items: baseline;
    column-gap: 1em;
    border-bottom: 1px solid var(--gray);
    padding: 1em;
}

dialog > header.dialogHeader > h3 { margin:0; }
dialog > header.dialogHeader > button { background:none; border:none; }
dialog > .dialogBody { padding: 1em; }

/* Side Content
/********************************************************************************/
    div.dvSideBox {
        padding: 3px;
        background-color: #9a9a9a;
    }

    div.dvSideBox input, div.dvSideBox select {
        height: 24px;
    }

div.dvSideBoxHighLight {
    padding: 3px;
    background-color: #cb0711;
}

div.dvSideBoxTitle {
    font-size: 21px;
    border-bottom: 1px solid white;
    color: White;
    padding-bottom: 3px;
    text-align: center;
}

div.dvSideBoxContent {
    padding: 15px;
}

div.dvSideTitle {
    color: #cb0711;
    font-size: 22px;
    font-weight: bold;
    border: 1px solid #d1d1d1;
    padding: 3px;
    padding-right: 10px;
}
/*
div.dvSideArea
{
	font-family: Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI", Helvetica, Verdana, sans-serif;
	background-color:#cb0711;
	color:White;
	font-size:15px;
	border:1px solid #d1d1d1;
	border-top:none;
	padding:3px;
	padding-right:10px;
}

div.dvSideCity
{
	font-family: Arial, "Helvetica Neue", "Lucida Grande", "Segoe UI", Helvetica, Verdana, sans-serif;
	color:Black;
	border:1px solid #d1d1d1;
	font-size:13px;
	border-top:none;
	padding:2px;
	padding-right:10px;
	overflow:hidden;
	height:24px;
    line-height:20px;
    text-overflow:ellipsis;
}

div.dvSideCityMore
{
	color:#cb0711;
	border:1px solid #d1d1d1;
	border-top:none;
	padding:2px;
	padding-right:10px;
	height:24px;
	cursor:pointer;
    line-height:20px;
}
*/
/* Forms
/********************************************************************************/

.formView2Grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

div.UpdatePanelShadow {
    display: none;
    background-color: #303030;
    position: absolute;
    z-index: 100;
    opacity: 0.0;
}

div.formError span {
    padding: 0px 0px 8px 0px;
    color: #c50f01;
    font-size: 16px;
    display: block;
}

.formBorder {
    padding: 1em;
    background: var(--lighter-gray);
    border: 1px solid var(--gray);
    border-radius: 1em;
}
.formBorder > fieldset { padding:0; border:none; margin-bottom:2em; }
.formBorder > fieldset > summary { border-bottom:white; }

form.formParts { border-block:1px solid var(--gray); padding-block:.5em; margin-bottom:1em; }
form.formParts > fieldset { padding:1.5em; background: var(--lighter-gray); border-radius:1em; margin-block-end:1em; }
fieldset > legend { font-size:1.2em; font-weight:bold; margin:.2em .2em; padding:0; }
form > div.buttons { text-align:left; display:flex; justify-content: end; column-gap:1em; }
form.grid2 div.form-group { display:grid; grid-template-columns:15em 1fr 1fr; }

div.form-group { padding:.5em; }
div.form-group > input,
div.form-group > select,
div.form-group > textarea,
div.form-group > ol.input-list > li input { width: 100%; }
div.form-group > label { display:block; }

div.form-control > input,
div.form-control > select { width:auto; }
ol.input-list { list-style:none; padding:0; }
ol.input-list > li { display:flex; margin-bottom:.5em; column-gap:.3em; }
ol.input-list > li.template { display:none; }

div.validation-summary-errors { font-weight:normal; padding:0; padding-bottom: .5em; }
div.validation-summary-errors > ul { color:var(--primary); list-style:none; display:inline; padding-inline: .5em; }
div.validation-summary-errors > ul > li { display:inline; }
div.validation-summary-errors > ul > li::after { content:', '; }

.formView {
    padding: 10px;
    border-radius: 1em;
    background-color: var(--lighter-gray);
}

table.formView tr {
    height: 30px;
}

table.formView th {
    text-align: right;
}

.formView input, div.formView select, div.formView textarea {
    width: 80%;
}

    .formView input[type='checkbox'], .formView input[type='radio'] {
        width: 25px;
    }

input[type='checkbox'] + label {
    display: inline;
    order: 0;
}

.formView .Button {
    width: 100px;
}

h3.formViewTitle {
    border-bottom: 1px solid white;
    padding-bottom: 5px;
    margin: 0px;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

div.formButtons {
    text-align: left;
    padding: 10px;
}

div.StaticPage {
    border: 10px solid #cc0814;
    background-color: #e0e0e0;
    padding: 10px;
}

a.BackLink {
    display: block;
    margin: 14px;
    border: 1px solid #c0c0c0;
    background-color: #f0f0f0;
    color: #303030;
    padding: 4px;
    font-weight: bold;
    text-align: center;
}

/* List
/********************************************************************************/
table.listView th {
    text-align: right;
}

span.spListEmpty {
    display: block;
    background-color: #c0c0c0;
    text-align: right;
    text-align: center;
    width: 100%;
    padding: 5px;
    font-weight: bold;
    border: 1px solid #cc0814;
}

/* grid
/********************************************************************************/
table.gridView th {
    text-align: right;
}

table.gridView td {
    padding: 10px;
    border-right: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
}

    table.gridView td a.TopCat {
        font-weight: bold;
    }

table.gridView tr td:first-child {
    border-right: none;
}

table.gridView tr:first-child td {
    border-top: none;
}

/*SelectCategories
---------------------------------------------------------------------------------*/
span.SelectCategories {
    border: 1px solid #c0c0c0;
    width: 100%;
    min-height: 25px;
    cursor: pointer;
}

div.selectCategoryPopup {
    background-color: White;
    border: 1px solid #c0c0c0;
    padding: 5px;
    font-size: 10px;
    z-index: 200;
}

    div.selectCategoryPopup div {
        padding: 5px;
        float: right;
    }

    div.selectCategoryPopup input {
        width: 10px;
        height: 10px;
    }

div.selectCategoryPopupTree {
    height: 300px;
    font-size: 12px;
    overflow-y: scroll;
}

    div.selectCategoryPopupTree ul li {
        display: block;
    }

    div.selectCategoryPopupTree ul.Level_1 {
        padding-right: 0px;
        background-color: #f0f0f0;
        font-weight: bold;
    }

    div.selectCategoryPopupTree ul.Level_2 {
        padding-right: 18px;
        background-color: White;
        font-weight: bold;
    }

    div.selectCategoryPopupTree ul.Level_3 {
        padding-right: 30px;
        font-weight: normal;
    }

/* SiteViews
/********************************************************************************/

div.SideDictionaryBox {
    border: 1px solid #c0c0c0;
    border-top: none;
}

div.DictionaryItem {
    padding: 5px 7px 5px 7px;
    margin-top: 0px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #c0c0c0;
}

table.SideDictionaryBox div.DictionaryItem:last-child {
    border-bottom: none;
}

div.DictionaryItem h4.dvTitle {
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
ol.loginList { list-style:none; }
ol.loginList > li { padding:.5em; margin:.5em; min-height:3em; }
ol.loginList > li:nth-child(2n+1) { background-color:var(--lighter-gray); }
ol.loginList > li > a { color: var(--primary); }
ol.loginList > li > a:after { font-family: 'tabler-icons'; float: left; content: ''; color: black; font-weight:bold; }
ol.loginList > li > a:after:after { clear:both; }

ol.formsList {
    margin: 1em;
    font-weight: bold;
}

ol.formsList li.Highlight {
    color: White;
}

    ol.formsList li.Highlight a {
        color: White;
    }

table.CourtDocResult {
    width: 100%;
    background-color: White;
    margin: 5px auto 5px auto;
    padding: 5px;
}

    table.CourtDocResult table {
        margin: auto 0px auto 0px;
    }

    table.CourtDocResult td {
        vertical-align: top;
        padding: 3px;
    }

    table.CourtDocResult th {
        font-weight: bold;
        color: #c60814;
        text-align: right;
    }

    table.CourtDocResult .VerLine {
        background-image: url(../images/VLineDashed.png);
        background-repeat: repeat-y;
        background-position: left top;
    }

a.btn_DocView, a.btn_DocBuy {
    display: inline-block;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    width: 100px;
    border: none;
    color: White;
    margin: 5px;
    background-color: Black;
}

input.btn_DocBuy {
    color: Black;
    background-color: White;
}



a.ListTitleItem {
    color: Black;
    text-decoration: none;
    font-weight: bold;
    line-height: 20px;
}

h3.Section, h3.ActicleSection {
    margin-top: 0px;
    background-color: #ca0813;
    text-align: center;
    color: White;
    font-size: 24px;
}

h3.ActicleSection {
    text-align: right;
    padding-right: 4px;
    margin-bottom: 0px;
}

div.dvActicleSectionCategories {
    background: silver;
    color: White;
    padding: 5px;
    font-weight: bold;
}

    div.dvActicleSectionCategories A {
        color: White;
    }

form.frmSideContact {
    background-color: #d0d0d0;
    padding: 8px;
}
details.advAdrresses {
    border: 1px solid var(--light-gray);
    padding: .5em;
}
    details.advAdrresses > summary {
        color: var(--primary);
        font-weight: bold;
    }
dl.dlSideAddress { font-weight: bold; }

dl.dlSideAddress > dt { color: #c6070f; margin-top:.5em; }
dl.dlSideAddress > dd { margin-inline-start:1em; }

H2.h2Title {
    color: #000000;
    margin: 1px;
    font-weight: bold;
}

H2.h2Phone {
    color: #cc0814;
    margin: 1px;
    font-weight: bold;
}

    H2.h2Phone a {
        color: #cc0814;
    }

.ListNameTitle {
    color: #000000;
    margin: 1px;
    font-weight: bold;
    font-size: 16px;
}

.ListPhoneTitle {
    color: #cc0814;
    margin: 1px;
    font-weight: bold;
    font-size: 16px;
}

div.dvSideCatTitle {
    color: #cc0814;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

    div.dvSideCatTitle a {
        color: #cc0814;
        margin: 0px;
    }

div.dvSideCatList a {
    color: black;
    line-height: 20px;
    font-weight: bold;
}

    div.dvSideCatList a.selected {
        text-decoration: underline;
    }

h2.h2HomeCatTitle {
    margin: 2px;
    padding: 0px;
    font-size: 27px;
    font-weight: bold;
    color: #cc0814;
}

    h2.h2HomeCatTitle A {
        color: #cc0814;
    }

.SpanSubTitle {
    font-weight: normal;
    color: #929292;
    font-size: 14px;
}

A.HomeMoreArticlesInCategory {
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: bold;
    color: #cc0814;
}

div.HomeSectionMore {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 120%;
    font-weight: bold;
    margin-top: 1em;
}

span.spnHomeNewsOpinion {
    font-size: 16px;
    font-weight: bold;
    color: #cc0814;
}

div.HomeArticlesContainer {
    display: flex;
    align-items: stretch;
    column-gap: 1.8em;
}

article.HomeArticleBox {
    display: flex;
    flex-direction: column;
    justify-content: start;
    border: solid 1px var(--light-gray);
    border-radius: 1em;
    padding: .7em;
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.05);
    width: min-content;
}

a.HomeArticleLink {
    border: 1px solid var(--primary);
    padding: .5em 1.5em;
    border-radius: 2em;
    color: var(--primary);
    font-weight: bold;
    margin-right: auto;
    width: fit-content;
    display: block;
    margin-block-start: .5em;
}

article.HomeArticleBox > h3 {
    margin: 0;
}

article.HomeArticleBox > img {
    object-fit: cover;
    width: 292px;
    height: 175px;
    border-top-left-radius: .6em;
    border-top-right-radius: .6em;
    margin: -.4em;
    margin-bottom: -.2em;
}

article.HomeArticleBox > p {
    margin: 0;
    margin-top: .5em;
    padding-top: .5em;
    border-top: solid 1px var(--light-gray);
    flex: 1;
    line-height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

article.HomeOpinionBox {
    display: flex;
    flex-direction: column;
    padding: .25em;
    border: solid 1px var(--light-gray);
    width: min-content;
}

    article.HomeOpinionBox > a > h4 {
        background-color: var(--primary);
        border-radius: .2em;
        padding: .1em .5em;
        margin: 0;
        color: white;
        display: inline-block;
        font-size: .7em;
        font-weight: normal;
    }

    article.HomeOpinionBox > a > h3 {
        margin: .3em 0;
        font-size: 1em;
        font-weight: normal;
        max-height: 4em;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#HomeVideo {
    width: 616px;
    aspect-ratio: 16 / 9;
    border-radius: .4em;
}

.videoOnPage {
    height: 370px;
    aspect-ratio: 16/9;
}

div.HomeTVsContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: .5em;
}

article.HomeTVBox {
    width: min-content;
    position: relative;
    background-color: white;
    border: 1px solid var(--light-gray);
    padding: .7em;
    border-radius: .5em;
}

    article.HomeTVBox > a > div.playOverlay {
        display: flex;
        align-items: center;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(#FFFFFF00, #0D0D0D80, #000000);
    }

    article.HomeTVBox > a > h3 {
        display: block;
        left: 0;
        right: 0;
        bottom: .4em;
        position: absolute;
        font-size: 1em;
        color: white;
        text-align: center;
        margin: 0;
        padding: 0 .5em;
        max-height: 2.7em;
        overflow: hidden;
    }

    article.HomeTVBox > a > img {
        width: auto;
        height: max-content;
        aspect-ratio: 1;
    }

ul.HomeNews {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: stretch;
    column-gap: 1em;
}

    ul.HomeNews > li {
        min-width: 15.1em;
        padding: 0 .5em;
        border-inline-end: 2px solid var(--light-gray);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

div.dvContactUsForm {
    background-color: #aeaeae;
    color: White;
    padding: 15px 60px 15px 60px;
    padding-top: 15px;
    padding-top: 15px;
    margin-left: 30px;
    margin-right: 30px;
    line-height: 25px;
}

    div.dvContactUsForm input, div.dvContactUsForm textarea {
        width: 95%;
    }

h3.dvContactUsFormTitle {
    color: White;
}

div.dvContactUsForm input.SendButton {
    border: none;
    color: White;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    background-color: #cc0814;
}

.zebra > *:nth-child(2n) { background-color: var(--gray); }
.zebra > *:nth-child(2n+1) { background-color: var(--light-gray); }
/* .seperateLines > *:not(:last-child):after { content: '<hr>'; } */

article.AdvertisersListItem {
    display: flex;
    column-gap: 15px;
    margin-block: .5em;
    border-bottom: 1px solid #e7e7e7;
}

    article.AdvertisersListItem > a.AdvertisersListContent {
        flex: 1;
    }

div.documentListContainer {
    background-color: #b2b1ea;
    margin: 1em 0;
    padding: 1em;
}
div.documentList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    gap: 1em;
    margin: 0 auto;
}

div.documentList > figure.bottomcaption {
    width: min-content;
    border: 1em solid white;
}
/* SlideList
-----------------------------------------------------------------*/

details.slideItem {
    padding: 10px;
    margin-bottom: 1em;
    transition: height .5s;
}

details.slideItem > summary {
    cursor: pointer;
    font-size: 105%;
    list-style:none;
}
details.slideItem > summary > span.title {
    color: var(--primary);
    font-weight: bold;
}
    details.slideItem > summary > span.category {
        float: left;
        width: 80px;
        font-weight: bold;
        text-align: center;
        background-color: White;
        color: Black;
    }
    details.slideItem > summary > span.category::after{ clear:both; }
details.slideItem > summary > div.subtitle {
    color:White;font-size:90%;
}
details.slideItem > summary > div.subtitleDark {
    color:black;font-size:90%;
}
/* Content
------------------------------------------------------------------------*/
div.dvArticleData {
    font-family: Arial;
    font-size: 14px;
    padding: 5px;
    word-wrap: break-word;
}

    div.dvArticleData a {
        color: #4444FF;
    }

        div.dvArticleData a:hover {
            text-decoration: underline;
        }

div.dvArticleImage {
    margin-right: 15px;
    margin-bottom: 10px;
    width: 300px;
    float: left;
}
/* BottomOverlay
------------------------------------------------------------------------*/

div.dvOverlayBlock {
    position: relative;
    height: 43px;
    top: -43px;
    margin-bottom: -43px;
    background-color: Black;
    z-index: 1;
    opacity: 0.4;
}

div.dvOverlayContent {
    padding: 4px;
    padding-top: 2px;
    vertical-align: top;
    position: relative;
    height: 40px;
    top: -40px;
    margin-bottom: -41px;
    font-size: 13px;
    line-height: 18px;
    cursor: pointer;
    overflow: hidden;
    z-index: 2;
    color: white;
}

/* Image List Views
------------------------------------------------------------------------*/
table.dvAdvList td {
    height: 135px;
    display: inline-block;
}

div.dvAdvListItem {
    width: 120px;
    height: 127px;
    display: inline-block;
}

/* ContentSlider
------------------------------------------------------------------------*/
div.contentSlider {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    column-gap: .5em;
}

    div.contentSlider > hgroup, hgroup.singleLine {
        display: flex;
        column-gap: 1em;
        flex-wrap: wrap;
        align-items: baseline;
        margin: .5em 0;
    }

        div.contentSlider > hgroup > *, hgroup.singleLine > * {
            margin: 0;
            padding: 0;
        }

div.contentSliderNav {
    display: flex;
    column-gap: .5em;
}

    div.contentSliderNav > button.ti {
        font-size: 1.2em;
        color: var(--dark-gray);
        cursor: pointer;
        background-color: var(--lighter-gray);
        border: none;
        border-radius: 50%;
        padding: .3em;
        margin: 0;
    }

        div.contentSliderNav > button.ti:hover {
            background-color: var(--primary-light);
        }

/* BoxSlider
------------------------------------------------------------------------*/
div.BoxSlider {
    margin: 0;
    padding: 0;
    background-color: #d0d0d0;
    width: 100%;
    height: 300px;
}

div.BoxSliderNumbering {
    float: left;
    position: relative;
    margin-top: 20px;
    margin-left: 20px;
}

    div.BoxSliderNumbering span {
        color: Black;
        font-weight: bold;
        background-image: url(../images/WhiteCircle.png);
        text-align: center;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        padding-top: 1px;
        display: inline-block;
        cursor: pointer;
    }

        div.BoxSliderNumbering span.SelectedSlide {
            background-image: url(../images/SilverCircle.png);
        }

div.BoxSlider div.BoxSliderArrowNext {
    position: relative;
    float: left;
    top: 28%;
    left: 15px;
    cursor: pointer;
}

div.BoxSlider div.BoxSliderArrowPrev {
    position: relative;
    float: right;
    top: 28%;
    right: 15px;
    cursor: pointer;
}

div.BoxSliderItem {
    display: none;
    position: absolute;
}

    div.BoxSliderItem div.BoxSliderItemTitle {
        cursor: pointer;
        position: absolute;
        width: 100%;
        height: 75px;
        bottom: 3px;
        /*top:225px;*/
        z-index: 2;
    }

        div.BoxSliderItem div.BoxSliderItemTitle div.TitleData {
            padding-left: 8px;
            padding-right: 8px;
            color: White;
        }

            div.BoxSliderItem div.BoxSliderItemTitle div.TitleData .dvTitle {
                color: white;
            }

            div.BoxSliderItem div.BoxSliderItemTitle div.TitleData .dvSubTitle {
                font-size: 12px;
                color: white;
                font-weight: normal;
            }


        div.BoxSliderItem div.BoxSliderItemTitle div.BGDiv {
            background-color: Black;
            position: absolute;
            opacity: 0.4;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

    div.BoxSliderItem div.BoxSliderItemControl {
        width: 100%;
        position: relative;
        top: 0;
        padding: 0;
    }


    div.BoxSliderItem .dvTitle {
        color: #c50f01;
        font-size: 16px;
        font-weight: bold;
    }

    div.BoxSliderItem .dvSubTitle {
        color: #c50f01;
        font-size: 16px;
        font-weight: bold;
    }


tbody.SlideGroupRepeater {
    display: none;
    position: absolute;
}

/* Comments
---------------------------------------------------------------------------*/
button.AddCommentButton {
    margin: 4px 0px 4px 0px;
    padding: 4px;
    background-color: #c50f01;
    color: White;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

div.Comment {
    padding-top: 5px;
    padding-bottom: 5px;
}

    div.Comment h3.CommentsTitle {
        background-color: #939393;
        color: White;
        padding: 5px;
        margin: 3px 0px 3px 0px;
    }

ol.comments { padding-block: .5em; padding-inline-start: 2em; }
ol.comments > li { margin-block-end:.5em; padding-inline-start: 1em; }
ol.comments > li::marker { color: #c50f01; font-size: 18px; font-weight:bold; padding-inline-end:1em; }
ol.comments > li > h4.CommentTitle {
    font-size: 15px;
    border-bottom: 1px solid #808080;
    margin-top: 0px;
    margin-bottom: 2px;
}

/* Forum
---------------------------------------------------------------------------*/
div.ForumForm {
    padding-left: 0px;
    padding-right: 0px;
}

    div.ForumForm input, div.ForumForm textarea {
        border: 1px solid #bfbfbf;
    }

span.FieldExp {
    color: #bfbfbf;
}

.ForumHeader {
    background: #ebebeb;
    height: 28px;
    font-size: 14px;
}

    .ForumHeader TH {
        font-weight: normal;
    }

.ForumHeaderAuthor {
    color: #686868;
}

.ForumExpandImage {
    background-image: url(../Images/ForumExpand.png);
}

.ForumHeaderHighlight {
    background: #d01408;
    color: white;
}

    .ForumHeaderHighlight .ForumHeaderAuthor {
        color: #e9c6da;
    }

    .ForumHeaderHighlight .ForumExpandImage {
        background-image: url(../Images/ForumCollapse.png);
    }

/* Calculators
---------------------------------------------------------------------------*/
ul.calculatoresLinks {
    padding: 9px;
    list-style:none;
    display:flex;
    margin:0;
}

ul.calculatoresLinks > li > a {
    cursor: pointer;
    font-weight: bold;
    color: white;
    display: inline-block;
    background-color: #f20a0a;
    border-radius: 5px 5px;
    padding: 15px;
    margin: 4px;
}

/* CourtTitleInfo
---------------------------------------------------------------------------*/
table.tblCourtInfoTitle {
    font-size: 14px;
    font-weight: bold;
}

    table.tblCourtInfoTitle th {
        color: #c50f01;
    }


/* SortableRepeater
---------------------------------------------------------------------------*/
ul.SortableRepeater {
    list-style-type: none;
    margin: 0px;
    padding: 0;
}

    ul.SortableRepeater li {
        display: block;
        margin: 0px;
        padding: 0.2em;
        padding-left: 0.4em;
        padding-right: 1.5em;
        border: 1px dashed #c0c0c0;
        border-top: none;
    }

        ul.SortableRepeater li span.dragImage {
            display: inline-block;
            margin-right: -1.3em;
        }


/* SlidePagerVertical
---------------------------------------------------------------------------*/
div.SlidePagerVertical {
    white-space: nowrap;
}

div.SlidePagerVertical_Content {
    display: inline-block;
    width: 92%;
}

div.SlidePagerVertical_Prev {
    float: right;
    height: 137px;
    width: 40px;
    background-image: url(../images/ArrowRight.png);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    background-color: white;
    color: White;
    cursor: pointer;
}

div.SlidePagerVertical_Next {
    float: left;
    height: 137px;
    width: 40px;
    background-image: url(../images/ArrowLeft.png);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    background-color: white;
    color: White;
    cursor: pointer;
}


/*mage Cpation Overlay*/
div.ImageCaptionOverlay {
    font-size: 11px;
    position: relative;
    margin: 0 0;
    padding: 0 0;
    top: -20px;
    padding-right: 5px;
    padding-left: 5px;
    width: 192px;
    height: 16px;
    margin-bottom: -16px;
    color: black;
    font-weight: normal;
    background-color: #e0e0e0;
    opacity: 0.4;
    text-align: center;
    line-height: 16px;
    overflow: hidden;
}
/********************************marquee************************************/
div.marquee {
    padding: 7px;
    min-height: 30px;
    line-height: 15px;
    background-color: #d1d1d1;
}

    div.marquee p {
        display: none;
        margin: 0;
        padding: 0;
    }