/**
 * 10/06/09 stylesheet for Supreme Court
 *
 * @section        screen
 * @author        DB
 * @version        1.02
 * @media          screenon
 * --Start--     QXJjaGl0ZWN0ZWQgYnkgQmFsYXpzIEJvcm9zIC0gdWtzY0BiYm9yb3Mub3Jn
 */
body {
  font-size: 62.5%;
  font-family: Arial, Helvetica;
  text-align: center;
  padding: 5px 0px 0px 0px;
  margin: 0
}

a,
a:visited,
a:active {
  font-size: 1em;
  text-decoration: none;
}

p,
ul {
  font-size: 1em;
}

ul ul {
  font-size: 1em;
}

ul a,
p a {
  font-size: 1em
}

h2,
h3,
h4,
h5 {
  font-size: 1em;
}

.hidden {
  display: none
}

.transparent {
  background: none
}

.clearboth {
  clear: both;
  line-height: 1px;
  height: 1px
}

.indent {
  margin-left: 15px
}

/* LAYOUT */
.outer-wrap {
  margin: 0 auto;
  width: 996px;
  text-align: center;
  background: url(/images/bg-content-ds.gif) repeat-y 0px 4px
}

.inner-wrap {
  width: 996px;
  text-align: center;
  background: transparent url(/images/bg-content-dsbot.gif) no-repeat 0% 100%;
  padding-bottom: 1px
}

#container {
  width: 984px;
  margin: 0px 5px 5px 5px;
  text-align: left;
  border: 1px solid #bfc3c4;
  background: #fff;
  overflow: hidden;
}

/* LAYOUT COLUMNS */
div.column-full {
  width: 826px;
  margin: 0px 0px 0px 140px;
  padding: 18px 0px 0px 0px
}

div.column-narrow-left {
  float: left;
  display: block;
  width: 194px;
  height: auto;
  margin-left: 140px;
  padding: 0
}

div.column-narrow-right {
  float: left;
  display: block;
  width: 194px;
  height: auto;
  margin-left: 10px
}

div.column-wide-left {
  float: left;
  display: block;
  width: 584px;
  margin-left: 140px;
  padding: 18px 0px 0px 0px
}

div.column-wide-right {
  float: left;
  display: block;
  width: 605px;
  margin-left: 26px;
  padding: 18px 0px 0px 0px
}

div.column-med-left {
  float: left;
  display: block;
  width: 220px;
  margin-right: 16px
}

div.column-med-right {
  float: left;
  display: block;
  width: 220px;
  position: relative
}

/* tweak */
#primaryContent {
  float: left;
  width: 100%;
  font-size: 16px;
}

body.home #primaryContent {
  min-height: 342px;
  padding: 0;
}

body.home #panel-secondary {
  margin-top: 0px;
}

body.home div.column-wide-left {
  margin-right: 10px;
}

body.home div.column-med-right {
  width: 238px;
  padding: 0 5px 0 0;
}

body.subindex #primaryContent {
  min-height: 322px;
  padding: 0px 0px 22px 0px;
}

#logo h1 {
  position: relative;
  width: 325px;
  height: 130px
}

body.home #logo h1 {
  width: 420px;
}

#logo-l h1 {
  position: relative;
  width: 420px;
  height: 193px;
  margin: 0px 0px 0px 0px
}

#logo h1 span {
  background: url(/images/logo_medium.gif) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}

#logo-l h1 span {
  background: url(/images/logo.gif) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: visible;
}

#logo-l-t h1 span {
  background: url(/images/logo-ten-year-anniversary.gif) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}

#logo-t h1 span {
  background: url(/images/logo-ten-year-anniversary-medium.gif) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: visible;
}

/* CONTENT PANELS */
div.panel-filled {
  width: 100%;
  background: #efebe7;
  border: 1px solid #fff;
  padding: 0px 0px 12px 0px
}

div.panel-filled h3,
div.panel-filled h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 0px 0px 20px 0px;
  font-size: 1.5em;
  padding: 10px 14px;
  line-height: 1.3;
}

div.panel-filled .heading-bold {
  font-weight: 700;
}

body.section-1 div.panel-filled,
body.section-2 div.panel-filled,
body.section-3 div.panel-filled,
body.section-4 div.panel-filled,
body.section-5 div.panel-filled,
body.section-6 div.panel-filled {
  margin-bottom: 24px
}


/* HEADER ORIGINAL*/
#header {
  clear: both;
  margin-bottom: 20px;
}

#header #navigation {
  width: 654px;
  float: left;
  margin: 0px 0px 60px 20px;
}

#header #search {
  width: 300px;
  float: right;
  display: inline;
  text-align: right
}

/* HEADER */
header {
  clear: both;
}

header #navigation {
  width: 654px;
  float: left;
  margin: 0px 0px 50px 20px;
}

header #search {
  width: 300px;
  float: right;
  display: inline;
  text-align: right
}





/* NAVIGATION */
#navigation {
  margin: 0px 0px 0px 0px;
  position: relative;
}

#navigation a {
  font-size: 1.125em;
  font-weight: normal;
  text-align: center;
  text-decoration: none
}

#navigation a:hover {
  text-decoration: underline
}

#navigation a.home {
  font-size: 1.18em;
  display: block;
  float: left;
  width: 86px;
  height: 35px;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  top: 0;
  visibility: visible;
}

#navigation a.home:hover {
  text-decoration: underline
}

#navigation a.home span {
  display: block;
  margin-top: 15px
}

#navigation a.home span.bar {
  position: absolute;
  height: 2px;
  width: 86px;
  top: 39px;
  left: 0px;
  margin: 0;
  display: none;
  visibility: visible;
}

/* ADDSEARCH */
input.addsearch {
  width: 250px;
  margin: 10px 10px 0px 0px;
  padding: 3px 6px;
  border: 1px solid #D3BCA1;
  background-image: url(https://addsearch.com/logo/AAAAAA-16.png);
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

body.home #navigation a.home span.bar,
body #navigation a.home:hover span.bar {
  display: block;
  color: #000000
}

#navigation a.home span.bar,
body #navigation a.home:hover span.bar {
  display: block;
  color: #000000
}

#navigation ul {
  float: left;
  margin: 14px 0px 0px 112px;
  overflow: hidden;
  line-height: 1.2;
}

#navigation ul li {
  float: left;
  width: auto;
  padding: 0px 11px 0px 12px;
  background: transparent url(/images/bar.gif) no-repeat 0% 0.4em;
}

#navigation ul li.first {
  background-image: none;
  padding-left: 0;
}

/* SEARCH */
#search {
  margin: 10px 10px 0px 0px;
}

form {
  clear: both
}

fieldset {
  border: 0
}

#search fieldset {
  float: right;
  width: auto;
}

#search label,
#search input {
  float: left;
  width: auto;
}

#search label {
  line-height: 1.8;
}

label {
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 12px
}

input#cases {
  width: 170px;
  border-top: 1px solid #a1a1a1;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #a1a1a1
}

input.button {
  border: 0;
  font-size: 1em;
  padding: 2px;
  margin: 0;
  float: left;
}

.button:hover,
.button:focus {
  cursor: pointer
}

/* HELPERS */
#helpers {
  margin: 20px 0px 0px 0px;
  float: right;
  width: auto;
  position: relative;
  z-index: 20;
}

#helpers ul {
  float: right;
  width: auto;
}

#helpers li {
  display: block;
  padding-right: 0.4em;
  margin-right: 7px;
  float: left;
}

#helpers li a {
  padding-left: 24px;
  padding-bottom: 3px;
  line-height: 24px;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: normal
}

#helpers li a:hover {
  text-decoration: underline
}

a.email {
  background: transparent url(/images/icons.gif) no-repeat scroll 0px -4px
}

a.print {
  background: transparent url(/images/icons.gif) no-repeat scroll 0 -44px
}

a.bookmark {
  background: transparent url(/images/icons.gif) no-repeat scroll 2px -82px
}

#frontplate {
  margin: -28px 0px 8px 0px;
  overflow: hidden;
  float: left;
  width: 100%;
}

#frontplate div#logo-l,
#frontplate div#logo {
  float: left;
  padding-left: 16px;
  top: -0px;
  left: 16px
}

#frontplate div#logo {
  padding-left: 14px;
  margin-top: 25px;
}

/* FRONTPLATE - HOME*/
body.home #frontplate {
  margin-top: -26px;
  margin-bottom: 31px;
}

body.home #frontplate p.intro {
  float: right;
  display: inline;
  width: 500px;
  margin: 71px 0px 0px 0px;
  padding: 12px 8px 16px 20px;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.6em
}

body.home #frontplate p.intro a {
  text-decoration: underline
}

body.home #frontplate p.intro a:hover {
  text-decoration: underline
}

/* FRONTPLATE - SUBINDEX */
body.subindex #frontplate div#subtitle {
  float: right;
  display: inline;
  width: 620px;
  min-height: 84px;
  margin: 39px 0 0 0;
  padding: 0
}

