/* Barker Brettell
   Primary Stylesheet
   
   07 Feb 2006, Richard Pearce for Icomm Technologies Limited
   +44(0)121 248 7878 www.icommtechnologies.co.uk
   */
   
html {overflow: scroll;}

html, body {
  height: 100%;
}
body {
  font: normal 8.5pt/11.5pt verdana,arial,helvetica,sans-serif;
  color: #18296B;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
}

/** positional and primary containers **/
#container {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}
#titlebar {
  height: 100px;
  background: #18296B url(images/patents_trade-marks_copyright.gif) right no-repeat;
  border-bottom: 3px solid #ffffff;
}

#print_titlebar {
	display: none;
}

#nav {
  height: 24px;
  background-color: #ffffff;
  border-top: 1px solid #F77B00;
}
#navblock {
  height: 22px;
  background-color: #18296B;
  border-top: 3px solid #ffffff;
}

/* homepage */
#mainPic {
	display: none;
}
#siteheader {
  height: 200px;
  border-top: 3px solid #ffffff;
}
#siteheader h1 {
  border-top: 1px solid #F77B00;
}
#siteheader h1 img {
  border-top: 3px solid #ffffff;
}

#pageheader {
  height: 64px;
  border-bottom: 1px solid #F77B00;
}

#maincontent {
  padding-bottom: 20px;
}

/* general layout */
#textcolumn {
  float: left;
  width: 475px;
  padding: 0px 0px 20px 20px;
  border-right: 1px solid #f77b00;
}
#textcolumnCategories {
  float: left;
  min-height: 450px;
  width: 475px;
  padding: 0px 0px 20px 20px;
  border-right: 1px solid #f77b00;
}
#textcolumn_search {
  float: left;
  width: 475px;
  padding: 0px 0px 20px 20px;
}

#supportingcolumn {
  float: left;
  width: 204px;
  padding-bottom: 20px;
}

#supportingcolumn_search {
  float: left;
  width: 204px;
  padding: 0px 0px 0px 0px;
  border-left: 1px solid #f77b00;
}

/* FULLWIDTH PAGE */
#home_page {
    font: normal 9pt/12pt verdana,arial,helvetica,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#fullwidth {
  float: left;
  width: 679px;
  padding: 0px 0px 10px 20px;
  margin: 0px 0px 0px 0px;
}

#hometextcolumn {
  float: left;
  width: 340px;
  padding: 0px 0px 10px 20px;
  margin: 0px 0px 0px 0px;
}

#dynamiccolumn {
  float: left;
  width: 320px;    
  padding: 0px 0px 10px 20px;
  margin: 0px 0px 0px 0px;
}


#location_maps {
	width: 660px;
	margin: 0px 20px 20px 20px;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #F77B00;
}

#footer {
  clear: both;
  background: #ffffff url(images/legal_services_logo.gif) top right no-repeat;
  color: #18296B;
  padding-bottom: 0px;
  border-top: 1px solid #f77b00;
}


/* elements */
h1 {
  margin: 0px;
  padding: 0px;
  font-size: 11pt;
  font-weight: bold;
  line-height: inherit;
}

h2 {
  margin: 0px;
  padding: 23px 20px 10px 0px;
  font-size: 10pt;
  font-weight: bold;
  font-family: tahoma,verdana,arial,helvetica,sans-serif;
}

/* Indented header for home page */
h2.indented {
	margin: 0px;
	padding: 0px 0px 15px 70px;
}

h2 a {
  margin: 0px;
  padding: 23px 20px 10px 0px;
  font-size: 10pt;
  color: #18296B;
  font-weight: bold;
  font-family: tahoma,verdana,arial,helvetica,sans-serif;
}

h2 a:hover {
  color: #F77B00;
}
h2.news_title {
	margin: 0px;
	padding: 10px 0px 2px 0px;
	font-size: 9pt;
  	font-weight: bold;
  	font-family: tahoma,verdana,arial,helvetica,sans-serif;
}
h2.news_title a {
  color: #18296B;
}

h3 { 
  margin: 0px;
  padding: 20px 20px 10px 0px;
  font-size: 10pt;
  font-weight: bold;
  font-family: tahoma,verdana,arial,helvetica,sans-serif;
}
h3.news_title {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	font-size: 9pt;
  	font-weight: bold;
  	font-family: tahoma,verdana,arial,helvetica,sans-serif;
}

h4 {
  margin: 0px;
  padding: 0px 20px 10px 0px;
  font-size: 8pt;
  font-weight: bold;
  font-family: tahoma,verdana,arial,helvetica,sans-serif;
}

