@import url(/css/generic.css);

/*
 * Site Layout Styles
 */

body {
  background: #f9f9f9 url(/img/body-bg.gif) repeat-y top center;
  font-family: verdana;
  color: #3e3e3e;
  line-height: 1.5em;
  text-align: center;
}
.noshow,
body h1 {
  position: absolute;
  left: -9999px;
}
span.jsahref,
a {
  cursor: pointer;
  color: #507cff;
}

span.jsahref {
  float: none;
  clear: both;
  font-weight: bold;
  text-decoration: underline;
}
.grey {
  background-color: #707274;
}
hr {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #bbb;
  border-left: none;
  height: 1%;
}

div#text-size {
  float: left;
}
div#text-size a {
  text-decoration: none;
}
a#text-small {
  font-size: 0.85em;
}
a#text-default {
  font-size: 1.0em;
}
a#text-large  {
  font-size: 1.2em;
}


div#site-container {
  background-color: #fff;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 1000px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/*
 * Header
 */

div#header {
  background: #fff url(/img/header-bg.gif) repeat-x;
  padding: 12px 0 0 0;
  overflow: hidden;
  width: 1000px;
}
div#header div#law-society-logo {
  float: left;
  width: 282px;
}
div#law-society-logo img {
  display: block;
}
div#header div#header-contents {
  float: left;
  width: 718px;
}


/*
 * top corporate search box
 */

div#header-contents div#corporate-search {
  background: #9f9f9f url(/img/top-search-left-corner.gif) no-repeat bottom left;
  margin: 0 0 0 433px;
  overflow: hidden;
  float: left;
  display: inline;
  width: 255px;
}
div#corporate-search form {
  padding: 2px 8px 9px 8px;
  background: transparent url(/img/top-search-right-corner.gif) no-repeat bottom right;
}
div#corporate-search input#search {
  vertical-align: middle;
  width: 175px;
}
div#corporate-search input#button-search {
  vertical-align: middle;
  margin-left: 5px;
}


/*
 * top corporate navigation links
 */

div#header-contents div#corporate-nav {
  overflow: hidden;
  width: 718px;
  height: 60px;
  float: left;
}
 
div#header-contents div#corporate-nav ul {
  list-style: none;
  margin: 7px 0 0 20px;
  padding: 0;
  float: left;
}
div#corporate-nav ul li {
  float: left;
}
div#corporate-nav ul li a {
  font-weight: bold;
  color: #333;
  text-decoration: none;
  background: transparent url(/img/top-nav-divider.gif) no-repeat center right;
  display: block;
  padding: 10px 17px 10px 10px;
}
div#corporate-nav ul li a.last {
  background: none;
}
div#header-contents div#corporate-nav img {
  float: left;
  margin: 18px 0 0 43px;
}


/*
 * top main navigation buttons
 */

div#header-contents div#top-main-nav-box {
  overflow: hidden;
  width: 718px;
  float: left;
}
div#top-main-nav-box ul {
  margin: 0;
  padding: 0;
}
div#top-main-nav-box ul li {
  list-style: none;
  margin: 0 3px 0 0;
  padding: 0;
  float: left;
}
div#top-main-nav-box ul li img {
  display: block;
}


/*
 * Page Content (contains left, centre and right columns)
 */

div#page-content {
  border-top: 11px solid #742426;
  background: transparent url(/img/default-top-montage.jpg) repeat-x;
  padding: 31px 18px 5px 18px;
  overflow: hidden;
  width: 964px;
}


/*
 * left column
 */