body.subindex #frontplate h2 {
  width: 520px;
  padding: 16px 0px 16px 10px;
  font-size: 4.2em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1em
}

body.subindex #frontplate h3 {
  width: 520px;
  padding: 0px 0px 16px 10px;
  font-size: 2.0em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.3em
}

/* breadcrumb */
#breadcrumb {
  padding: 0 0 10px;
  clear: both;
}

#breadcrumb ul {
  margin-left: 140px;
  overflow: hidden;
}

#breadcrumb ul li {
  float: left;
  display: block;
  margin: 0px 12px 1px 0px
}

#breadcrumb ul li a {
  display: block;
  background: transparent url(/images/icons.gif) 0px -310px no-repeat scroll;
  padding-left: 12px
}

#breadcrumb ul li a:hover {
  text-decoration: underline
}

/* section-nav */
#section-nav {
  background-color: #f2f0ed;
  padding: 6px 0 6px 140px;
  overflow: hidden;
  clear: both;
}

/* body.home #section-nav {padding-right:248px}*/
#section-nav ul {
  float: left;
  width: 100%;
}

#section-nav ul li {
  float: left;
  width: auto;
  margin: 0 10px 2px 0;
  padding-left: 16px;
  min-height: 30px;
  border-left: 1px solid #9b9996;
  width: 7em;
}

#section-nav ul li.item-1 {
  padding-left: 0;
}

#section-nav ul li.first {
  border-left: none
}

#section-nav ul li a {
  font-weight: bold;
  display: block;
  line-height: 1.2;
  font-size: 1.3em;
  font-family: Georgia, "Times New Roman", Times, serif
}

#section-nav ul li a:hover,
#section-nav ul li.highlight a {
  color: #e31a3d
}

#section-nav ul li.item-1 {
  border-left: none
}

#section-nav ul li.item-2 {
  width: 8.5em;
}

#section-nav ul li.item-3 {
  width: 8.6em;
}

#section-nav ul li.item-4 {
  width: 11.1em;
}

#section-nav ul li.item-5 {
  width: 12.5em;
}

#section-nav ul li.item-6 {
  width: 7em;
  margin: 0;
}

/* HOMENAV */
#homenav {
  height: 47px
}

#homenav h3 {
  float: left;
  display: inline;
  margin: 8px 14px 0px 23px;
  padding: 0
}

#homenav h3.first {
  margin-left: 0px
}

/* PROMOS */
ul#promos li.promo {
  background: #6f5a46 url(/images/bg-promo.gif) bottom left repeat-x;
  border: 1px solid #8c7964;
  float: left;
  display: inline;
  width: 187px;
  margin: 0px 8px 13px 0px
}

ul#promos li.last {
  margin-right: 0
}

ul#promos li span.image {
  margin: 3px 3px 0px 3px
}

ul#promos li.promo ul {
  margin: 0;
  padding: 0
}

/* VARIANTS */
body.home ul#promos {
  overflow: hidden;
}

body.home ul#promos li.promo {
  min-height: 180px;
  padding: 0px 0px 22px 0px
}

body.subindex ul#promos {
  overflow: hidden;
}

body.subindex ul#promos li.promo {
  min-height: 210px;
  padding: 0px 0px 4px 0px
}

body.subindex ul#promos li.extended {
  min-height: 210px
}

ul#promos li#promo-1 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/vtc1.jpg) no-repeat 0px 0px
}

ul#promos li#promo-2 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/vtc2.jpg) no-repeat 0px 0px
}

ul#promos li#promo-3 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/vtc3.jpg) no-repeat 0px 0px
}

ul#promos li#promo-4 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-paperwork.jpg) no-repeat 0px 0px
}

/* court procedures */
ul#promos li#promo-7 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt1.jpg) no-repeat 0px 0px
}

ul#promos li#promo-8 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt2.jpg) no-repeat 0px 0px
}

ul#promos li#promo-9 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt3.jpg) no-repeat 0px 0px
}

ul#promos li#promo-10 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt4.jpg) no-repeat 0px 0px
}

ul#promos li#promo-11 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt5.jpg) no-repeat 0px 0px
}

ul#promos li#promo-12 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt6.jpg) no-repeat 0px 0px
}

/* visiting */
ul#promos li#promo-13 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt1.jpg) no-repeat 0px 0px
}

ul#promos li#promo-14 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt2.jpg) no-repeat 0px 0px
}

ul#promos li#promo-15 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt3.jpg) no-repeat 0px 0px
}

ul#promos li#promo-16 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt4.jpg) no-repeat 0px 0px
}

ul#promos li#promo-17 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt5.jpg) no-repeat 0px 0px
}

ul#promos li#promo-18 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/cpt6.jpg) no-repeat 0px 0px
}

/* about */

ul#promos li#promo-19 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/au1.jpg) no-repeat 0px 0px
}

ul#promos li#promo-20 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-whos-who.jpg) no-repeat 0px 0px
}

ul#promos li#promo-21 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-venue-hire.jpg) no-repeat 0px 0px
}

ul#promos li#promo-22 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/au4.jpg) no-repeat 0px 0px
}

ul#promos li#promo-23 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/au5.jpg) no-repeat 0px 0px
}

ul#promos li#promo-24 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/au6.jpg) no-repeat 0px 0px
}

ul#promos li#promo-student-writing-competition span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-student-writing-competition.jpg) no-repeat 0px 0px
}

ul#promos li#promo-25 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo_TheSupremeCourt.jpg) no-repeat 0px 0px
}

ul#promos li#promo-26 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo_CourtForms.jpg) no-repeat 0px 0px
}

ul#promos li#promo-27 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-supreme-court-justices.jpg) no-repeat 0px 0px
}

ul#promos li#promo-swearing-in-ceremony span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-lord-sales.jpg) no-repeat 0px 0px
}

ul#promos li#promo-twitter span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/twitter_withbird.jpg) no-repeat 0px 0px
}

ul#promos li#promo-28 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-welcome.jpg) no-repeat 0px 0px
}

ul#promos li#promo-introductory-film span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-introductory-film.jpg) no-repeat 0px 0px
}

ul#promos li#promo-supremecourt-uk span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-supremecourt-uk.jpg) no-repeat 0px 0px
}

ul#promos li#promo-audio-tour span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-audio-tour.jpg) no-repeat 0px 0px
}

ul#promos li#promo-electronic-bundle span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-electronic-bundles.jpg) no-repeat 0px 0px
}

ul#promos li#promo-late-night-at-the-court span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-late-night-at-the-court.jpg) no-repeat 0px 0px
}

ul#promos li#promo-video-on-demand span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-video-on-demand.jpg) no-repeat 0px 0px
}

ul#promos li#promo-edinburgh-sittings span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-edinburgh-sittings.jpg) no-repeat 0px 0px
}

ul#promos li#magna-carta-exhibition span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-magna-carta-exhibition.jpg) no-repeat 0px 0px
}

ul#promos li#promo-first-100-years span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-first-100-years.jpg) no-repeat 0px 0px
}

ul#promos li#promo-open-days-and-open-house-weekend span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-open-days-and-open-house-weekend.jpg) no-repeat 0px 0px
}

ul#promos li#promo-supremecourt-one span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/court-1-scl.jpg) no-repeat 0px 0px
}

ul#promos li#promo-supremecourt-two span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/court-1-scl.jpg) no-repeat 0px 0px
}

ul#promos li#promo-article-50-brexit-appeal span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-article-50-brexit-appeal.jpg) no-repeat 0px 0px
}

ul#promos li#promo-ja-recruitment span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-ja-recruitment.jpg) no-repeat 0px 0px
}

ul#promos li#promo-judicial-vacancies span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-judicial-vacancies.jpg) no-repeat 0px 0px
}

ul#promos li#promo-venue-hire span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-supreme-court-at-night.jpg) no-repeat 0px 0px
}

ul#promos li#promo-supreme-court-in-cardiff span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-supreme-court-in-cardiff.jpg) no-repeat 0px 0px
}

ul#promos li#promo-21 span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-venue-hire.jpg) no-repeat 0px 0px
}

ul#promos li#promo-justices-lecture-series span.image {
  display: block;
  width: 181px;
  height: 100px;
  background: transparent url(/images/promo-justices-lecture-series.jpg) no-repeat 0px 0px
}

ul#promos div.title {
  width: 181px;
  min-height: 26px;
  margin: 0px 0px 4px 3px;
  padding: 0;
}

ul#promos div.title h5,
ul#promos div.title h2,
ul#promos div.title h3 {
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 6px 6px 5px;
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif
}

ul#promos div.title h5 a,
ul#promos div.title h2 a,
ul#promos div.title h3 a {
  color: #fff;
}

ul#promos div.title h4 {
  font-size: 1.1em;
  line-height: 1.2em;
  padding: 6px 6px 5px;
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif
}

ul#promos div.title h4 a {
  color: #fff;
}