h5 { 
  margin: 0px;
  padding: 20px 20px 2px 0px;
  font-size: 10pt;
  font-weight: bold;
  font-family: tahoma,verdana,arial,helvetica,sans-serif;
}
h5.noPic {
	padding-top: 5px;
}




p {
  margin: 0px;
  padding: 0px 20px 12px 0px;
}

.smallPrint { 
 font: normal 7.5pt/10pt verdana,arial,helvetica,sans-serif;
 color: #999999;
/* font-style: italic;*/
}

/* BARKER BRETTELL LOGO */

#titlebar img {
  margin: 25px 0px 0px 20px;
}



/* FULLWIDTH PAGE (INLCUDING HOME PAGE) */
 
#fullwidth .first {
	color: #18296B;
	padding: 23px 20px 12px 0px;
}

#hometextcolumn h2 {
	padding: 0px 20px 10px 0px;
}

#dynamiccolumn h2 {
	padding: 0px 20px 10px 0px;
}

ul.homelist {
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.homelist li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	list-style-type: none;
	line-height: 11pt;
}

ol {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 22px;
}

ol li {
	color: #F77B01;
	list-style: decimal;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 15px;
}

ul li {	
	color: #F77B01;
	list-style: disc;
	padding: 0px 20px 0px 7px;
	margin: 0px 0px 0px 0px;
}
/*
li {
	margin: 0px;
}
*/

ul.offices {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

ul.offices li {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


li.selected a {
	font-weight: bold;
	text-decoration: none;
	list-style: none;
	color: #18296B;
}



#left_details ul.people_list {
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#left_details ul.people_list li {
	list-style: none;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#left_details ul.people_list li a:link {
	color: #F77B01;
	text-decoration: none;	
}

#left_details ul.people_list li a:hover {
	font-weight: bold;
	color: #F77B01;	
	text-decoration: none;	
}

#left_details ul.people_list li a:visited {
	color: #F77B01;
	text-decoration: none;	
}




ul.search_list {
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.search_list li {
	list-style: none;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.search_list li a:link {
	color: #F77B01;
	text-decoration: none;	
}

ul.search_list li a:hover {
	font-weight: bold;
	color: #F77B01;	
	text-decoration: none;	
}

ul.search_list li a:visited {
	color: #F77B01;
	text-decoration: none;	
}





/* News search results */

ul.newsSearch_list {
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.newsSearch_list li {
	list-style: none;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.newsSearch_list li a:link {
	font-size: 10pt;
	font-weight: bold;
	color: #F77B01;
	text-decoration: none;	
}

ul.newsSearch_list li a:visited {
	color: #F77B01;
	text-decoration: none;	
}

ul.newsSearch_list li a:hover {
	color: #F77B01;	
	text-decoration: underline;	
}


span.newsResults {
	color: #18296B;
  	font: normal 8.5pt/11.5pt verdana,arial,helvetica,sans-serif;
}


/* LINKS */

a:link {
	color: #f77b01;
	text-decoration: none;
}

a:visited {
	color: #f77b01;
	text-decoration: none;
}

a:hover {
	color: #f77b01;
	text-decoration: underline;
}


/* class to make links orange */

.orange_link {
	color: #f77b01;
	text-decoration: none;
}

.orange_link:visited {
	color: #f77b01;
	text-decoration: none;
}

.orange_link:hover {
	color: #f77b01;
	text-decoration: underline;
}


/* forms */
form {
	padding: 0px;
	margin: 0px;
}

#textcolumn .row {
	clear: both;
}
#textcolumn label,
#textcolumn .label {
	float: left;
	display: block;
	width: 150px;
	text-align: left;
}
#textcolumn input {
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;	
}
#textcolumn .textbox {
	float: left;
	display:block;
	width: 280px;
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;	
	color: #F77B00;
	margin: 0px 0px 3px;
	padding: 0px;
}
#textcolumn .button {
	margin-left: 0px;
}

#textcolumn_search .row {
	clear: both;
}
#textcolumn_search label,
#textcolumn_search .label {
	float: left;
	display: block;
	width: 150px;
	text-align: left;
}
#textcolumn_search input {
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;	
}
#textcolumn_search .textbox {
	float: left;
	display:block;
	width: 280px;
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;	
	color: #F77B00;
	margin: 0px 0px 3px;
	padding: 0px;
}
#textcolumn_search .button {
	margin-left: 0px;
}



/* page numbers for news page articles */
#pageNumbering {
	text-align: left;
	margin: 0px;
	padding: 0px 28px 0px 0px;
}

#pageindex {
	text-align: left;
	margin: 0px;
	padding: 0px 28px 0px 0px;
}

#pageindex a {
	color: #18296B;
}

#pageindex a:hover {
	font-weight: bold;
}


/* Divs for details of people */
#left_details {
	float: left;
	width: 230px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: left;
	border: 0px;
}