div#page-content div#left-column {
  float: left;
  width: 228px;
}
div#left-column div.left-nav {
  background: #c1c1c1 url(/img/left-nav-bg.gif) no-repeat top left;
  padding: 16px 12px 5px 12px;
  margin-bottom: 10px;
}
div#left-column div.member-left-nav {
  background: #c1c1c1 url(/img/left-nav-02-bg.gif) no-repeat top left;
  padding: 16px 12px 5px 12px;
}
div.left-nav ul, div.member-left-nav ul {
  margin: 0;
  padding: 0;
}
div.left-nav ul li, div.member-left-nav ul li {
  background-color: #dadada;
  border: 1px solid #fff;
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0;
}
div.left-nav ul li a, div.member-left-nav ul li a {
  font-size: 1em;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 5px;
}
div.left-nav ul li ul, div.member-left-nav ul li ul {
  border: none;
  border-top: 1px solid #fff;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
div.left-nav ul li ul li, div.member-left-nav ul li ul li {
  background: #8c8c8c url(/img/list-small-arrow.gif) no-repeat center left;
  border: none;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}
div.left-nav ul li ul li a, div.member-left-nav ul li ul li a {
  font-size: 0.9em;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 0 5px 0;
}
div.left-nav ul li ul li:hover, div.member-left-nav ul li ul li:hover {
  background-color: #aaa;
}
div.left-nav span.member-title, div.member-left-nav span.member-title {
  font-family: georgia;
  font-size: 1.1em;
  font-weight: bold;
  color: #83393b;
}

div.left-nav div#logout, div.member-left-nav div#logout {
  padding: 0 0 5px 0;
  overflow: hidden;
  width: 100%;
}


/*
 * center column 
 */

div#page-content div#center-column {
  text-align: justify;
  padding: 88px 0 0 21px;
  float: left;
  width: 700px;
}

div#center-column h2 {
  font-family: georgia;
  font-size: 1.3em;
  color: #7a2426;
  border: 1px solid #ccc;
  padding: 6px 6px 6px 14px;
  display: block;
}
div#center-column h2 a {
  text-decoration: none;
  display: block;
}
span#paging-info {
  font-family: verdana;
  font-size: 0.8em;
  font-weight: normal;
  color: #000;
  float: right;
}
div#center-column ul {
  margin: 0;
  padding: 0;
}
div#center-column ul li {
  list-style: none;
  background: transparent url(/img/list-arrow-blue02.gif) no-repeat top left;
  margin: 12px 5px 1em 20px;
  padding: 0 0 0 20px;
  text-align: left;
}


/*
 * search box
 */

div.search-box {
  border: 1px solid #ccc;
  margin: 0 0 10px 0;
  padding: 5px;
  overflow: hidden;
  width: 698px;
  w\idth: 688px;
}
div.search-box form.search-form {
  overflow: hidden;
  width: 100%;
}
form.search-form p {
  background-color: #cddfff;
  margin: 0 0 3px 0;
  overflow: hidden;
}
form.search-form label {
	text-align: right;
	font-weight: bold;
  background-color: #b9cbff;
  border-right: 1px solid #fff;
	padding: 5px 7px 5px 3px;
  float: left;
	width: 180px;
	w\idth: 170px;
}
form.search-form input {
  margin: 3px;
}
form.search-form select {
  margin: 3px;
}
form.search-form sup.required {
	vertical-align: middle;
	padding: 0 0 0 2px;
	font-size: 1.5em;
	font-weight: bold;
	color: #f00;
}
form.search-form p.search-submit-button {
	border-left: #b8b8b8 solid 180px;
	background-color: #ccc;
	margin: 0;
	padding: 6px 0 4px 7px;
}
form.search-form p.search-submit-button input {
  margin: 0;
  padding: 0;
}
form.search-form p input#button-solicitor-search {
  float: left;
  width: 52px;
  height: 22px;
}
form.search-form p input#button-solicitor-reset {
  cursor: pointer;
  float: left;
  border: none;
  background: url(/img/button-reset.gif) no-repeat;
  margin: 0 0 0 220px;
  width: 52px;
  height: 22px;
}
form.search-form span.checkboxes label, form.search-form span.radios label {
	width: auto;
	float: none;
	padding: 0 7px 0 0;
	text-align: left;
}
#category-glossary-field {
  background: #fff;
  margin: 0 0 0 185px;
  display: none;
}
#category-glossary-field #glossary-description p {
  background: #fff;
}