/* PROMOS ARROWS  */
ul#promos li.arrow {
  background: transparent url(/images/icons.gif) 0px -115px no-repeat scroll;
  padding: 0px 8px 0px 20px;
  margin: 0px 0px 0px 0px
}

ul#promos li.arrow:hover,
ul li.highlight {
  background-position: 0px -155px
}

ul#promos li.arrow a {
  display: block;
  padding: 6px 0px 0px 0px;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.2em;
  text-decoration: none;
}

ul#promos li.arrow a:hover {
  text-decoration: underline
}

/* QUICKLINKS */
body.home #quicklinks {
  margin: 7px 0px 0px 0px
}

body.home #quicklinks h2 {
  width: 580px;
}

body.home #quicklinks ul {
  width: 186px;
  padding: 0
}

.linklist h2 {
  display: block;
  font-size: 1.3em;
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 8px 0px;
  color: #fff
}

.linklist li {
  font-size: 1.1em;
  margin: 0px 0px 4px 0px;
  padding: 0;
  color: #fff;
}

.linklist ul.arrow a {
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.1em;
  color: #fff
}

.linklist .col {
  float: left;
  width: 170px;
  margin: 0px 20px 8px 0px
}

.linklist .last {
  margin-right: 0
}

ul.chevron li {
  display: block;
  background: url(/images/icons.gif) 0px -278px no-repeat scroll;
  padding-left: 12px
}

ul.chevron a:hover {
  text-decoration: underline;
  color: #c2b7ac
}

ul.chevron a:hover span {
  color: #fff
}

a.chevron {
  display: block;
  background: url(/images/icons.gif) 0px -278px no-repeat scroll;
  padding-left: 12px
}

/* TABS */
.ui-tabs .ui-tabs-hide {
  position: absolute;
  left: -10000px;
  visibility: visible;
}

#tabs {
  width: 238px;
  margin: 16px 0px 0px 0px
}

.ui-tabs-nav:after {
  /* clearing without presentational markup, IE gets extra treatment */
  display: block;
  clear: both;
  content: " ";
}

ul.ui-tabs-nav li {
  float: left
}

ul.ui-tabs-nav {
  margin-bottom: 9px;
}

ul.ui-tabs-nav li a.left {
  width: 118px;
  background: transparent url(/images/tabs.jpg) 0px 0px no-repeat scroll;
}

ul.ui-tabs-nav li a.left:hover {
  background-position: 0px -72px
}

ul.ui-tabs-nav li.ui-tabs-selected a.left {
  background-position: 0px -72px
}

ul.ui-tabs-nav li a.right {
  width: 120px;
  background: transparent url(/images/tabs.jpg) -118px 0px no-repeat scroll
}

ul.ui-tabs-nav li a.right:hover {
  background-position: -118px -72px
}

ul.ui-tabs-nav li.ui-tabs-selected a.right {
  background-position: -118px -72px
}

ul.ui-tabs-nav li.ui-state-default {
  background-color: #CBC4BC;
}

ul.ui-tabs-nav li.ui-state-active {
  background-color: #5B4A3A;
}

ul.ui-tabs-nav li a span {
  color: #333
}

ul.ui-tabs-nav li a:hover {
  text-decoration: none;
}

ul.ui-tabs-nav li a:hover span {
  color: #fff;
}

ul.ui-tabs-nav li.ui-tabs-selected a span {
  color: #fff
}

ul.ui-tabs-nav li a {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

ul.ui-tabs-nav li a.left span {
  display: block;
  padding: 8px 8px 8px 16px
}

ul.ui-tabs-nav li a.right span {
  display: block;
  padding: 8px 8px 8px 16px
}

.tab-content {
  min-height: 198px;
  width: 238px;
  background: #48392a;
  padding: 10px 0px 20px 0px;
  border-bottom: 2px solid #846e58;
  border-top: 2px solid #9a8976;
  clear: both
}

.tab-content h4 {
  margin: 20px 0px 0px 0px;
  width: 208px;
  /*freaks out without this*/
}

.tab-content ul {
  clear: both
}

.tab-content ul li {
  font-size: 1em;
  margin: 0px 3px 8px 0px;
}

.tab-content ul.chevron li {
  margin: 0px 0px 10px 0px;
}

.tab-content h4 {
  display: block;
  height: 14px;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px 12px 8px 12px;
  padding: 0px 0px 6px 0px;
  border-bottom: 1px dotted #9a8976;
  color: #fff
}

.tab-content h4 span.title {
  float: left;
  display: inline
}

.tab-content h4 span.date {
  float: right;
  display: inline
}

.tab-content span.court {
  display: block;
  margin: 4px 0px 0px 0px;
  color: #fff
}

.tab-content h5 {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px 0px 8px 0px;
  color: #fff
}

.tab-content h6 {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  margin: 0px 0px 8px 0px;
  color: #fff
}

.tab-content p {
  font-size: 1.1em;
  margin: 0px 0px 8px 0px;
  color: #fff
}

.tab-content a {
  font-size: 1em;
  margin: 0px 0px 8px 0px;
  color: #fff
}

#tabs .tab-content ul li a:hover {
  text-decoration: underline
}

.tab-content ul {
  margin: 0px 0px 8px 12px;
}

.tab-content ul li a {
  font-weight: lighter
}

.tab-content div.hr {
  width: 237px;
  clear: both;
  height: 1px;
  background: #9a8976 no-repeat scroll center;
  margin: 0px 0px 12px 0px
}

.tab-content div.hr hr {
  display: none;
}


/* SUPREME COURT LIVE TABS */
.ui-tabs .ui-tabs-hide {
  position: absolute;
  left: -10000px;
  visibility: visible;
}

#tabs-scl {
  width: 238px;
  margin: 16px 0px 0px 0px
}

.ui-tabs-nav:after {
  /* clearing without presentational markup, IE gets extra treatment */
  display: block;
  clear: both;
  content: " ";
}

.tab-content-scl {
  width: 720px;
  padding: 10px 0px 0px 0px;
  border: 2px solid #9a8976;
  clear: both;
  margin-bottom: 10px;
}

.tab-content-scl h4 {
  margin: 20px 0px 0px 0px;
  /*freaks out without this*/
}

.tab-content-scl h4 {
  display: block;
  height: 16px;
  font-size: 1.8em;
  font-weight: bold;
  margin: 0px 12px 8px 12px;
  padding: 0px 0px 6px 0px;
  border-bottom: 1px solid #9a8976;
  color: #fff
}

.tab-content-scl p {
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0px 12px 8px 12px;
  color: #fff
}

.tab-content-scl a {
  text-decoration: underline;
  color: inherit
}

#tabs .tab-content-scl a:hover {
  text-decoration: none;
  color: #fff
}

.tab-content-scl div.hr {
  clear: both;
  height: 1px;
  background: #9a8976 no-repeat scroll center;
  margin: 0px 0px 12px 0px
}

.tab-content-scl div.hr hr {
  display: none
}

/* SUPREME COURT LIVE VIDEO */
.supreme-court-live {
  margin: 10px 10px 10px 10px;
  border: 1px solid;
  border-color: #efebe7;
  width: 720px;
  height: 405px;
}

#panel-scl {
  padding: 0px 0px 0px 0px;
  border: 1px solid #fff;
  clear: both;
  margin-bottom: 10px;
}

#panel-scl h3 {
  display: block;
  height: 16px;
  font-size: 2.0em;
  margin: 10px 12px 8px 16px;
  padding: 0px 0px 6px 0px;
  border-bottom: 1px solid;
  color: #fff;
}

#panel-scl h4 {
  display: block;
  height: 16px;
  font-size: 1.8em;
  font-weight: bold;
  margin: 10px 12px 8px 16px;
  padding: 0px 0px 6px 0px;
  border-bottom: 1px solid;
  color: #fff;
}

#panel-scl p {
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 0px 12px 8px 12px;
  color: #fff
}

#panel-scl a {
  text-decoration: underline;
  color: #fff
}

#panel-scl a:hover {
  text-decoration: none;
  color: #fff
}

#panel-scl div.hr {
  clear: both;
  height: 1px;
  background: #9a8976 no-repeat scroll center;
  margin: 0px 0px 12px 0px
}

#panel-scl div.hr hr {
  display: none
}


/* CONTENT PANELS */
div.panel-supreme-court-live {
  width: 100%;
  background: #efebe7;
  border: 1px solid #fff;
  padding: 0px 0px 12px 0px
}

div.panel-supreme-court-live h3 {
  font-size: 2em;
  line-height: 1.2em;
  padding: 6px 6px 5px;
  color: #fff;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.panel-supreme-court-live h3 {
  font-size: 2em;
  padding: 4px 0px 4px 14px
}


/* COLOR */
#tabs ul li a {
  color: #fff
}

#tabs ul li a:hover {
  color: #fff
}

/* COLOR */
#tabs ul li a:hover {
  color: #fff
}

/* FORM */
#search-cases {
  margin: 0px 0px 12px 0px
}

