/*
	© 2008 Thomson Legal & Regulatory Global AG.  All Rights Reserved
	Thomson Legal & Regulatory Global AG Proprietary and Confidential


	Created:	May 2008
	Amended:	19/08/2008
	By:			Jason Lane
	Usage:		This file controls the grid ('layout') of the site ('legalhub'). 
				DO NOT place any other styles in here apart from ones that position, or affect position in some way.
				There will be grey areas.
				In other words, this should ideally ONLY contain;
					
					position,
					float,
					clear,
					width,
					height,
					display,
					overflow,
					margin and paddings.

				Styles governing apperance are to be kept in ui.<projectName>.css. 
				These are such things as:

					color,
					background-color,
					images (background(url))
					visibility
					and pseudo-classes
	
	IMPORTANT!:	If you are unfamiliar with CSS please familiarise yourself with CSS concepts. 
				Namely; 'inheritance' and the 'cascading' nature of CSS first, to help below is a series of simple examples:
				
				####################################################
				############## the following is BAD ##############
				####################################################

				h1 { color: green; font-weight: bold; text-decoration: underline; font-size: 2em; }
				.myClassStyle { color: red; font-weight: bold; font-size: 1.2em; }
				#myIDStyle { color: green; font-weight: bold; font-size: 1.2em; }

				######################################################
				############## the following is BETTER ###############
				######################################################

				.myClassStyle, #myIDStyle, h1 { color: red; font-weight: bold; font-size: 1.2em; }
				#myIDStyle, h1 { color: green; }
				h1 { text-decoration: underline; font-size: 2em; }
				
*/

/* Top Navigation Grid */
#globNav {
	height: 110px;
	min-width: 740px;
	margin-right: 10%;
	/*padding-right: 23px;*/
}
#globNav ul#navLinks {
	position: relative;
	float: right;
	clear:both;
	margin-right: 0;
	/*padding: 0 9px 0 20px;*/
	/*font-size: .9em;*/
}
ul#navLinks li {
	display: inline;
}
#globNav ul li > ul {
	top: auto;
	left: auto;
}
#globNav ul li ul {
	display:none;
}
/* Main Logo Grid */
a#logo {
	display: block;
	float: right;
	clear: both;
	width: 349px;
	height: 105px;
}
/* Main Navigation (Top Left) */
/* search grid */
#searchWrapper form label {
	margin-left: 1em;
}
ul.serviceTabsDyn {
	clear:right;
	float:left;
	position:absolute;
	top:62px;
}
#fullWrapper {
	margin: 0 10% 0 165px;
	padding: 0 0 60px 0px;
	clear: both;
}
#container {
	padding: 0 4px 20px 0;
	min-width: 550px;
	position: relative;
}
/* Main Content Grid */
#container #contentWrapper {
	/*margin:1em 0 0;*/
	position: relative;
	clear:both;
}
#contentWrapper {
	clear:both;
}
#innerContainer {
	margin:0;
	padding:0;
}
#documentContainer {
	/*clear:both;*/
}
/* News Ticker Grid */
#newsTickerWrappOn, #newsTickerWrappOff {
	margin-bottom:1.5em;
	width:50%;
}
/* Delivery Icons */
.print, .save, .email, #crumbNav, #isThisYourEntry {
	text-align: right;
	float: right;
	margin: 0 1em 0 0;
}
.print, .save, .email {
	/*margin-top: .8em;*/
}
.email {
	margin-right: 0;
}
#isThisYourEntry {
	margin:0;
	clear:both;
}
.print a,.save a,.email a {
	padding-left: 20px;
}
/* breabcrumb grid */
#crumbNav {
	width: 100%;
	float:left;
	clear:both;
	text-align: left;
	font-size:0.85em;
	margin-bottom: 1em;
}

