/*

Generic layout for Zapoint Consumer Website

*/

html, body, #layout {height: 100%;}
body > #layout {height: auto; min-height: 100%;}

body {
	background:#ff7024 url(/images/static/backgrounds/body-repeater.jpg) top left repeat-x;
}

#hiddenLinks {
	position:absolute;
	top:0px;
	left:-5000px;
}

/* -- layout is 968px to allow for shadows, but usuable content is 960px */

#layout {
	width:968px;
	margin:0 auto;
	position:relative;
}
	
	
	#header {
		width:960px;
		padding:0px 4px; /* see ie6.css */
		height:130px;
		margin-bottom:0px;
	}
	
	#joinLogin {
		margin-bottom:10px;
	}
	
	#wrapper {
		padding-bottom: 60px; /* same as footer height */
	}
	
	#footer {
		position: relative;
		border-top: 3px solid #fff;
		margin-top: -60px; /* negative value of footer height */
		height: 230px;
		padding-top:10px;
		clear:both;
		background:#1a1a1a;
		width:100%!important;
	} 
	
	#content {position:relative;}

	
/* ------------------------------------------------------ */
/* --- Content ------------------------------------------- */
/* ------------------------------------------------------ */

#gmap_container {
	margin-bottom:20px;
}

/* ------------------------------------------------------- */
/*
	General containers
	Content pages are divided into 2 columns - all panels have a drop shadow width of 4px all round:
		Column					Total Width
		Left: Navigation 	->	208px wide
		Main: Content		->	760px wide
		
		Main column can be split into further columns where required
*/
/* ------------------------------------------------------- */

.mainColumn {
	width:760px;
	float:right;
}

.leftColumn {
	width:208px;
	float:left;
}

/* -------------------------------------------- */
/* ---- Downloads ----------------------------- */

.downloads {
	margin-bottom:20px;
}

.downloads .downloadType {
	font-size:1.6em;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.downloads .fileList {
	margin:0px;
	padding:0px;
	width:450px;
}
.downloads .fileList li {
	margin:0px 0px 10px 0px;
	padding:4px 0px 0px 30px;
	list-style:none;
}
.downloads .fileList li.pdf {background:url(/images/static/icons/pdfIconLight.gif) top left no-repeat;}
.downloads .fileList li.podcast {background:url(/images/static/icons/podcastIconLight.gif) top left no-repeat;}

.downloads .fileList .fileLink {
	float:left;
	display:block;
	margin-bottom:5px;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
.downloads .fileList .fileLink:hover,
.downloads .fileList .fileLink:focus {
	text-decoration:underline;
}
.downloads .fileList .info {
	float:right;
	display:block;
	color:#999;
}



/* ----------------------------------------------------- */
/* Callouts
/* ----------------------------------------------------- */
.callout .title {
	font-size:		1.6em;
	padding:		0px;
	margin:			0px 0px 5px 0px;
}
.callout .quote {
	margin:			0px 0px 6px 0px;
}

.mainPanelFull .narrowCol .callout {
	width:			212px;
	padding:		18px 19px 0px 19px;
	background:		url(/images/static/panels/callout-dark-mpf-sideCol.gif) no-repeat;
	color:			#FFF;
}
.mainPanelFull .narrowCol .calloutBase {
	background:		url(/images/static/panels/callout-dark-mpf-sideCol-base.gif) no-repeat;
	width:			250px;
	height:			20px;
	display:		block;
}

.calloutSA {
	width:			214px;
	padding:		116px 18px 0px 18px;
	background:		url(/images/static/panels/callout-sa-top.jpg) no-repeat;
	color:			#FFF;
}
.calloutSA p {font-size:1.4em;}
.calloutSABase {
	display:		block;
	width:			250px;
	height:			16px;
	background:		url(/images/static/panels/callout-sa-base.jpg) no-repeat;
}

/* ------------------------------------------------------ */
/* Questions & Answers
   --- Question and answer boxes for FAQ pages*/
/* ------------------------------------------------------ */
.questionBox {
	width:722px;
	margin: 10px 0px;
}

.questionBox h3 {
	background: url(/images/static/icons/arrowList-icon.gif) no-repeat left 18px;
	font-size:1.7em;
	width:280px;
	float:left;
	padding-left: 20px;
	padding-top:15px;
}

.questionBox .answer {
	width: 415px;
	float:right;
	padding-bottom:	23px;
	background: url(/images/static/skillmapper/faq_answer_base.jpg) no-repeat left bottom;
}

.questionBox .answer .answerContent {
	width:330px;
	padding: 18px 21px 0px 64px;
	background: url(/images/static/skillmapper/faq_answer_bg.jpg) no-repeat left top;
	overflow:hidden;
}

/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
	
/* ----- .skills_assessment ---- */
.mainSkillsPanel {
	float:			left;
	width:			450px;}
#skillsHelp {
	background:		url(/images/static/icons/have-questions-icon.png) top center no-repeat;
	float:			right;
	padding-top:	200px;
	text-align:		center;
	width:			270px;}
#skillsHelp a {
	font-weight:	bold;
	font-size:		1.2em;
	text-decoration:underline;}
#skillsHelp a:hover {
	text-decoration:none;}
.skillsStepsPanel {
	background:		url(/images/static/backgrounds/SkillsStepsPanelTop.jpg) top no-repeat;
	padding-top:	10px;
	width:			450px;}
.skillsStepsPanel .mid{
	background:		#fff url(/images/static/backgrounds/SkillsStepsPanel-content.jpg) top repeat-x;
	border:			1px solid #d9d9d9;
	border-width:	0px 1px;
	width:			448px;}
.skillsStepBase {
	background:		url(/images/static/backgrounds/skillsStepsBase.jpg) top no-repeat;
	height:			10px;
	margin-bottom:	15px;
	width:			450px;}
ul#howItWorks {
	margin:			0;
	padding:		0;}
ul#howItWorks li.step1,
ul#howItWorks li.step2,
ul#howItWorks li.step3  {
	float:			left;
	font-size:		1.1em;
	clear:			right;
	width:			155px;
	list-style:		none;}
ul#howItWorks li.step3 {
	width:			138px;}
ul#howItWorks li.step1 span.steps,
ul#howItWorks li.step2 span.steps,
ul#howItWorks li.step3 span.steps {
	background:		url(/images/static/icons/arrow-steps-hti.png)  right 20px no-repeat;
	display:		block;
	padding-left:	20px;
	width:			135px;
	line-height:	90px;
	height:			90px;}
ul#howItWorks li.step2 span.steps {
	padding-left:	15px;
	width:			140px;}
ul#howItWorks li.step3 span.steps {
	background:		none;
	padding-left:	30px;
	width:			108px;}
ul#howItWorks li.step1 span.desc,
ul#howItWorks li.step2 span.desc,
ul#howItWorks li.step3 span.desc {
	display:		block;
	border-right:	1px solid #ccc;
	margin:			10px 10px 0px 5px;
	padding:		0px 10px;
	text-align:		center;}
ul#howItWorks li.step2 span.desc {	
	padding:		0px 10px 0px 0px;}
ul#howItWorks li.step3 span.desc {	
	border:			none;
	margin:			10px 0px 0px 0px;}
ul#howItWorks li span a {
	color:			#ff7024;
	display:		block;
	font-weight:	bold;
	margin-top:		10px;
	text-decoration:none;}
ul#howItWorks li span a:hover {
	text-decoration:underline;}
	ul#howItWorks li span img{
	vertical-align:	middle;}
/*--------------------------------------screenshots panel*/
.screenshots {
	background:		transparent url(/images/static/backgrounds/screenshot-bg-top.gif) top left no-repeat;
	margin-bottom:	10px;
	padding-top:	10px;
	width:			350px;}
.screenshots .content {
	background:		transparent url(/images/static/backgrounds/screenshot-bg-content.gif) top left repeat-y;
	padding:		0px 4px;
	width:			342px;
	text-align:		center;
	overflow:		hidden;}
.screenshots .base {
	background:		transparent url(/images/static/backgrounds/screenshot-bg-base.gif) top left no-repeat;
	height:			10px;
	width:			350px;}	