#search-cases label {
  display: block;
  font-size: 1em;
  padding: 0px 0px 8px 14px;
  color: #fff
}

#search-cases input#cases {
  float: left;
  width: 180px;
  margin: 0px 0px 0px 12px
}

#search-cases input.cases {
  float: left;
  width: 180px;
  margin: 0px 0px 0px 12px
}

#search-cases input.button {
  float: left;
  margin-left: 5px;
  border: 0;
  font-size: 1em;
  padding: 2px;
  color: #fff;
  background-color: #7f6c58
}

span.error {
  display: none;
  padding: 3em;
  background: #FFFFCC;
  border: 1px solid #FF3333
}

form#cases {
  margin: 12px 0px 16px 0px;
  background: url(/images/promo-currentcases.jpg) 615px 0px no-repeat scroll
}

form.cases {
  margin: 12px 0px 16px 0px;
  background: url(/images/promo-currentcases.jpg) 615px 0px no-repeat scroll
}

form#cases label {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
  margin: 0px 0px 8px 16px;
}

form#cases input#keywords {
  width: 340px;
  height: 21px;
  float: left;
  display: inline;
  border: 0;
  padding: 4px 8px 0px 0px;
  margin: 0px 8px 8px 16px;
  font-size: 1.1em;
}

form#cases div.button {
  float: left;
  width: 6em;
  text-align: center;
  background: #606060;
  padding: 2px
}

form#cases div.button input {
  width: 6em;
  color: #fff;
  background: #606060;
  padding: 2px 4px 2px 4px;
  border: 1px solid #999
}

#case-search p {
  clear: both;
  font-size: 1.1em;
  color: #000;
  margin: 0px 0px 4px 16px;
  padding: 0px 0px 2px 0px
}

#case-search p a {
  font-size: 1em;
  font-weight: bold;
  margin: 8px 0px 0px 0px
}

form#cases hr {
  clear: left;
  margin: 12px 16px 12px 16px
}

#case-search p a.bold {
  color: #000
}

/* NEWS */
#news {
  width: 238px;
  padding: 9px 0px 9px 0px;
  position: relative
}

#news.first {
  margin: 0px 0px 0px 0px
}

#news .item img {
  float: right;
  margin-top: -21px;
  border: 1px solid #474644;
  margin-left: 20px;
}

#news .item p {
  font-size: 1.1em;
  line-height: 1.2;
  margin: 0px 8px 2px 8px;
  padding: 0px 0px 6px 0px
}

#news .item h5 {
  font-size: 1.1em;
  margin: 0px 0px 8px 0px;
  padding: 4px 0px 5px 20px;
  background: url(/images/icons.gif) 0px -200px no-repeat scroll
}

#news .item h5 a {
  font-size: 1em;
  color: #fff
}

#news .item a {
  font-weight: bold;
  color: #fff
}

#news .item a:hover {
  text-decoration: underline
}

body.home #news {
  min-height: 138px
}

/* SUPREME COURT LIVE */
#live-index {
  width: 500px;
  border: 1px solid #c4c4c4;
  border: 1px solid;
  border-color: #c2b7ac;
  padding: 0px 0px 0px 0px;
  margin-bottom: 10px;
}

#live-index h3 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 0px 0px 12px 0px;
  color: #fff;
  background-color: #3a73b5
}

#live-index h3 {
  font-size: 2.1em;
  padding: 4px 4px 4px 4px;
  line-height: 1.2em
}

#live-index p {
  font-size: 2em;
  margin: 5px 5px 5px 5px;
  padding: 0px 0px 6px 0px;
  color: #fff;
  line-height: 1.2em;
}

#live-index p a {
  font-weight: bold;
  text-decoration: underline;
  color: #fff;
}

#live-index p a:hover {
  text-decoration: none;
}

#live-index p a:visited {
  color: #fff;
}


/* SUPREME COURT LIVE VIDEO */
.supreme-court-live {
  margin: 10px 10px 10px 20px;
  border: 1px solid;
  border-color: #efebe7;
  width: 720px;
  height: 405px;
}

#panel-scl {
  padding: 0px 0px 0px 0px;
  border: 1px solid #fff;
  clear: both;
  margin-bottom: 10px;
}

#panel-scl h3 {
  display: block;
  height: 16px;
  font-size: 2.0em;
  font-weight: bold;
  margin: 10px 12px 8px 16px;
  padding: 0px 0px 6px 0px;
  border-bottom: 1px solid;
  color: #fff;
}

#panel-scl h4 {
  display: block;
  height: 16px;
  font-size: 1.8em;
  font-weight: bold;
  margin: 10px 12px 8px 16px;
  padding: 0px 0px 6px 0px;
  border-bottom: 1px solid;
  color: #fff;
}

#panel-scl p {
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 0px 12px 8px 12px;
}

#panel-scl p a {
  text-decoration: underline;
  color: #fff;
}

#panel-scl p a:hover {
  text-decoration: none;
  color: #fff;
}

#panel-scl div.hr {
  clear: both;
  height: 1px;
  background: #9a8976 no-repeat scroll center;
  margin: 0px 0px 12px 0px
}

#panel-scl div.hr hr {
  display: none
}





.panel-live {
  width: 100%;
  background: #efebe7;
  border: 1px solid #fff;
  padding: 0px 0px 12px 0px;
  margin-bottom: 20px;
}

.panel-live h3,
.panel-live h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 0px 0px 20px 0px;
  color: #fff;
  background-color: #3366cc
}

.panel-live h3,
.panel-live h2 {
  font-size: 2em;
  padding: 4px 0px 4px 14px
}

.panel-live h4 {
  color: #fff;
  background: #606060;
  text-align: left;
  margin: 0px 16px 10px 10px;
  padding: 6px;
  font-size: 1.9em;
}

.panel-live h5 {
  font-size: 1.9em;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0px 12px 2px 14px;
}

.panel-live p {
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 0px 14px 12px 14px;
}

.panel-live p a {
  text-decoration: underline;
  color: #3366cc;
}

.panel-live p a:hover {
  text-decoration: none;
}

.panel-live p a:visited {
  color: #3366cc;
}

.panel-live div.hr {
  clear: both;
  height: 1px;
  background: #9a8976 no-repeat scroll center;
  margin: 0px 0px 12px 0px
}

.panel-live div.hr hr {
  display: none
}

.panel-live p copyright {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0px 12px 8px 12px;
}


.panel-vod {
  width: 100%;
  background: #efebe7;
  border: 1px solid #fff;
  padding: 0px 0px 12px 0px;
  margin-bottom: 20px;
}

.panel-vod h3,
.panel-vod h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 0px 0px 20px 0px;
  color: #fff;
  background-color: #3366cc
}

.panel-vod h3,
.panel-vod h2 {
  font-size: 2em;
  padding: 4px 0px 4px 14px
}

.panel-vod h4 {
  color: #fff;
  background: #606060;
  text-align: left;
  margin: 0px 16px 10px 10px;
  padding: 6px;
  font-size: 1.9em;
}

.panel-vod h5 {
  font-size: 1.9em;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0px 12px 2px 14px;
}

.panel-vod p {
  font-size: 1.6em;
  line-height: 1.2em;
  margin: 10px 14px 10px 14px;
}

.panel-vod p a {
  text-decoration: underline;
  color: #3366cc;
}

.panel-vod p a:hover {
  text-decoration: none;
}

.panel-vod p a:visited {
  color: #3366cc;
}

.panel-vod div.hr {
  clear: both;
  height: 1px;
  background: #9a8976 no-repeat scroll center;
  margin: 0px 0px 12px 0px
}

.panel-vod div.hr hr {
  display: none
}

.panel-vod p copyright {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0px 12px 8px 12px;
}






/* SOCIAL MEDIA for Flickr */
body.home #social-media {
  width: 187px;
  height: 65px;
  position: relative;
  border: 1px solid;
  border-color: #c2b7ac;
  float: left;
  margin: 0px 4px 8px 0px;
  padding: 0px 0px 4px 0px
}

#social-media h5 {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0px 0px 0px 0px;
  padding: 6px 5px 5px;
  background-color: #3a73b5;
  color: #fff
}

#social-media ul {
  padding: 0;
  margin-top: 5px
}

#social-media ul li {
  float: left;
  padding: 0 0 0 0px;
  margin-left: 5px;
  list-style-type: none;
  font-size: 1.1em
}

#social-media ul li a {
  padding: 4px 0 0 30px;
  height: 32px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 1.45em;
  font-style: normal
}

#social-media ul li a:hover {
  text-decoration: underline
}

#social-media .rss {
  display: block;
  width: 10px;
  background: transparent url(/images/rss2.png) no-repeat 0px 0px;
  background-position: 0px -1px
}

#social-media .twitter {
  display: block;
  width: 10px;
  background: transparent url(/images/twitter2.png) no-repeat 0px 0px;
  background-position: 0px -1px
}

#social-media .youtube {
  display: block;
  width: 10px;
  background: transparent url(/images/youtube2.png) no-repeat 0px 0px;
  background-position: 0px -1px
}

