
ul.unstyled {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

li {
    line-height: 18px;
    color: #585858;
}


/* FAB (Find A Barrister styles) */
div#barrister_container {
	width: 500px;
	margin: 10px 0px 0px 190px;
}

img#photo {
	padding: 3px;
	border: 1px solid #c9c9c9;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
	display: inline;
}

h2.heading {
	display: block;
	overflow: hidden;
	padding: 3px 2px 3px 2px;
	color: #fff;
	font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    background-color: #800080;
   	margin-top: 0.5em;
	margin-bottom: 0px;
	width: 485px;
}

div#chambers {
	margin-top: 5px;
	width:489px;
}
#chambers h2 {
	width: 483px;
	padding: 3px 2px 3px 2px;
    text-align: center;
    font-size: 1em
}

td.email a {
	text-decoration: none;
}
td.email a:hover {
	border-bottom: 1px solid #0A6C80;
}

div#clerks {
	
}

div#clerks table {
	font-size: 11px;
	background: #fff;
	width: 489px;
	border-collapse: collapse;
	text-align: left;
	border: 1px solid #ccc;
}

div#clerks table th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
div#clerks table td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
div#clerks table tbody tr:hover td
{
	color: #009;
}


/* Barristers details table */
table#barrister_details { border: 1px solid #c6c6c6; width: 489px; }
table#barrister_details tr.odd { background-color: #FFF; }
table#barrister_details tr.even { background-color: #C3B3C3; }
table#barrister_details td { padding: 2px; }
table#barrister_details td.label { text-align: left; width: 180px; font-weight: bold; }


/* The barristers areas of practice */
div#areas_of_practice {
	background-color: #f2f2e6;
	margin-top: 10px;
	width: 489px;
}

div#areas_of_practice ul {
	width: 489px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 10px;
	margin-left: 2pt;
	padding: 0pt;	
}

div#areas_of_practice li {
	background:transparent url(../images/ul_bg.gif) no-repeat scroll 0pt 10px;
	border-top:1px dotted #DCDCDC;
	padding:3px 10px;	
}
/** The languages spoken **/
div#languages {
				border: 1px solid #c9c9c9;
				margin-top: 10px;
				margin-bottom: 10px;
				width: 489px;
}


table.chambers_details { width: 100%; }
table.chambers_details tr.odd { background-color: #FFF; }
table.chambers_details tr.even { background-color: #FFC; }
table.chambers_details td { padding: 2px; }
table.chambers_details td.label { text-align: left; width: 180px; font-weight: bold; }
table.chambers_details td.clerk_names { vertical-align: top;}
table.chambers_details a.clerk_names { clear: both; display: block; }
table.chambers_details h2.heading { background-color: gray; }


div#clerk_container {
	width: 500px;
	margin: 10px 0px 0px 190px;
}

h2.clerk {
	background-color: #808080;
	margin-bottom: 0.5em;
}



/** The disclaimer in FindABarrister **/
div#fabDisclaimer
{
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 6px;
    text-align: justify;
    color: gray; 
    font-size: 0.8em; 
    font-family: Verdana, Arial, Geneva; 
    text-decoration: none;
    margin-top: 6px;
    clear: both;
}
div#fabDisclaimer p { padding: 2px; }

/** Hits.php Table Styling **/
table#barristers_found {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 99%;
	margin-bottom: 2em;
}

table#barristers_found th {
	padding: 0 0.5em;
	text-align: left;
	}

table#barristers_found tr.headers td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}
	
table#barristers_found tr.barrister:hover { 
	background-color: #c7c7c7;
	cursor: pointer;
}


table#barristers_found td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
}

table#barristers_found td:first-child {
	width: 190px;
}

table#barristers_found td+td {
	border-left: 1px solid #CCC;
	padding-left: 1em;
	text-align: left;
}
table#barristers_found table.address_detail { width: 100% }
table#barristers_found table.address_detail td { border: 0; border-right: 1px solid #CCC;  }