/* ------------------------------------------------------- */
/* ---- Individuals Pages -------------------------------- */

#sampleVideoPitch,
#homeVideoPitch {
	margin-bottom:	5px;	
}

#whyCompareIntro {
	background:		url(/images/static/icons/compare-alt.png) 550px 0px no-repeat;
	min-height:		110px;
}

/* -------------------- LifeChart ----------------------- */
.lcHolder {
	background:		url(/images/static/panels/viewSwitcher-bg.gif) no-repeat;
	width:			692px;
	padding:		15px 15px 0px 15px;
	float:			left;
}
.lcHolder .lcNav {
	width:			341px;
	float:			left;
}
.lcHolder #lifechartExampleHolder {
	width:			341px;
	float:			right;
}
.lcHolderBase {
	background:		url(/images/static/panels/viewSwitcher-base.gif) no-repeat;
	width:			722px;
	height:			15px;
	display:		block;
}

/* ------------------------------------------------------ */
/* ---- SkillsMapper
/* ------------------------------------------------------ */

#SmHomeImage {
	background:		url(/images/static/skillmapper/profile_based_approach.jpg) top center no-repeat;
	padding-top:	178px;
}
#careerManagement {
	background:	url(/images/static/skillmapper/career_management.jpg) no-repeat top right;
	min-height:	100px;
}	
#skillsCompetencies {
	background:	url(/images/static/skillmapper/skillsCompetencies.jpg) no-repeat top right;
	min-height:	100px;
}	
#talentAquisition {
	background:	url(/images/static/skillmapper/talent_aquisition.jpg) no-repeat top right;
	min-height:	100px;
}		
#skillsAssessment {
	background:	url(/images/static/skillmapper/skills_assessment.jpg) no-repeat top right;
	min-height:	100px;
}

/* ------------------------------------------------------- *
/* ---- Contact Page ---- */

#gmap_link {margin:10px 0px 0px 0px;}

/* ------------------------------------------------------- *
/* ---- Email subscribe ---- */

/* - inherits from .sectionNavPanel - */
#EmailSubscribe p {margin:0px 0px 4px 0px;}
#EmailSubscribe .sectionTitle {
	background: url(/images/static/icons/email.gif) 0px 3px no-repeat;
	padding:0px 0px 0px 30px;
}

/* ------------------------------------------------------- *
/* ---- Conversations Page ---- */

.titleRight {
	text-align: right;
}
.contentRight {
	border-left:1px solid #CCC;
	padding:0px 0px 0px 10px;
}

/* ------------------------------------------------------ */
/* ---- About Us Section
/* ------------------------------------------------------ */
#AboutZapoint .blockLink {
	margin-bottom:10px;
}

#AboutZapointIcon {
	background: url(/images/static/about_us/zapoint-logo.jpg) center 40px no-repeat;
	height:191px;
	display:block;
}
#HowBuiltIcon {
	background: url(/images/static/about_us/build-icon.jpg) center 40px no-repeat;
	height:196px;
	display:block;
}
#ZapitoIcon {
	/*background: url(/images/static/about_us/zapito-bg.jpg) center 0px no-repeat;*/
	margin-top:40px;
	display:block;
}
#ZapointTimeline p,
#ZapointTimeline p.last {
	padding:0px 10px 10px 30px;
	margin:0px;
	background:url(/images/static/about_us/timeline-bg.gif) no-repeat;
}
#ZapointTimeline p.last {
	background:url(/images/static/about_us/timeline-last.gif) no-repeat;
}
#ZapointTimeline p .date {
	font-weight:bold;
}
#CO2StatsIcon {
	text-align:center;
	padding-top:60px;
}

#TeamIcon {
	display:block;
	height:146px;
	background:url(/images/static/about_us/team-icon.jpg) center 40px no-repeat;
}
.teamMember {
	margin-bottom:15px;
}
.teamMember .personalInfo {
	width:639px;
	float:right;
}
.teamMember .address {
	font-style:italic;
}
.teamMember .namePosition {
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
	margin:0px 0px 5px 0px;
}
.teamMember .namePosition a {
	font-size:1.4em;
	text-decoration:none;
}
.teamMember .info {
	width:445px;
	float:left;
}
.teamMember .links {
	width:180px;
	float:right;
	text-align:right;
}
.teamMember .avatar {
	float:left;
	width:68px;
	margin-right:15px;
}
#ContactUs dl {
	margin:0px 0px 15px 0px;
}
#ContactUs dt,
#ContactUs dd {
	display:block;
	float:left;
	width:33%;
	margin:0px 0px 5px 0px;
	line-height:1.2em;
}
#ContactUs dd {width:66%;font-weight:bold;}
#ContactUs .contactInfo {
	background:url(/images/static/about_us/contact-panel-top.jpg) no-repeat;
	padding-top:10px;
}
#ContactUs .contactInfoDetails {
	background:url(/images/static/about_us/contact-panel-bg.jpg) left bottom no-repeat;
	padding:0px 10px 10px 10px;
}
#ContactUs .contactDetail {
	font-weight:bold;
	font-size:1.8em;
	padding:0px 0px 0px 40px;
}
#ContactUs .telephone {
	background:url(/images/static/about_us/tel-icon.gif) left top no-repeat;
	height:31px;
	line-height:31px;
}
#ContactUs .email {
	background:url(/images/static/about_us/email-icon.gif) left top no-repeat;
	font-size:1.6em;
}

/* ------------------------------------------------------- */
/* ---- Home Page
/* ------------------------------------------------------- */

/* ------------------- animated header ------------------ */
#AnimatedHeader,
#AnimatedHeader-js {
	width:960px;
	padding:0px 4px;
	background:transparent url('/images/static/homepage/headerBg.png') no-repeat;
}
#AnimatedHeader-js {
	position:relative;
	height:291px;
}

#AnimatedHeader .panel,
#AnimatedHeader-js .panel-js {
	width:960px;
	height:291px;
}
#AnimatedHeader-js .panel-js {
	position:absolute;
	top:0px;
	left:5px;
	z-index:1;
}

/* ---- generic styling for all header panels ----- */
.homepageTitle {
	font-size:2.9em;
	margin:0px 0px 0px 0px;
}

.panel span.content,
.panel-js span.content,
.panel div.content,
.panel-js div.content {
	display:block;
}

.panel div.content p,
.panel-js div.content p {
	font-size:		1.5em;
	line-height:	1.3em;
	font-weight:	normal;
	color:			#FFF;
}

/* ---- individual header panel styling ----- */
#HomeZapPanel {
	background: url(/images/static/homepage/zapoint.png) no-repeat;
}
	#HomeZapPanel .content {
		width:			480px;
		margin-left:	433px;
		margin-top:		45px;
	}

#HomeSMPanel {
	background: url(/images/static/homepage/skillsmapper.png) no-repeat;
}
	#HomeSMPanel .content {
		width:			470px;
		margin-left:	15px;
		margin-top:		30px;
		float:			left;
	}
	#HomeSMVideo {
		display:	block;
		width:		464px;
		height:		291px;
		float:		right;
	}

#HomeIndPanel {
	background:		url(/images/static/homepage/individuals.png) no-repeat;
}
	#HomeIndPanel .content {
		width:			440px;
		margin-left:	15px;
		margin-top:		30px;
		float:			left;
	}
	#HomeIndVideo {
		display:	block;
		width:		464px;
		height:		291px;
		float:		left;
	}
#HomeSAPanel {
	background: url(/images/static/homepage/skillsassessment.png) no-repeat;
}
	#HomeSAPanel .content {
		width:			440px;
		margin-left:	474px;
		margin-top:		30px;
	}
	
	 #HomeSAPanel .standout {
		font-size:		2.3em;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}

#HomeConvPanel {
	background: url(/images/static/homepage/conversations.png) no-repeat;
}
	#HomeConvPanel .content {
		width:			440px;
		margin-left:	474px;
		margin-top:		30px;
	}
	
	#HomeConvPanel .content li{
		color: 			#FFF;
		font-size:		1.5em;
		line-height:	0.7em;
	}