#social-media .flickr {
  display: block;
  width: 10px;
  background: transparent url(/images/flickr.png) no-repeat 0px 0px;
  background-position: 0px -1px
}

#social-media .instagram {
  display: block;
  width: 10px;
  background: transparent url(/images/instagram.png) no-repeat 0px 0px;
  background-position: 0px -1px
}

#social-media p {
  font-size: 1.1em;
  margin: 2px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  color: #fff;
  line-height: 1.2em
}

#social-media p a {
  font-weight: bold;
  color: #fff;
}

#social-media p a:hover {
  text-decoration: underline
}

/* JCPC EXPO */
body.home #jcpcexpo {
  width: 150px;
  height: 65px;
  position: relative;
  border: 1px solid;
  border-color: #c2b7ac;
  float: left;
  margin: 0px 2px 5px 0px;
  padding: 0px 0px 4px 0px
}

#jcpcexpo h5 {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0px 0px 0px 0px;
  padding: 6px 5px 5px;
  background-color: #3a73b5;
  color: #fff
}

#jcpcexpo ul {
  padding: 0;
  margin-top: 5px
}

#jcpcexpo ul li {
  float: left;
  padding: 0 0 0 0px;
  margin-left: 5px;
  list-style-type: none;
  font-size: 1.1em
}

#jcpcexpo ul li a {
  padding: 4px 0 0 10px;
  height: 32px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 1.45em;
  font-style: normal
}

#jcpcexpo ul li a:hover {
  text-decoration: underline
}

#jcpcexpo .exeter {
  display: block;
  width: 150px;
  height: 62px;
  background: transparent url(/images/exeter-university-logo.png) no-repeat 0px 0px;
  background-position: 0px -0px
}

#jcpcexpo .reading {
  display: block;
  width: 150px;
  height: 49px;
  background: transparent url(/images/reading-university-logo.png) no-repeat 0px 0px;
  background-position: 0px -1px
}

#jcpcexpo .journal {
  display: block;
  width: 150px;
  height: 73px;
  background: transparent url(/images/journal-of-legal-history-logo.png) no-repeat 0px 0px;
  background-position: 0px -1px
}

#jcpcexpo .blandy {
  display: block;
  width: 150px;
  height: 66px;
  background: transparent url(/images/blandy-and-blandy-logo.jpg) no-repeat 0px 0px;
}

#jcpcexpo .field {
  display: block;
  width: 150px;
  height: 42px;
  background: transparent url(/images/field-seymour-parkes-logo.jpg) no-repeat 0px 0px;
  background-position: 0px -1px
}

#jcpcexpo .harrison {
  display: block;
  width: 150px;
  height: 77px;
  background: transparent url(/images/harrison-clark-rickerbys-logo.png) no-repeat 0px 0px;
  background-position: 0px -1px
}

#jcpcexpo .hart {
  display: block;
  width: 100px;
  height: 194px;
  background: transparent url(/images/hart-publishing-logo.jpg) no-repeat 0px 0px;
  background-position: 0px -1px
}

/* RSS LINK */
#rss-link {
  padding: 0px 0px 0px 0px;
  position: relative;
  margin: 0px 0px 0px 0px;
  width: 187px;
  float: right
}

#rss-link ul {
  margin: 0;
  padding: 0
}

#rss-link ul li {
  float: left;
  padding: 5px 0 0 5px;
  margin-left: 5px;
  list-style-type: none
}

#rss-link ul li a {
  padding: 4px 0 0 28px;
  height: 20px;
  text-decoration: underline;
  color: #993300;
  line-height: 1.45em
}

#rss-link ul li a:hover {
  text-decoration: none
}

#rss-link .rss {
  background: url(/images/rss-icon.png) no-repeat;
  background-position: 0px -1px;
  font-size: 0.75em;
}


/* DOWNLOAD */
#download {
  width: 192px;
  padding: 0px 0px 0px 0px;
  position: relative;
  min-height: 45px;
  border-color: #c2b7ac;
  border: 1px solid;
  margin-top: 10px
}

#download.first {
  margin: 0px 0px 0px 0px
}

#download .item p {
  font-size: 1em;
  margin: 0px 8px 2px 8px;
  padding: 0px 0px 6px 0px
}

#download .item h5 {
  font-size: 0.8em;
  line-height: 1.2em;
  margin: 0px 0px 8px 0px;
  padding: 6px 5px 5px;
  background-color: #3a73b5;
  color: #fff
}

#download .item a {
  font-size: 0.7em;
  color: #fff
}

#download .item a:hover {
  text-decoration: underline
}


/* UKSC cookie consent */
#cookieDirective {
  background: #FFC;
  border-top: 1px solid #CCCCCC
}

#cookieDirective .cookie-policy {
  color: #000;
  height: 75px;
  margin: 0 auto;
  width: 960px
}

#cookieDirective #accept-cookies {
  float: left;
  padding-top: 10px
}

#cookieDirective .cookie-alert {
  color: #000
}

#cookieDirective .explanation {
  display: inline-block;
  float: left;
  width: 760px
}

#cookieDirective .explanation p {
  font-size: 1.3em;
  font-weight: normal;
  line-height: 1.2em;
  padding: 10px 8px 16px 20px
}

#cookieDirective #accept-cookies {
  float: left;
  padding-top: 10px;
  width: 200px
}

#cookieDirective #accept-cookies p {
  font-size: 1.2em;
  padding-top: 10px
}

#cookieDirective #accept-cookies p a {
  text-decoration: underline
}


/* PANEL-FILLED - GENERAL*/
/* COURT SITTINGS */
.panel-filled p {
  font-size: 1em;
  margin: 4px 15px 8px 15px;
  padding: 0px 0px 8px 0px;
  line-height: 1.2em
}

.panel-filled p.first {
  margin-top: 14px
}

.panel-filled p.last {
  margin-bottom: 8px
}

.panel-filled p.indent {
  margin-left: 50px
}

.panel-filled h4 {
  font-size: 1.2em;
  margin: 10px 0px 8px 15px;
  line-height: 1.2em;
}

.panel-filled h4.icon {
  padding-left: 18px
}

.panel-filled h5 {
  font-size: 1.2em;
  line-height: 1em;
  margin: 0px 0px 6px 15px
}

.panel-filled h5 a {
  text-decoration: underline;
}

.panel-filled h5 a:hover {
  text-decoration: none
}

.panel-filled h5 span {
  font-size: 0.9em
}

.panel-filled h5 .practice-direction {
  font-size: 0.9em;
}

.panel-filled h5 .practice-direction a {
  text-decoration: underline;
  font-size: 0.9em;
  font-weight: normal;
  color: #990099;
  background-color: transparent
}

.panel-filled h5 .practice-direction a:hover {
  text-decoration: none
}

.panel-filled h6 {
  font-size: 1em;
  line-height: 1.1em;
  margin: 0px 0px 6px 15px
}

.panel-filled h6 a {
  text-decoration: none
}

.panel-filled h6 a:hover {
  text-decoration: underline
}

.panel-filled h6 span {
  font-size: 0.8em
}

.panel-filled h6 .practice-direction {
  font-size: 0.9em;
}

.panel-filled h6 .practice-direction a {
  text-decoration: underline;
  font-size: 0.9em;
  font-weight: normal;
  color: #990099;
  background-color: transparent
}

.panel-filled h6 .practice-direction a:hover {
  text-decoration: none
}

.panel-filled hr {
  margin: 20px 15px 15px 15px
}

.panel-filled form hr {
  margin: 12px 8px 8px 0px
}

.panel-filled img.right {
  float: right;
  margin: 0px 20px 20px 20px
}

.panel-filled img.left {
  float: left;
  margin: 0px 20px 20px 20px
}

.panel-filled a {
  font-size: 1em;
  margin: 8px 0px 6px 0px;
  text-decoration: underline
}

.panel-filled a:hover {
  text-decoration: none
}

.panel-filled ul {
  margin: 10px 15px 15px 40px
}

.panel-filled ul li {
  font-size: 1em;
  list-style: disc;
  margin: 8px 0px 0px 15px;
  line-height: 1.2em
}

.panel-filled ol {
  margin: 5px 15px 15px 40px
}

.panel-filled ol li {
  font-size: 1em;
  list-style: decimal;
  margin: 8px 0px 0px 15px
}

.panel-filled table ol li {
  font-size: 1em;
}

.panel-filled ol.alpha ul li {
  font-size: 1em;
  list-style-type: disc;
  margin: 8px 0px 0px 15px;
  line-height: 1.2em;
}

.panel-filled ol.alpha {
  margin: 10px 15px 15px 40px
}

.panel-filled ol.alpha li {
  font-size: 1em;
  list-style: lower-alpha;
  margin: 8px 0px 0px 15px;
  line-height: 1.2em;
}

.panel-filled ol ol.alpha {
  margin: 10px 15px 15px 40px
}

