﻿@import url("/JudMaster/stylesheets/layout.css");
@import url("/JudMaster/stylesheets/jud.css");

@import url("/JudMaster/stylesheets/jquery-ui.css");
/*@import url("/JudMaster/stylesheets/printStyle.css");*/

@import url("/JudMaster/stylesheets/slider.css");
@import url("/JudMaster/stylesheets/jquery_tabs.css");
/*@import url("/JudMaster/stylesheets/LeftNav.css");*/

@import url("/JudMaster/stylesheets/MasterPageLayout.css");
@import url("/JudMaster/stylesheets/PhotoSlider.css");
@import url("/JudMaster/stylesheets/ResponsiveGrid.css");
@import url("/JudMaster/stylesheets/supreme.css");
@import url("/JudMaster/stylesheets/Tabs.css");
@import url("/JudMaster/stylesheets/redbutton.css");
@import url("/JudMaster/stylesheets/TopMenu.css");
@import url("/JudMaster/stylesheets/eservices_horiz_nav.css");
@import url("/JudMaster/stylesheets/expandable.css");
@import url("/JudMaster/stylesheets/elp.css");

@import url("/JudMaster/fonts/font-awesome.min.css");
/*@import url("/JudMaster/fonts/font6/css/fontawesome.css");
@import url("/JudMaster/fonts/font6/css/brands.css");
@import url("/JudMaster/fonts/font6/css/solid.css");
@import url("/JudMaster/fonts/font6/css/regular.css");
@import url("/JudMaster/fonts/FontAwesome.otf");
@import url("/JudMaster/fonts/fontawesome-webfont.woff2");
@import url("/JudMaster/fonts/fontawesome-webfont.eot");
@import url("/JudMaster/fonts/fontawesome-webfont.svg");
@import url("/JudMaster/fonts/fontawesome-webfont.ttf");
@import url("/JudMaster/fonts/fontawesome-webfont.woff");*/

/**New Stylesheets - 5/3/2022**/
@import url("/JudMaster/stylesheets/base.css");
@import url("/JudMaster/stylesheets/design.css");


/******************** Google Fonts ********************************/
@import url('/JudMaster/stylesheets/fonts.css');
/********************* End Google fonts ***************************/

#JudMaster_Header{
	background-color: #fff;
}
.side-menu-no-animation #JudMaster_LeftNav {
    transition: none !important;
}


.text{
	font-family: "Open Sans", sans-serif;
}
.H1{
	font-family: 'Source Serif Pro', serif;
}


.glossymenu{
	border-bottom-width: 0;
	border-style: none;
	border-width: thin;
	border-color: #9eb8fb;
	margin: 5px 0;
	padding: 0;
	/*width: 170px;*/ /*width of menu*/;
	background-color: #FEF8E5;
	font-family: Arial, Helvetica, sans-serif;
}
.glossymenu a.menuitem{
	background: #1F3776 repeat-x left bottom;
	font: bold .8em Arial, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/;
	width: auto;
	padding: 5px 0;
	padding-left: 6px;
	text-decoration: none;
	text-align: left;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover{
	background: #cfc0a7;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: #fef8e5;
	border-right: 1px #1f3776;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li{
	border-bottom: 1px #9EB8FB solid;
	border-right-color: #1f3776;
	border-right-width: 1px;
}
.glossymenu div.submenu ul li a{
	border-color: #9eb8fb;
	display: block;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding-left: 8px;
	background-color: #fef8e5;
	padding-right: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
.glossymenu div.submenu ul li a:hover{
	background: #CFC0A7;
	color: black;
}
.image {
	border-width: 0px;
	padding-top:5px;
	padding-left:7px;
}

.class1_links a:link    {color:blue;}
.class1_links a:visited {color:#7A5A5B}
.class1_links a:hover   {color:#CFC0A7;}

.class2_links a:link    {color:white;}
.class2_links a:visited {color:white}
.class2_links a:hover   {color:#CFC0A7;}
.class2_links a:active  {color:white;}

body {
	font-size: 1em;
}
A:hover {color: #CC0000;}

p {
	font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:25px;
}
h1 {
	font-family:"Times New Roman", Times, serif;font-size:24px; font-weight:bold; color:#1f3776;
}
h2 {
	font-family:Arial, Helvetica, sans-serif; color:#CC0000; font-size:19px; font-weight:bold;
}
h3 {
font-family:Arial, Helvetica, sans-serif; color: #1f3776; font-weight:bold; font-size:16px;

}

/*-----news expiry-----*/
#news {
	
	list-style-type:none;
	padding:0;
}
#news li
{
  display:inline-block;
	margin-bottom:1em;
	width:auto;
          padding-right:2.6em;	
}
.new
{
	background-image:url('../../../../Announce/new.gif');
	background-repeat:no-repeat;
	background-position:100% 0%;
		
}
/*-----end news expiry-----*/


.flex-row, .HomeMasterContent .row{
	width:auto !important;
}

.EmergencyMsgWrap .EmergencyMsgItem:first-child{
	margin-top:5px;
}
.EmergencyMsgWrap .EmergencyMsgItem:last-child{
	margin-bottom:5px;
}
.EmergencyMsgWrap .EmergencyMsgItem{
	padding:5px 15px;
	font-size: 15px;
	color:#cc3333;
}
#JudHmenu li{
	box-sizing: content-box;
}

#wrapper .MasterCanvas .MasterContent > .container{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#JudMaster_LeftNav{
	z-index: 9999 !important;
}
.court-block h2{
	margin: 0px 0px 8px;;
}
.HomeMasterContent{
	margin-left: 0px !important;
}

.gridtable-wrap{
	width:100%;
	overflow-x: auto;
}
@media(max-width:767px) {
	.gridtable-wrap{
		overflow-y: auto;
		max-height: 75vh;
	}
	
}
.gridtable-wrap table{
	border-collapse: separate;
	border-width:0px 0px 1px 0px;
	border-style: solid;
	border-color: #1F3776;
	border-spacing: 0px;
	
}

.gridtable-wrap table td, .gridtable-wrap table th {
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #1F3776;
}

.gridtable-wrap table td:first-child, .gridtable-wrap table th:first-child {
	position: sticky;
	left:0px;
	border-width: 1px 1px 0px 1px;
	z-index: 99;
 }

 .gridtable-wrap table tr:first-child td, .gridtable-wrap table tr:first-child th {
	position: sticky;
	top:0px;
	z-index: 100;
 }
 .gridtable-wrap table tr:first-child td:first-child, .gridtable-wrap table tr:first-child th:first-child {
	z-index: 1000;
 }