#JobsterPanel {
	background:url(/images/static/jobster/header-bg.png) -4px -4px no-repeat;
}	
	#JobsterPanel .content {
		width:449px;
		padding:30px 15px 0px 15px;
		float:left;
	}
	#JobsterPanel .homepageTitle {
		font-size:3.6em;
	}
	#JobsterPanel .homepageSubTitle {
		font-size:2.4em;
		margin:0px 0px 10px 0px;
		padding:0px;
	}
	#JobsterPanel #HomeJobsterVideo {
		width:464px;
		height:291px;
		display:block;
		float:right;
	}
	
#TalentProfilePanel {
	background:url(/images/homepage/talentprofile_panel.png) no-repeat;
}	
	#TalentProfilePanel .content {
		width:			500px;
		margin-left:	400px;
		margin-top:		30px;
	}
	#TalentProfilePanel .homepageTitle {
		font-size:3em;
	}
	#TalentProfilePanel .homepageSubTitle {
		font-size:2.4em;
		margin:0px 0px 10px 0px;
		padding:0px;
	}
	#TalentProfilePanel #HomeJobsterVideo {
		width:464px;
		height:291px;
		display:block;
		float:right;
	}	


/* ------------------- animated header nav ------------------ */
#AnimatedHeaderNavigation-js {
	width:960px;
	padding:0px 4px 6px 4px;
	height:50px;
	background:transparent url(/images/static/homepage/slideNavBg.png) no-repeat;
	
}

	#AnimatedHeaderNavigation-js .next,
	#AnimatedHeaderNavigation-js .prev {
		display:block;
		margin-top:6px;
	}
	#AnimatedHeaderNavigation-js .next {
		float:right;
		margin-right:10px;
	}
	#AnimatedHeaderNavigation-js .prev {
		float:left;
		margin-left:10px;
	}
	
	#AnimatedHeaderNavigation-js ol {
		text-align:center;
		padding-top:11px;
		float:left;
		width:884px;
	}
	#AnimatedHeaderNavigation-js ol li {
		display:inline;
		padding:0px;
		margin:0px;
	}

/*	- 3 links panel below js animated header 
	- as gradPanelFull only has dividors to seperate the 3 columns */
.homeLinksPanel {
	width:		931px;
	padding:	17px 19px 0px 19px;
	background:transparent url(/images/static/panels/homeLinksPanel-top.png) no-repeat;
}
	.homeLinksPanel .linkItem,
	.homeLinksPanel .linkItemLast {
		width:			296px;
		float:			left;
		margin-right:	21px;
	}
	.homeLinksPanel .linkItemLast {margin-right:0px;}
	
	 .homeLinksPanel .linkTitle {
		font-size:		2.1em;
		border-bottom:	1px solid #4D4D4D;
		padding-bottom:	6px;
		margin:0px 0px 6px 0px;
	}
	
	.homeLinksPanel .linkDetails {
		float:right;
		width:196px;
	}
	
		 .homeLinksPanel .linkDetails p {
			margin:0px 0px 6px 0px;
		}
	
.homeLinksPanelBase {
	width:		968px;
	height:		21px;
	display:	block;
	background:	transparent url(/images/static/panels/homeLinksPanel-base.png) no-repeat;
}

#homeMainCol .articleBanner {
	margin-bottom:	10px;
}

#homeMainCol .article {
	padding:		15px 15px 10px 15px;
	margin-bottom:	10px;
	border-bottom:	1px solid #CCC;
}
#homeMainCol .article.last {
	padding:		15px 15px 0px 15px;
	margin-bottom:	10px;
	border-bottom:	none;	
}
#homeMainCol .genericHeader {
	background:url(/images/static/homepage/generic-header-2col.jpg) top left no-repeat;
}
#homeMainCol .tpHeader {
	background:url(/images/static/homepage/tp-header-2col.jpg) top left no-repeat;
}
#homeMainCol .eeHeader {
	background:url(/images/static/homepage/ee-header-2col.jpg) top left no-repeat;
}
#homeMainCol .newsHeader {
	background:url(/images/static/homepage/news-header-2col.jpg) top left no-repeat;
}

#homeMainCol .newsHeader .newsItem {
	padding: 10px 10px 0px 75px;
	margin-bottom:20px;
}
.news {background:url(/images/static/homepage/news-item-bg.jpg) top left no-repeat;}
.blog {background:url(/images/static/homepage/blog-item-bg.jpg) top left no-repeat;}

#homeMainCol .newsItem .itemTitle {
	font-size: 1.7em;
	line-height:1.2em;
	margin:0px 0px 5px 0px;
	text-decoration:	none;
	font-weight:		bold;
	display:block;
}
#homeMainCol .newsItem .itemTitle:hover,
#homeMainCol .newsItem .itemTitle:focus {
	color:		#c14f03;
	text-decoration:underline;
}

#homeMainCol .newsItem .itemDate {
	font-size: 1.0em;
	margin:2px 0px;
}

#homeMainCol .newsItem .itemContent {
	margin:5px 0px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}
	
	#homeMainCol .holder {
		display:block;
		float:left;
		width:100%;
	}
	
	#homeMainCol .articleTitle,
	#homeMainCol .body {
		width:80%;
	}
	
	#homeMainCol ul.bulletList {
		float:		left;
		width:		580px;
		padding:	0px;
		margin:		0px 0px 10px 0px;
	}
	#homeMainCol ul.bulletList li {
		float:		left;
		display:	block;
		list-style:	none;
		width:		260px;
		margin:		0px 0px 5px 0px;
		padding:	2px 0px 2px 15px;
		background:	transparent url(/images/static/icons/bulletList-icon.gif) 0px 3px no-repeat;
		font-weight:	bold;
		font-size:		1.4em;
	}
	
	#homeMainCol .sideLinks {
		float:			left;
		width:			140px;
		margin-left:	10px;
		margin-top:		10px;
	}

	 #homeResumeInstructions {
		padding:10px 0px 0px 0px;
		margin:0px 0px 10px 0px;
		float:left;
	}

	 #homeResumeInstructions li {
		margin:0px;padding:0px;
		color:#FFF;
	}

	.hriPanel,
	.hriPanelLast,
	.hriPanelFirst {
		width:430px;
		padding:0px;
		display:block;
	}

	.hriPanelFirst {
		background:url(/images/static/homepage/hriPanelFirst.gif) no-repeat;
	}
	.hriPanel,
	.hriPanelLast {
		background:url(/images/static/homepage/hriPanel.gif) no-repeat;
	}

		.hriPanel .content,
		.hriPanelLast .content,
		.hriPanelFirst .content {
			width:372px;
			padding:15px 0px 0px 58px;
			min-height:40px;
			display:block;
			background:transparent;
			overflow:hidden;
		}
	
		#step1 {background:transparent url(/images/static/icons/hri-step1.png) no-repeat;}
		#step2 {background:transparent url(/images/static/icons/hri-step2.png) no-repeat;}
		#step3 {background:transparent url(/images/static/icons/hri-step3.png) no-repeat;}
		#step4 {background:transparent url(/images/static/icons/hri-step4.png) no-repeat;}
	
			 .hriPanel .content,
			 .hriPanelLast .content,
			 .hriPanelFirst .content {
				font-size:1.2em;
			}
		
			 .hriPanel .content span,
			 .hriPanelLast .content span,
			 .hriPanelFirst .content span {
				font-size:0.8em;
			}
	
		.hriPanel .base,
		.hriPanelFirst .base {
			background:url(/images/static/homepage/hriPanel-base.gif) no-repeat;
			display:block;
			width:100%;
			height:17px;
		}

		.hriPanelLast .base {
			background:url(/images/static/homepage/hriPanelLast-base.gif) no-repeat;
			display:block;
			width:100%;
			height:10px;
		}