.halfFloat, .halfFloatLeft, .directoriesFloat {
	float:left;
	min-height:40px;
	min-width:49%;	
}
.halfFloatRight {
	float: left;
	min-height:41px;
	min-width:47%;
	width:47%;
	text-align: left;
}
body.events .halfFloatRight {
	float: right;
}
.halfFloat, .halfFloatLeft, .halfFloatRight, .directoriesFloat, body.events .halfFloat {
	width: 49%;
	min-width:10%;
}
body.events .halfFloatLeft {
	float: left;
	width: 45%;
}
.eventsArea {
	margin-top:10px;
	clear:both;
}
div.tocStructureEvents div.tocComponent {
	float:left;
	width:100%;
	clear:none;
}
.eventsBackedLandingArea {
	background-color:#EDF9D9;
	margin-left:auto;
	margin-right:auto;
	margin: 0 0 10px 0;
	min-width:200px;
}
.eventsHeadingLeft {
	font-size:1em;
	font-weight:bold;
	text-align:left;
	margin-bottom: 10px;
}
.eventsBackedLandingContent {
	padding:10px;
}
body#home .halfFloatRight {
	position: relative;
	top: -50px;
	float: right;
}
div#homeBrowse, div#homeMarketing {
	padding: 0 .8em .8em;
}
div#homeLatest {	
	clear:both;
}
div#homeMainPanel {
	clear: both;
}
/* Sortable Options Grid */
ul.sortList, ul.contentTypesGroups, ul.contentTypesGroupsCurrent,  ul.group {
	padding: .8em 0 .8em;
	margin: 0 0 .8em 0;
}
ul.sortList, ul.contentTypesGroupsCurrent {width: 84%; clear:both;}
ul.contentTypesGroupsCurrent {width: 98%}
ul.group{ width:100%;}
ul.contentTypesGroupsCurrent, ul.group {
	padding:0;
}
ul.sortList li, ul.contentTypesGroups li, ul.contentTypesGroupsCurrent li  {
	display:inline;
}
ul.group, ul.group li {
	display:inline;
	width:100%;
	clear:none;
}
#paginationInResults,  ul.group li div.resultPaging {
	margin:0;
}
li#paginationInResults .resultPaging {float:right;}
/* Document Grid */
#headerLeft, .companyName, .profOccupation, .itemWrapper, .fieldLabel, .contentTypesGroupsCurrent {
	/*float: left;*/
}
#headerLeft {width: 82%;}
.directoriesFloat .address {
	float:left;
	width:65%;
}
.directoriesFloat .address {
	clear:none;
	vertical-align:top;
}
.directoriesWrapper .itemWrapper {
width:65%;
}
.itemWrapper {
	clear:left;
	margin:0;
	padding:0;
	width: 100%;
}
.clearnone {clear:none;float:left;}
.fixedwidth {
	width:525px;
	clear:none;
}
.fieldLabel, .fieldLabel200, .fieldLabel300, .fieldLabel500 {
	clear:both;
	float:left;
	font-weight:bold;
	padding:0.1em 0pt;
	width:190px;
}
.fieldLabel.clearnone {
	clear:none;
}
.fieldText, .fieldTextclear {
	float:left;
	padding:0.1em 0pt;
	width:60%;
}
.directoriesFloat {
	clear:left;
	margin:0 0 0.9em;
	position:relative;
	width:100%;
}
#directoriesWrapper {
	clear:none;
	float:left;
	min-height:40px;
	min-width:49%;
	width:70%;
	margin: 0 0 1em;
	padding:0;
	line-height: 0;
} 
#directoriesWrapper strong, #directoriesWrapper p.byline strong {
	clear:both;
	float:left;
}
#directoriesWrapper p  {clear:both;} 
#docBody, .barristerChamber {
	width: 100%;
	clear: both;
}
.barristerChamber {
	padding: 15px 0;
}
.barristerChamber .itemWrapper .fieldText {
	clear:none;
	/*float: right;*/
}
.membersRight, .membersLeft {
	/* position: relative;*/
	top: 0;
	vertical-align: top;
	padding: 5px 0 0 0;
	clear:none;
}
.membersRight, .topLegalRight {
	float: right;
	text-align:left;
	margin: 0 1.5em 0;
}
/* Images Grid (here we just lay out subsquent embeded media files layout) */
div.chambersLogo {
	clear:right;
	display:block;
	float:right;
	margin-right:2em;
}
.chambersLogo, #individualPhoto {
	float:right !important;
	height:100%;
	margin:0pt !important;
	padding:0pt !important;
	text-align:right;
	vertical-align:top;
	width:20%;
}
.chambersLogo img, #individualPhoto img, .chambersPhoto img {
	clear:both;
	float:right;
	margin:5px 0pt 5px 5px;
	padding:0pt;
	position:relative;
	top:0pt;
}
img[alt="Community Legal Service"], img[alt="Criminal Defence Service"], img[alt="Investors in People"], img[alt="Bar Mark"] {
	clear: none;
}
#individualPhoto {
	width: 168px;
}
.resultListAd {
	height:88px;
	margin:0px 10px 10px;
	width:118px;
}
img#topLegalWeb, img#corpCounselWeb {
	width: 125px;
	height: 130px;
	margin:0pt 0pt 5px 10px;
	float:right;
}
img#topLegalWeb {
	width: 200px;
	height:106px;
	float:right;
}
div.colLayout-2 div.floatR div.tocComponent {
	clear:both;
	float:left;
	margin:0pt 0pt 20px;
	width:100%;
}
/* Collapsible Lists (Doc View) Grid */
ul.collapsibleMenu {
	width: 100%;
	clear:left;
	margin: 1em 0;
}
ul.collapsibleMenu li h3 {
	padding: .4em 1em .6em 1em;
	margin: 0 0 1em 0;
}
/* Top Legal Employers Document Grid */
table#toplegalthisFirmCatScores {
	margin: 1em 0;
	clear: both;
}
#tocStructure, #toplegalsummary {
	clear:both;
}
#toplegalsummary div.tocComponent h3, .toplegal h3  {
	text-align:center;
	margin: 0 0 .5em 0;
}
ul.topLegalTopTenLeft  {
	float: left;
}
ul.topLegalRight, ul.topLegalTopTenRight {
	float: right;	
}
#toplegalsummary div.tocComponent, div#tocStructure div.toplegal {
	min-width:63%;
	padding:.5em  .5em;
	width:65%;
}
ul.topLegalTopTenLeft, ul.topLegalTopTenRight {
	min-width:40%;
	width: 42%;
}
ul.topLegalLeft, ul.topLegalright, ul.topLegalTopTenLeft, ul.topLegalTopTenRight {
	margin:0 0  5px 10px;
	padding:0;
	position:relative;
}
/* Erorr Messages Grid */
div.error, div#error, div#userMessage {
	margin: 0 12px 10px 0;
	padding: 10px 20px 10px 47px;
	clear: both;
	width:40%;
}
/* Results Grid */
legend span#resultViewPort {
	display: block;
	width: 100%;
	height: 20px;
}
legend span#resultCount {
	clear: none;
	padding-left: 235px; 
}
.resultListWrapper {
	width: 80%;
}
#resultsListWrapper, .resultPaging {
	position: relative;
	clear:both;
}
/*#topempAdPanel {
	position:relative;
	clear:left;
}*/
/* Sponsored Results Panel */
#resultsAboveList, .resultPaging {	
	clear:both;
}
.resultPaging {
	float:right;
	margin:0.5em;
	right: 20%;
	text-align: center;
}
#resultListPanel {
	margin:2em 30px 1.5em 0;
	width:100%;
	clear:both;
}
#resultList {
	width:78%;
	float:left;
	clear:both;
}
table.resultTable, table.viewresultsType {
	width:100%;
	border:0;
	clear:both;
}
.viewresultsType, .viewresultsType tbody, .viewresultsType tbody tr, .viewresultsType tbody tr td   {
	height: 0px;
	clear:none;
	border: 0;
	padding:0;
}
.resultListHeaderText {
	width: 100%;
	height: 20px;
	overflow:hidden;
}
.resultListHeaderText h2{
	padding: 0 .8em .5em;
	margin:0;
}
.topLink {
	float: right;
	text-align: right;
	padding-right: 11px;
}
.resultListHeader_concise, .resultListHeader_expanded {
	/*margin-top: 1em;*/
}
.resultListHeaderTopLeft, .resultListHeaderTopRight, .resultListHeaderBottomLeft, .resultListHeaderBottomRight {
	height: 12px;
	min-width: 100%;
}
.resultListHeaderText h2, .sponsoredResults h2 {
	font-size: 1.2em;
}
div.sponsoredResults h2, div.sponsoredResults p { 
	margin: 0 1em .5em 1em;
}
#resultListWrapper {
	margin-top: 1em;
}
.resultListResults,.resultListResultsFirst,.resultListResultsLast,.resultListResultsFirstLast {
	padding-top: 1em;
}
.resultListColumnHeader {
	padding: 10px 0px;
}
.resultListColumnHeader, .resultListEntry_concise {
	text-align: left;
	padding-left: 0.5em;
	margin-bottom: 0.5em;
}
.resultSpecialisms_concise ul{
	list-style: none;
	text-align: left;
}
.resultListColumnHeader3 {
	width: 33%;
	float: left;
	clear: none;
}
.resultListColumnHeader3 headerName {
	width: 50%;
}
/* float lefts */
.floatL, .resultHeader_expanded, .resultListEntry_expanded .itemWrapper, .resultBarristerChambers_expanded, .resultExpertWitnessName_expanded, .resultBarristerHeader_concise, .resultExpertWitnessHeader_concise, .resultCorpCounselWrapper, .resultCorpCounselName_concise, .resultCompany_expanded_hasWebsite h3, .resultAdditional_expanded .fieldText, .fieldTextclear, .resultExpertWitnessUrl_expanded, .resultChambersName_expanded, .resultSource_concise, .resultDateNews_concise, .resultCorpCounselName_expanded, .resultFirm_expanded, .resultCounsel_expanded, .resultNumber_expanded, .resultCounselInd_expanded, .resultCounselInd_concise, #innerContainer div.colLayout-2 div.left, .links-image, #directoriesWrapper p, articleTitle {
	float: left;
}
/* float rights */
.floatR, .result Advisor_concise, .resultChambersUrl_expanded, .resultHeads_expanded, #innerContainer div.colLayout-2 div.floatR, .genericLogoLeafNode a.externalLink img {
	float: right;
}
.headerTitle, .resultTitle_concise, .headerName, .resultName_concise, .resultBarristerHeader_concise, .resultExpertWitnessHeader_concise {
	padding-left: 1em;
}
.resultTitleNews_concise, .resultSource_concise, .resultDateNews_concise, #innerContainer div.colLayout-2 div.left, #innerContainer div.colLayout-2 div.floatR {
	clear:none;
}
div.topemp .resultSpecialisms_concise {
	margin-left: 6px;
}
.resultChambersUrl_expanded, .links-image {
	text-align: right;
	padding-right: 1em;
}
/* Expanded/Concise Barrister styles */

