﻿/* General */
* { margin: 0; padding: 0; list-style-type: none;}

body {
	margin: 10px 0 0 0;
	font-family:Verdana, Sans-Serif;
	font-size:11px;
}

/* Main menu */
LI.active A	{font-weight:bold;}

/* Freeform Page content */
h1		
{
	font-size: 160%;
	font-weight: normal;
	margin: 0 0 15px 0;
}

h3						{ font-size:140%; }

A IMG					{ border: none; }
A						{ text-decoration: none; color:Black; }

.freeform img.left		{ margin:0 15px 15px 0; border:none; float:left; }
.freeform img.right		{ margin:0 0 15px 15px; border:none; float:right; }
.freeform H3			{ font-size:140%; }
.freeform UL			{ margin-bottom:15px; }
.freeform LI			{ list-style-type: disc; margin-left:15px;}
.freeform P				{ margin-bottom: 15px; }

/* Header */
.position, .innerBody, .footer, .searchBarContainer
{
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	clear:both;
}
.footer					{ }
.positionFixed
{
	position:fixed;
	width:100%;
	left:0px;
	top:0px;
	padding: 10px 0 10px 0;
	background-color:White;
	z-index: 10;
}
.positionFixed .innerHeader
{
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
.footerContainerFixed	{	position: fixed; bottom: 0px; width: 100%; background-color:White; z-index: 20; margin-bottom:0; padding-bottom:5px;}
.footer					{ height: 44px; background-image: url(/img/nav/rare/footer_bg.gif); background-color: #e0e0e0; color: #666666;}
.footer .left			{ height: 44px; float: left; padding: 6px 0 0 8px; background-image: url(/img/nav/rare/footer_left.gif); background-position: left top; background-repeat: no-repeat; }
.footer .left IMG		{ margin-right: 5px; }
.footer .right			{ height: 44px; float: right; padding: 14px 15px 0 0; background-image: url(/img/nav/rare/footer_right.gif); background-position: right top; background-repeat: no-repeat; }
.footer A				{ color: #666666; }
.footerContainerFixed .footer
						{	padding-bottom: 0; margin-bottom:0; }
.header UL, .headerFixed UL
						{ list-style-type: none; }
.innerHeader			{ height: 118px; }
.innerBody				{ z-index: 5; }
.logo					{ float:left; margin: 17px 10px 0 0px; }
.menuLevelOne			
{ 
	position:absolute; 
	top:2px; 
	left:220px; 
	width:185px;
	margin: 0 0 0 0;
	padding-top: 17px;
}
.menuLevelOne>LI		{ margin-bottom: 4px; }
.menuLevelTwo			
{ 
	position:absolute; 
	top:17px; 
	left:196px; 
	width:400px; 
	padding: 0 0 0 10px;
}
.menuLevelTwo>LI		{ margin-bottom: 4px; }
.menuLevelThree			
{ 
	position:absolute;
	top:57px;
	left:10px;
}
.menuLevelThree LI.l3	{ height: 12px; margin-bottom: 1px; }
.menuLevelThree LI.l3 A.l3 { display: block; }
LI.browseBy				{ }
.menuLevelFour			
{
	height: 12px;
	float:left;
}
.menuLevelFour LI.l4		{ height:11px; float:left; margin-right: 8px; }
.menuLevelFour LI.l4 A.l4	{ display: block; }
a.m, a.m2, span.m		{ display:inline-block; }
span.m					{ float:left; margin-right: 8px; }
a.m span, a.m2 span, span.m span
						{ visibility: hidden; }

.menuRight				{	position: absolute; right: 10px; top: 5px; 
							width: 150px; height: 105px;
							margin: 4px 0 0 0; padding: 4px 0 0 8px;
							font-size: 10px;
						}
.menuRight .top			{ position: absolute; top: 0px; left: 20px; }
.menuRight .top P		{ margin-top: 3px; }
.menuRight .bottom		{ position: absolute; bottom: 5px; left:10px; }
.menuRight .bottom LI	{ margin-left: 10px; }
.menuRight .bottom LI.first
						{ background-color:Red; margin-left: 0px; padding-left: 10px; background: url(/img/nav/smallarrow.gif) top left no-repeat; }
.menuRight A			{ color:Black; }

/* Search vertical */
.searchBarContainer		
{ 
	position:fixed;
	width:100%;
	left:0px;
	top:143px;
}
.searchBarContainer .innerContainer
{
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
}
.searchBar				{	float:left; margin-left:10px; width:330px; 
							padding:15px 0 15px 10px; 
							background-position: left top;
							background-repeat: no-repeat;
						}
.searchBar .searchForm	{	padding-left: 40px;
							background-position: left 5px;
							background-repeat: no-repeat;
							min-height: 120px;
						}
.searchBar .searchForm>DIV
						{ clear: both; }
.searchBar DIV			{ margin-bottom:5px;}
.searchBar DIV .title	{ float:left; margin-top: 4px; width: 80px; font-weight: bold; }
.searchBar DIV .titleWithRange	
						{ float:left; margin-top: 4px; width: 50px; font-weight: bold; }
.searchBar SELECT, .searchBar INPUT		
						{ font-family: Verdana, Sans-Serif; font-size: 11px; }
.searchBar SELECT		{ width: 78px; }
.searchBar .searchButton
						{ float:left; width: 80px; font-weight: bold; margin: 10px 0 0 80px; }
.searchBar .searchCount	{ float:left; font-weight: bold; margin: 14px 0 0 15px; }
.personaSearchResults	{ width: 586px; float:right; }
.personaSearchResults .searchIntro
						{ }
.personaSearchResults .personaSummaries { margin-left: 0; }
.personaSearchResults .personaSummaries .personThumb
						{ width: 115px; }

/* Skills search */
.searchSkillsPanel		{	position: absolute; width: 890px; height: 380px; top: -80px; left: 40px; 
							background-color:White; border: Solid 4px Black;
						}
.searchSkillsPanel .families
						{ position: absolute; top: 10px; left:10px;}
.searchSkillsPanel .families>LI
						{ height: 20px; width: 150px; padding: 5px 0 0 5px;}
.searchSkillsPanel .categories
						{ position: absolute; top: 0px; left: 180px; }
.searchSkillsPanel .categories>LI
						{ width: 150px; height: 20px; padding: 5px 0 0 5px; }
.searchSkillsPanel LI.skactive
						{ background-color: #EEEEEE; }
.searchSkillsPanel .skills
						{ position: absolute; top: 0px; left: 180px; width: 480px; }
.searchSkillsPanel .skills LI
						{ width: 160px; float:left; height: 18px; }
.searchSkillsPanel .skills LI.long
						{ width: 320px; float:left; height: 18px; }
.searchSkillsPanel .skills LI INPUT
						{ margin: 2px 4px 0 0; }
.searchSkillsPanel .searchSkillsFooter
						{ position: absolute; left: 0px; bottom: 0px; width: 890px; background-color: #EEEEEE;  text-align: right; height: 25px; padding-top: 5px; }
.searchSkillsPanel .searchSkillsFooter INPUT
						{ width: 80px; margin-right: 20px; font-size: 12px; font-weight: bold; background-color: Black; color:White; border: none; }
.skillsDisplay			{  margin-left: 0px; width: 270px; padding: 4px; 
						}

/* Search horizontal */
/*
.searchBarContainer		{ clear:both; float:left; width:100%; margin-top: 15px; }
.searchBarContainer .innerContainer
						{ position:relative; margin-left:auto; margin-right:auto; width: 960px;}
.searchBar				{ float:left; width: 740px; padding:10px 10px 10px 10px;  }
.searchBar DIV			{ float:left; white-space: nowrap; margin: 5px 10px 5px 0;}
*/

/* Profile summaries */
.personaSummaries		{ margin: 0 0 0 42px; }
.personThumb
{ 
	float:left; 
	width:100px; 
	height:180px; 
	/*margin: 0 0 10px 16px;*/
	margin: 0 2px 2px 0;
	/*border:Solid 1px #EDEDED;*/
	text-align:center;
	font-size:10px;
}
.personThumb IMG		{ margin-bottom: 2px; }
.personThumb A			{ color:Black; text-decoration: none; }

/* Page layouts */
.oneColumn				{ margin-left: 10px; float:left; width: 950px; }
.twoColumnEven			{ margin-left: 10px; float:left; width: 950px; }
.twoColumnEven .left	{ float:left; width: 465px; margin-right: 20px; }
.twoColumnEven .right	{ float:left; width: 465px; }
.threeColumn			{ margin-left: 10px; float:left; width: 950px; }
.threeColumn .left		{ float:left; width: 303px; margin-right: 20px; }
.threeColumn .middle	{ float:left; width: 304px; margin-right: 20px; }
.threeColumn .right		{ float:left; width: 303px; }

.heavyRight				{ margin-left: 10px; float:left; width: 950px; }
.heavyRight .left		{ float:left; width: 303px; padding-right: 12px; margin-right: 15px; border-right: Solid 1px #e8e8e8; }
.heavyRight .right		{ float:left; width: 619px; }

.register				{ padding-top: 50px; width: 450px; }
.register .validation	{ padding: 20px 0 0 100px; }
.register .text			{ width: 400px; }
.register .text LABEL	{ font-weight: bold; width: 200px !important; }
.register .text TEXTAREA{ float:left; width: 150px !important;  color: Red;}
.register INPUT			{ width: 230px; }
.register INPUT.submit	{ clear:both; margin: 10px 0 0 217px !important; color:White; background-color:Black; font-weight: bold; border:none; }

.loginForm				{ float:left; width: 600px; margin-top: 30px; }
.loginForm INPUT		{ float:left; }
.loginForm .text		{ float:left; margin-left: 100px; width: 500px; height: 40px; }
.loginForm .text LABEL	{ float:left; }
.loginForm .text INPUT	{ width: 150px; }
.loginForm .checkboxList{ float:left; width: 400px; margin: 0 0 20px 180px; }
.loginForm .checkboxList .checkboxListContainer
						{ float:left; width: 400px; }
.loginForm .checkboxList .checkboxListContainer INPUT
						{ width: 20px; }
.loginForm .checkboxList LABEL
						{ float:left; width: 300px; margin-left: 15px; }
.loginForm .button		{ float:left; margin-left: 215px; width: 150px; color:White; background-color:Black; border:none; font-weight:bold;  }
.loginForm P			{ float:left; clear:both; width: 600px; margin: 20px 0 0 0; }
.loginForm .formError	{ padding-top: 5px; float:left; }
.loginForm .validation	{ clear:both; margin: 10px 0 0 112px; }
.forgottenPasswordLink	{ padding: 0 0 30px 215px; }

.userDetails			{ width: 400px; margin-top: 20px; }
.userDetails DT			{ float:left; width: 150px; font-weight: bold; padding-bottom: 5px; }
.userDetails DD			{ float:left; width: 250px; padding-bottom: 5px;}
.userDetailsActions		{ margin-top: 50px; }
.userDetailsActions P	{ margin-bottom: 10px; }

.userDetailsEdit
.userDetailsEdit LI.text LABEL	
						{ font-weight: bold; width: 137px !important; }
.userDetailsEdit LI.text INPUT
						{ width: 200px !important; }
.userDetailsEdit .right	{ margin-top: 5px; }
.userDetailsEdit .button
						{	color:White; font-weight: bold; background-color: Black;
							border: none; width: 150px; margin-bottom: 10px; }
/* Section homepage */
.intro					{ width: 304px; float:left; margin-left:5px; margin-right: 20px; margin-top:9px; }
.intro P				{ padding: 0 12px 0 12px; }
.intro OBJECT			{ margin-bottom: 10px; }
.featuredVideo			{ background-color: #E8E8E8; }
.showcaseGrid			{ float:left; width: 453px; margin-right: 20px; }
.showcaseGrid>DIV		{ float:left; width:453px; height: 150px; padding-bottom:6px; }
.showcaseGrid .keywords	{ position:relative; float:left; width: 90px; height: 120px; margin-bottom:25px; padding: 5px 5px 0 5px; font-size:9px; }
.showcaseGrid .keywords A.browseAll
						{ display:block; margin-top: 4px; }
.showcaseGrid .keywords .subsectionLink
						{ position:absolute; left:4px; bottom:5px; }
.showcaseGrid .featured	{ float:left; margin-left:14px; width: 100px; height: 150px; }
.showcaseGrid .featured A.name
						{ display:block; margin-left: 4px; font-size:9px; color:Black; }
.sideNews				{ float:left; width: 126px; height: 425px; background-position: left top; background-repeat: no-repeat; padding:10px; position: relative; }
.sideNews .newsHeader	{	display:block; width: 85px; height: 16px; 
							background-position: left top; background-repeat: no-repeat; 
							margin: 15px 0 7px 0;
						}
.sideNews .newsHeader SPAN
						{ display:none; }
.sideNews .news H4		{ font-size: 11px; font-weight: bold; margin-bottom: 3px; }
.sideNews .news H4 A	{ text-decoration: none; }
.sideNews .news P		{ font-size: 11px; margin-bottom:15px; }
.sideNews .newsFoot		{ position: absolute; left: 0px; bottom: 0px; padding: 10px; }

.newsIndex				{ float:left; width: 631px; }
.newsIndex .newsSummary	{ float:left; width: 300px; margin-left: 15px; }
.newsIndex .newsSummary IMG
						{ float:left; padding: 0 5px 15px 0; }
.newsIndex .newsSummary H4
						{ float:left; display:block; width: 190px; font-weight: bold; font-size: 12px; margin-bottom:5px; }
.newsIndex .newsSummary P
						{ float:left; width:190px; }
.newsIndex .moreNews	{ float:left; width: 600px; clear:both; text-align:right; margin-right: 20px; }
.newsIndex .moreNews A	{ margin-right: 20px; font-weight: bold; }					
.newsArticle .people	{ float:left; margin: 9px 0 0 20px; padding: 0; width: 315px; }
.newsArticle .otherNews { float:left; margin: 9px 0 0 20px; padding: 0; width: 215px; }
.newsArticle .people H3,
.newsArticle .otherNews H3
						{ font-size: 12px; margin: 0 0 10px 0; }
.newsArticle .otherNews H4
						{ font-size: 11px; margin: 5px 0 2px 0; }
.newsArticle .otherNews H4 A
						{ color: Black; }
.newsArticle .people .personaSummaries
						{ margin-left:0; }

.featuredVideoPlayer	{ width: 304px; }
.featuredVideo			{ float:left; width: 292px; height: 55px; padding:6px; background-position: left top; background-repeat: no-repeat; overflow:hidden; margin-bottom: 6px; }
.featuredVideo IMG		{ float:left; margin-right: 10px; width: 88px; height: 53px; }
.featuredVideo H4		{ float:left; margin-top: 4px; width: 190px; font-size: 12px; font-weight: bold; }

/* Section homepage layouts */
.showcaseGrid .img		{ float: left; }
.homeStyleOne .rowOne	{ height: 141px; padding-bottom: 0; margin-bottom: 5px; }
.homeStyleOne .rowOne .content
							{	float:left; width:233px; height:126px; 
								padding: 10px 5px 5px 10px; }
.homeStyleOne .rowOne .content H3
							{ font-size: 12px; font-weight:bold; margin-bottom:2px; }
.homeStyleOne .rowOne .img	{ width: 98px; height: 141px; margin-right: 4px; }
.homeStyleOne .rowTwo		{ height: 121px; padding-bottom: 0; margin-bottom: 5px; }
.homeStyleOne .rowTwo .content
							{	float:left; width: 217px; height: 106px; 
								padding: 10px 5px 5px 10px; }
.homeStyleOne .rowTwo .content H3
							{ font-size: 12px; font-weight:bold; margin-bottom: 2px; }
.homeStyleOne .rowTwo .img	{ float:left; width: 106px; height: 121px; margin-left: 4px; }
.homeStyleOne .rowThree		{ height: 164px; margin:0; padding: 0;}
.homeStyleOne .rowThree .img	{ width: 86px; height: 164px; float: left; margin-right: 4px; }
.homeStyleOne .rowThree .content
							{	width: 182px; height: 164px; float:left; font-size:10px; }
.homeStyleOne .rowThree .content .stripOne
							{ height: 21px; padding: 5px 2px 0px 10px; }
.homeStyleOne .rowThree .content .stripTwo
							{	height: 42px; 
								padding: 4px 2px 0px 10px;
							}
.homeStyleOne .rowThree .content .stripThree
							{	height: 42px; 
								padding: 4px 2px 0px 10px;
							}
.homeStyleOne .rowThree .content .stripFour
							{	height: 42px; 
								padding: 4px 2px 0px 10px;
							}
.homeStyleOne .rowThree .content .stripOne H3,
.homeStyleOne .rowThree .content .stripTwo H3,
.homeStyleOne .rowThree .content .stripThree H3,
.homeStyleOne .rowThree .content .stripFour H3
							{	font-weight: bold; font-size: 11px; }


.homeStyleTwo .rowOne		{ height: 148px; padding-bottom: 0; margin-top:9px; margin-bottom: 5px; }
.homeStyleTwo .rowOne .content
							{	float:left; width:233px; height:133px; 
								padding: 10px 5px 5px 10px; }
.homeStyleTwo .rowOne .content H3
							{ font-size: 12px; font-weight:bold; margin-bottom:2px; }
.homeStyleTwo .rowOne .img		{ width: 98px; height: 148px; margin-right: 4px; }
.homeStyleTwo .rowTwo			{ height: 283px; padding-bottom: 0; margin-bottom: 0; }
.homeStyleTwo .rowTwo .content
							{	float:left; width: 213px; height: 268px; 
								padding: 10px 5px 5px 10px; }
.homeStyleTwo .rowTwo .content H3
							{ font-size: 12px; font-weight:bold; margin-bottom: 2px; }
.homeStyleTwo .rowTwo .img		{ float:left; width: 220px; height: 283px; margin-left: 4px; }


/* Enquiry form */
.enquire				{ margin: 0 0 0 10px; }
.enquire IMG			{ float:left; margin-right: 20px; }
.enquire H1				{	float:left; 
							font-family: Arial, sans-serif;
							font-weight: bold;
							font-size: 16px;
							width: 250px;
							margin-top: 10px;
							text-transform: lowercase;
						}
.enquire .formElement	{ float:left; width: 250px; }
.enquire .formElement LABEL
						{ font-weight: bold; float:left; width: 100px; }
.enquire .formElement LABEL.reason
						{ width: 250px; }
.enquire .formElement INPUT 
						{ float:right; width: 130px; margin-bottom: 5px; }
.enquire .formElement TEXTAREA
						{ width: 250px; }

UL.list					{ clear:both; margin-bottom: 10px; }
UL.list	LI				{ margin-left: 25px; display:list-item; float:none; list-style-type: disc; }

/* Freeform Navigation elements */

.breadcrumb				{ margin-bottom:3px; }
.breadcrumb A			{ text-decoration:none; font-size:85%; }
.breadcrumb A:hover		{ text-decoration:underline; }

.pageTOC				{ margin-bottom:30px; border-left:1px solid white; }
.pageTOC H4				{ font-weight: normal; font-size:130%; margin:0 0 5px 0; padding-left:15px; }
.pageTOC UL				{ list-style-type:none; margin:0; padding:0; }
.pageTOC UL LI			{ margin-bottom:3px; padding-left:15px; padding-top:1px; font-size: 95%; }
.pageTOC UL LI A		{ text-decoration: none; color:White; }
.pageTOC UL LI.active	{ margin-left:3px; padding-left:12px; background-image:url(/img/arrow.gif); background-position:left 4px; background-repeat:no-repeat;  }

.mediaTOC				{ margin-bottom:30px; border-left:1px solid white; }
.mediaTOC H4			{ font-weight: normal; font-size:130%; margin:0 0 5px 0; padding-left:15px; }
.mediaTOC UL			{ list-style-type:none; margin:0; padding:0; }
.mediaTOC UL LI			{ margin-bottom:3px; padding-left:15px; padding-top:1px; font-size:90%; }
.mediaTOC UL LI A		{ text-decoration: none; }

.relationTOC			{ margin-bottom:30px; border-left:1px solid white; }
.relationTOC H4			{ font-weight: normal; font-size:130%; margin:0 0 5px 0; padding-left:15px; }
.relationTOC UL			{ list-style-type:none; margin:0; padding:0; }
.relationTOC UL LI		{ margin-bottom:3px; padding-left:15px; padding-top:1px; font-size:90%; }
.relationTOC UL LI A	{ text-decoration: none; }

.pagingControls			{ padding-bottom:15px; }
.pagingControls A		{ color:Black; text-decoration: none; }
.pagingControls .tostart
						{ padding-left:18px; background-image:url(/img/paging/black/first.gif); background-position:left; background-repeat:no-repeat; padding-right:5px; }
.pagingControls .prev5
						{ padding-left:18px; background-image:url(/img/paging/black/prev.gif); background-position:left; background-repeat:no-repeat; padding-right:5px; }
.pagingControls .next5
						{ padding-right:18px; background-image:url(/img/paging/black/next.gif); background-position:right; background-repeat:no-repeat; padding-left:5px; }
.pagingControls .toend
						{ padding-right:18px; background-image:url(/img/paging/black/last.gif); background-position:right; background-repeat:no-repeat; padding-left:5px; }
.pagingControls .pagerItem
						{ font-size:100%; padding-right:5px;}
.pagingControls .pagerItemCurrent
						{ font-weight: bold; color:#D975BF; }
						
/* Forms */
fieldset.form SELECT, 
fieldset.form INPUT, 
fieldset.form TEXTAREA	{ font-family: Verdana, Sans-Serif; font-size:11px; padding:2px; }
fieldset.form			{ border:0;}
fieldset.form legend	{ display:none; }
fieldset.form UL		{ list-style: none; margin:0; }
fieldset.form LI		{ clear:both; }
.validation 
						{ font-weight:bold; padding-bottom:15px; }
.validation UL			{ padding-left:15px; }
.validation UL LI		{ list-style-type:circle ; margin-left:15px; padding-left:15px; }
fieldset.form H3		{ font-size:130%; font-weight:normal; padding-top:10px; margin-bottom:5px; }
fieldset.form INPUT.submit
						{ margin: 10px 0 0 35px; color:White; background-color: Black; border: none; padding: 2px; width: 150px; font-weight: bold; }
fieldset.form UL LI.text INPUT,
fieldset.form UL LI.text SELECT,
fieldset.form UL LI.text TEXTAREA
						{ margin-top: 5px; width:150px; }
fieldset.form UL LI div.static
						{ margin-top: 5px; width:150px; margin-left: 115px;}
fieldset.form UL LI.text TEXTAREA
						{ font-family:Arial, Sans-Serif; width: 250px; }
fieldset.form UL LI.required label
						{ font-weight: bold; }
fieldset.form UL LI.text label
						{ display:block; width:100px; margin-right: 15px; margin-top:8px; float:left; text-align:right;}
fieldset.form UL LI.text span.static
						{ display:block; float:left; width: 250px; margin-top:8px; font-weight:bold; }
fieldset.form UL LI div.info
						{ margin: 10px 0 5px 35px; font-weight:bold; }
fieldset.form UL LI.checkboxes INPUT
						{ margin-left:0; margin-top: 4px; margin-right: 15px; float:left; clear:left; }
fieldset.form UL LI.checkboxes label
						{ display:block; float:left; width: 250px; padding-top:8px; }

/* Search Results */
.searchResults			{ margin-bottom: 15px; }
.searchResults LI		{ margin-bottom: 15px;}
.searchResults LI A		{ text-decoration: none; font-weight:bold; color:Black; }
.searchResults LI A:hover
						{ text-decoration: underline; }
.searchResults LI .type	{ font-size:80%; }
.searchResults LI .summary
						{ }