#homeSideCol .itemContent, .itemContent {
	width:		277px;
	padding:	10px 10px 0px 10px;
	margin:		0px;
	overflow:	hidden;
}

	.lightPanel {
		background:	url(/images/static/panels/homeSideCol-top.gif) no-repeat;
	}

	.darkPanel {
		background:	url(/images/static/panels/homeSideColDark-top.jpg) no-repeat;
		color: #FFF;
	}
	
	.darkPanel .articleTitle {
		color: #FFF;
	}
	
	 #homeSideCol .articleTitle {
		font-size:		1.6em;
		font-weight:	bold;
	}
	
	#homeSideCol .itemContent img {
		display:block;
		margin:0px 0px 5px 0px;
	}
	#homeSideCol .itemContent .newsItemLink {
		display:block;
		color:#000;
		font-size:1.4em;
		line-height:1.2em;
		margin:0px 0px 10px 0px;
		padding:6px 0px;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
		text-decoration:none;
	}
	#homeSideCol .itemContent .newsItemLink:hover,
	#homeSideCol .itemContent .newsItemLink:focus {
		color:#c14f03;
	}
	
#homeSideCol .itemBase, .itemBase {
	width:			300px;
	height:			10px;
	display:		block;
	margin-bottom:	10px;
}

	.lightBase {
		background:	url(/images/static/panels/homeSideCol-base.gif) no-repeat;
	}

	.darkBase {
		background:	url(/images/static/panels/homeSideColDark-base.jpg) no-repeat;
	}

.newsPullOut {
	padding-bottom:10px;
	border-bottom:1px dashed #CCC;
	margin-bottom:10px;
}

	 .newsPullOut .title {
		font-size:1.3em;
		font-weight:bold;
		margin:0px 0px 5px 0px;
	}
		 .newsPullOut .title a {
			text-decoration:none;
			color:#000;
		}
		 .newsPullOut .title a:hover {
			color:#c14f03;
		}
		
	 .newsPullOut .pubDate {
		color:#333;
		font-size:0.9em;
		margin:0px 0px 5px 0px;
	}

/* ------------------------------------------------------------- */
/* ---------- End Homepage ------------------------------------- */

/* -- individuals - (narrow panel) --*/
#indHomeResume {
	background:#FFF url(/images/static/icons/resume-zapointer.jpg) 320px 10px no-repeat;
}

 #indResumeInstructions {
	padding:10px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}

 #indResumeInstructions li {
	margin:0px;padding:0px;
}

.iriPanel,
.iriPanelLast,
.iriPanelFirst {
	width:250px;
	padding:0px;
	display:block;
}

.iriPanelFirst {
	background:url(/images/static/panels/iriPanelFirst.png) no-repeat;
}
.iriPanel,
.iriPanelLast {
	background:url(/images/static/panels/iriPanel.png) no-repeat;
}

	.iriPanel .content,
	.iriPanelLast .content,
	.iriPanelFirst .content {
		width:182px;
		padding:10px 0px 0px 58px;
		min-height:40px;
		display:block;
		background:transparent;
		overflow:hidden;
	}
	
		 .iriPanel .content,
		 .iriPanelLast .content,
		 .iriPanelFirst .content {
			font-size:1.2em;
		}
		
		 .iriPanel .content span,
		 .iriPanelLast .content span,
		 .iriPanelFirst .content span {
			font-size:0.8em;
		}
	
	#indResumeInstructions .iriPanel .base,
	#indResumeInstructions .iriPanelFirst .base {
		background:url(/images/static/panels/iriPanel-base.png) no-repeat;
		display:block;
		width:100%;
		height:17px;
	}

	#indResumeInstructions .iriPanelLast .base {
		background:url(/images/static/panels/iriPanelLast-base.png) no-repeat;
		display:block;
		width:250px;
		height:10px;
		overflow:hidden;
	}

 #tpHomeExampleLink {margin:0px 0px 15px 0px;}


/* -------------------------------------------------------------------- */
/* ----- Contact Form (js to turn into modal window ------------------- */
/* -------------------------------------------------------------------- */

.popup_form {
	width:566px;
	background:transparent url(../../images/static/panels/modal-top.png) top left no-repeat;
	padding-top:25px;
}
.popup_form.modal {
	position:absolute;
	left:201px;
	top:0px;
	z-index:20;
}
	.popup_form .colContent {
		background:url(../../images/static/panels/modal-content.png) repeat-y;
		width:516px;
		padding:0px 25px;
		overflow:hidden;
	}
	.popup_form .colBottom {
		background:transparent url(../../images/static/panels/modal-base.png) no-repeat;
		width:566px;
		height:25px;
		display:block;
	}

	 .popup_form ul {margin:0px;padding:0px;}
	 .popup_form ul li {
		margin:0px 0px 5px 0px;
		padding:0px;
		list-style:none;
	}
	 .popup_form .form label {
		display:block;
		margin:0px 0px 3px 0px;
		font-size:1em;
	}
	 .popup_form .form input,
	 .popup_form .form textarea {
		display:block;
		width:100%;
		font-size:0.8em;
	}
	 .popup_form .form textarea {
		height:150px;
	}
	.popup_form .panelCloseModal {
		width:29px;
		height:29px;
		display:block;
		position:absolute;
		z-index:21;
		top:0px;
		left:545px;
		background:transparent url(../../images/static/panels/modal-close.png) no-repeat;
		cursor:pointer;
	}
		/* --- REMOVE #contact because it's replaced by .popup_form --- */
					#contact {
						width:566px;
						background:transparent url(../../images/static/panels/modal-top.png) top left no-repeat;
						padding-top:25px;
					}
					#contact.modal {
						position:absolute;
						left:201px;
						top:0px;
						z-index:20;
					}
						#contact .colContent {
							background:url(../../images/static/panels/modal-content.png) repeat-y;
							width:516px;
							padding:0px 25px;
							overflow:hidden;
						}
						#contact .colBottom {
							background:transparent url(../../images/static/panels/modal-base.png) no-repeat;
							width:566px;
							height:25px;
							display:block;
						}
	
						 #contact ul {margin:0px;padding:0px;}
						 #contact ul li {
							margin:0px 0px 5px 0px;
							padding:0px;
							list-style:none;
						}
						 #contact .form label {
							display:block;
							margin:0px 0px 3px 0px;
							font-size:1em;
						}
						 #contact .form input,
						 #contact .form textarea {
							display:block;
							width:100%;
							font-size:0.8em;
						}
						 #contact .form textarea {
							height:150px;
						}
						#contact .panelCloseModal {
							width:29px;
							height:29px;
							display:block;
							position:absolute;
							z-index:21;
							top:0px;
							left:545px;
							background:transparent url(../../images/static/panels/modal-close.png) no-repeat;
							cursor:pointer;
						}
	
	


/* ------------------------------------------------------ */
/* --- PreSourced --------------------------------------- */
/* ------------------------------------------------------ */

/* ------------------------------------------------------ */
/* --- Landing Pages ------------------------------------ */
/* ------------------------------------------------------ */

/* ------------ succession ------------------------------ */

#SuccessionHeader {
	width:960px;
	height:291px;
	padding:0px 4px;
	background:transparent url(/images/static/succession_planning/headerBg.png) no-repeat;
	overflow:hidden;
}
#SuccessionHeader h1 {
	font-size:5em;
	color:#FFF;
	margin:62px 0px 0px 30px;
}
#SuccessionHeader a {
	margin:0px 0px 0px 30px;
}

#SuccessionSubTitle {
	width:			960px;
	padding:		0px 4px 6px 4px;
	height:			50px;
	line-height:	50px;
	background:		transparent url(/images/static/homepage/slideNavBg.png) no-repeat;
	text-align:		center;
	color:			#333;
}

#SuccessionInfo {
	background:url(/images/static/succession_planning/mainPanelBg.jpg) no-repeat;
	min-height:340px;
	width:686px;
	padding:12px;
}
#SuccessionInfo .info {
	width:360px;
}

#SuccessionCTA .mp3Download,
#SuccessionCTA .pdfDownload {
	width:176px;
	padding:12px 16px 0px 16px;
	background:url(/images/static/succession_planning/mp3-downloadBg.jpg) no-repeat;
	overflow:hidden;
}
#SuccessionCTA .pdfDownload {
	background:url(/images/static/succession_planning/pdf-downloadBg.jpg) no-repeat;
}
#SuccessionCTA .mp3Download h4,
#SuccessionCTA .pdfDownload h4 {
	margin:0px 0px 4px 0px;
}
#SuccessionCTA .mp3Download p,
#SuccessionCTA .pdfDownload p {
	width: 124px;
}