.panel-filled ol ol.alpha li {
  font-size: 1em;
  list-style: lower-alpha;
  margin: 8px 0px 0px 15px;
  line-height: 1.2em;
}

.panel-filled ol.lower-roman {
  margin: 10px 15px 15px 40px
}

.panel-filled ol.lower-roman li {
  font-size: 1em;
  list-style: lower-roman;
  margin: 8px 0px 0px 15px;
  line-height: 1.2em;
}

.panel-filled h5.listheading {
  font-size: 1em;
  margin: 4px 0px 0px 35px
}

/* NEWS RELEASES */
.panel-filled .picture {
  background-color: #F9F9F9;
  border: 1px solid #CCCCCC;
  padding: 3px;
  font: 11px Arial, sans-serif
}

.panel-filled .picture img {
  border: 1px solid #CCCCCC;
  vertical-align: middle;
  margin-bottom: 3px
}

.panel-filled .right {
  margin: 4px 15px 8px 15px;
  float: right
}

.panel-filled .left {
  margin: 0.5em 0.8em 0.5em 0.5em;
  float: left
}

.panel-filled p sup {
  height: 0;
  line-height: 2;
  vertical-align: baseline;
  position: relative;
  bottom: 1ex;
}

.panel-filled ul sup {
  height: 0;
  line-height: 2;
  vertical-align: baseline;
  position: relative;
  bottom: 1ex;
}

.panel-filled ol sup {
  height: 0;
  line-height: 2;
  vertical-align: baseline;
  position: relative;
  bottom: 1ex;
}

figure {
  display: block;
  background-color: #F9F9F9;
  border: 1px solid #CCCCCC;
  padding: 5px;
  font: 11px Arial, sans-serif
}

/* ABOUT THE COURT */
ul.flush {
  margin-left: 0px
}

ul.flush li {
  list-style: none
}

ul.indent {
  padding-left: 18px
}

/* TABLES */
h4.caption {
  text-align: left;
  margin: 0px 16px 12px 10px;
  padding: 6px
}

h4.judgment-details {
  text-align: left;
  margin: 0px 16px 12px 10px;
  padding: 6px;
  width: 588px;
  background-color: #606060;
  color: #fff;
}

#main h4.caption {
  background-image: url(/images/open.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 5px;
  cursor: pointer;
}

#main h4.caption.close {
  background-image: url(/images/close.png);
}

table.listing {
  background-color: #fff;
}

table.listing caption {
  display: none
}

table.listing th {
  text-align: left;
  padding: 5px 10px 5px 10px;
  font-size: 1em;
  border: 1px solid #eee;
  margin-bottom: 10px;
  background-color: #606060;
  color: #fff
}

table.listing td {
  padding: 5px 8px 10px 10px;
  font-size: 1em;
  border: 1px solid #eee;
  line-height: 1.2em;
}

table.listing tr.new td {
  border-top: 3px solid #eee;
}

table.listing tr.last td {
  height: 10px;
  padding: 0;
  background-color: #606060
}

table.listing td a {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
  display: block;
  line-height: 1.1em;
  padding: 0;
  margin: 0px 0px 0px 0px;
}


table.sortable {
  background-color: #fff;
}

table.sortable caption {
  display: none
}

table.sortable th {
  text-align: left;
  padding: 5px 0px 5px 10px;
  font-size: 1em;
  border: 1px solid #eee;
  margin-bottom: 10px;
  background-color: #606060;
  color: #fff;
}

table.sortable td {
  padding: 5px 8px 10px 10px;
  font-size: 0.875em;
  border: 1px solid #eee;
}

table.sortable tr.new td {
  border-top: 3px solid #eee;
}

table.sortable tr.last td {
  height: 10px;
  padding: 0;
  background-color: #606060
}

table.sortable td a {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
  display: block;
  line-height: 1.1em;
  padding: 0;
  margin: 0px 0px 0px 0px
}

table.sorttable th.sorttable_nosort {
  cursor: default;
}

table#caselist {
  width: 796px;
  margin: 0px 0px 0px 15px;
  table-layout: fixed;
}

table#caselist td.firstColumn {
  width: 150px
}

table#caselist td.secondColumn {
  width: 150px
}

table#caselist td.thirdColumn {
  width: 120px
}

table#caselist td.fourthColumn {
  width: 150px
}

table#caselist td.fifthColumn {
  width: 180px
}

table#caselist td.summary {
  width: 300px
}

table#caselist-test {
  width: 796px;
  margin: 0px 0px 0px 15px
}

table#caselist-test td.firstColumn {
  width: 120px
}

table#caselist-test td.secondColumn {
  width: 120px
}

table#caselist-test td.thirdColumn {
  width: 120px
}

table#caselist-test td.fourthColumn {
  width: 200px
}

table#casedetails-1 {
  width: 400px;
  float: left;
  margin: 0px 0px 0px 12px
}

table#casedetails-2 {
  width: 400px;
  float: right;
  margin: 0px 12px 0px 0px;
}

table#casedetails-3 {
  width: 400px;
  float: left;
  margin: 8px 0px 0px 12px
}

table#casedetails-4 {
  width: 400px;
  float: left;
  clear: both;
  margin: 8px 0px 0px 12px
}

table#casedetails-5 {
  width: 400px;
  float: right;
  margin: 8px 12px 0px 0px
}

table#casedetails-1 td.firstColumn {
  width: 200px;
  font-weight: bold
}

table#casedetails-1 td.secondColumn {
  width: 200px
}

table#casedetails-3 td.firstColumn {
  width: 260px;
  font-weight: bold
}

table#casedetails-3 td.secondColumn {
  width: 140px
}

table#casedetails-4 td.firstColumn,
table#casedetails-4 td.thirdColumn {
  width: 200px;
  font-weight: bold
}

table#casedetails-4 td.secondColumn,
table#casedetails-4 td.fourthColumn {
  width: 200px
}

table#casedetails-4 tr {
  border-left: 1px solid red
}

table#casedetails-5 td.firstColumn,
table#casedetails-4 td.thirdColumn {
  width: 200px;
  font-weight: bold
}

table#casedetails-5 td.secondColumn,
table#casedetails-4 td.fourthColumn {
  width: 200px
}

table#casedetails-5 tr {
  border-left: 1px solid red
}

table#casedetails-2 td.summary {
  padding-bottom: 12px
}

table.sittingslist {
  width: 115px;
  margin: 0px 0px 0px 0px;
  float: left;
  display: inline
}

table.sittingslist td {
  width: 100px;
}

table.sittingslist caption {
  padding: 0.4em;
  margin: 0px 0px 10px 0px;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  background-color: #606060;
}

table.sittingslist th {
  background-color: #fff;
  color: #333
}

table#sittingslist-1 {
  margin-left: 15px
}

table.tourguide {
  max-width: 500px;
  margin-left: 15px;
  margin-bottom: 10px;
  float: left;
  display: inline
}

table.tourguide td {
  width: Auto;
}

table.tourguide caption {
  padding: 0.4em;
  margin: 0px 0px 10px 0px;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  background-color: #606060;
}

table.tourguide th {
  text-align: left;
  padding: 5px 5px 5px 10px;
  font-size: 1em;
  border: 1px solid #eee;
  margin-bottom: 10px;
  background-color: #606060;
  color: #fff
}

table#tourguide-1 {
  margin-left: 15px
}

table.video-summary {
  width: 600px;
  margin-left: 10px;
  margin-bottom: 15px;
  float: left;
  display: inline
}

table.video-summary td.firstColumn {
  width: 200px
}

table.video-summary td.secondColumn {
  width: 400px
}

table.video-summary td a {
  text-decoration: underline;
  font-weight: normal;
  display: inline-block;
  padding: 0;
  margin: 0px 0px 0px 0px;
  color: #3366cc;
  background-color: transparent
}

table.video-summary caption {
  padding: 0.4em;
  margin: 0px 0px 10px 0px;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  background-color: #606060
}

table.video-summary th {
  text-align: left;
  padding: 5px 5px 5px 10px;
  font-size: 1.3em;
  border: 1px solid #eee;
  margin-bottom: 10px;
  color: #fff
}

table.video-hearing {
  width: 600px;
  margin-left: 10px;
  margin-bottom: 15px;
  float: left;
  display: inline
}

table.video-hearing td {
  width: 200px
}

table.video-hearing td a {
  text-decoration: underline;
  font-weight: normal;
  display: inline-block;
  padding: 0;
  margin: 0px 0px 0px 0px;
  color: #3366cc;
  background-color: transparent
}

table.video-hearing caption {
  padding: 0.4em;
  margin: 0px 0px 10px 0px;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  background-color: #606060
}

table.video-hearing th {
  text-align: left;
  padding: 5px 5px 5px 10px;
  font-size: 1.25em;
  border: 1px solid #eee;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 400;
}

table.cookies {
  width: 575px;
  margin-left: 15px;
  float: left;
  display: inline
}

table.cookies td {
  width: Auto;
}