#right_details {
	float: right;
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 0px;
	text-align: left;
	border: 0px;
}


/* Smaller People pictures */
.smaller_pic {
	width: 150px;
	height: 150px;
	border: 1px solid #F77B00;
	margin: 0px 15px 0px 0px;	
}



/* People pictures border */

.picture {
	border: 1px solid #F77B00;
	margin: 23px 23px 23px 0px;
	height: 230px;
	width: 230px;
}



.right_picture {
	padding: 40px 0px 20px 20px;
}



/* BUTTONS */

#go_back {
	height: 18px; 
	width: 65px;
	border: 0px;
	padding: 3px 20px 10px 20px;
}

#email_button {
	border: 0px; 
	height: 18px; 
	width: 97px;
}	

#view_all_articles {
	padding: 23px 5px 5px 20px;
	width: 83px; 
	height: 18px; 
	border: 0px;
}

#view_cv {
	margin: 0px;
	padding: 20px 4px 0px 0px;
	width: 65px; 
	height: 18px;
	border: 0px;
}

#cvEmailButton {
	margin-bottom: 35px;
}

#email_person {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	width: 97px; 
	height: 18px;
	border: 0px;
}

.email {
	padding: 20px 0px 0px 0px;
	border: 0px;
}

.right_email_button {
	padding: 0px 20px 0px 20px;
	border: 0px;
}

.right_column_button {
	padding: 23px 20px 0px 20px;
	border: 0px;
}

.map_buttons {
	padding: 8px 0px 0px 0px;
	border: 0px;
}

.adobe {
	border: 0px;
	text-align: right;
	padding: 0px 0px 0px 204px;
}


table {
	padding: 0px 0px 0px 0px;
	margin: 10px 5px 15px 0px;
}

td {
	vertical-align: top;
	padding: 0px 15px 5px 0px;
	margin: 0px 0px 0px 0px;
}


/* table for cvs content */
table.cvTable {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

table.cvTable td {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}



/* table for closed dates */

#closedtable {
	width: 660px;
	padding: 10px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

#closedtable tr.tinted {
	background: #e4f2fb;
}

#closedtable td {
	color: #F77B00;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #18296B;
}

#closedtable th {
	color: #333333;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 1px solid #18296B;
}

#closedtable th.topheader {
	color: #FFFFFF;
	padding: 3px 20px 3px 20px;
	font-size: 9pt;
	font-weight: bold;
	background: #18296B;
}



/* custom text formatting */

#supportingcolumn ul.joblist {
	list-style: none;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 20px;
}

#supportingcolumn ul.joblist li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#supportingcolumn ul.joblist li a {
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}


#supportingcolumn ul.joblist li a:hover {
	text-decoration: underline;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#supportingcolumn_search ul.joblist {
	list-style: none;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 20px;
}

#supportingcolumn_search ul.joblist li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#supportingcolumn_search ul.joblist li a {
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}


#supportingcolumn_search ul.joblist li a:hover {
	text-decoration: underline;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}



.news_date {
	padding-bottom: 3px;
	padding-bottom: 10px;
}

.searchterm {
	font-weight: bold;
	color: #F77B00;
}

.suffix {
	font-size: 8pt;
	font-weight: normal;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
}

.CVIntro {
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 0px;
}



/* supporting column (second column, right hand side) */

#supportingcolumn h2,
#supportingcolumn h3,
#supportingcolumn p,
#supportingcolumn label,
#supportingcolumn .textbox,
#supportingcolumn input {
	margin-left: 20px;
}
#supportingcolumn .row {
	clear: both;
	margin-bottom: 3px;
	padding: 10px 0px 0px 0px;
}
#supportingcolumn label {
	display: block;
	clear: both;
}
#supportingcolumn .textbox {
	width: 150px;
	margin-top: 5px;
	margin-bottom: 4px;
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;
	color: #F77B00;
}
#supportingcolumn select.textbox {
	width: 155px;
}
#supportingcolumn .button {
	float: right;
	margin-right: 28px;
}
#supportingcolumn input {
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;
}

#supportingcolumn ul {
	padding: 0px 5px 5px 20px;
	margin: 0px 0px 0px 0px;
}

#supportingcolumn li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
#supportingcolumn li a {
	color: #F77B01;
}
#supportingcolumn li a:hover {
	font-weight: bold;
}


#supportingcolumn a:link {
	color: #f77b01;
	font-weight: normal;
	text-decoration: none;
}

#supportingcolumn a:visited {
	color: #f77b01;
	font-weight: normal;
	text-decoration: none;
}

#supportingcolumn a:hover {
	color: #f77b01;
	font-weight: bold;
	text-decoration: none;
}