#SuccessionCTA .downloadBase {
	width:208px;
	height:14px;
	display:block;
	background:url(/images/static/succession_planning/download-base.jpg) no-repeat;	
	margin-bottom:5px;
}

/* ------------ Bill Chislets Skillsmapper video page ------- */

.skillsmapperVideoBody{
	width: 100%;
	text-align: center;
	background: #000;
}

#skillsmapperVideo {
	width:960px;
	height:291px;
	padding:50px 10px;
	background:transparent url(/images/skillsmapper_video/skillsMapper_videoBg.png) no-repeat;
	overflow:hidden;
	margin: 0 auto;
}

.smVideoCol{
	width:		464px;
	display:	block;
	float:		left;	
}

.skillsmapperVideoText{
	text-align: left;
	display: block;
	width: 446px;
	color: #fff;
	float: right;
	padding: 0 30px 0 0;
}

#skillsmapperVideoSubTitle {
	width:			960px;
	padding:		0px 4px 6px 4px;
	height:			50px;
	line-height:	50px;
	background:		transparent url(/images/static/homepage/slideNavBg.png) no-repeat;
	text-align:		center;
	color:			#333;
}

/* ------------ skillsmapping ------------------------------ */

#skillsmappingHeader {
	width:960px;
	height:291px;
	padding:0px 4px;
	background:transparent url(/images/static/skillsmapping/headerBg.png) no-repeat;
	overflow:hidden;
}
#skillsmappingHeader h1 {
	font-size:5em;
	color:#FFF;
	margin:62px 0px 0px 30px;
}
#skillsmappingHeader h2 {
	font-size:3em;
	font-weight: normal;
	color:#FFF;
	margin:0px 0px 0px 30px;
}
.skillsmappingInfo {
	background:url(/images/static/skillsmapping/mainPanelBg.jpg) no-repeat;
	min-height:340px;
	width:686px;
	padding:12px;
	border-bottom:1px solid #CCC;
	margin:0px 0px 20px 0px;
}
.skillsmappingInfo .info {
	width:380px;
}
.skillsmappingInfo h2 {
	margin:10px 0px 5px 0px;
}
.skillsmappingInfo .subHeading {
	font-size:1.6em;
	margin:0px 0px 7px 0px;
}
.whitepaperDownLoad {
	width:176px;
	padding:12px 16px 0px 16px;
	background:url(/images/static/skillsmapping/downloadBg.jpg) no-repeat;
	overflow:hidden;
}
.whitepaperDownLoad h4 {
	font-size:2em;
	margin:0px 0px 0px 0px;
}
.whitepaperDownLoad #pdfTitle,
.whitepaperDownLoad .fileName {
	font-size:1.4em;
	margin:0px 0px 5px 0px;
}

.downloadBase {
	width:208px;
	height:14px;
	display:block;
	background:url(/images/static/skillsmapping/download-base.jpg) no-repeat;	
	margin-bottom:5px;
}

.cover{
	float: left;
	padding: 0 10px 10px 0;
}

/* ------------------- Jobster Aquisition  ------------------------------------- */

#jobsterHeader {
	width:945px;
	height:291px;
	padding:4px 4px 4px 19px;
	margin:0px 0px 10px 0px;
	background:Transparent url(/images/static/jobster/header-bg.png) no-repeat;
	overflow:hidden;
}
#jobsterHeaderInfo {
	width:464px;
	padding-top:30px;
	float:left;
}
#jobsterHeaderInfo .landingPageHeader {
	font-size:3.6em;
}
#jobsterHeaderInfo .landingPageSubHeader {
	width:400px;
}
#jobsterHeaderVideo {
	width:461px;
	float:right;
}

#JobsterIntro {margin-bottom:15px;}
#WhoJobster {position:relative;}
#WhoJobster h3,
#WhoJobster p.standout {
	width:370px;
	float:left;
}
#WhoJobster p.standout {
	width:350px;
}
#WhoJobster p {
	width:450px;
}

.jobsterLogoHolder {
	width:200px;
	height:77px;
	display:block;
	float:right;
}
.jobsterBoxed {
	position:absolute;
	top:-4px;
	right:-4px;
}
#JobsterQuote blockquote {
	text-align:right;
	font-size:2.1em;
	color:#000;
	background:url(/images/static/jobster/quote-open.gif) 60px 0px no-repeat;
}
#JobsterQuote p.author {
	text-align:right;
	font-size:1.2em;
	padding-right:30px;
	line-height:25px;
	background:url(/images/static/jobster/quote-close.gif) right top no-repeat;
	height:25px;
}

.jobsterQ {
	text-align:right;
	width:290px;
	padding-left:50px;
}
.jobsterQ span {
	display:inline-block;
	width:12px;
	height:15px;
	background:url(/images/static/icons/arrowList-icon.gif) no-repeat;
	margin-right:5px;
}
.jobsterA {
	background:Aqua url(/images/static/jobster/answer-panel-base.gif) left bottom no-repeat;
	padding-bottom:20px;
	margin-bottom:10px;
}
.jobsterA .answerContent {
	background:url(/images/static/jobster/answer-panel-top.gif) left top no-repeat;
	padding:24px 80px 0px 60px;
	overflow:hidden;
}


/* ------------------------------------------------------ */
/* --- News & Corporate---------------------------------- */
/* ------------------------------------------------------ */

#NewsCont, #NewsNav {
	float:					left;
	}
#NewsNav ul, #CorporateNav ul {
	margin:					0px -16px;
	padding:				0;
	}
#NewsNav ul li, #CorporateNav ul li {
	list-style-type:		none;
	}
#NewsNav ul li a, #CorporateNav ul li a {
	display:				block;
	padding:				5px 15px;
	text-decoration:		none;
	width:					242px;
	}
#NewsNav ul li a.active, #CorporateNav ul li a.active {
	color:					#fff;
	background:				#666666;
	}

#CorporateCont, #CorporateNav {
	float:					left;
	}
	
/* ------------------------------------------------------ */
/* --- Succession Planning backgrounds ------------------ */
/* ------------------------------------------------------ */

.talent_profile_bg{
	background:url(/images/static/skillmapper/talent_profile_bg.jpg) left top no-repeat;
	padding-left: 55px;
}

.skills_taxanomy_bg{
	background:url(/images/static/skillmapper/skills_taxanomy_bg.jpg) left top no-repeat;
	padding-left: 55px;
}

.employee_segments_bg{
	background:url(/images/static/skillmapper/employee_segments_bg.jpg) left top no-repeat;
	padding-left: 55px;
}	


/* ------------------------------------------------------ */
/* --- Team --------------------------------------------- */
/* ------------------------------------------------------ */
dl.team {
	margin-bottom:	15px;
	}
dl.team dt {
	float:			left;
	font-weight:	bold;
	padding:		0em .5em 1em 0em;
	width:			90px;
	}
dl.team dd {
	margin-left:	100px;
	padding:		.5em .5em 1.2em .5em;
	}
dl.team dd.first {
	padding:		0em .5em;
	}

dl.directors dt {
	float:			left;
	font-weight:	bold;
	padding:		0em .5em 1em 0em;
	width:			90px;
}
dl.directors dd {
	margin-left:	100px;
	padding:		0em .5em 1.2em .5em;
}
dl.directors dd.clear {
	clear:			both;
	padding:0;}
	
/* ------------------------------------------------------ */
/* --- Header ------------------------------------------- */
/* ------------------------------------------------------ */

#header.content img {float:left;margin-top:15px;}
#header.home img {float:left;margin-left:280px;margin-top:10px;}

#header ul {float:right;}

	#header ul li {
		width: 132px;
		padding:4px 0px;
		text-align:center;
		color:#FFF;
		background:#666;
		margin-bottom:4px;
		font-size:1.1em;
		line-height:1em;
		font-weight:bold;
		list-style:none;
	}
	
	#header ul li.standout {background:#F36F2E;}
	
		#header ul li a {
			color:#FFF;
			text-decoration:none;
		}
		#header ul li a:hover,
		#header ul li a:focus {color:#F36F2E;}
		#header ul li.standout a:hover,
		#header ul li.standout a:focus {color:#666;}