table.cookies caption {
  padding: 0.4em;
  margin: 0px 0px 10px 0px;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  background-color: #606060;
}

table.cookies th {
  text-align: left;
  padding: 5px 5px 5px 10px;
  font-size: 1em;
  border: 1px solid #eee;
  margin-bottom: 10px;
  background-color: #606060;
  color: #fff
}

table#cookies-1 {
  margin-left: 15px
}

table.practice-directions {
  max-width: 574px;
  margin: 10px 10px 10px 10px;
  float: left;
  display: inline
}

table.practice-directions td a {
  text-decoration: underline;
  font-weight: normal;
  display: inline-block;
  padding: 0;
  margin: 0px 0px 0px 0px;
  color: #990099;
  background-color: transparent
}

table.practice-directions caption {
  padding: 0.4em;
  margin: 0px 0px 10px 0px;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  background-color: #606060
}

table.practice-directions th {
  text-align: left;
  padding: 5px 5px 5px 10px;
  font-size: 1em;
  border: 1px solid #eee;
  margin-bottom: 10px;
  background-color: #606060;
  color: #fff
}

/* eBUNDLE GUIDELINES */
div.box-border {
  border: 1px solid #000000;
  margin: 10px;
  margin-left: 50px;
  padding: 5px;
}

/*   FOOTER ORIGINAL 
#footer {border-top:1px solid #999; padding:12px 0 18px 140px;clear:both;line-height:1.2;width:844px;margin-top:3px;float:left;}
#footer .col-1 {float:left;width:40%;}
#footer .col-2 {float:right;width:60%;margin:0px 0px 0px 0px;text-align:right;}
#footer ul {margin:0;padding:0;overflow:hidden;}
#footer ul li {font-size:1.1em;font-weight:normal;float:left;display:inline;margin:0px 4px 0px 0px}
#footer ul li{ padding:0px 6px 0px 12px;background:transparent url(/images/bar.gif) no-repeat 0% 0.3em;}
#footer ul li.first{ background-image:none}
#footer ul li a {font-weight:normal}
#footer ul li a:hover {text-decoration: underline} */

/*   FOOTER  */
footer {
  border-top: 1px solid #999;
  padding: 12px 0 18px 140px;
  clear: both;
  line-height: 1.2;
  width: 100%;
  box-sizing: border-box;
  margin-top: 3px;
  float: left;
}

footer .col-1 {
  float: left;
  width: 40%;
}

footer .col-2 {
  float: right;
  width: 60%;
  margin: 0px 0px 0px 0px;
  text-align: right;
}

footer ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

footer ul li {
  font-size: 1.1em;
  font-weight: normal;
  float: left;
  display: inline;
  margin: 0px 4px 0px 0px
}

footer ul li {
  padding: 0px 6px 0px 12px;
  background: transparent url(/images/bar.gif) no-repeat 0% 0.3em;
}

footer ul li.first {
  background-image: none
}

footer ul li a {
  font-weight: normal
}

footer ul li a:hover {
  text-decoration: underline
}



body.section-1 .graphic {
  width: 194px;
  background: transparent url(/images/vtc2.jpg) no-repeat 0px 0px;
  padding-top: 105px
}

body.section-2 .graphic {
  width: 194px;
  background: transparent url(/images/vtc2.jpg) no-repeat 0px 0px;
  padding-top: 105px
}

body.section-3 .graphic {
  width: 194px;
  background: transparent url(/images/vtc1.jpg) no-repeat 0px 0px;
  padding-top: 105px
}

body.section-4 .graphic {
  width: 194px;
  background: transparent url(/images/left_nav_1.jpg) no-repeat 0px 0px;
  padding-top: 105px
}

body.section-5 div.graphic {
  width: 194px;
  background: transparent url(/images/vtc2.jpg) no-repeat 0px 0px;
  padding-top: 105px
}

#panel-nav {
  margin: 18px 0px 0px 0px;
  overflow: hidden;
}

#panel-nav ul li.rel {
  position: relative;
  margin: 6px 0px 0px 0px;
  padding: 0px 0px 0px 11px;
  border: none;
}

#panel-nav ul li.rel {
  background: url(/images/icons.gif) 0px -1730px no-repeat scroll;
  position: relative;
  float: left;
  width: 183px;
  overflow: hidden;
}

#panel-nav ul li.rel span {
  display: block;
  margin-left: 0;
  padding: 0;
  height: 100%;
  width: 183px;
  background-color: #3b2a1d;
  z-index: 1;
  position: absolute;
  right: 1px;
  top: 0;
  opacity: 0.3;
  -moz-opacity: 0.3;
  height: 4000px;
}

#panel-nav ul li.rel a {
  display: block;
  position: relative;
  color: #fff;
  z-index: 100;
  font-size: 0.75em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  padding: 4px 6px 3px 9px;
}

#panel-nav ul li:hover span {
  opacity: 0.7;
  -moz-opacity: 0.7;
}

#panel-nav ul li.highlight span {
  opacity: 0.7;
  -moz-opacity: 0.7;
}

#panel-nav ul.tree li.branch {
  padding: 0;
  margin: 0;
  border: 0;
  background: #fff;
  padding-bottom: 8px;
  /* tweak */
  float: left;
  width: 100%;
}

#panel-nav ul.tree li.branch ul.nest-1 {
  padding: 0;
  margin: 0;
  border: 0;
  display: inline;
}

#panel-nav ul.tree li.branch ul.nest-1 li {
  background: none;
  margin: 0px 0px 4px 30px;
  padding: 6px 0px 0px 0px;
  list-style: square;
  color: #e31a3d;
  /* default */
}

#panel-nav ul.tree li.branch a {
  position: static;
  width: 169px;
  padding: 4px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
  color: #333;
  font-size: 0.75em;
  font-family: Arial, Helvetica, sans-serif
}

#panel-nav ul.tree li.branch a:hover {
  text-decoration: underline
}

#panel-nav ul.tree li.branch ul.nest-1 li.branch {
  background: none;
  padding: 0;
  list-style: none;
  display: inline;
}

#panel-nav ul.tree li.branch ul.nest-2 {
  display: block;
  float: left;
}

#panel-nav ul.tree li.branch ul.nest-2 li {
  background: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

#panel-nav ul li.branch ul.nest-2 li a {
  display: block;
  padding: 4px 0px 0px 0px;
  margin: 0px 0px 4px 30px;
  color: #333;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
}


/* CASES - PAGING */
.paging {
  font-size: 14px;
  height: 30px;
  margin: 20px 0px 0px 0px
}

.paging .back {
  width: 230px;
  float: left;
  display: inline;
  margin-left: 18px
}

.paging .back a,
.paging .next a {
  font-size: 1.1em;
  padding: 1px 0px 1px 0px;
  margin: 0
}


.paging .info ul {
  margin: 0px 6px 0px 0px;
}

.paging .info ul li {
  float: left;
  display: inline;
  margin: 0px 0px 0px 8px;
}

.paging .info ul li a {
  text-decoration: underline;
  display: inline;
  margin: 0
}

.paging .info p {
  display: inline;
  margin: 0px 0px 0px 12px;

}

.paging .years {
  text-align: right;
}

.paging .next {
  width: 10em;
  float: right;
  display: inline;
  text-align: right;
  margin-right: 18px
}

.paging .info ul li a.current {
  text-decoration: none
}

.paging .back a:hover {
  color: #333
}

.paging .info ul li {
  color: #333
}

.paging .back a {
  background: transparent url(/images/icons.gif) 0px -498px no-repeat scroll;
  padding-left: 16px;
  margin: 0
}

.paging .next a {
  background: transparent url(/images/icons.gif) 100% -578px no-repeat scroll;
  padding-right: 16px;
  margin: 0
}

/* COLOR PATHS */
body.section-1 .paging .back a {
  background: transparent url(/images/icons.gif) 0px -498px no-repeat scroll;
  padding-left: 16px
}

body.section-1 .paging .back a.active {
  background: transparent url(/images/icons.gif) 0px -538px no-repeat scroll;
  padding-left: 16px
}

body.section-1 .paging .next a {
  background: transparent url(/images/icons.gif) 100% -578px no-repeat scroll;
  padding-right: 16px
}

body.section-1 .paging .next a.active {
  background: transparent url(/images/icons.gif) 100% -618px no-repeat scroll;
  padding-right: 16px
}

/* INFO BOX */
ul#info {
  margin: 30px 0px 0px 0px
}

ul#info li {
  color: #fff;
  margin: 0px 0px 18px 0px;
  padding: 2px 0px 0px 0px;
  line-height: 1.2em
}

ul#info li.address {
  background: transparent url(/images/icons.gif) 0px -2040px no-repeat scroll;
  padding-left: 24px
}

ul#info li.telephone {
  background: transparent url(/images/icons.gif) 0px -2140px no-repeat scroll;
  padding-left: 24px
}

ul#info li.hours {
  background: transparent url(/images/icons.gif) 0px -2240px no-repeat scroll;
  padding-left: 24px
}