/* supporting column for the seacrh results page(second column, right hand side) */
#supportingcolumn_search h2,
#supportingcolumn_search h3,
#supportingcolumn_search p,
#supportingcolumn_search label,
#supportingcolumn_search .textbox,
#supportingcolumn_search input {
	margin-left: 20px;
}
#supportingcolumn_search .row {
	clear: both;
	margin-bottom: 3px;
	padding: 10px 0px 0px 0px;
}
#supportingcolumn_search label {
	display: block;
	clear: both;
}
#supportingcolumn_search .textbox {
	width: 150px;
	margin-top: 5px;
	margin-bottom: 4px;
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;
	color: #F77B00;
}
#supportingcolumn_search select.textbox {
	width: 155px;
}
#supportingcolumn_search .button {
	float: right;
	margin-right: 28px;
}
#supportingcolumn_search input {
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;
}

#supportingcolumn_search ul {
	list-style: none;
	padding: 0px 5px 5px 20px;
	margin: 0px 0px 0px 0px;
}

#supportingcolumn_search li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
#supportingcolumn_search li a {
	color: #F77B01;
}
#supportingcolumn_search li a:hover {
	font-weight: bold;
}



/* FOOTER */

#footer p {
  font-size: 7.5pt;
  line-height: 9pt;
  padding: 0px 20px 5px 20px;
  margin: 0px;
}

#footer p a {
  font-size: 7.5pt;
  line-height: 9pt;
  color: #18296B;
  text-decoration: none;
}

#footer p.breadcrumbs {
  text-transform: uppercase;
  padding-top: 10px;
}

#footer p.breadcrumbs .label {
  font-weight: bold;
}

#footer p.breadcrumbs a {
  color: #18296B;
  text-decoration: none;
  padding: 0px 2px 0px 2px;
  margin: 0px;
}

#footer p.breadcrumbs a:hover {
  text-decoration: underline;
}

#footer p.terms {
  text-transform: uppercase;
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 0px 20px;
}

#footer p.terms a {
  color: #18296B;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#footer p.terms a:hover {
  text-decoration: underline;
}

#footer p.print-footer {
	display: none;
}




/** based on son of suckerfish navigation
    from www.htmldog.com/articles/suckerfish/dropdowns/ **/
#nav {
	z-index: 100;
	font-size: 7.5pt;
	font-weight: bold;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav ul {
	list-style: none;
    margin-left: 0px;
}

#nav a {
	display: block;
    padding: 5px 9px 6px 9px;
	margin: 0px;
	color: #ffffff;
	text-decoration: none;
	border-right: 1px solid #A16F3B;
}
#nav a.firstNavigationElement {
    border-left: 1px solid #A16F3B;
}

#nav a:hover {
	background: #1c7ccd;
	color: #ffffff;
}

#nav li { /* all list items */
	list-style: none;
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding: 0px;
	margin: 0px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	list-style: none;
	left: -999em;
}

#nav .skipnav {
  position: absolute;
	left: -999em;
}


.dropdown {
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

.dropdown a {
	display: block;
    background: #18296B;
	border-top: 1px solid #445490;
	border-left: 1px solid #445490;
	width: 160px;
	padding: 0px 0px 0px 0px;
}

.dropdown a:hover { /*hover background color*/

}

#navblock div {
/*	margin: 1px 0px 0px 0px;*/
	border-bottom: 1px solid #445490;
}

.clear {
	clear: both;
}



/* SITEMAP LISTS */

#sitemap ul {
	padding: 23px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#sitemap li {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

#sitemap li a {
	font-size: 10pt;
	color: #18296B;
	font-weight: bold;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	text-decoration: none;	
}

#sitemap li a:visited {
	color: #18296B;
}

#sitemap li a:hover {
	color: #18296B;
	text-decoration: underline;
}

#sitemap li ul {
	padding: 0px 20px 5px 20px;
	margin: 0px 0px 0px 0px;
}


#sitemap li li {
	color: #18296B;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	font-weight: bold;
}

#sitemap li li a {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #F77B00;
	font-size: 9pt;
	font-weight: normal;
	list-style-type: circle;
}

#sitemap li li a:visited {
	color: #F77B00;
}

#sitemap li li a:hover {
	color: #F77B00;	
	text-decoration: underline;
}

#sitemap li li ul {
	padding: 0px 20px 0px 30px;
	margin: 0px;
}


#sitemap li li li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: square;
}

#sitemap li li li a {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 9pt;
	color: #F77B00;
	font-weight: normal;
	list-style-type: none;
}

#sitemap li li li a:visited {
	color: #F77B00;
}

#sitemap li li li a:hover {
	color: #F77B00;
	text-decoration: underline;
}