/* ------------------------------------------------------ */
/* --- Navigation --------------------------------------- */
/* ------------------------------------------------------ */

#navigation {
	position:absolute;
	width:650px;
	top:65px;
	right:0px;
	padding:0px; margin:0px 4px 0px 0px;
	z-index:596;
}
#mainNav {float:right;}

#homeButton {float:right;margin-right:5px;}
	#homeButton a {float:left;}
	
.menuLeft {
	width:6px;
	height:26px;
	background:url(/images/static/navigation/menubar-left.gif) no-repeat;
	float:left;
	display:block;
}
.menuRight {
	width:6px;
	height:26px;
	background:url(/images/static/navigation/menubar-right.gif) no-repeat;
	float:left;
	display:block;	
}
.navTitle {
	background: url(/images/static/navigation/menubar-dividor.gif) top right no-repeat;
	color:#FFF;
	font-size:0.85em;
}
.navTitle,
#homeButton a {
	height:26px;
	line-height:26px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 10px;
	display:block;
}
#homeButton a, 
#homeButton a:link,
#homeButton a:visited,
#homeButton a:active {
	color:#FFF;
	background: url(/images/static/navigation/menubar-repeater.gif) repeat-x;
	text-decoration:none;
}
#homeButton a:hover,
#homeButton a:focus {color:#FF7024;}

.navTitle a{
	color: #fff;
	text-decoration:none;
}

.navTitle a:hover{
	color: #FF7024;
}

.navLast {background:none;}

/* Modified code based on:
 * Horizontal CSS Drop-Down Menu Module
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 */
ul.dropdown,
ul.dropdown li {
	margin: 0;
	padding: 0;
	list-style:none;
}
ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
	background: url(/images/static/navigation/menubar-repeater.gif) repeat-x;
}
ul.dropdown li {
	float: left;
	clear:right; /*LP*/
	zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
ul.dropdown .navPanel {
	visibility: hidden;
	position: absolute;
	top: 100%;
	z-index: 598;
	width: 100%;
}

ul.dropdown li:hover div {
 visibility: visible;
}
.navPanel {
	float:left;
	clear:left;
}	
.navPanel ul,
.navPanel ul li {
	margin:0px;
	padding:0px;
}
ul.dropdown .navPanel li {
	float:none;
}
ul.dropdown .navPanel li.hover,
ul.dropdown .navPanel li:hover {
	position:static;
}

/* -------- dropdown styling --------------- */

ul.dropdown li .navPanel {
	width:620px;
	right:0px;
}
.navPanelContent {
	width:620px;
	min-height:100px;
	padding-top:49px;
	background:url(/images/static/navigation/dropdown-bg.png) no-repeat;
	float:left;
}
.navPanel ul.navMain {
	width:260px;
	margin-right:26px;
	float:right;
}
ul.dropdown .navPanel ul.navMain li {
	color:#FFF;
	padding:0px;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	font-size:1.2em;
}
ul.dropdown .navPanel ul.navMain ul {margin:10px 0px 0px 10px;}
ul.dropdown .navPanel ul.navMain li li {font-size:0.9em;font-weight:normal;}

ul.dropdown .navPanel ul.navMain li a,
ul.dropdown .navPanel ul.navMain li a:link,
ul.dropdown .navPanel ul.navMain li a:active,
ul.dropdown .navPanel ul.navMain li a:visited {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding-left:12px;
}

ul.dropdown .navPanel ul.navMain li a:hover,
ul.dropdown .navPanel ul.navMain li a:focus {
	color:#FF7024;
}

ul.dropdown .navPanel ul.navMain li a.active {
	background:url(/images/static/navigation/selected-arrow.gif) 0px 2px no-repeat;	
}

.subNav{
	font-size:0.7em;font-weight:normal;
}


.navInfo {
	float:left;
	width:288px;
	margin-left:26px;
	display:		inline; /* LP*/
	color:#FFF;
}
	.navInfo p {
		font-size:0.95em;
		line-height:1.2em;
		margin-bottom:0.5em;
	}
	.navInfo p.navInfotitle {
		font-weight:bold;
		font-size:1.4em;
		margin-bottom:1em;
	}
.navPanel .navPanelBase {
	width:620px;
	height:26px;
	display:block;
	background:url(/images/static/navigation/dropdown-base.png) no-repeat;
	clear:both;
}

/* ------------------------------------------------------ */
/* --- Join/Login --------------------------------------- */
/* ------------------------------------------------------ */

#joinLogin {
	background:#000;
	margin:0px 4px 0px 4px;
	width:960px;
	color:#FFF;
	
}
#joinLogin.modal {
	position:absolute;
	z-index:9;
	top:0px;
	left:0px;
	margin-bottom:10px;
}
#joinLogin.inline {}

#joinLogin .area {
	float:left;
}
#joinLogin .lpHeading {
	font-weight:bold;
	font-size:2.1em;
	color:#FF7024;
	margin-bottom:0.2em;
}
#joinLogin p {
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:0.3em;
}
#joinLogin a {
	color:#FF7024;
}

#loginControl {
	width:345px;
	padding:15px;
	border-right:1px solid #666;
}
	#loginControl #LoginContMain {
		margin-top:10px;	
	}
	#loginControl label {
		width:70px;
		margin-right:10px;
		display:block;
		float:left;
		text-align:right;
		padding-top:0.5em;
		
	}
	#loginControl input {
		width:250px;
		display:block;
		float:left;
		margin:0px 0px 5px 0px;
	}
	
	
	#joinLogin .textButton {display:block;margin:0px 9px 5px 0px;}
	#joinLogin .textButton a,
	#joinLogin .textButton a:link,
	#joinLogin .textButton a:active,
	#joinLogin .textButton a:visited {
		color:#000;
	}
	#joinLogin .textButton a:hover,
	#joinLogin .textButton a:focus {
		color:#000;
	}
	
	
	#loginControl input.loginbutton {
		width:auto;
		float:right;
		
		background:#F6911E url(/images/static/buttons/repeater.gif) bottom left repeat-x;
		border:1px solid #666;
		height:25px;
		padding:0px 11px;
		text-transform:uppercase;
		font-weight:bold;
		font-size:1.3em;
		margin:0px 9px 5px 0px;
	}
	#loginControl .forgotPass {
		display:block;
		float:left;
		padding-top:0.8em;
	}

#signupControl {
	width:300px;
	padding:15px;
}
	#signupControl p {
		margin-bottom:10px;	
	}
	#signupControl .button {
		margin-bottom:10px;	
		display:block;
	}
#signupReasons {
	width:220px;
	padding:40px 15px 15px 15px;
}
	#joinLogin #signupReasons ol li {
		margin-bottom:2px;
	}
	#joinLogin #signupReasons ol li .content {
		
		padding:7px 7px 0px 23px;
		width:189px;
		display:block;
		line-height:normal;
		min-height:8px;
	}
	#joinLogin #signupReasons ol li #point1 {background:url(/images/static/login/listitem-1.gif) no-repeat;}
	#joinLogin #signupReasons ol li #point2 {background:url(/images/static/login/listitem-2.gif) no-repeat;}
	#joinLogin #signupReasons ol li #point3 {background:url(/images/static/login/listitem-3.gif) no-repeat;}
	
	
	#signupReasons .reasonsListBase {
		display:block;
		width:219px;
		height:7px;
		background:url(/images/static/login/listitem-base.gif) no-repeat;
	}

#joinLogin #lpSignup {
	border-top:1px solid #E6E6E6;
	background:#4D4D4D;
	padding:10px;
	margin:0px;
	font-size:1.2em;
	color:#D9D9D9;
}

/* ------------------------------------------------------ */
/* --- Footer ------------------------------------------- */
/* ------------------------------------------------------ */

.footerWrapper{
margin: 10px auto;
width: 960px;
}

.footerLinkColumn{
	width:auto;
	display: inline-block;
	vertical-align:top;
	color: #fff;
	padding: 0 55px 0 0;
	float:left;
	margin-right:2px;
}