.postalTown, .resultUrl_expanded, #topEmpmarketing img {clear:both;}
.resultAddress_expanded .postalTown {
	padding-left: 0em;
}
/* Expanded/Concise Expert Witness styles */
.resultOccupation_expanded p {
 	padding-bottom: 0em;
}
.resultSource_concise {
	margin: 0 1em;
}
.resultTitleNews_concise
{
	padding-left: 0.5em;
}
#formElementRadioDiv input.formElementRadio {
	margin-top: 0.3em;
}
/*Feature */
#sectionTitle{
	clear:both;
}
div.para {
	float: left;
	clear: both;
}

/*#innerContainer ul li {
	margin-left: 1.8em;
}*/
#innerContainer, div#topLegalWebBox div.tocItem, #innerContainer ul.tocResultListInline li  {
	margin: .4em 0 0 0;
}

#innerContainer ul.collapsibleMenu li {
	margin: .8em 0;
	width: 100%;
}
#container div.tocItem, div#topLegalWebBox div.tocItem {
	margin:0.7em;
	padding: 0 0 0 .5em;
}
#staticPanel p {
	padding: .5em 0;
	
}
/* footer grid */
#footerWrap {
	padding-top: 1.5em;
	width: 100%;
	clear: both;
}
#footerImage {
	bottom: 0;
	left: 0px;
	margin-right: 5px;
	float: left;
	clear: both;
}
#footerImage a span, .toplegal tfoot {
	display: none;
}
/*Updated by for thomson rueters image 10 june 2009 */
#footerImage a {
	clear:none;
	display:block;
	height:35px;
	width:133px;
}
#footerLinks {
  overflow: visible;
  margin-left: 5px;
  float: left;
  text-align: left;
  clear: right;
  width: 80%;
}
#footerTrademark {
	clear:both;
	top:0;
	margin-left:10px;
}
#minorLinks {
	clear:both;
}
#minorLinks li {
	display: inline;
}
ol li, .indentList li {margin: 0 0 0 1.5em;}