/* Styles for Courts 2017 */

/*

1. Base (and reset)
2. Layout
3. Modules
4. States

Main color	#515151
Dark 		#9fcf3b
Pale 		#d3d2d2

Dark grey #333333
Mid-grey	#cccccc
Pale grey	#eeeeee

Media queries placed with relevant elements. 
Media queries use 'all' instead of 'screen' for Chrome support.
Print styles in print.css.
Classes used for most styles to reserve IDs for scripting.
*/

/* ------------------------------------------------- 
	Base styles
	See also normalize.css and bootstrap.css
---------------------------------------------------- */

body {
	font-size: 90%; /* 16px = 100% default browser setting */
	font-family: Verdana, Arial, Trebuchet MS, sans-serif;
	}

#pageWrapper{
	background-color:#eeeeee;
}

img {
	max-width: 100%;}

a:link, a:visited {
	color: #000000;
	}


a:hover{
	text-decoration:underline;
	background-color:#c3e6f7;
	color: #000000;
}
a:focus
{
    	text-decoration:underline;
	background-color:#c3e6f7;
	color: #000000;
}







.alert
{position:relative;
 padding:.75rem 1.25rem;
 margin-bottom:1rem;
 border:1px solid transparent;
 border-radius:.25rem;
}

.alert-warning {
    border: #ddaa6a;
   background-color: #ecd2b1;
  color: #141414;
   font-size: 1em;
  
   
}



.btn-alert {
  display: inline-block;
  padding: 12px;
  margin-bottom: 0;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
 
  color:#000000;
  text-decoration: none;
  background-color: #ecd2b1;
  font-size: 1em;
 
  width: 100% ;
  	white-space:normal !important;
word-wrap: break-word; 
}
















 .fas-alert {
     padding: 5px 10px 10px 5px;
  float: left; }
  

 .fas-home {
     padding: 30px 0px 10px 0px;
  float: right; 
    color:#141414;
 }


input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;}