.footerLinkColumn ul{
	padding: 0px;
	margin: 0px;
}

.footerLinkColumn li{
	padding: 1px 0;
	margin: 0px;
}


.footerLinks li{
	list-style-type:none;
	line-height: 0.9em;
	margin-left: 0;
	padding-left: 0;
}

.footerLinks li.first a {
	list-style-type:none;
	font-size: 1em;
}

.footerLinks a{
	color: #fff!important;
	text-decoration: none;
	font-size: 0.8em;
}

.footerLinks a:hover{
	color: #FF7024;
	text-decoration: underline;
}

#footer img{
	display: inline;
	vertical-align: top;
}

#footer .copyright{
	width: 960px;
	display: inline-block;
	background:url(/images/footer/greymen_footer.jpg) top right no-repeat;
	min-height: 70px;
	height:		auto!important;
	height:		70px;
}

#footer .copyright p{
	margin: 0 0 0 20px;	
	font-size: 1em;
	color: #fff;
}

#footer .copyright a{
	color: #fff;
	text-decoration: underline;
	font-size: 1em;
}

#footer .copyright a:hover{
	color: #FF7024;
}



/* ------------------------------------------------------ */
/* --- Forms ------------------------------------------- */
/* ------------------------------------------------------ */
.genForm {
	margin:0px 0px 10px 0px;
}
.genForm li {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:1em;
}
.genForm input,
.genForm textarea {
	padding:2px 5px;
	margin:0px;
	border:1px solid #CCC;
	width:300px;
}
.genForm textarea {
}
.genForm label {
	padding:0px;
	margin:0px 10px 0px 0px;
	display:inline-block;
	width:120px;
}
.genForm select {
	padding:0px;
	margin:0px;
	line-height:1.4em;
	width:310px;
	padding:2px 5px;
	border:1px solid #CCC;
}
.genForm .multiline {
	vertical-align:top;
}
.genForm .genSubmit {
	margin-left:130px;
}

/* ------------------------------------------------------ */
/* --- Resource Center ------------------------------------------- */
/* ------------------------------------------------------ */

#resourceCenter ul {
	margin:0px; padding:0px;
	width:450px;
	clear:both;
}
#resourceCenter ul li {
	margin:0px 0px 5px 0px;
	list-style:none;
	padding:0px;
	float:left;
}
#resourceCenter ul li.survey {
	float:none;
}
#resourceCenter ul li.first {
	padding-top:20px;
}

#resourceCenter input {
	display:block;
	float:left;
	width:280px;
	
}
#resourceCenter .survey input {
	float:none;
	width:auto;
}
#resourceCenter .survey select {
	width:300px;
	float:none;
}

#resourceCenter label {
	display:block;
	float:left;
	width:120px;
	font-size:0.8em;
	font-weight:bold;
}
#resourceCenter .survey label {
	float:none;
	width:auto;
}
#resourceCenter input.submit {
	float:none;
	clear:both;
	width:auto;
}

#ThankyouAboutSM {margin:40px 0px 10px 0px;}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */



/* -------------- NEW STATIC PAGES ---------------------- */
/* ------------------------------------------------------ */
/* --------------- INDEX -------------------------------- */

.indexTitle{
	color: #000;
	font-size: 5.5em;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 0;
}

.indexSubHeading{
	color: #000;
	font-size: 2.5em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

.indexStrapline{
	font-size: 1.8em;
	font-weight: normal;
	padding: 10px 0 0 0;
}

.indexPic{
	background: url(/images/static/homepage/fuelpump.jpg) top right no-repeat;
	min-height: 300px;
}

.linkedinPanel {
	width:		613px;
	margin:		0px;
	display: 	block;
	float: 		left;
	min-height:	204px;
	text-align: left;
}

.linkedinPanel h4.articleTitle {
	font-size:		1.6em;
	font-weight:	bold;
}

.linkedinPanelBase {
	background:	url(/images/static/panels/homeMainCol-base.jpg) no-repeat;
	width:			296px;
	height:			10px;
	display:		block;
	margin-bottom:	10px;
	float: left;
	}
	
 .linkedinPanel .linkedinText .articleTitle {
	font-weight:	normal;
	font-size: 		1.5em;
	width: 			150px;
	float:			left;
	padding:		10px 0px 0 0px;
}

.linkedinPanel .linkedin{
	float:		left;
	padding:	10px 10px 0 0px;
}

.transparencyPanel {
	width:		613px;
	padding:	0px 10px 0px 10px;
	margin:		0px;
	display: 	block;
	float: 		left;
	min-height:	204px;
	text-align: left;
}

.transparencyPanel h4.articleTitle {
	font-size:		1.6em;
	font-weight:	bold;
}

.transparencyPanelBase {
	background:	url(/images/static/panels/homeMainCol-base.jpg) no-repeat;
	width:			296px;
	height:			10px;
	display:		block;
	margin-bottom:	10px;
	float: left;
	}
	
 .transparencyPanel .transparencyPanelText .articleTitle {
	font-weight:	normal;
	font-size: 		1.5em;
	width: 			150px;
	float:			left;
	padding:		10px 0px 0 0px;
}
	
.transparencyPanel img{
	float:		left;
	padding:	10px 10px 30px 0;
}


/* ------------------------------------------------------ */
/* ------------- Linkedin ------------------------------- */
/* ------------------------------------------------------ */

.linkedinTitle{
	color: #000;
	font-size: 4em;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 0;
}

.linkedinImage{
	float:		left;
	display: 		inline block;
	padding:	10px 10px 0 0px;
}

.linkedinParagraph{
	float:			left;
	display: 		inline block;
	width:			800px;
	padding:		10px 0 0 0;
}

.linkedinBox{
	width: 200px;
	padding: 100px 15px 0 15px;
	margin: 20px 0;
	float:		left;
	vertical-align: top;
}

.linkedinBox.step1{	background:	url(/images/static/linkedin/step1.jpg) no-repeat!important;} /* ie6*/
.linkedinBox.step2{	background:	url(/images/static/linkedin/step2.jpg) no-repeat!important;}
.linkedinBox.step3{	background:	url(/images/static/linkedin/step3.jpg) no-repeat!important;}
.linkedinBox.step4{	background:	url(/images/static/linkedin/step4.jpg) no-repeat!important;}


.linkedinBox h3{
	line-height: 1em;
}

/* ------------------------------------------------------ */
/* ------------- career_management_software ------------- */
/* ------------------------------------------------------ */

.careerManagementTitle{
	color: #000;
	font-size: 4em;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 0;
}

.careerManagementSubHeading{
	color: #000;
	font-size: 2.5em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

#careerManagementVideo{
	float: right;
	width: 464px;
	margin: 0px 10px 0 0px;
}

.careerManagementSubText{
	float: left;
	width: 400px;
	margin: 0px 10px 10px 0px;
}

.fourStepBox{
	width: 200px;
	padding: 170px 15px 0 15px;
	margin: 20px 0;
	float:	left;
	vertical-align: top;
}

.fourStepBox h3{
	line-height: 1em;
}	

.fourStepBox img{
	padding: 0 0 10px 0;
}

.step1Cms{	background:	url(/images/static/career_management_software/step1.jpg) no-repeat;}
.step2Cms{	background:	url(/images/static/career_management_software/step2.jpg) no-repeat;}
.step3Cms{	background:	url(/images/static/career_management_software/step3.jpg) no-repeat;}
.step4Cms{	background:	url(/images/static/career_management_software/step4.jpg) no-repeat;}

/* ------------------------------------------------------ */
/* ------------- Services ------------------------------- */
/* ------------------------------------------------------ */

.transparencyBanner{
	background:	url(/images/static/transparency/transparency_banner.jpg) no-repeat;
	width: 930px;
	height: 127px;
	margin: 20px 0 20px 0;
}

.transparencyBanner h2{
	padding: 50px 0 0 220px;
	font-size: 2.8em;
	color: #333;
}

/* ------------------------------------------------------ */
/* ------------- Services ------------------------------- */
/* ------------------------------------------------------ */

.servicesTitle{
	color: #000;
	font-size: 2.5em;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 0;
}

.servicesSubTitle{
	font-weight: normal;
}


/* ------------------------------------------------------ */
/* ------------- Solutions ------------------------------ */
/* ------------------------------------------------------ */

.solutionsTitle{
	color: #000;
	font-size: 2.5em;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 0;
}

.halfpage{
	width: 465px;
	display: block;
	float: left;
	padding: 0 0 0 0;
}

.panelContent{
	float:left;
	width: 550px;
}

.solutionsPanelbg{
	background:	url(/images/static/solutions/solutions_header_bg.jpg) no-repeat;
	min-height: 200px;
	float: right;
	width: 324px;
	height: 185px;
	margin: 30px 20px 0 0;
}

.employeeEngagementbg{
	background:	url(/images/static/solutions/employee_engagement.jpg) no-repeat;
	min-height: 296px;
	height:		auto!important;
	height:		296px;
	padding-top: 296px;
}

.informationIntelligencebg{
	background:	url(/images/static/solutions/information_intelligence.jpg) no-repeat;
	min-height: 296px;
	padding-top: 296px;	
}

.successionPlanningbg{
	background:	url(/images/static/solutions/succession_planning.jpg) no-repeat;
	min-height: 296px;
	padding-top: 296px;	
}

.organizationalDevelopmentbg{
	background:	url(/images/static/solutions/organizational_development.jpg) no-repeat;
	min-height: 296px;
	padding-top: 296px;	
}

.skillsMapperAdvert{
	background: url(/images/static/solutions/skillsmapper_advert.jpg) no-repeat;
	min-height: 358px;
	height:		auto!important;
	height:		358px;
	padding: 0 0 0 40px;
	text-align: center;
}

.skillsMapperAdvert .advertButton{
	padding-top: 280px;
}	



/* ------------------------------------------------------ */
/* ------------- Product -------------------------------- */
/* ------------------------------------------------------ */

.productTitle{
	color: #000;
	font-size: 2.5em;
	line-height:	normal;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 0;
}

.productSubTitle{
	font-weight: normal;
}

.ProductPanelContent{
	float:left;
	width: 400px;
	display: block;
}

.socialNetworkingPanelContent{
	float:left;
	width: 210px;
	display: block;
}

#SocialNetworkVideo{
	float: right;
	width: 464px;
	margin: 0px 10px 0 0px;
}