/* UTILITIES */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.hide {
  display: none;
}

.inline {
  display: inline !important
}

/* sifr */

/* */
.sIFR-active #frontplate h2 {
  visibility: hidden
}

.sIFR-active #section-nav ul li {
  visibility: hidden
}

.sIFR-active div.panel-filled h3 {
  visibility: hidden
}

/* scrollpane */
.todays-sittings {
  height: 150px;
  overflow: auto;
  overflow-x: hidden;
}

.scroll-pane {
  height: 401px;
  overflow: auto;
}

.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: transparent url(/images/scrollbar_bg.gif) top right no-repeat scroll
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  width: 15px;
  background: transparent url(/images/scrollbar_bg.gif) -15px 0px no-repeat scroll
}

.jScrollPaneDrag {
  position: absolute;
  background: #666;
  cursor: pointer;
  overflow: hidden;
  background: transparent url(/images/scrollbar_bg.gif) 0px -414px no-repeat scroll
}

.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 15px;
  height: 15px;
  background: transparent url(/images/scrollbar_bg.gif) 0px -402px no-repeat scroll
}

.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #999;
  width: 15px;
  height: 15px;
  background: transparent url(/images/scrollbar_bg.gif) bottom right no-repeat scroll
}

a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  height: 9px;
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  height: 9px;
}

/* sifr */
.sIFR-active #frontplate h2 {
  visibility: hidden
}

.sIFR-active div.panel-filled h3 {
  visibility: hidden
}

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced,
  .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-active #section-nav ul li {
    position: relative
  }

  .sIFR-active #section-nav ul li .sIFR-alternate a {
    color: #f2f0ed;
    z-index: -200
  }

  .sIFR-active #section-nav ul li .sIFR-alternate a:hover {
    color: #ececec;
    z-index: -200
  }

  span#sIFR_replacement_0_alternate {
    width: 80px;
    height: 30px;
    color: #ececec;
  }

  span#sIFR_replacement_1_alternate {
    width: 80px;
    height: 30px;
  }

  span#sIFR_replacement_2_alternate {
    width: 100px;
    height: 30px;
  }

  span#sIFR_replacement_3_alternate {
    width: 125px;
    height: 30px;
  }

  span#sIFR_replacement_4_alternate {
    width: 130px;
    height: 30px;
  }

  span#sIFR_replacement_5_alternate {
    width: 80px;
    height: 30px;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display: none !important;
    height: 0;
    width: 0;
    position: absolute;
    overflow: hidden;
  }

  .sIFR-alternate {
    visibility: visible !important;
    display: block !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active #frontplate h2,
  .sIFR-active div.panel-filled h3 {
    visibility: hidden
  }
}

/* SITEMAP */
table.sitemap {
  width: 575px;
  border-collapse: collapse;
}

table.sitemap td {
  height: 20px;
  vertical-align: middle;
}

/* Google site search */

#search #___gcse_0 .gsc-control-searchbox-only.gsc-control-searchbox-only-en .gsc-search-box {
  margin-top: -6px;
}

#search #___gcse_0 table.gsc-search-box td.gsc-input input#gsc-i-id1.gsc-input {
  width: 200px;
}

#search #___gcse_0 .cse table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input {
  padding: -12px;
}

#search #___gcse_0 .gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
  text-align: left;
  font-size: 13px;
}

#search #___gcse_0 input.gsc-search-button {
  background-color: #999;
  font-weight: normal;
}

#search #___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #461200;
  background-color: #461200;
  color: #fff;
  padding: 4px 12px;
}

/*#kbroker.panel-filled #___gcse_0 div.gsc-control-cse.gsc-control-cse-en .gsc-control-wrapper-cse form.gsc-search-box {width:250px!important;}
#kbroker.panel-filled #___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {border-color: #461200;background-color: #461200;color: #fff;padding: 4px 12px;}*/

/* Google site search - current cases  */
#case-search {
  width: 380px;
  margin: -1em 0 1em 1.8em;
}

/* --End-- */

/* Google site search - current cases*/
#case-search-home {
  width: 220px;
  margin-left: 10px;
}

/* --End-- */

/* Added styles for Accessibility */

#subtitle h1 {
  width: 520px;
  padding: 16px 0px 16px 10px;
  font-size: 4.2em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1em;
}

div#logo.sc-access {
  margin-top: 39px !important;
  position: relative;
  width: 30%;
  height: 84px;
}

span#sc-main-logo {
  background: url(/images/logo_medium.gif) no-repeat;
  background-size: contain;
  position: absolute;
  width: 100%;
  height: 100%;
}

a:focus,
area[href]:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
iframe:focus,
[tabindex]:focus,
[contentEditable=true]:focus,
.addFocus:focus {
  outline: 2px solid #3a73b5;
}

h3.sc-access {
  background-color: transparent !important;
  color: #333 !important;
  font-size: 1.25em !important;
  font-family: arial, sans-serif !important;
  margin-bottom: 5px !important;
}

h3.sc-access.caption,
h4.sc-access.caption {
  background-color: #606060 !important;
  color: #fff !important;
  margin: 0 16px 12px 10px;
  font-weight: 400;
}

h4.sc-access {
  background-color: transparent !important;
  color: #333 !important;
  font-size: 1.3em !important;
  font-family: arial, sans-serif !important;
  margin-bottom: 5px;
}

h5.sc-access {
  background-color: transparent !important;
  color: #333 !important;
  font-size: 1.2em !important;
  font-family: arial, sans-serif !important;
  margin-bottom: 5px !important;
}

h6.sc-access {
  background-color: transparent !important;
  color: #333 !important;
  font-size: 1.1em !important;
  font-family: arial, sans-serif !important;
  margin-bottom: 5px !important;
}

body.section-1 h3.sc-access.icon,
body.section-1 h4.sc-access.icon {
  background: url(/images/icons.gif) 14px -2380px no-repeat scroll !important;
  padding: 4px 0px 4px 28px;
}

body.section-2 h3.sc-access.icon,
body.section-2 h4.sc-access.icon {
  background: url(/images/icons.gif) 14px -2420px no-repeat scroll !important;
  padding: 4px 0px 4px 28px;
}

body.section-3 h3.sc-access.icon,
body.section-3 h4.sc-access.icon {
  background: url(/images/icons.gif) 14px -2460px no-repeat scroll !important;
  padding: 4px 0px 4px 28px;
}

body.section-4 h3.sc-access.icon,
body.section-4 h4.sc-access.icon {
  background: url(/images/icons.gif) 14px -2498px no-repeat scroll !important;
  padding: 4px 0px 4px 28px;
}

body.section-5 h3.sc-access.icon,
body.section-5 h4.sc-access.icon {
  background: url(/images/icons.gif) 14px -2540px no-repeat scroll !important;
  padding: 4px 0px 4px 28px;
}

h4.sc-access.icon,
h5.sc-access.icon,
h6.sc-access.icon {
  background: url(/images/icons.gif) 14px -2540px no-repeat scroll !important;
  margin: 0 0 10px 0 !important;
  padding: 4px 0px 4px 28px !important;
}

a#sc-skiplink {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

a#sc-skiplink:active,
a#sc-skiplink:focus {
  clip: auto;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  height: auto;
  margin: 2em 0;
  padding: 1em;
  position: static;
  text-align: left;
  text-decoration: underline;
  width: auto;
}

a#sc-skiplink:focus {
  background-color: #f2f0ed;
}

a.home-chevron {
  display: block;
  background: url(/images/icons.gif) 0px -202px no-repeat scroll;
  padding-left: 16px;
}

#download .item h2 {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0px 0px 8px 0px;
  padding: 6px 5px 5px;
  background-color: #3a73b5;
  color: #fff
}

a:focus,
area[href]:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
iframe:focus,
[tabindex]:focus,
[contentEditable=true]:focus,
.addFocus:focus {
  border: 0.5px solid white !important;
}

ul#promos {
  font-size: 10px;
}

ul#promos li.promo {
  background: #f2f0ed !Important;
}

ul#promos li.arrow a {
  color: #000000 !important;
}

ul#promos li.arrow a:hover {
  color: #3366CC !important;
}

li.rel.highlight {
  outline-style: solid 2px blue !important;
}

.scam-img-wrap img {
  width: 100%;
  height: auto;
}

.nav-secondary {
  background-color: #f2f0ed;
  padding: 12px 20px;
}

.nav-secondary ul {
  text-align: center;
}

.nav-secondary ul li {
  margin-right: 12px;
  padding-right: 12px;
  border-right: 1px solid #9b9996;
  display: inline-block;
}

.nav-secondary ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.nav-secondary a {
  font-size: 0.9375rem;
  display: inline-block;
  vertical-align: text-top;
  padding: 6px;
}

/* FA Styles */

table.fa-table {
  float: unset;
  max-width: calc(100% - 40px);
  margin: 20px;
}


body {
  -webkit-font-smoothing: antialiased;
}

/* --End-- */