div#search-results ul {
  background-color: #ccc;
  list-style: none;
  margin: 0;
  padding: 6px;
}
div#search-results ul li {
  border: 1px solid #fff;
  background: #dbdbdb url(/img/list-arrow-blue.gif) no-repeat top left;
  margin: 6px;
  padding: 5px 4px 5px 22px;
}
div#search-results ul li a {
  text-decoration: none;
  color: #000;
  display: block;
}

div#search-results table {
  border-collapse: separate !important;
  background-color: #ccc;
  margin: 0;
  padding: 5px;
}
div#search-results table tr {
  vertical-align: top;
}
div#search-results table tr.hidden td {
  background: #fff;
}
div#search-results table tr td {
  text-align: left;
  border: 1px solid #fff;
  background: #dbdbdb;
  margin: 0;
  padding: 5px 4px 5px 4px;
}
div#search-results table tr td.firstcell {
  background: #dbdbdb url(/img/list-arrow-blue.gif) no-repeat top left;
  padding: 5px 4px 5px 22px;
}
div#search-results table tr td a {
  text-decoration: none;
  color: #000;
  display: block;
}
div#search-results table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#search-results table tr td ul li {
  border: none;
  background: #fff url(/img/list-arrow-blue.gif) no-repeat top left;
  margin: 0;
  padding: 3px 4px 1px 22px;
}


/**
 * default box with line
 */

div#center-column div.box-with-line {
  background: url(/img/folded-corner02.gif) no-repeat 100% 100%;
  margin: 0 0 20px 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 100%;
  overflow: hidden;
}
div#center-column div.box-with-line h2 {
  border: none;
  margin: 0 0 10px 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
div#center-column div.box-with-line form p {
  margin: 0;
  padding: 15px;
} 
div#center-column div.box-with-line h3 {
  font-size: 1.1em;
  margin: 0 10px 0.4em 15px;
}
div#center-column div.box-with-line p {
  margin: 0 10px 0.4em 15px;
}
div#center-column div.box-with-line ul {
  margin: 0;
  padding: 0;
}
div#center-column div.box-with-line ul li {
  list-style: none;
  background: transparent url(/img/list-arrow01.gif) no-repeat top left;
  margin: 12px 10px 2px 10px;
  padding: 0 0 0 10px;
}
div#center-column div.box-with-line ul li.with-image {
  margin: 12px 10px 2px 10px;
  padding-left: 102px;
}
div#center-column div.box-with-line ul li img {
  float: left;
  border: 1px solid #000;
  margin-left: -92px;
}
div#center-column div.box-with-line ul li a {
  font-weight: bold;
  font-size: 0.9em;
  color: #333;
  text-decoration: none;
}

/**
 * default table layout
 */

div#center-column table {
  width: 100%;
}
div#center-column table tr {
  vertical-align: top;
}
div#center-column table th {
  text-align: left;
  padding: 2px 2px 2px 4px;
}
div#center-column table td {
  padding: 2px 2px 2px 4px;
}


/*
 * Footer
 */

div#footer {
  font-size: 0.9em;
  padding: 15px 18px 25px 18px;
  overflow: hidden;
  width: 964px;
}
div#footer div#footer-copyright {
  border-top: 1px solid #ccc;
  padding: 10px 0 10px 0;
  float: left;
  width: 50%;
}
div#footer div#footer-copyright img {
  vertical-align: middle;
  padding: 0 0 0 12px;
}
div#footer div#footer-links {
  border-top: 1px solid #ccc;
  padding: 10px 0 10px 0;
  text-align: right;
  float: left;
  width: 50%;
}
div#footer div#footer-links a {
  color: #000;
  text-decoration: none;
}


/*
 * Tibus Strapline
 */

div#tibus-strapline {
  font-size: 0.9em;
  text-align: center;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
  padding: 0 0 10px 0;
}

div#hp-unsubscribed {
  margin: 0 0 10px 0;
  padding: 5px;
  background:#d6e1fd;
  color:#507cff;
  border: 2px solid #507cff;
  font-size: 1.5em;
  text-align: center;
}