.productbg{
	background:	url(/images/static/product/talent_profile_small.jpg) top right no-repeat;
	min-height: 220px;
	height:		auto!important;
	height:		220px;
}

.talentProfilebg{
	background:	url(/images/static/product/talent_profile_small.jpg) no-repeat;
	width: 250px;
	min-height: 210px;
	height:		auto!important;
	height:		210px;
	float: right;
	display:block;
}

.careerManagementbg{
	background:	url(/images/static/product/banding.jpg) no-repeat;
	width: 250px;
	min-height: 210px;
	height:		auto!important;
	height:		210px;
	float: right;
	display:block;
}

.analyticsbg{
	background:	url(/images/static/product/analytics.jpg) no-repeat;
	width: 250px;
	min-height: 210px;
	height:		auto!important;
	height:		210px;
	float: right;
	display:block;
	margin-top:20px;
}

.productVideo{
	background:	url(/images/static/product/product_video_bg.jpg) no-repeat;
	width:930px;
	height:321px!important;
	margin-bottom: 20px;
}

.productVideoText{
	width: 400px;
	padding: 20px 0 0 20px;
	float:left;
	}

.productVideo h3{
	color: #000;
	font-weight: normal;
}	

.productVideo p{
	color: #fff;
	padding: 0 0 0 20px;
	width: 350px;
}	

#SkillsMapperVideo{
	float: right;
	width: 464px;
	margin: 20px 10px 0 0px;
}

.chooseYourPath{
	vertical-align:top;
	padding: 0 10px 0 0;
}

/* ------------- product Bullet images -------------------------- */

.mainPanelFull .featureList li .talentProfile{
	width:			642px;
	padding:		15px 40px 5px 80px;
	min-height:		50px;
	background:		url(/images/static/product/bullet_talent_profile.png) 10px 10px no-repeat;
}

.mainPanelFull .featureList li .realTime {
	width:			642px;
	padding:		15px 40px 5px 80px;
	min-height:		50px;
	background:		url(/images/static/product/bullet_real_time.png) 10px 10px no-repeat;
}

.mainPanelFull .featureList li .network {
	width:			642px;
	padding:		15px 40px 5px 80px;
	min-height:		50px;
	background:		url(/images/static/product/bullet_network.png) 10px 10px no-repeat;
}

.mainPanelFull .featureList li .conversation {
	width:			642px;
	padding:		15px 40px 5px 80px;
	min-height:		50px;
	background:		url(/images/static/product/bullet_conversation.png) 10px 10px no-repeat;
}

.mainPanelFull .featureList li .knowledgeBase {
	width:			642px;
	padding:		15px 40px 5px 80px;
	min-height:		50px;
	background:		url(/images/static/product/bullet_knowledge_base.png) 10px 10px no-repeat;
}


/* ------------------------------------------------------ */
/* ------------- Bullet Points -------------------------- */
/* ------------------------------------------------------ */

.bullet{
	width: 465px;
	margin-top: 10px;
	background:	url(/images/static/bullets/bullet_sides.jpg) repeat-y;
}

.bulletContentPlus{
	background:	url(/images/static/bullets/bullet_plus_top.jpg) no-repeat;
	min-height: 45px;
	height:		auto!important;
	height:		45px;
	padding: 25px 0 0 120px;
}

.bulletContentBlank{
	background:	url(/images/static/bullets/bullet_blank_top.jpg) no-repeat;
	min-height: 160px;
	height:		auto!important;
	height:		160px;
	padding: 20px 0 0 20px;
}

.bulletBase{
	background:	url(/images/static/bullets/bullet_base.jpg) no-repeat top left;
	height: 10px;
	overflow:		hidden;
}

.bullet h3{
	font-size: 2.5em;
	font-weight: normal;
	margin-bottom: 10px;
}

.bulletFull{
	width: 930px;
	margin-top: 10px;
	background:	url(/images/static/bullets/bullet_sides_full.jpg) repeat-y;
}

.bulletFullTop{
	background:	url(/images/static/bullets/bullet_blank_top_full.jpg) no-repeat;
	min-height: 45px;
	padding: 25px 0 0 20px;
}

.bulletFullBase{
	background:	url(/images/static/bullets/bullet_base_full.jpg) no-repeat;
	height: 10px;
}


/* ------- Solutions Bullet tops ------ */

.employeeEngagementTop{
	background:	url(/images/static/solutions/employee_engagement_top.jpg) no-repeat;
	min-height: 150px;
}

.informationIntelligenceTop{
	background:	url(/images/static/solutions/information_intelligence_top.jpg) no-repeat;
	min-height: 150px;
}

.successionPlanningTop{
	background:	url(/images/static/solutions/succession_planning_top.jpg) no-repeat;
	min-height: 150px;
}

.organizationalDevelopmentTop{
	background:	url(/images/static/solutions/organizational_development_top.jpg) no-repeat;
	min-height: 150px;
}

/* ------- Product Bullet tops ------ */

.socialNetworkingTop{
	background:	url(/images/static/product/social_networking_top.jpg) no-repeat;
	min-height: 150px;
}

.talentProfileTop{
	background:	url(/images/static/product/talent_profile_top.jpg) no-repeat;
	min-height: 150px;
}

.careerManagementTop{
	background:	url(/images/static/product/career_management_top.jpg) no-repeat;
	min-height: 150px;
}

.analyticsTop{
	background:	url(/images/static/product/analytics_top.jpg) no-repeat;
	min-height: 150px;
}


/* ---- request demo --- */
#reqDemo a {
	display:	block; 
	background:	url(/images/static/buttons/reqDemo.png) top left no-repeat;
	position:	fixed;
	width:		24px;
	height:		100px;
	top:		200px;
	left: 		0px;}
#reqDemo a:hover {
	background-position:	-24px 100%;}

#reqDemo a span {
	margin-left:	-9999px;}