BODY
{
	font-family:Sans-Serif;
	font-style:normal;
	font-weight:normal;
	font-size:medium;
	color:Black;
	background-color:#262626;
	background-image:none;
	text-decoration:none;
	vertical-align:baseline;
	text-align:left;
	text-indent:0;
	line-height:normal;
	line-height:1.3;
	letter-spacing:0.1em;
	word-spacing:0.1em;
	margin:0px 4px;
}

H1 { color: Black; font-size: larger; font-weight: bold; letter-spacing: 0.1em; text-align:center; }
H2 { color: Black; font-size: larger; font-weight: bold; letter-spacing: 0.3em; text-align:center; }
H3 { color: Black; font-size: larger; font-weight: bold; letter-spacing: 0.3em; text-align:center; }
H4 { color: Black; font-size: larger; font-weight: bold; letter-spacing: 0.3em; text-align:center; }
H5 { color: Black; font-size:x-large; font-weight: bold; letter-spacing: 0.7em; text-align:center; }

A                    { color:#004000; text-decoration:underline; }
A:link               { color:#004000; }
A:visited            { color:#004000; }
A:active             { color:#004000; }
A:hover              { color:#004000; text-decoration:underline; }

A.menu               { color:#fffff0; text-decoration:none; display:block;}
A.menu:link          { color:#fffff0; }
A.menu:visited       { color:#fffff0; }
A.menu:active        { color:#fffff0; }
A.menu:hover         { color:#fffff0; text-decoration:underline; }
A.menuactive         { color:#ffff00; text-decoration:none; }
A.menuactive:link    { color:#ffff00; }
A.menuactive:visited { color:#ffff00; }
A.menuactive:active  { color:#ffff00; }
A.menuactive:hover   { color:#ffff00; text-decoration:underline; }

TABLE        { border-collapse:collapse; }

TABLE.center { border-collapse:collapse; margin:25px 25px 0px 0px; text-align:center; width:100%; }

P.counter    { color:#fff0f0; font-size:smaller; text-align:center; }

DIV.title
{
	background: linear-gradient(0deg, rgba(0,93,193,1) 0%, rgba(0,123,255,1) 100%);
	background-position:top center;
	border: 0px solid;
	border-radius: 5px 5px 0px 0px;
	color:#ffffff;
	padding-bottom: 1px;
	padding-top: 1px;
}

P.title  { font-size:x-large; font-weight:bold; letter-spacing: 0.3em; text-align:center; }
P.date   { font-weight: bold; letter-spacing: 0.3em; text-align: center; }

DIV.courthouses {
    height:96px;
    width:100%;
    overflow-x: hidden;
}

.tooltip {
    position: relative;
    cursor: pointer;
}

.tooltip-text {
    position: absolute;
    right: 6px;
    bottom: 6px;
    display:none;
    border-radius: 5px;
    background-color: rgba(51, 51, 51, 0.7);
    color:#fff;
    font-size: 1rem;
    padding:3px;
}

.tooltip:hover .tooltip-text {
    cursor: pointer;
    display: inline-block
}

DIV.courthouses > DIV {
    /* color:#fffff0; */
    /* background-color:#262626; */
    /* --bannerState: paused; */
    background-image:url(/images/courthouses.jpg);
    background-position:top right;
    background-repeat:repeat-x;
    background-clip: content-box;
    /* border-radius: 5px; */
    height:100%;
    width:300%;
    overflow-x: hidden;
	-webkit-animation: bannermove var(--bannerDur) linear 100ms infinite; /* Browser support */
	-moz-animation: bannermove var(--bannerDur) linear 100ms infinite;
	-o-animation: bannermove var(--bannerDur) linear 100ms infinite;
    animation: bannermove var(--bannerDur) linear 10ms infinite; /* Uses JS to set constant scroll speed. banner.pxPerSec determines rate */
    animation-play-state: var(--bannerState);
    box-sizing: border-box;
}
@keyframes bannermove {
    0% {
        transform:translateX(0%);
    }

    100% {
        transform:translateX(calc(-1 * var(--bannerAnimWidth)));
    }
}

/* Frame.asp Navigation section */
DIV.menu {
	background-color:#dc3545;
	border-radius: 5px;
	margin: 0 2px;
	color:#fff;
}
P.menu   { background-color:#dc3545; color:#fffff0; font-size:medium; margin: 0px 0px 5px 10px; text-decoration:none; text-indent:-10px;}
P.menui  {background-color:#dc3545; margin: 0px 0px 5px 20px; text-decoration:none; text-indent:-10px;}
TD.menu  {
	background-color:#dc3545;
	border-radius:0px 0px 0px 5px;
	vertical-align:top;
	width:225px;
}
.navMenu {
	list-style-type: none!important;
	margin: 0px;
	padding-left: 0px;
	margin:0px 0px;
}
li.menu, li.menui {
	border-bottom: 1px solid #ffffff4b;
	padding:2px 0;
}
li.menui {
	border-left:1px solid #ffffff4b;
	border-right:1px solid #ffffff4b;
	background-color: #0000001c;
	padding-left: 10px;
}
li.menu > a:not(.menuactive):hover, li.menui > a:not(.menuactive):hover {
	/* color:#ffffffcc; */
	text-decoration:underline;
}

/* new nav */
.link {
    display:block;
}
.listContainer {
	background-color: #eee;
	box-shadow: 0 0 5px #555;
	padding: 0px;
	margin: 0px;
	border-radius: 5px 5px 0 0;
}
.listHeader {
	margin: 0px;
	padding: 3px;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
}
div#navMenu ul {
	list-style: none;
	margin-top: 0;
	padding-left: 0;
}
div#navMenu li {
	border-top: 1px solid rgba(255,255,255,0.3);
}
div#navMenu li a {
	color: #fff;
	text-decoration: none;
	padding: 2px;
}
div#navMenu li.listItem:not(.subMenu):hover,
div#navMenu li.listItem:not(.subMenu):focus,
div#navMenu div.listItem:hover,
div#navMenu div.listItem:focus {
	background-color: rgba(0,0,0,0.1);
}
.inline_block {
	display: inline-block;
}
.folderList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.subMenu {
	flex: 0 1 33%;
	box-sizing: border-box;
	border: 0px solid #000;
	margin-bottom: 5px;
}
.subMenu ::-webkit-scrollbar {
	width: 0;
}
.subMenuHeader {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.subMenuHeader:hover,
.subMenuHeader:focus {
	cursor:pointer;
}
.subMenuHeader > * {
	flex: 0 0 auto!important;
	margin: 5px;
}
.subMenuHeader > h1 {
	text-align: left;
	flex: 1 1 auto!important;
}
.subMenuHeader > span {
	font-size: 0.8rem;
	color: #333;
}
.subMenuList {
	padding: 0 5px!important;
	margin-bottom: 0;
	transition: max-height 0.5s ease-in-out;
	max-height: 0;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px inset;
	/* background-color: rgba(0, 0, 0, 0.08); */
}
.listItem {
	margin: 0 0;
}
#navMenu .listItem {
	font-weight: bold;
}
.arrow {
	flex: 0 1 5%;
	width: 24px;
	height: 24px;
	transition: transform 0.5s ease-in-out;
	transform-origin: center center;
}
.invertY {
	transform: scaleY(-1);
}
.visible_dropDown {
	max-height: 2000px!important;
	overflow-y: auto;
}
.currentPage {
	text-decoration: underline 1px solid;
}
/* end of new nav */


MARQUEE.menu
{
	color:#f0f000;
	height:150px;
	border-width:thick;
	border-style:outset;
	border-color:#fffff0;
	margin: 0px 5px 0px 0px;
}

DIV.content   { background-color:#fefefe; margin:25px; }
TD.content    { border: 0px solid; border-radius: 0px 0px 5px 0px; background-color:#fefefe; color:black; vertical-align:top; width:auto; }

DIV.center    { text-align: center; }
DIV.spacer    { padding-top:8px; }

p.information { color:#005a66; font-size: large; font-weight: bold; margin-left: 15%; margin-right: 15%; text-align: center; }
P.welcome     { font-size:large; font-weight:bold; letter-spacing: 0.2em; text-align:center; }

DIV.item
{
	background-color:#f0e0d0;
	margin-left:15%;
	margin-right:15%;
	border: 0px;
	border-radius: 5px 5px 5px 5px;
	box-shadow:10px 10px #e0d0c0;
}

P.itemhead
{
	height:20px;
	vertical-align:text-bottom;
	margin-bottom:-10px;
	margin-left:20px;
	margin-right:20px;
	text-indent:10px;
	background-color:#007bff;
	color:white;
	font-weight:bold;
	text-align:left;
	letter-spacing: 0.5em;
	border-radius: 2px;
}

UL.item       { list-style-image:url(/images/star_blue.png); margin-left: 20px; }
UL.item_NotIE { list-style-image:url(/images/star_blue.png); margin-left:-12px; }

LI.item       { color:#004e66; padding-left: 5px; }
LI.item_NotIE { color:#004e66; padding-left: 5px; }

A.item           { color:Black; text-decoration:none; }
A.item:link      { color:Black; text-decoration:none; }
A.item:visited   { color:Black; }
A.item:active    { color:Black; }
A.item:hover     { color:#003300; text-decoration:underline; }

TD.element       { font-size:medium; text-align: left; vertical-align: top; }

P.event        { margin-top:8px; padding-top:0px; }
UL.event       { margin:0px 0px 0px 0px; }
LI.event       { margin:0px 0px 0px 0px; }

P.departments  { line-height:0.8; text-align:center; }

P.pressrelease { margin-left:32px; margin-right:32px; text-indent:-32px; }

DIV.newcontect
{
	margin-left:32px;
	margin-right:32px;
	margin-top:32px;
}

P.alert
{
	color:Red;
	font-size:larger;
	font-weight:bolder;
}

P.center     { text-align: center; }
P.textl      { margin:0px 5px 0px 5px; text-align:left; }
P.textr      { margin:0px 5px 0px 5px; text-align:right; }
P.texti      { margin:0px 5px 0px 5px; text-align:left; text-indent:15px; }
P.texthi     { margin:0px 15px 0px 5px; text-align:left; text-indent:-15px; }
P.text       { margin:0px 5px 0px 5px; text-align:left; }
p.textlt     { margin:0px 5px 0px 5px; text-align:left; }
p.textct     { margin:0px 5px 0px 5px; text-align:center; }
p.textctnm   { margin:0px 0px 0px 0px; text-align:center; }
p.textrt     { margin:0px 5px 0px 5px; text-align:right; }

LI.text      { text-align:left; }

P.big        { color:Black; font-size:175%; font-weight:normal; text-align:left; }

P.indent     { margin-left:15px; margin-right:15px; }

P.indentbig  { margin-left:50px; }

DIV.word     { margin:0px 25px 0px 25px; }

DIV.MsoNormal              { font-family:"Times New Roman","serif"; font-size:12.0pt; margin:0in; margin-bottom:.0001pt; }
LI.MsoNormal               { font-family:"Times New Roman","serif"; font-size:12.0pt; margin:0in; margin-bottom:.0001pt; }
P.MsoNormal                { font-family:"Times New Roman","serif"; font-size:12.0pt; margin:0in; margin-bottom:.0001pt; }
SPAN.MsoHyperlink          { color:blue; text-decoration:underline; }
SPAN.MsoHyperlinkFollowed  { color:purple; text-decoration:underline; }

DIV.mail      { margin:50px 15px 15px 15px; text-align:left; }
TABLE.mail    { border-collapse:collapse; width:75%; }
TD.mail       { border-color:#e0e0e0; border-style:inset; vertical-align:top; }

p.complaint     { margin: 0px 5px 0px 5px; text-align:left; }
TABLE.complaint { border:thin solid black; margin:5px 0px 0px 0px; text-align:center; width:100%; }
TD.complaint    { border:thin solid black; vertical-align:top; width:50%; }

P.check     { margin:0px 0px 0px 50px; text-align:left; text-indent:-25px; }

DIV.historical { color:#004000; margin:50px 15px 15px 15px; }

INPUT.hide { display:none; }

TABLE.photos { border-collapse:collapse; border-style:none; }
TD.photos    { padding:20px 20px 20px 20px; }

IMG.pic { border-color:#e0e0e0; border-style:outset; border-width:3px; box-shadow:5px 5px #b0c0b0; }

INPUT.button
{
	color:#006600;
	font-size:medium;
	text-decoration:underline;
	cursor:pointer;
	cursor:hand;
	margin:0px 5px 0px 5px;
	background:none;
	border:0px;
}

INPUT[type=submit].sendto
{
    color: #004000;
	background-color: #fefefe;
	border: none;
	text-decoration: underline;
	cursor: pointer;
	font-size:medium;
}

TD.bar     { background-color:#006600; width:1px; }
TD.links   { font-size:smaller; vertical-align:top; width:170px; }

TABLE.boxes { width:100%; }
TD.boxes    { border:1px; border-color:#006600; border-style:solid; padding:10px 10px 10px 10px; vertical-align:top; width:50%; }
TD.boxesnp  { border:1px; border-color:#006600; border-style:solid; padding: 0px 0px 0px 0px; vertical-align:top; width:100%; }
TD.boxesb   { border-bottom:1px; border-left:0px; border-right:0px; border-top:0px; border-color:#006600; border-style:solid; padding:10px 10px 10px 10px; vertical-align:top; width:100%; }
TD.boxesp   { padding:10px 10px 10px 10px; vertical-align:top; width:100%; }

P.cah1   { color:#231D8D; font-size:18.0pt; font-family:"Verdana","sans-serif"; font-weight:bold; line-height:normal; margin-bottom:14.0pt; }
P.cah2   { font-size:16.0pt; font-family:"Verdana","sans-serif"; font-weight:bold; line-height:normal; margin-bottom:16.0pt; }
P.cah3   { color:#842600; font-size:16.0pt; font-family:"Verdana","sans-serif"; line-height:normal; margin-bottom:16.0pt; }
P.calink { color:blue; font-size:16.0pt; font-family:"Verdana","sans-serif"; text-align:center; line-height:normal; margin-bottom:16.0pt; }

P.cabullet { line-height:normal; margin-bottom:0pt; margin-left:20pt; margin-top:0pt; font-size:16.0pt; font-family:"Verdana","sans-serif"; text-indent:-20px; }
P.catext   { line-height:normal; margin-bottom:16.0pt; font-size:16.0pt; font-family:"Verdana","sans-serif"; text-align:left; }
P.catextc  { font-size:16.0pt; font-family:"Verdana","sans-serif"; line-height:normal; margin-bottom:16.0pt; text-align:center; }
P.catextl  { font-size:10.0pt; font-family:"Verdana","sans-serif"; margin:0px 5px 0px 5px; text-align:left; }
P.catextr  { font-size:10.0pt; font-family:"Verdana","sans-serif"; margin:0px 5px 0px 5px; text-align:right; }
P.catextct { font-size:10.0pt; font-family:"Verdana","sans-serif"; margin:0px 5px 0px 5px; text-align:center; }

TABLE.catable { background:silver; border:thin solid black; width:100.0%; }

TD.catd       { border-style:inset; }

P.job      { font-size: larger; font-weight: bold; letter-spacing: 0.3em; text-align:center; }

OL.ap      { margin: 0px 0px 15px 0px; }
P.ap       { margin: 0px 0px 0px 0px; } 
TD.ap      { border-color:#e0e0e0; border-style:inset; vertical-align:top; width:50%; }

P.api      { margin: 0px 0px 15px 20px; text-indent:-20px; }
TD.api     { text-align:center; vertical-align:middle; }

TD.apl     { min-width:220px; vertical-align:middle; width:220px; }

DIV.juror  {font-family:"Times New Roman", "serif"; }

TD.jurorsmall { width:25%; margin:0px; padding:0px; }
TD.juror { width:50%; margin:0px; padding:0px; }
P.juror { margin:0px; text-align:justify; }
P.jurorHead { margin:5px 0px 5px 0px; font-size:x-large; font-weight: bold; letter-spacing: 0.1em; text-align:center; }
P.jurorSmall { text-align: justify; font-size:small; font-style:italic; margin:0px; padding:0px;}
P.jurorSection { margin:5px 0px 0px 0px; font-size:larger; font-weight: bold; letter-spacing: 0.1em;}
OL.juror { margin:0px; }
LI.juror { margin-left:25px; padding-left:50px; text-indent: -25px;}

.btn      { border: 1px solid transparent; border-radius: 3px; font-weight: bold; text-decoration: none; }
.btnc     { text-align: center; }
.btnl     { text-align: left; }
.btnr     { text-align: right; }
.btn-pri  { background-color: #007bff; border-color: #007bff; color: #fff; }
.btn-red  { background-color: #dc3545; border-color: #dc3545; color: #fff; }


.h1_tiles {
	color:white;
	background: linear-gradient(0deg, rgba(0,93,193,1) 0%, rgba(0,123,255,1) 35%, rgba(61,155,255,1) 100%);
	margin:0 -2px;
	padding:1em 0;
}
  
.flex { display:flex; flex-wrap: wrap; }
.flex_stretch { align-items: stretch; }
.flex_even { justify-content: space-evenly; }

.tile {
	display:flex;
	padding:0;
	margin:8px;
	list-style-type: none;
	border-radius: 8px;
}

.tile > a {
	display:flex;
	align-items: center;
	flex-direction: row;
}

.tile:hover { box-shadow: #777 0 5px 6px; }

/* svg section */
.svg {
	display:block;
	height:40px;
	width:40px;
	background-repeat:no-repeat;
	margin:4px;
}
.svg + div {
	width: 140px;
	text-align: center;
	text-decoration: none!important;
	word-wrap:break-word;
	margin:4px;
}

/* Notice Section */
.notice {
background-color: #fff;
	border-radius: 5px;
	border: 1px solid #dc3545;
	padding: 0;
	margin: 5px;
	box-shadow: 0 0 5px #aaa;
}
.noticeHeading {
	background-color: #dc3545;
	color: #fff;
	border-radius: 4px 4px 0 0;
	margin: 0;
}
.noticeButton {
	background-color: #dc3545;
	color: #fff;
	display: inline-block!important;
	border-radius: 5px;
	padding: 4px;
	margin: 2px;
}
.noticeButton:link {
	text-decoration: none;
	color:#fffff0;
}
.noticeButton:visited {
	color:#fffff0;
}
.noticeButton:hover {
	background-color: #ce3141;
}

/* svg definitions */
.gavel {background-image:url(/Images/gavel-solid.svg);  }
.book {background-image:url(/Images/book-solid.svg);  }
.ring {background-image:url(/Images/rings-thick.svg);  }
.house {background-image: url(/Images/house-solid.svg);  }
.file_signature {background-image: url(/Images/file-signature-solid.svg);  }
.file_solid {background-image: url(/Images/file-solid.svg)  }
.signature {background-image: url(/Images/signature-solid.svg);  }
.signature_blue {background-image: url(/Images/signature-solid-blue.svg);  }
.signature_red {background-image: url(/Images/signature-solid-red.svg);  }
.house_exclamation {background-image: url(/Images/house-circle-exclamation-solid.svg);  }
.house_solid {background-image: url(/Images/house-solid.svg);  }
.newspaper {background-image: url(/Images/newspaper-solid.svg);  }
.file_dollar {background-image: url(/Images/file-invoice-dollar-solid.svg);  }
.scale_balanced {background-image: url(/Images/scale-balanced-solid.svg);  }
.magnifying_glass {background-image: url(/Images/magnifying-glass-solid.svg);  }
.fileRequest {background-image: url(/Images/fileRequest.svg);	}
.file_pdf {background-image: url(/Images/file-pdf-solid.svg);	}
.file_video {background-image: url(/Images/file-video-solid.svg);	}
.vitals {background-image: url(/Images/vitals.svg);	}