.form-control {
	display: inline-block;
  padding: 5px 2px 7px 2px;
  margin-right: 3px;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


.btn {
  display: inline-block;
  padding: 4px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
  background-color: #b9d7e6;
  font-size: 1em;
}

.btn a {
text-decoration: none;

 
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  background-color: #c3e6f7;
  color: #000000;
  text-decoration: none;
}

.btn-default {
  display: inline-block;
  padding: 4px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  color:#000000;
  text-decoration: none;
  background-color: #b9d7e6;
  font-size: 1em;
}

.btn-default:hover,
.btn-default:focus {
  background-color: #c3e6f7;
  color: #000000;
  text-decoration: none;
}


.btn-home {
  display: inline-block;
  padding: 12px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 12px;
  color:#000000;
  text-decoration: none;
  background-color: #c2d4e3;
  font-size: 1.1em;
  font-weight:bold;
  width: 100%;
  
}


.btn-home:hover,
.btn-home:focus {
  background-color: #beb284;
  color: #000000;
  text-decoration: none;
}

.btn-home a {
text-decoration: none;}

.btn-home a:hover{
	text-decoration:none;
	background-color:#beb284;
	color: #000000;
}
.btn-home a:focus
{
    	text-decoration:none;
	background-color:#beb284;
	color: #000000;
}



.btn-home2 {
  display: inline-block;
  padding: 12px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 12px;
  color:#000000;
  text-decoration: none;
  background-color: #97bfd3;
  font-size: 1.1em !important;
  font-weight:bold;
  width: 100% ;
}


.btn-home2:hover,
.btn-home2:focus {
  background-color: #beb284;
  color: #000000;
  text-decoration: none;
}

.btn-home2 a {
text-decoration: none;}

.btn-home2 a:hover{
	text-decoration:none;
	background-color:#beb284;
	color: #000000;
}
.btn-home2 a:focus
{
    	text-decoration:none;
	background-color:#beb284;
	color: #000000;
}








.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

table {
  max-width: 100%;
  background-color: transparent;  
  margin-bottom: 20px;
	border: 1px solid #000;}
th {
	text-align: left;
	vertical-align: bottom;
  border-bottom: 2px solid #000;}  
th, td{
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #000;}
tr:first-child > th,
tr:first-child > td {
  border-top: 0;}
tr:nth-child(odd) > td,
tr:nth-child(odd) > th {
  background-color: #eeeeee;}
table ul {
	margin: 0;
	padding-left: 1em;
}


.l-top-buttons {
	background: #97bfd3;
	padding: 0.5em;
}





h1{
  margin-top: 15px;
  margin-bottom: 10px;
}

h1 {
	line-height:1;

}

h2:empty {
	display: none;
}



h1 {font-size:1.4em;
	color:#387496;
	font-weight:bold;}

h2 {font-size:1.2em;
	color:#387496;
	font-weight:bold;
	margin-top: 17px;
	margin-bottom: 13px;}

h3 {font-size:1em;
	color:#387496;
	font-weight:bold;
	margin-top: 15px;
	margin-bottom: 5px;}

h4 {font-size:0.9em;
	color:#387496;}




/* ------------------------------------------------- 
	Layout
	12-col Bootstrap grid, border-box = border.
	Includes generic classes in use across the site
---------------------------------------------------- */

.l-utilities {
	font-size: 0.875em; /*14/16px = 87.5%*/
	background: #387496;
	border-bottom: 4px solid #64a1be;}

.l-utilities .row,
.l-footer .row {
	margin-top: 0.5em;
	}
.l-utilities .col-md-12 {
	text-align: right;
	vertical-align: middle;}

.l-title {
	background: #ffffff;
	color: #387496;
	margin: 0.5em auto;}

.l-menu {
	line-height:1;
}


.l-promo {}

.l-footer {
	border-top: 4px solid #387496;
	background-color: #97bfd3;
	color: #000000;
	font-size: 1em;
}
.l-copyright {
	background-color: #387496;
	color: #ffffff;
}

.l-left {
	float: left;
}
.l-right {
	float: right;
}

.smaller {
	font-size: 0.875em; /* 14/16px */
}
ul.fancy {
	list-style-type: none;
	padding-left: 0.5em;
}
.fancy li{
	background-image: url(/_interface/gfx/layout/bullet-arrow.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
	margin-bottom: 1em;
}

.courtlist-header {
	background-color: #387496;
	
}

.courtlist-header  h2{
	color: #ffffff !important;
}

.courtlist-casetype {
	background-color: #a1cde1;
	
}


/* inconsistently applied targets and doc markers 
main a.i-doc,
main a[target="_blank"] {
	background: url(/_interface/gfx/layout/icon-document.png) 0 0 no-repeat;
	padding-left: 16px;}
*/

@media all and (max-width: 740px) {
	.m-utilities,
	.m-search,
	.m-logo,
	.m-tagline,
	.m-hero p 
	.m-copyright {
		padding-left: 0.5em;
		max-width: 100%;
	}
	.m-hero h2 {
		padding-left: 0.25em;
	}
	
}

/* ------------------------------------------------- 
	Modules
	See also slick.css
---------------------------------------------------- */

/* Skip to content section 
---------------------------*/

.m-skip {
	display: block;
	font-size: 0.875em;}
.m-skip:focus {
	height: auto;
	width: 100%;
	clip: auto;
	margin: auto;
	padding: 1em;
	background: #ffffff;
	position: static;}


.fontsizewrapper {
}
.fontsizewrapper ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.fontsizewrapper li{
	padding:0px;
	margin:0px;
	float:left;
}



.fontsizewrapper a:hover {
    background: none;
}
.fontsizewrapper a:focus {
    background: none;
}




a.print{
	margin-right:30px;
	text-decoration:none;
	font-size: 0.9em;
	color:#000000;
}



/* Utilities Section 
---------------------------*/

ul.m-utilities,
ul.m-search {
	list-style-type: none;
	text-align: right;
	margin: 0px;
}
ul.m-search {
	padding-left: 0;
}

.m-utilities li,
.m-search li {
	line-height: 2em;
	font-size: 1em;
	margin-right: 0;
}

.m-search a {
	color: #000000;
}
.m-utilities a {
	margin: 0 0.5em;
}



/*.m-utilities a:hover, .m-utilities a:focus,*/
.m-search a:hover, .m-search a:focus {
	
	text-decoration:underline;
	background-color:#f0e98d;
	color: #000000;
}


.m-search form {

	margin-bottom: 0.5em;
}
.m-search button {
	color: #333333;
}

@media all and (min-width: 600px) {
	.breadcrumb {
		max-width:380px;
	}
}

@media all and (min-width: 768px) {
	.breadcrumb {
		max-width:450px;
	}
}

@media all and (min-width: 992px) {
	.breadcrumb {
		max-width:450px;
	}
}

@media all and (min-width: 1060px) {
	.breadcrumb {
		max-width:480px;
	}
}

@media all and (min-width: 900px) {
	ul.m-utilities,
	ul.m-search{
		display: inline-block;
	}
	.m-utilities li,
	.m-search li {
		line-height: 1.2;
		font-size: 1em;
	}
	.m-utilities li {
		display: inline;
		border-right: 1px solid #000000;
	}
	.m-utilities li:last-child {
		border-right: 0;
	}
}



/* Title section 
---------------------------*/

.m-logo, .m-tagline {}
.m-logo a {
	color: #515151;
	text-decoration: none;}
.m-logo h1 {
	font-size: 1em;
	font-weight: normal;}
.m-logo h1 span {
	font-size: 0.9em;}

.m-tagline {
	font-size: 1.5em;
	font-weight: bold;
	color: #124e73;}

@media all and (min-width: 400px) {
	.m-tagline {
		height: 3.5em; /* double font-size */}
	.m-tagline p {
		text-align: right;
		line-height: 3.5em; /* container height */
	} /*NB: this method will only vertically center a single line */
}


/* Menu section 
---------------------------*/


ul.m-menu {
	list-style-type: none;
	margin: 0 0 0.5em 0;
	padding: 0;
	padding-left: 1em;
	background: rgb(83,142,172);
	background: -moz-linear-gradient(top, rgba(83,142,172) 0%, rgba(57,117,151,1) 50%, rgba(39,97,134,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(83,142,172,1)), color-stop(50%,rgba(57,117,151,1)), color-stop(100%,rgba(39,97,134,1)));
	background: -webkit-linear-gradient(top, rgba(83,142,172,1) 0%,rgba(57,117,151,1) 50%,rgba(39,97,134,1) 100%);
	background: -o-linear-gradient(top, rgba(83,142,172,1) 0%,rgba(57,117,151,1) 50%,rgba(39,97,134,1) 100%);
	background: -ms-linear-gradient(top, rgba(83,142,172,1) 0%,rgba(57,117,151,1) 50%,rgba(39,97,134,1) 100%);
	background: linear-gradient(to bottom, rgba(83,142,172,1) 0%,rgba(57,117,151,1) 50%,rgba(39,97,134,1) 100%);
	color: #ffffff;
	border-radius: 3px;}
.m-menu li {
	vertical-align: top;}
.m-menu a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-weight: bold;
	height: 2em;
	margin-right: 1em;
	/*font-weight: normal;*/}	

.m-menu a:hover, .m-menu a:focus {
	background: #97bfd3;
	color: #000000;}
.m-menu a span.i-menu {
	display: none;}

@media all and (min-width: 900px) {
	ul.m-menu  {
		display: block;
		/*white-space: nowrap;*/
		font-size: 0.925em;}
	.m-menu > li {
		position: relative; /* allows for submenu positioning */
		float: left;
		display: inline;
		height: 3.5em;
		max-width: 11.95em;}
	.m-menu a {
		display: block;
		position: relative; /* allows for caret positioning */
		height: 3.5em;
		margin: 0;
		padding: 0.5em 2em 0.5em 1em;
		border-left: 1px solid #ffffff;}
	.m-menu > li:first-child a{
		border: 0;}
	.m-menu li:last-child {
		border-right: 1px solid #fff;
	}
	.m-menu a:hover, .m-menu a:focus {
		border-top: 1px solid #2d678b;
		border-bottom: 1px solid #2d678b;}
	
	.m-menu a span.i-menu {
		display: inline;
		position: absolute;
		top: 0.8em;
		right: 0.5em;
		background: url(/_interface/gfx/layout/icon-menu.png) 0 0 no-repeat;
		width: 10px;
		text-indent: 9000em;
		overflow: hidden;}
	a:hover span.i-menu, a:focus span.i-menu {
		background-position: -10px 0;}
	
	.m-menu a.i-home {
		text-indent: 9000em;
		display: inline-block;
		padding: 0;
		margin-top: 0.5em;
		margin-right: 1em;
		width: 18px;
		overflow: hidden;
		background: url(/_interface/gfx/layout/icon-home.png) 0 0 no-repeat;
	}
	.m-menu a.i-home:hover,
	.m-menu a.i-home:focus {
		background-position: -19px 0;
		
	}

}

ul.m-menu-sub {
	background: #97bfd3;
	border: 1px solid #131E34;
	border-width: 0 1px;
	padding: 0;
	list-style-type: none;
	position: absolute;
	width: 15em;
	z-index: 50;}
.m-menu-sub li {}
.m-menu-sub a {
	color: #131E34;
	font-size: 1.1em;
	/*color: #333333;*/
	border-bottom: 1px solid #131E34;}
.m-menu-sub a:hover, .m-menu-sub a:focus {
	background-color: #C9E2EE;
	border-top: 0;}

/* Content section menu 
---------------------------*/

.m-menu-section {
	font-size: 0.9em;
	margin-bottom: 1em;}
.m-menu-section h3 {
	background: #97BFD3;
	color: #0A2E43;
	font-size: 1.15em;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 7px 3px 3px 7px;
	border-radius: 5px 5px 0 0;}
.m-menu-section ul {
	background: #97BFD3;
	list-style-type: none;
	margin: 0;
	padding: 3px 3px 0 7px;
	border-radius: 0 0 5px 5px;}
.m-menu-section > ul {
	padding-bottom: 2em;}	
.m-menu-section li {
	margin-bottom: 0.5em;
	padding-top: 2px;
	border-top: 1px solid #131E34;}
ul.m-menu-section-sub,
ul.m-menu-section-subsub  {
	padding-left: 1em;
	margin-top: 0em;}
.m-menu-section-sub li {
	background-image: url(../gfx/layout/bullet-submenu.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 12px;
	border-top: 0;}
.m-menu-section-subsub li {
	background-image: url(../gfx/layout/bullet-subsubmenu.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 10px;
	border-top: 0;}

.m-menu-section a {
	color: #0A2E43;
	text-decoration: none;}
.m-menu-section a:hover, 
.m-menu-section a:focus {
	color: #ffffff;
	text-decoration: underline;

	background-color: #387496;}


	
.m-menu-section a.current {
	font-weight: bold;}
	
@media all and (min-width: 900px) {
	.m-menu-section h3,
	.m-menu-section ul  {
		display: block;}
}

.m-menu-header, .m-menu-header a {
	width:100%;
	padding: 10px 0px 10px 10px;
	background: #a1cde1;
	color: #ffffff;
	font-weight: bold;
}

.m-menu-header a:hover, 
.m-menu-header a:focus {
	color: #ffffff;
	text-decoration: none;}

.nav-expand {
    display: block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background: transparent url(../gfx/icoSideNav.gif) no-repeat 0px 0px;
    margin: 3px 5px 5px 0px;
    float: left;
}

.nav-expand:hover {
	cursor:pointer;
}

.active > .nav-expand {
    background-position: 0 -87px;
}


/* Menu toggles 
---------------------------*/
.m-nav-toggle {
	display: block;
	margin: 0.5em;
	text-align: right;}

@media all and (min-width: 900px) {
	.m-nav-toggle {
		display: none;}
}

.btn-toggler,
.btn-toggler-alt,
#sub-toggler {
	border: 1px solid #ccc;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
  background: #b9d7e6;
  color: #000000;
  border-radius: 4px;
  display: inline-block;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;}

.btn-toggler:hover, .btn-toggler:focus {
	background: #c3e6f7;
	color: #000000;
  text-decoration: none;}

.btn-toggler-alt,
#sub-toggler {
	border: 1px solid #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	background: #b9d7e6;
	color: #000000;
	font-size: 0.9em;}

.btn-toggler-alt:hover, .btn-toggler-alt:focus,
#sub-toggler:hover, #sub-toggler:focus {
	background: #c3e6f7;
	text-decoration: none;
	color:#000000;}

.m-menu-section .m-nav-toggle {
	margin-right: -0.5em;
}

/* Carousel 
---------------------------*/

  
  .m-hero {
	background: #eeeeee;
	text-align: center;}
.m-hero-item {
	text-align: left;}
@media all and (min-width: 900px) {
	.m-hero-item {
		position: relative;
		background: #eeeeee;
	}
	.m-hero-item > img {
		float: right;}
	.m-hero-item div {
		position: absolute;
		top: 1em;
		left: 1em;
		max-width: 50%;
		background: #fcfcfc;
		background-color: rgba(255, 255, 255, .8);
		padding: .5em;
		font-size: 0.95em;
	}
	.m-hero-item div.no-pic {
		max-width: 80%;
	}
	.m-hero-item h2 {
		margin-top: 0;
		font-size: 1.1em;
		
	}
}
  
  
  
  
  
  
  
  
/* Promo tiles 
---------------------------*/

.m-tile h2 {
	background: #387496;
	color: #ffffff;
	border-radius: 5px 5px 0 0;
	padding: 0.5em;
	margin-top: 0.5em;
	font-size: 0.95em;
}
.m-tile p, .m-tile img, .m-tile h3 {
	margin: 0.5em;
	font-size: 0.92em;
	
}
.m-tile img {
	border-radius: 3px;
}
.m-tile .dateline {
	font-size: 0.9em;
	color: #666666;
	margin-top: 5;
}

.m-news {
	margin-bottom: 1em;
}
.m-news h3 {
	font-size: 1em;
	margin-bottom: 0;
}

.m-tile-a img {
margin: 0;}
.m-tile-a a {
	font-weight: bold;
}

@media all and (min-width: 900px) {
	.m-tile-a {
		position: relative; 
	}
	.m-tile-a div.overlay {
		background: #ffffff;
		background-color: rgba(255, 255, 255, 0.8);
		position: absolute;
		top: 6em;
		left: 1.5em;
		width: 40%;
		padding: 0;
		font-size: 0.8125em;
	}
	
	.m-tile-b select {
		width: 90%;
	}
}


	
	
/* Content pages 
---------------------------*/

.breadcrumb {
	color: #333333;
	/*font-size: 0.9em;*/
	margin-top: 10px ;
	
	
		
}




.col-md-12 h1, 
.col-md-12 h2,
.col-md-12 h3, 
.col-md-12 h4,
.col-md-12 h5,
.col-md-12 h6 {
	color: #387496;
	}



#readspeaker_section li{
	margin: 1em 0;
}


#readspeaker_section #sitemapWrapper li{
  margin: 0.2em 0;
}





.m-callout,
.relateds {
	background-color: #d3d2d2;
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 0.5em;
	margin-bottom: 1em;}
.m-callout h3,
.relateds h3 {
	margin-top: 0.5em;
	color: #515151;}
.m-callout ul,
.relateds ul {
  padding-left: 1em;
}

@media all and (min-width: 900px) {
	.m-callout,
	.relateds {
		float: right;
		margin-left: 1em;
		width: 33%;}
}

.m-highlight,
.downloads-bottom {
	border: 1px solid #d3d2d2;
	border-radius: 5px;
	padding: 0.5em;}
.m-highlight h3, 
.m-highlight h4,
.downloads-bottom h3,
.downloads-bottom h4 {
	margin-top: 0.25em;
	font-weight: normal;
}	
.m-highlight li,
.downloads-bottom li {
	line-height: 1.4;}

.m-updated,
#page-updated {
	font-size: 0.75em;
	color: #555;
	margin-top: 2em;
}


.top{
font-size: 0.825em;
}

/* Download sections
---------------------------*/


.topdwnlink{
	padding:0px 5px;
	margin:0px;
	position:relative;
	top:10px;
	right:0px;
	/*width:360px;*/
	font-size:0.9em;
	text-align:right;
    float: right;
}
.dwnSect{
	padding:15px;
	margin:10px 0 0 0;
	/*width:721px;*/
	background:#b9d7e6;
	
}

.dwnSect h2{
	color:#000000;}

.dwnSect ul{
	padding:0px;
	margin:0px 0px 0px 20px;
	list-style:none;
	list-style-position:outside;
}
.dwnSect li{
	padding:5px 0 0 0;
	margin:0px;
	
}
.dwnSect li a{
	padding:3px 0px 3px 20px;
	margin:0px 0px 0px -20px;
	text-decoration:none !important;
}
.dwnSect li a:hover{
	text-decoration:underline !important;
	background-color:#c3e6f7;
	color:#000000;
}
.dwnSect li a:focus{
	text-decoration:underline !important;
	background-color:#c3e6f7;
	color:#000000;
}
.dwnSect li a.wordIco{
	background:url(/_interface/gfx/word-ico.jpg) no-repeat left;
}
.dwnSect li a.wordIco:hover{
	background-color:#c3e6f7;
}
.dwnSect li a.wordIco:focus{
	background-color:#c3e6f7;
}
.dwnSect li a.pdfIco{
	background:url(/_interface/gfx/pdf-ico.jpg) no-repeat left;
}
.dwnSect li a.pdfIco:hover{
	background-color:#c3e6f7;
}
.dwnSect li a.pdfIco:focus{
	background-color:#c3e6f7;
}
.dwnSect li a.excelIco{
	background:url(/_interface/gfx/excel-ico.jpg) no-repeat left;
}
.dwnSect li a.excelIco:hover{
	background-color:#c3e6f7;
}
.dwnSect li a.excelIco:focus{
	background-color:#c3e6f7;
}.dwnSect li a.rtfIco{
	background:url(/_interface/gfx/rtf-ico.jpg) no-repeat left;
}
.dwnSect li a.rtfIco:hover{
	background-color:#c3e6f7;
}
.dwnSect li a.rtfIco:focus{
	background-color:#c3e6f7;
}
.dwnSect li a.pptIco{
	background:url(/_interface/gfx/ppt-ico.jpg) no-repeat left;
}
.dwnSect li a.pptIco:hover{
	background-color:#c3e6f7;
}
.dwnSect li a.pptIco:focus{
	background-color:#c3e6f7;
}
.dwnSect li a.webIco{
	background:url(/_interface/gfx/icon_webpage.gif) no-repeat left;
}
.dwnSect li a.webIco:hover{
	background-color:#c3e6f7;
}
.dwnSect li a.webIco:focus{
	background-color:#c3e6f7;
}
  
  
  
 .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: "Glyphicons Halflings";  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #000000;         /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
}
 
  
  
  
  


 .panel-body li a.no-pad{
	padding:0px;
	margin:0px;
} 

  
  .panel-title 
{font-size:1em;
	color:#000000;
	font-weight:bold;
	}

.panel-title a
{text-decoration:none;}
  
  
  .panel-title a:hover{
    background-color:#B9D7E6;}
    
    .panel-title a:focus{
    background-color:#B9D7E6;}


.panel-judge
{background-color:#B9D7E6;
padding:1px 1px 1px 1px;
	margin:0px 0px 0px 5px;
max-width: 100%;
}


  
  
  .panel-body
{background-color:#ffffff;}

.panel-body-judge
{background-color:#ffffff;
padding:2px 2px 2px 2px;
	}

.panel-body-judge p
{padding:6px 12px 6px 12px;}



  .panel-body li a{
	padding:2px 0px 2px 20px;
	margin:0px 0px 0px 5px;
    /*display:block;*/
  }



.panel-body li a.DOCIco, .panel-body li a.DOCXIco{
	background:url(/_interface/gfx/word-ico.jpg) no-repeat left;
}

.panel-body li a.DOCIco:hover, .panel-body li a.DOCXIco:hover{
	text-decoration:underline;
	background-color:#c3e6f7;
	color: #000000;
}
.panel-body li a.DOCIco:focus, .panel-body li a.DOCXIco:focus{
    	text-decoration:underline;
	background-color:#c3e6f7;
	color: #000000;
}


.panel-body li a.PDFIco{
	background:url(/_interface/gfx/pdf-ico.jpg) no-repeat left;
}


.panel-body li a.PDFIco:hover{
	text-decoration:underline;
	background-color:#c3e6f7;
	color: #000000;
}
.panel-body li a.PDFIco:focus{
    	text-decoration:underline;
	background-color:#c3e6f7;
	color: #000000;
}


.panel-body li a.XLSIco, .panel-body li a.XLSXIco{
	background:url(/_interface/gfx/excel-ico.jpg) no-repeat left;
}
.panel-body li a.RTFIco{
	background:url(/_interface/gfx/rtf-ico.jpg) no-repeat left;
}
.panel-body li a.PPTIco{
	background:url(/_interface/gfx/ppt-ico.jpg) no-repeat left;
}
.panel-body li a.WEBIco{
	background:url(/_interface/gfx/icon_webpage.gif) no-repeat left;
}


/*doclist styles*/
.m-t-10 {
margin-top: 10px;
}
.p-l-0 {
padding-left: 0;
}
.p-r-0 {
padding-right: 0;
}
.acc-container .panel {
border-radius: 0 !important;
border: none !important;
}
.acc-container .panel {
border-bottom: none !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.05) !important;
}

.acc-container .panel-heading {
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
background: none;
border: none !important;
border-bottom: 1px solid #ccc !important;
}

.acc-container .panel-heading h4.expanded {
background: #387496 !important;
}


.acc-container .panel-heading h4 {
background: #7EB1C9;
padding: 12px 15px 12px 15px !important;
margin: 0 !important;
}

.content-inner h4 {
font-size: 15px;
}

.acc-container a {
text-decoration: none !important;
}

.acc-container a:hover {
    background: none;
}

.acc-container a:focus {
    background: none;
}

.acc-container .panel-heading h4 a {
text-decoration: none !important;
font-weight: normal;
color: #000000;
font-size: 14px;
display: block;
}



.acc-container .panel .panel-heading h4.expanded a {
color: #fff;
font-weight: bold;
}


#tabpane1group .panel-body {
padding-left: 0;
padding-right: 0;
}

.acc-container .panel > .panel-heading + .panel-collapse .panel-body {
border-top: none !important;
}

.panel-body {
padding-bottom: 0 !important;
}

ul.list-forms {
padding-left: 0;
margin-bottom: 0;
padding-bottom: 0;
}

#tabpane1group ul.list-forms li {
border-bottom: 1px dotted #ddd;
}

.acc-container ul.list-forms li {
background: no-repeat 5px 10px;
padding-top: 10px;
padding-bottom: 0;
}

ul.list-forms li {
/*padding-left: 30px;*/
list-style-type: none;
padding-bottom: 10px;
}

.multicollist li {
line-height: 150% !important;
}

.multicollist li {
margin-left: 0px;
padding-left: 0;
padding-bottom: 10px !important;
border-bottom: 1px dotted #ddd;
}

.courts-content-cntr li {
font-size: 13px;
}

.multicollist span.date {
font-style: italic;
color: #666;
}





/*additional docreader styles*/
.dwnSect a.docReader {
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	margin: 1px;
	margin-right: -2px;
}
.dwnSect a.docReader:hover{
	text-decoration:none;
	background:none;
}
.dwnSect a.docReader:focus{
	text-decoration:none;
	background:none;
}

.contentDwnSect a.docReader {
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	margin: 1px;
	margin-right: -2px;
}
.contentDwnSect a.docReader:hover{
	text-decoration:none;
	background:none;
}
.contentDwnSect a.docReader:focus{
	text-decoration:none;
	background:none;
}

.docReader img{
	border-style: none; 
	vertical-align: text-bottom;
}



.contentDwnSect{
	padding-bottom:10px;
	margin:10px 0 0 0;
	/*width:721px;*/
}
.contentDwnSect ul{
	padding:0px;
	margin:0px 0px 0px 20px;
	list-style:none;
	list-style-position:outside;
}
.contentDwnSect li{
	padding:5px 0 0 0;
	margin:0px;
	
}
.contentDwnSect li a{
	padding:3px 0px 3px 20px;
	margin:0px 0px 0px -20px;
	text-decoration:none !important;
}
.contentDwnSect li a:hover{
	text-decoration:underline !important;
	background-color:#c3e6f7;
	color:#000000;
}
.contentDwnSect li a:focus{
	text-decoration:underline !important;
	background-color:#c3e6f7;
	color:#000000;
}
.contentDwnSect li a.wordIco{
	background:url(/_interface/gfx/word-ico.jpg) no-repeat left;
}
.contentDwnSect li a.wordIco:hover{
	background-color:#c3e6f7;
}
.contentDwnSect li a.wordIco:focus{
	background-color:#c3e6f7;
}
.contentDwnSect li a.pdfIco{
	background:url(/_interface/gfx/pdf-ico.jpg) no-repeat left;
}
.contentDwnSect li a.pdfIco:hover{
	background-color:#c3e6f7;
}
.contentDwnSect li a.pdfIco:focus{
	background-color:#c3e6f7;
}
.contentDwnSect li a.excelIco{
	background:url(/_interface/gfx/excel-ico.jpg) no-repeat left;
}
.contentDwnSect li a.excelIco:hover{
	background-color:#c3e6f7;
}
.contentDwnSect li a.excelIco:focus{
	background-color:#c3e6f7;
}
.contentDwnSect li a.rtfIco{
	background:url(/_interface/gfx/rtf-ico.jpg) no-repeat left;
}
.contentDwnSect li a.rtfIco:hover{
	background-color:#c3e6f7;
}
.contentDwnSect li a.rtfIco:focus{
	background-color:#c3e6f7;
}
.contentDwnSect li a.pptIco{
	background:url(/_interface/gfx/ppt-ico.jpg) no-repeat left;
}
.contentDwnSect li a.pptIco:hover{
	background-color:#c3e6f7;
}
.contentDwnSect li a.pptIco:focus{
	background-color:#c3e6f7;
}
.contentDwnSect li a.webIco{
	background:url(/_interface/gfx/icon_webpage.gif) no-repeat left;
}
.contentDwnSect li a.webIco:hover{
	background-color:#c3e6f7;
}
.contentDwnSect li a.webIco:focus{
	background-color:#c3e6f7;
}

	
/* Footer
---------------------------*/


.m-meta ul, ul.m-socmed {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.m-meta li, .m-socmed li {
	display: inline;
	line-height: 1.5em;
	padding: 0 1em;
	text-align: left;
	font-size:0.9em;
} 

.m-meta a{
	color:#000000;
}

.m-meta li {
	border-right: 1px solid #666666;
}
.m-meta li:last-child {
	border: 0;
}
.m-meta li {
	padding: 0 0.5em;
}








@media all and (min-width: 900px) {
	div.m-frow {
		display: block;
	}
	.m-socmed {
		text-align: right;
	}
}

.m-socmed a {
	display: inline-block;
	text-decoration: none;
	text-indent: 9000em;
	overflow: hidden;
	background: url(/_interface/gfx/layout/icon-socmed.png);
	width: 32px;
	height: 32px;
}
.m-socmed a#i-fb {background-position: 0 0; visibility:hidden}
.m-socmed a#i-fb:hover, .m-socmed a#i-fb:focus {background-position: 32px -1px;}
.m-socmed a#i-tw {background-position: 0 -32px;visibility:hidden}
.m-socmed a#i-tw:hover, .m-socmed a#i-tw:focus  {background-position: 32px -33px;}
.m-socmed a#i-yt {background-position: 0 -64px;; visibility:hidden}
.m-socmed a#i-yt:hover, .m-socmed a#i-yt:focus  {background-position: 32px -65px;}
.m-socmed a#i-rss {background-position: 0 -96px;; visibility:hidden}
.m-socmed a#i-rss:hover, .m-socmed a#i-rss:focus  {background-position: 32px -97px;}

/* Footer menu */

.m-flist ul {
	margin-left: 0;
	padding-left: 1em;}
.m-flist h4 {
	margin-bottom: 0;}
.m-flist a {
	text-decoration: none;
	line-height: 1em;
	font-size:0.9em;
	color:#000000;}
.m-flist h4 a {
	color: #000000;
	}
.m-flist li a {
	color: #000000;
	font-size:0.9em;}
.m-flist a:hover, .m-flist a:focus {
	text-decoration: underline;
}


@media all and (min-width: 800px) {
	.m-frow {
		display: block;}
	.m-flist a {
		line-height: 1.5em;}
	.m-frow:last-child {
		margin-bottom: 2em;}
}


/* Copyright */
.m-copyright {
	margin-top: 1em;
	font-size: 0.9em;
	color:#ffffff}




/*	States
---------------------------------------------------- */

.s-hidden-all {
	display: none;
}

/* for screen readers only */
.s-hidden-visual {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
}

.current {}
.open {}

  
  
  .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
  

.transcriptCost {
	padding: 24px 24px 12px;
    margin-top: 24px;
    background-color: #c2d4e3;
    border-radius: 12px;
}  
  
.rs_addtools .rsbtn_play .rsbtn_right, .rsbtn .rsbtn_play .rsbtn_right {
	color: #97bfd3 !important;
}

.rs_addtools .rsbtn_play:hover .rsbtn_right::before, .rsbtn .rsbtn_play:hover .rsbtn_right::before {
	color: #387496 !important;
}