/*

Generic layout for Zapoint Consumer Website

*/

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

body {
	background:		url(/images/layout/head.jpg) repeat-x top left;
	font-family:	Arial, Helvetica, sans-serif;
	line-height:	1.36em;
	margin:			0;
	padding:		0;
}
input {
	font-family:	Arial, Helvetica, sans-serif;
}

#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 #ccc;
		margin-top: -60px; /* negative value of footer height */
		height: 370px;
		padding-top:10px;
		clear:both;
		background:#1a1a1a;
		width:100%!important;
	} 
	
	#content {
		position:relative;
		margin: 20px 0 0 0;
		width:968px;
	}

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

#gmap_container {
	margin-bottom:20px;
}

/* ------------------------------------------------------ */
/* ---- Cufon Page Titles
/* ------------------------------------------------------ */

.pageTitle {
	color:			#000;
	font-size:		3em;
	font-weight:	normal;
	margin:			0px 0px 10px 0px;	
}

.neoSans{
	color: #000;
	line-height:normal;
	font-weight: normal;
	margin: 10px 0px 10px 0px;	
}

.neoSansBold {
	color: #000;
	line-height: 1.25em;
	font-weight: bold;
	margin: 10px 0px 10px 0px;	
}

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

.productSubTitle {
	font-weight: normal;
}


/* ------------------------------------------------------- */
/*
	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
*/
/* ------------------------------------------------------- */


/* ------------------------------------------------------- */
/* --- Makeover panel - remove for reskin --- */
.firstline{
	font-size: 3.75em;
}

.secondline{
	font-size: 2.75em;
}
	
.cloud{
	float: right;
	padding: 0 40px 0 0;
}

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

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

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

.fullWidthColumn {
	width:720px;
	float:left;
	margin: 10px 0 10px 0;
}

/* ---- 2 columns in the main panel ----------------------------- */

.halfColumn{
	width:450px;
	float:left;
	display: inline block;
	margin-right: 15px;
}


/* ---- Quarter Page Layouts ----------------------------- */

.threeQuarterWidthColumn{
	width:535px;
	float:left;
	margin: 10px;
}

.halfWidthColumn{
	width:350px;
	float:left;
	margin: 10px;
}

.quarterWidthColumn{
	width:165px;
	float:left;
	margin: 10px;
}

/* ---- Thirds Page Layouts ----------------------------- */

.oneThirdColumn{
	width:226px;
	float:left;
	margin: 5px 10px 5px 10px ;
}

.twoThirdColumn{
	width:474px;
	float:left;
	margin: 5px 10px 5px 10px ;
}

/* ---- First and Last Columns ----------------------------- */

.firstColumn{
	margin-left: 0px;
}

.lastColumn{
	margin-right: 0px;
}

.padColumnTop{
	padding: 10px 0 0 0;
}

.fullWidth {
	width:100%;
}

.vspaced {
	margin-bottom:20px;
}

/* -------------------------------------------- */
/* ---- Live Chat & Request a demo ------------ */

#DemoRequestLink,
#_lpChatBtn {
	display:block;
	margin:0px 0px 2px 0px;
}

.actionButtonText{
	font-size: 1.9em;
	font-weight: normal;
	padding: 25px 0 5px 10px;
}

/* -------------------------------------------- */
/* ---- SkillsMapper/Product Page ------------- */

#userList{
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.Transparency{
	background: url(/images/static/homepage/transparency_icon.png) top left no-repeat;
	padding: 0 0 0 70px;
}

.profileText{
	border-bottom: 1px solid #ccc;
	padding: 0 0 0 30px;
	background: url(/images/static/product/talent_profile_icon_small.jpg) top left no-repeat;
}

.profileList{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.profileList li{
	font-weight: bold;
	font-size: 1.15em;
	padding: 6px 5px 5px 25px;
	list-style: none;
	margin: 0 0 3px 0;
	background:	#e6e6e6	url(/images/static/product/arrow_list.png) 5px 5px no-repeat;
}

.keyFeaturesText{
	border-bottom: 1px solid #ccc;
}

.productPanel {
	margin: 0px 0;
	background: url(/images/static/product/product_panel_bg.jpg) top left repeat-x;
	color: #333;
	padding:	10px 0px 0px 10px;
	width: 340px;
}

.productPanel:hover {
	background: url(/images/static/product/product_panel_bg_hilite.jpg) top left repeat-x;
}

.productPanel h5 {
	font-size: 1.8em;
	margin-bottom: 5px;
}

.careerPathBG{
	background: url(/images/static/product/career_path_icon.png) 0px 0px no-repeat;
	padding: 5px 0px 0px 70px;
	width:	270px;
}

.socialNetworkBG{
	background: url(/images/static/product/social_network_icon.png) 0px 0px no-repeat;
	padding: 5px 0px 0px 70px;
	width:	270px;
}

.reportAnalyticBG{
	background: url(/images/static/product/report_analytic_icon.png) 0px 0px no-repeat;
	padding: 5px 0px 0px 70px;
	width:	270px;
}

.connectorsBG {
	background: url(/images/static/product/connectors_icon.png) 0px 0px no-repeat;
	padding: 5px 0px 0px 70px;
	width:	270px;
}

.connectorsboxBG {
	background: url(/images/static/product/connectors_box.jpg) 0px 0px no-repeat;
	min-height: 75px;
	padding:0px 0px 0px 85px;
}

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

#HomePageBanners {
	width:968px;
}
.js #HomePageBanners {
	overflow:hidden;
	position:relative;
}
.js #Panels {
	position:absolute;
}
.js .homeMainPanel {
	float:left;
}

.homeMainPanel {
	width:968px;
	float:left;
}

#skillsMapperPanelMessaging {
	background: url(/images/static/homepage/bubbles.jpg) 0px 0px no-repeat;
	min-height: 323px;
}

#workdayMessaging {
	background: url(/images/static/homepage/workday_bubble.jpg) right 0px no-repeat;
	min-height: 383px;
	/*850px;*/
}

#profileAcceleratorMessaging{
	background: url(/images/static/homepage/profile_accelerator.jpg) right 0px no-repeat;
	min-height: 359px;
}

#HomePanelNav {
	width:100%;
	margin-bottom:20px;
	position:relative;
}
#HomePanelNav .arrowBtnLink {
	position:absolute;
	top:-7px;
	right:0px;
	z-index:10;
}
#HomePanelNavLinks {
	margin:0px auto;
	width:90px;
}
#HomePanelNav ul {
	padding:0px;
}
#HomePanelNav li {
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
	margin:0px 5px;
}
#HomePanelNav li a {
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-1000px;
	background:#CCC;
}
#HomePanelNav li a.selected,
#HomePanelNav li a:hover {
	background:#333;
}

.homeButton {
	display: block;
	float:	left;
	background: url(/images/static/homepage/homepage_button_small.png) top left no-repeat;
	width:	211px;
	padding:0px 0px 0px 0px;
	height:80px;
	line-height:77px;
	text-decoration: none;
	font-size:	2.5em;
}

.homeButton:hover, .homeButton.selected {
	background: url(/images/static/homepage/homepage_button_small.png) 0px -80px no-repeat;
}

.homeButton span.neoSansBold {
	color:	#fff;
	margin:0px;
	margin-left: 30px;
}


#skillsMapperPanelMessaging h1 {
	color: #000;
	font-size: 4.75em;
	padding: 0 0 0 350px;
	line-height: 1em;
}

#skillsMapperPanelMessaging h2 {
	color: #000;
	font-size: 2.75em;
	padding: 0 0 0 350px;
}

#workdayMessaging h1, #profileAcceleratorMessaging h1 {
	color: #000;
	font-size: 4.75em;
	padding: 0 0 0 5px;
	line-height: 1em;
}

#workdayMessaging h2, #profileAcceleratorMessaging h2 {
	color: #000;
	font-size: 2.75em;
	padding: 0 0 0 5px;
}

.careerManagementButtons{
	margin: 0 0 20px 0;	
}

.careerManagementButton {
	display: block;
	float:	left;
	background: url(/images/static/workday_career_management/cm_button_small.png) top left no-repeat;
	width:	300px;
	padding:0px 0px 0px 0px;
	height:80px;
	line-height: 77px;
	text-decoration: none;
	font-size:	2.5em;
}

.careerManagementButton:hover, .careerManagementButton.selected {
	background: url(/images/static/workday_career_management/cm_button_small.png) 0px -80px no-repeat;
}

.careerManagementButton span.neoSansBold {
	color:	#fff;
	margin:0px;
	margin-left: 30px;
}

/* .............................. WIDE BUTTONS */
.homepageButton, .homepageButton:link,  .homepageButton:active,  .homepageButton:visited {
	display:block;
	background: url(/images/static/homepage/homepage_button.png) 0px 0px no-repeat;
	width: 385px;
	height: 76px;
	margin-bottom: 20px;
	padding:0px 60px 0px 30px;
	text-decoration:none;
}

a.homepageButton:hover {
	background: url(/images/static/homepage/homepage_button.png) 0px -76px no-repeat;
}

.homepageButton .buttonPic{
	float: left;
	display: inline-block;
	padding: 18px 20px 0 0;
}

.homepageButton .buttonText {
	margin: 22px 0 0 0;
	display:block;
}

.homepageButton .buttonText .neoSansBold {
	color: #FFF;
	font-size: 2.5em;
	line-height: 1.25em;
}

.homepageButton .buttonText .neoSans {
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.25em;
}




.homepageButton span.subtext {
	float: left;
	color:#FFF;
	font-size: 0.75em;
	outline: 1px solid #fff;
	display:block;
}

#CreateCompanyForm {
	padding:0 0 10px 0px;
	width:100%;
	position:relative;
}
#CreateCompanyForm {
	display:block;
	float:left;
}
#CreateCompanyForm label {
	
}
.js #CreateCompanyForm label {
	display:block;
	position:absolute;
	z-index:10;
	font-size:1.6em;
	height:53px;
	line-height:53px;
	color:	#979797;
	padding-left:14px;
}
.homepageFormField { 
	height:25px;
	padding:13px;
	margin-right:5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font-size: 2em;
	color:	#333;
	width: 350px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 1px;
}

.homePageSubmitButton {
	background-image: url(/images/static/homepage/form_submit_button.jpg);
	width: 91px;
	height: 53px;
	border: 0px;
	color: #fff;
	font: normal 2.25em helvetica, arial, sans-serif;
}
.homePageSubmitButton:hover {
	color: #FF7024;
}

/* --------------------------------------------------------------- */
/* ---- Profile Accelerator / zapoint workday Pages -------------- */


.profileAccelerator{
	background:		transparent url(/images/static/profile_accelerator/pa_header.jpg)  right top no-repeat;
	width: 968px;
	min-height: 170px;
}

#ZapointWorkdayLayout {
	width:968px;
	background:	transparent url(/images/static/zapoint_workday/zapoint_workday.jpg)  right top no-repeat;
	padding-top:40px;
}
#ZapointWorkdayLayout .rightColumn314px {
	margin-top:185px;
}
#ZWSubHeader {
	width: 600px;
}

.workday_career_management{
	margin: 0 0 20px 0;
}

#workdayCareerManagement{
	margin: 0 0 20px 0;
}

.profileAccelerator h1, #ZapointWorkdayLayout h1, .workday_career_management h1{
	color: #000;
	font-size: 4em;
	padding: 0 0 0 5px;
	line-height: 1em;
}

.profileAccelerator h1 .large, #ZapointWorkdayLayout h1 .large, .workday_career_management h1 .large {
	font-size: 1.3em;
	color: #000;
}

.leftColumn633px{
	width: 633px;
	padding: 0 0 0 0px;
}

.rightColumn314px{
	width: 314px;
	padding: 0 0px 0 0;	
}

.introPara{
	font-size: 1.5em;
	font-weight: bold;
}

.arrowPanel{
	display: 		block;
	background:		transparent url(/images/static/profile_accelerator/arrowpanel.jpg)  left top no-repeat;
	width:			305px;
	height:			74px;
	padding:		0px 0px 0px 0px;
	line-height:	77px;
	text-decoration: none;
	color: 			#000;
}

.arrowPanel .neoSans{
	font-size:		2em;
	margin:			0 0 0 20px;	
}

.arrowPanel:hover, .arrowPanel.selected {
	background: url(/images/static/profile_accelerator/arrowpanel.jpg) 0px -74px no-repeat;
}

.listArrow{
	padding: 0px;
	margin:	20px 0 0 0;
}

.listArrow li{
	color:				#000;
	font-size:			1.5em;
	font-weight:		normal;
	text-decoration:	none;
	display:			block;
	margin:				0px;
	background:		transparent url(/images/static/icons/arrow-icon.png)  left top no-repeat;
	min-height:		25px;
	padding:		0px 0px 10px 40px;
}

.listArrow li a{
	color:				#000;
	text-decoration:	none;
}

.listArrow li a:hover;{
	color:				#000;
	text-decoration:	underline;
}



/* -------------------------------------------- */
/* ---- the PEC Page ------------------------- */

.pecText {
	width:684px;
	float:left;
	margin: 0px 0px 5px 0px;
}

.pecPic {
	width:226px;
	float:right;
	margin: 0px 0 5px 0px;
}
.pecButtons {
	margin-bottom:10px;
}
.pecButton {
	display: block;
	float:	left;
	background: url(/images/static/pec/pec_button.gif) top left no-repeat;
	width:	273px;
	padding:0px 0px 0px 30px;
	height:77px;
	line-height:77px;
	text-decoration: none;
	font-size:	2.5em;
}
.pecButton:hover,
.pecButton.selected {
	background: url(/images/static/pec/pec_button.gif) bottom left no-repeat;
}

.pecButton span.neoSansBold {
	color:	#fff;
	margin:0px;
}

.js #pecPanelContainer {
	width:930px;
	overflow:hidden;
	position:relative;
}

.js #pec {
	position:absolute;
}

.js .pecPanel {
	float:left;
	width:930px;
	margin-right:20px;
}

/* -------------------------------------------- */
/* ---- Ten Reasons Page ---------------------- */

.tenReasons {
	width:950px;
	padding: 10px 0 0 10px;
}	

.tenReasonsText{
	width:	250px;
}

.tenReasonsPanel{
	width:	680px;
	background: #F1F1F1; /*url(/images/static/ten_reasons/ten_reasons_panel_top.jpg) no-repeat;*/
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;

	padding:14px 0px;
	text-align: left;
	position:relative;
}

.js #ReasonsLayout {
	position:relative;
	overflow:hidden;
	width:560px;
	height:300px;
	margin:0 auto;
}
.js #Reasons {
	position:absolute;
	z-index:10;
}
.tenReasonsPanel .scrollArrow {
	display:none;
}
.js .tenReasonsPanel .scrollArrow {
	display:block;
	position:absolute;
	z-index:10;
	top:140px;
}
.js .tenReasonsPanel #ShowNext {
	right:5px;
}
.js .tenReasonsPanel #ShowPrev {
	left:5px;
}

.reason {
	padding: 0 10px;
	width: 540px;
	display: inline-block;
	min-height: 200px;
}
.reason img {
	border: 1px solid #ccc;
}

.pageNumber {
	padding-top: 10px;
	text-align: center;
	margin:  0 0 0 200px;
}
.pageNumber li {
	float: left;
	display: block; 
	list-style: none;
	margin: 0 3px;
}
.pageNumber a {
	display:block;
	width:18px;
	height:20px;
	line-height:20px;
	padding-left:2px;
	color: #fff;
	text-align: center;
	font-size:	0.9em;
	text-decoration: none;
	background:url(/images/static/ten_reasons/number_button.png) no-repeat;
}
.pageNumber a.selected,
.pageNumber a:hover {
	background:url(/images/static/ten_reasons/number_button.png) 0px -21px no-repeat;
}


/* -------------------------------------------- */
/* ---- Diversity Dashboard Landing Page ------ */

.diversityWrapper {
	width:950px;
	padding: 0 0 0 10px;
}

.diversityText{
	width:	450px; 
}

.diversityText .largeArrowList{
	width:	450px;
}

.diversityImagesPanel{
	width:	480px;
	text-align: left;
	position:relative;
}

/* -------------------------------------------- */
/* ---- Linkedin Effect & Career Management Landing Pages ------ */

.landingWrapper {
	width:950px;
	padding: 0 0 0 10px;
}

.calloutWrapper{
	width:302px;
}

.landingCallouts {
	width:	280px;
	background: #F1F1F1;
	background:-moz-linear-gradient(top, #f3f3f3, #fefefe);
	background:-webkit-gradient(linear, center top, center bottom, from(#f3f3f3), to(#fefefe));
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
	padding: 10px;
	margin-bottom: 10px;
}

.landingCallouts form label {
	display:block;
	margin:0px 0px 3px 0px;
	font-size:13px;
}
.landingCallouts form input,
.landingCallouts form textarea {
	display:block;
	width:100%;
	font-size:0.8em;
	max-width:100%;
	height:17px;
	margin-bottom:10px;
}
.landingCallouts form textarea {
	height:150px;
}
.landingCallouts form input.submit {
	width:auto;
	height:auto;
	font-size:13px;
}

.largeLink {
	background: #4D4D4D;
	background:-moz-linear-gradient(top, #000000, #4D4D4D);
	background:-webkit-gradient(linear, center top, center bottom, from(#000000), to(#4D4D4D));
	border: 1px solid #fff;
	padding: 10px;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	border-radius: 10px;
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
}
.landingCallouts .largeLink {
	padding:0;
}

.largeLink:hover {
	background: #FF993B;
	background:-moz-linear-gradient(top, #470E01, #FF993B);
	background:-webkit-gradient(linear, center top, center bottom, from(#470E01), to(#FF993B));
	
}

.largeLink span {
	background:url(/images/static/career_management/link-arrow.png) right no-repeat;/* top left no-repeat;*/
	font-size:18px;
	font-weight:bold;
	min-height:45px;
	padding-right:38px;
	display:block;
}

.largeLink.zapoint_workday span {
	background:url(/images/static/career_management/link-arrow.png) right no-repeat;/* top left no-repeat;*/
	font-size:18px;
	font-weight:bold;
	min-height:40px;
	padding-right:38px;
	display:block;
	padding-top: 15px;	
}

.largeLink span.neoSans {
	color:#FFF;
}

.openQuote {
	width:28px;
	height:17px;
	display:inline-block;
	background:url(/images/static/career_management/open-quote.png) top left no-repeat;
}

.closeQuote {
	width:16px;
	height:12px;
	display:inline-block;
	background:url(/images/static/career_management/close-quote.png) top right no-repeat;
}

.quoteCredit p {
	line-height:14px;
	text-align:right;
	font-weight:bold;
	margin:1px 0;
}

.white {
	background:#FFF;
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
}

.centered {
	text-align:center;
}

.landingCallouts h3{
	border-bottom: 1px solid #ccc;
	font-size: 1.5em;
	display: block;
}

#linkedin_effect{margin-bottom: 20px;}

.landingVideoPanel{
	width:	500px;
	text-align: left;
	margin-right:20px;
}

.landingVideoPanel h2{
	border-bottom: 1px solid #ccc;
}

.workday_logo{
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

/* -------------------------------------------- */
/* ---- the 300 Page ------------------------- */

.the300background {
	background:  url(/images/backgrounds/300.jpg) top left no-repeat;
	min-height:		230px;
	height:			auto!important;
	height:			230px;
	display:	block;
	margin:		30px 0 0 0;
}

.contactUsColumn{
	width:226px;
	float:left;
	margin: 10px 0 5px 20px;
}

.serviceText{
	width:684px;
	float:left;
	margin: 5px 0px 5px 0px;
}

.serviceText h2{
	font-size: 3.3em;
}

.serviceText p{
	margin: 0 0 15px 0;
}

.ereQuote{
	background: #f2f2f2 url(/images/static/300/ere_logo.png) center left no-repeat;
	padding: 20px 20px 10px 160px;
	margin: 0 0 20px 0;
}

.thirdwidthColumn {
	width:290px;
	float:left;
	margin: 0 20px 0 0;
}
.skillStatWrapper{
	width:280px;
	border: 1px solid #333;
	background: #f2f2f2;
	padding: 5px 4px;
}

.industry{
	width:260px;
	background: #333;
	padding: 10px;
	color:	#ccc;
}

.skillStat{
	width:280px;
	float: left;
	background: #ccc;
	margin: 5px 0 0 0;
	padding: 2px 0 2px 0;
}

.skillStat .number{
	float: left;
	display:inline;
	font-size: 3em;
	color: #fff;
	margin: 0px;
	margin: 0 10px 0 10px;
	width: 40px;
}

.skillStat .deptSkills{
	float: left;
	width: 200px;
	margin: 0px;
}

.skillStat .deptSkills p{
	margin: 0px;
	line-height: 1.2em;
	padding: 2px 0 0 0;
}


.calendarColumn{
	width:455px;
	float:left;
	margin: 0 0 0 10px;	
}

.monthsButtons{
	width:		130px;
	float:		left;
	display:	inline block;
}

.monthsButtons ul.profileList li a {
	font-size:	11px;
	color:		#333;
}

.monthsButtons ul.profileList li a:hover {
	color:		#FF7024;
}

.monthsButtons ul.profileList li.current {
	background-color:#CCC;
}

.companies {
	float:		left;
	display:	inline block;
	width:		300px;
	border:		1px solid #CCC;
	padding:	5px;
}
.companies ul {padding-left:0px;}
.companies li {
	list-style:none;
	background:#CCC;
	color:#333;
	padding:0px;
	margin:0px 0px 3px 0px;
	height:28px;
	line-height:28px;
	border:1px solid #CCC;
	clear:left;
	
}
.companies li .date {
	font-style:italic;
	display:block;
	height:28px;
	width:45px;
	float:right;
	border-left:1px inset #999;
	padding:0px 5px;
	font-size:10px;
	background:#f2f2f2;
	color:#666;
}
.companies li .companyName {
	font-weight:bold;
	display:block;
	float:left;
	height:28px;
	padding:0px 10px;
}


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

.service{
	width:	930px;
	margin: 20px 0 20px 0;
	border-bottom: 1px solid #ccc;
}

.serviceLast{
	border-bottom: none;
}

.service img{
	float: left;
}

.serviceContent{
	float: left;
	display: inline-block;
	width:	620px;
}


/* -------------------------------------------- */
/* ---- Connectors Page ----------------------- */
#ConnectorsTitle {
	background:url('/images/static/icons/connector-icon.gif') no-repeat;
	padding:0px 0px 0px 30px;
	min-height:33px;
}

#ConnectorsList {
	background:url('/images/static/backgrounds/connectors-bg.jpg') 0px 0px no-repeat;
	padding:100px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}
#ConnectorsList p.standout {
	margin:0px 0px 5px 0px;
	padding:0px;
}


/* -------------------------------------------- */
/* ---- careers ------------------------------- */

.vacancy{
	border-bottom: 1px solid #666;
	padding: 20px 0;
}

.lastVacancy{
	border-bottom: none;
}

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




/* -------------------------------------------- */
/* ---- 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;
}

/* ------------------------------------------------------ */
/* ---- SkillsMapper
/* ------------------------------------------------------ */
#smTopPanel {
	width:968px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow:0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow:0 0 5px #888;
	margin-bottom:20px;
}

#smTopPanel .smHeaderIcon {
	float:left;
	width:80px;
	height:65px;
	position:absolute;
	top:10px;
	left:5px;
}
#smTopPanel .description {
	padding:10px;
}

#smTopPanel h1 {
	color:#333;
	font-size:2.6em;
	padding-left:80px;
	margin:0;
	width:540px;
	float:left;
}

#smTopPanel .nav {
	padding-left:90px;
	background:#f5f5f5;
	background:-moz-linear-gradient(top, #f3f3f3, #fefefe);
	background:-webkit-gradient(linear, center top, center bottom, from(#f3f3f3), to(#fefefe));
	height:24px;
	line-height:24px;
	margin:0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
#smTopPanel .nav li {
	list-style:none;
	display:inline;
}

#smTopPanel .nav a,
#smTopPanel .nav a:link,
#smTopPanel .nav a:active,
#smTopPanel .nav a:visited  {
	background:#e6e6e6;
	background:-moz-linear-gradient(top, #e6e6e6, #fefefe);
	background:-webkit-gradient(linear, center top, center bottom, from(#e6e6e6), to(#fefefe));
	padding: 0 8px;
	color:#000;
	height:24px;
	line-height:24px;
	text-decoration:none;
	float:left;
	margin-right:1px;
}
#smTopPanel .nav a:hover {
	color:#C14F03;
}
#smTopPanel .nav a.active {
	background:#a5481f;
	background:-moz-linear-gradient(top, #f38534, #61190d);
	background:-webkit-gradient(linear, center top, center bottom, from(#f38534), to(#61190d));
	color:#fff;
}
#smTopPanel .arrowBtnLink {
	float:right;
}

#smNavBar {
	width:128px;
	padding-top:17px;
	background:transparent url(/images/static/skillmapper/smNav-top.png) top left no-repeat;
}

#smNavBar .content {
	width:108px;
	padding:0px 10px;
	color:#FFF;
	text-align:center;
	background:transparent url(/images/static/skillmapper/smNav-content.png) top left repeat-y;
}

#smNavBar .content ul {
	margin:0;
	padding:0 9px;
}

#smNavBar .content ul li {
	list-style-type:none;
	padding:0;
	margin:0 0 11px;
}

#smNavBar .content ul li a {
	display:block;
	width:90px;
	height:26px;
	background:transparent url(/images/static/skillmapper/smNav-icons.png) top left no-repeat;
	padding-top:64px;
	color:#FFF;
	text-decoration:none;
}

#smNavBar .content ul li a:hover,
#smNavBar .content ul li a:focus {
	color:#FF7024;
}

#smNavBar .content ul li a#tpBtn:hover,
#smNavBar .content ul li a#tpBtn:focus,
#smNavBar .content ul li a#tpBtn.selected {
	background-position:-90px 0px;
}

#smNavBar .content ul li a#cnBtn {
	background-position:0px -90px;
}
#smNavBar .content ul li a#cnBtn:hover,
#smNavBar .content ul li a#cnBtn:focus,
#smNavBar .content ul li a#cnBtn.selected {
	background-position:-90px -90px;
}

#smNavBar .content ul li a#cvBtn {
	background-position:0px -180px;
}
#smNavBar .content ul li a#cvBtn:hover,
#smNavBar .content ul li a#cvBtn:focus,
#smNavBar .content ul li a#cvBtn.selected {
	background-position:-90px -180px;
}

#smNavBar .content ul li a#cpBtn {
	background-position:0px -270px;
}
#smNavBar .content ul li a#cpBtn:hover,
#smNavBar .content ul li a#cpBtn:focus,
#smNavBar .content ul li a#cpBtn.selected {
	background-position:-90px -270px;
}

#smNavBar .content ul li a#ocBtn {
	background-position:0px -360px;
}
#smNavBar .content ul li a#ocBtn:hover,
#smNavBar .content ul li a#ocBtn:focus,
#smNavBar .content ul li a#ocBtn.selected {
	background-position:-90px -360px;
}

#smNavBar .content ul li a#apBtn {
	background-position:0px -450px;
}
#smNavBar .content ul li a#apBtn:hover,
#smNavBar .content ul li a#apBtn:focus,
#smNavBar .content ul li a#apBtn.selected {
	background-position:-90px -450px;
}

#smNavBar .content ul li a.selected {
	color:#FFFFFF;
}

#smNavBar .base {
	height:21px;
	background:transparent url(/images/static/skillmapper/smNav-base.png) top left no-repeat;
	margin-bottom:20px;
}

#smPanelContainer {
	width:813px;
}
.js #smPanelContainer {
	position:relative;
	overflow:hidden;
}
.js #smPanelContainer .contactUsColumn  {
	position:absolute;
	right:9px;
	top:48px;
}
.js #smPanels, .js #appPanels {
	position:absolute;
}
.smPanel, .appPanel{
	width:813px;
	color:#333333;
}
.js .smPanel, 
.js .appPanel{
	float:left;
	margin-right:20px;
}

.smPanel .panelTitle, 
.appPanel .panelTitle {
	width:813px;
	margin-bottom:8px;
	border-bottom:1px solid #ACACAC;
}

.smPanel .panelTitle h2, 
.appPanel .panelTitle h2 {
	width:700px;
	margin-top:0px;
}

.smPanel .panelTitle .pecKey {
	padding-top:6px;
}

.smPanel .panelTitle .pecKey abbr {
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:default;
	background:#F3F3F3;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.09, #FFFFFF),
	    color-stop(1, #F3F3F3)
	);
	background-image: -moz-linear-gradient(
	    center top,
	    #FFFFFF 9%,
	    #F3F3F3 100%
	);
	color:#C5C5C5;
	text-align:center;
	font-size:1.1em;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	margin-right:2px;
}

.smPanel .panelTitle .pecKey abbr.active {
	background:#E0E1E1;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.09, #FFFFFF),
	    color-stop(1, #E0E1E1)
	);
	background-image: -moz-linear-gradient(
	    center top,
	    #FFFFFF 9%,
	    #E0E1E1 100%
	);
	color:#333333;
}

.smPanel .panelTitle .pecKey a {
	text-decoration:none;
	font-size:1.2em;
	margin-left:3px;
	color:#FF7024;
	display:block;
	height:20px;
	line-height:20px;
}

.smPanel .panelTop {
	margin:10px 0;
	width:558px;
}

.smPanel .panelMain {
	width:804px;
}

.smPanel h4.subheading {
	font-weight:bold;
	font-size:1.8em;
	color:#333333;
}

.smPanel .panelMain .column217 {
	width:217px;
}
.smPanel .panelMain .column321 {
	width:321px;
}
.smPanel .panelMain .column352 {
	width:352px;
}
.smPanel .panelMain .column412 {
	width:412px;
}
.smPanel .panelMain .column452 {
	width:452px;
}
.smPanel .panelMain .column558 {
	width:558px;
}
.smPanel .panelMain .column575 {
	width:575px;
}
.smPanel .panelMain .column804 {
	margin:10px 0 20px;
	width:804px;
}

.smPanel .panelMain .column398 {
	width: 388px;
	margin: 0 20px 20px 0;
}

.smPanel .panelMain .column398.last {
	width: 388px;
	margin: 0px;
}

.smPanel .panelMain .column398 h3 {
	min-height: 38px;
	padding: 10px 0 0 50px;
	font-size: 1.5em;
	border-bottom: 1px solid #999;
}

.smPanel .panelMain .column398 h3.skillsAnalysis {
	background:		url(/images/static/skillmapper/sm-apps-sa.png) top left no-repeat;}
.smPanel .panelMain .column398 h3.categories {
	background:		url(/images/static/skillmapper/sm-apps-cat.png) top left no-repeat;}
.smPanel .panelMain .column398 h3.presourced {
	background:		url(/images/static/skillmapper/sm-apps-ps.png) top left no-repeat;}
.smPanel .panelMain .column398 h3.lms {
	background:		url(/images/static/skillmapper/sm-apps-lms.png) top left no-repeat;}

#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;
}

/* ------------------------------------------------------- *
/* ---- Apps Page ---- */

#appPanelContainer{
	width:813px;
/*	outline: 1px solid #333; */
	margin: 0 0 0 25px;
}

#appNavBar {
	width:128px;
	padding-top:17px;
	background:transparent url(/images/static/skillmapper/smNav-top.png) top left no-repeat;
}

#appNavBar .content {
	width:108px;
	padding:0px 10px;
	color:#FFF;
	text-align:center;
	background:transparent url(/images/static/skillmapper/smNav-content.png) top left repeat-y;
}

#appNavBar .content ul {
	margin:0;
	padding:0 9px;
}

#appNavBar .content ul li {
	list-style-type:none;
	padding:0;
	margin:0 0 11px;
}

#appNavBar .content ul li a {
	display:block;
	width:90px;
	height:26px;
	background:transparent url(/images/static/apps/appNav-icons.jpg) top left no-repeat;
	padding-top:64px;
	color:#FFF;
	text-decoration:none;
}

#appNavBar .content ul li a:hover,
#appNavBar .content ul li a:focus {
	color:#FF7024;
}

#appNavBar .content ul li a#tourBtn:hover,
#appNavBar .content ul li a#tourBtn:focus,
#appNavBar .content ul li a#tourBtn.selected {
	background-position:-90px 0px;
}

#appNavBar .content ul li a#saBtn {
	background-position:0px -90px;
}
#appNavBar .content ul li a#saBtn:hover,
#appNavBar .content ul li a#saBtn:focus,
#appNavBar .content ul li a#saBtn.selected {
	background-position:-90px -90px;
}

#appNavBar .content ul li a#psBtn {
	background-position:0px -180px;
}
#appNavBar .content ul li a#psBtn:hover,
#appNavBar .content ul li a#psBtn:focus,
#appNavBar .content ul li a#psBtn.selected {
	background-position:-90px -180px;
}

#appNavBar .content ul li a#catBtn {
	background-position:0px -270px;
}
#appNavBar .content ul li a#catBtn:hover,
#appNavBar .content ul li a#catBtn:focus,
#appNavBar .content ul li a#catBtn.selected {
	background-position:-90px -270px;
}

#appNavBar .content ul li a#lmaBtn {
	background-position:0px -360px;
}
#appNavBar .content ul li a#lmaBtn:hover,
#appNavBar .content ul li a#lmaBtn:focus,
#appNavBar .content ul li a#lmaBtn.selected {
	background-position:-90px -360px;
}

#appNavBar .content ul li a#grpBtn {
	background-position:0px -450px;
}
#appNavBar .content ul li a#grpBtn:hover,
#appNavBar .content ul li a#grpBtn:focus,
#appNavBar .content ul li a#grpBtn.selected {
	background-position:-90px -450px;
}

#appNavBar .content ul li a.selected {
	color:#FFFFFF;
}

#appNavBar .base {
	height:21px;
	background:transparent url(/images/static/skillmapper/smNav-base.png) top left no-repeat;
	margin-bottom:20px;
}

.takeATour {
	background: url(/images/static/apps/take_a_tour_bg.jpg) no-repeat;
	min-height: 180px;
	width:	814px;
	margin: 0 0 20px 0;
}

.takeATour .content{
	width: 400px;
}

.takeATour h3 {
	padding: 20px 0 0 20px;
}
.takeATour a.button {
	margin: 0 0 0 20px;
}

.appsSubHeader {
	width: 794px;
	padding: 10px 0 10px 20px;
	background: #4d4d4d;
	margin: 0px;
	color: #fff;
	font-weight: normal;
}

.thirdPageWidth {
	width: 256px;
	display: block;
	float:left;
	margin: 20px 20px 0 0;
	vertical-align: top;
}
.thirdPageWidth.lastcolumn {
	margin: 20px 0 0 0;
}
.thirdPageWidth h4 {
	font-size: 1.5em;
	margin: 10px 0 0 0;
}

.galleryImage4Col {
	width: 190px;
	margin: 0 17px 0 0;
	float:left;
}

.galleryImage4Col.last {
	margin: 0 0 0 0;
}

.largeArrowList.keyfeatures {
	width: 600px;
}

.largeArrowList.keyfeatures .small {
	font-size: 0.8em;
	line-height: 1.25em;
	padding: 10px 0 0 10px;
	outline: 1px soild #333;
}

.largeArrowList .small{
	font-size: 1.5em;
	line-height: 1.25em;
	padding: 5px 0 0 40px;
}

.appsHeader {
	min-height: 265px;
	width:	814px;
	margin: 0 0 10px 0;
}
.appsHeader h2 {
	color:#FFF;
}
.skillsAnalysisHeader {
	background: url(/images/static/apps/skills_analysis_header.jpg) no-repeat;
}

.categoriesHeader {
	background: url(/images/static/apps/categories_header.jpg) no-repeat;
}

.lmaHeader {
	background: url(/images/static/apps/lma_header.jpg) no-repeat;
}

.presourcedHeader{
	background: url(/images/static/apps/presourced_header.jpg) no-repeat;
}

.groupsHeader{
		background: url(/images/static/apps/groups_header.jpg) no-repeat;
}	

.skillsAnalysisHeader h2, .categoriesHeader h2, .lmaHeader h2, .presourcedHeader h2, .groupsHeader h2 {
	padding: 190px 0 0 20px;
	font-size: 2em;
	margin: 0px;
}

.skillsAnalysisHeader h3, .categoriesHeader h3, .lmaHeader h3, .presourcedHeader h3, .groupsHeader h3{
	padding: 0px 0 0 20px;
	font-size: 1.5em;
	color: #fff;
	margin: 0px;
}

.presourcedHeader h3.spanish{
	padding: 5px 0 0 20px;
	font-size: 1.25em;
}	

.skillsAnalysisHeader a.arrowButton, .categoriesHeader a.arrowButton, .lmaHeader a.arrowButton, .presourcedHeader a.arrowButton, .groupsHeader a.arrowButton{
	margin: 200px 20px 0 0;
}

/*------------------------------------------ filter bar ---*/
.filterBar {
	background:			#333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:		5px;
	color:				#fff;
	margin:				10px 0 20px 0;
	padding:			5px;
	width:				804px;
}

.filterBar ul {
	float:				left;
	margin-bottom:		2px;
	padding:			0px;}
	
.filterBar li {
	padding-right:		0px;
	display:			inline;}

.filterBar a {
	color:				#B3B3B3;
	font-size:			.9em;
	border:				1px solid #333;
	padding:			3px 6px;
	text-decoration:	none;}

.filterBar a.selected {
	color:				#fff;
	border:				1px solid #4d4d4d;
	background:			#d95c1d;
	background: 		-moz-linear-gradient(top, #fd5903, #660905 );
	background: 		-webkit-gradient(linear, center top, center bottom,
						from(#fd5903), to(#660905));
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius:		4px;}

.filterBar a:hover {
	color:				#fff;
	border:				1px solid #1a1a1a;
	background:			#686868;
	background: 		-moz-linear-gradient(top, #787878, #373737 );
	background: 		-webkit-gradient(linear, center top, center bottom,
						from(#787878), to(#373737));
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius:		4px;
	text-decoration:	none;}
.filterBar .popup  a {
	border:					none;
	-moz-border-radius:		0;
	-webkit-border-radius:	0;
	border-radius:			0;
	width:				176px;}
.filterBar .popup li {
	padding:			0;}


/* ------------------------------------------------------- *
/* ---- 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,
.js #InfoRequest {
	position:absolute;
	left:201px;
	top:0px;
	z-index:597;
}
.js #InfoRequest {
	left:164px;
}
	.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.error .form label {
		text-align:left;
	}
	.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 .form .checkbox {
		width:100%;
		float:left;
	}
	.popup_form .form .checkbox input,
	.popup_form .form .checkbox label {
		float:left;
		width:auto;
	}
	.popup_form .form .checkbox label {
		padding-top:2px;
		font-size:16px;
		height:24px;
		line-height:24px;
	}
	.popup_form .form .checkbox input {
		margin-right:10px;
		margin-top:6px;
	}
	
	.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;
	}
	
	.js #InfoRequest {
		width:600px;
		padding:20px;
		background:#000;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		color:#FFF;
	}
	.js #InfoRequestLayout {
		width:600px;
	}
	
	.js #InfoRequest .panelCloseModal {
		width: 41px;
		height: 40px;
		display: block;
		position: absolute;
		z-index: 21;
		top: -10px;
		left: 610px;
		background: url("../../images/static/login/closeLogin.png") left top no-repeat;
		cursor: pointer;
	}
	#InfoRequest h6 {
		color:#FFF;
		border-bottom:1px solid #FFF;
		padding-bottom:6px;
	}
	.js #InfoRequest #RequestWhat {
		width:290px;
		float:left;
		font-size:14px;
	}
	.js #InfoRequest #RequestWhat p {
		font-size:14px;
	}
	.js #InfoRequest #ContactInfo {
		width:290px;
		float:right;
	}
	.js #InfoRequest #ContactInfo .form {
		margin-bottom:20px;
	}

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

.mainImage {
	margin-top:35px;
	text-align:center;
}


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

/* ------------ Fortune100 ------------------------------ */

#fortune100Video {
	width:			968px;
	height:			240px;
	padding:		0px 0px;
	/*wbackground:transparent url(/images/static/fortune100/fortune100_video_bg.png) no-repeat;*/
	margin: 		0px;
	overflow:hidden;	
}
#VideoHolder {
	width:			968px;
	height:			240px;
	display:block;
	background:transparent url(/images/static/fortune100/fortune100_video_bg.png) no-repeat;
}

.fortune100MenuBar {
	width:			968px;
	padding:		0px;
	height:			63px;
	background:		transparent url(/images/static/fortune100/fortune100_menu_bg.png) no-repeat;
	text-align:		center;
	margin: 		0px;
}

.fortune100MenuBar a{
	line-height:	2.5em;
	font-size:		2.5em;
	color:			#fff;
	text-decoration: none;
	padding: 		0 30px;
	background:		transparent url(/images/static/fortune100/menu_divider.png) top right no-repeat;
}

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

.fortune100MenuBar a.last{
	background:		none;
}

.slidePanel{
	padding:		20px 0;
	margin:			0 0 10px 0;
	float:			left;
}
.js .slidePanel {
	position:absolute;
	z-index:10;
	overflow:hidden;
	float:none;
	width:930px;
}

.slidePanel h2{
	font-size:		3.5em;
	line-height:	1em;
	padding: 		0px;
	margin:			0 0 10px 0;
}

.slidePanel h3{
	font-size:		2em;
	padding: 		10px 0 15px 0;
	margin:			0px;
}

.slidePanel .equalCol {
	width:			455px;
	float:			left;
	display:		inline-block;
}

.getSkillsMapperButton{
	background: 	url(/images/static/fortune100/button.png) top left no-repeat;
	width: 			353px;
	height: 		164px;
	padding:		0;
	position: 		relative;
	top:			40px;
	left:			590px;
}

.getSkillsMapperButton:hover{
	background: url(/images/static/fortune100/button.png) 0 -164px no-repeat;
}

.getSkillsMapperButton a.neoSansBold{
	position: 			relative;
	top:				40px;
	left:				40px;
	width:				200px;
	display:			block;
	color: 				#fff;
	font-size: 			3em;
	line-height: 		1em;
	margin: 			0px;
	text-decoration:	none;
}

.fortune100NoPanelTop{
	margin-bottom: 0px;
	background-image: none;
	margin: 		0px;
	padding-top:	0px;
}
.js .fortune100NoPanelTop .content {
	position:relative;
	display:block;
}

#FortuneSignupForm ul {
	margin:0px;
	padding:0px;
}
#FortuneSignupForm .infoSet {
	padding:0px;
	margin:0px 0px 6px 0px;
	list-style:none;
	clear:left;
}

#FortuneSignupForm .infoSet label {
	display:block;
	float:left;
	width:120px;
	line-height:26px;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
}
#FortuneSignupForm .infoSet input {
	display:block;
	float:left;
	width:260px;
}
#FortuneSignupForm .sumbits {
	padding-left:130px;
}

#FortuneSignupForm #ErrorsPanel {
	margin:0px 0px 10px 0px;
}

#FortuneSignupForm .form_error_container {
	padding:0px 0px 0px 20px;
	background:url(/images/icons/warningSmall.gif) 0px 2px no-repeat;
	height:20px;
	line-height:20px;
	border-bottom:1px dotted #CCC;
	margin:0px 0px 5px 0px;
}
#FortuneSignupForm .form_error_container .form_error {
	text-align:left;
	font-size:12px;
	color:#333;
}


/* ------------ 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 {
	width:968px;
	height:125px;
}

#Logo {
	float:				left;
	margin-top:			65px;
}

.telNo {
	display:			inline block;
	float:				right;
	padding:			0 0 0 0;
	margin:				0 0 10px 0;
}

.telNo .phoneNumber{
	font-size:			1.9em;
	color:				#333;
}

.userArea {
	float:				right;
	font-size:			.9em;
	margin:				13px 0 10px 0;
	line-height:		normal;
	width:				650px;
}
	
.userArea .linkList {
	float:				right;
	display:			inline;
	margin:				0 0 0 10px;
}
	
.userArea .linkList li {
	float:				left;
	list-style-type: 	none;
	list-style-image: 	none;
	list-style-position: outside;
	margin:				0 0 0 10px}

.linkList a,
.linkList a:link,
.linkList a:visited,
.linkList a:active {
	background: 		#444444;
  	background: 		 -moz-linear-gradient(top, #373737, #4c4c4c 50%, #323232 50%, #323232 );
	background: 		-webkit-gradient(linear, center top, center bottom,
						from(#373737), color-stop(50%, #4c4c4c), color-stop(50%, #323232), to(#323232)); 
	border:				1px solid #4d4d4d;
	font-size: 			0.8em;
 	color: 				#fff;
	text-decoration:	none;
	padding: 			2px 8px;
}

.linkList a.first,
.linkList a.mid {
	background:  		url(/images/buttons/linkSep.jpg) no-repeat right 3px, -moz-linear-gradient(top, #373737, #4c4c4c 50%, #323232 50%, #323232 );
	background:  		url(/images/buttons/linkSep.jpg) no-repeat right 3px, -webkit-gradient(linear, center top, center bottom,
							from(#373737), color-stop(50%, #4c4c4c), color-stop(50%, #323232), to(#323232)); 
  	-moz-border-radius: 4px 0 0 4px;
  	-webkit-border-radius: 4px 0 0 4px;
  	border-radius:		4px 0 0 4px;
	border-right:		0;}

.linkList a.mid {
  	-moz-border-radius: 0;
  	-webkit-border-radius: 0;
  	border-radius:		0;}
.linkList a.full {
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius:		4px;}	
.linkList a.last {
  	-moz-border-radius: 0 4px 4px 0;
  	-webkit-border-radius: 0 4px 4px 0;
  	border-radius:		0 4px 4px 0;
	border-left:		0;}

.linkList a:hover {
	color:				#fff;
	background: 		#FF7024;
  	background: 		-moz-linear-gradient(top, #ed6a31, #b4562a 50%, #9a3b1c 50%, #5b180c );
	background: 		-webkit-gradient(linear, center top, center bottom,
							from(#ed6a31), color-stop(50%, #b4562a), color-stop(50%, #9a3b1c), to(#5b180c));
	text-decoration:	none;}
	




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

#navigation {
	position:absolute;
	width:650px;
	top:55px;
	right:0px;
	padding:0px; margin:0px 4px 0px 0px;
	z-index:596;
/*	outline:	1px solid #333;	*/
}

#mainNav {
	float:right;
	padding:	0 0 50px 0;
}

#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;
	white-space: nowrap;
}

.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 {
	color:#FFF;
	width:100%;
	background:#000;
}
.js #joinLogin {
	position:absolute;
	background:transparent;
	z-index:600;
	top:0px;
	left:0px;
}

.js #joinLoginBlanker {
	display:block;
	position:absolute;
	background:#000;
	z-index:610;
}

#joinLoginLayout {
	background:	#000;
	width:685px;
	margin:0px auto;
}
.js #joinLoginLayout {
	-moz-border-radius:	20px;
	-webkit-border-radius:20px;
	border-radius:		20px;
	background:	#000;
	width:685px;
	position:absolute;
	margin:20px 0px;
	z-index:620;
}


#joinLogin .lpHeading {
	font-weight:bold;
	font-size:1.8em;
	color:#FF7024;
	margin-bottom:0.2em;
}
#joinLogin p {
	font-size:1.2em;
	line-height:1.4;
	margin-bottom:1em;
}
#joinLogin a {
	color:#FF7024;
}

#loginControl {
	width:310px;
	float:left;
	border-right:1px solid #999;
}
	#loginControl .main {
		padding:15px;
	}
	#loginControl p {
		margin:0;
	}
	#loginControl .loginInfo {
		padding-left:	75px;
		background:	url(/images/static/login/loginIcon.png) no-repeat top left;
		margin-bottom:15px;
	}
	#loginControl .elHdr {
		position:relative;
	}
	#loginControl input {
		width:275px;
		display:block;
		margin:0px 0px 5px 0px;
	}
	#loginControl input.pass {
		margin-bottom:	15px;
	}
	.js #loginControl label {
		display:block;
		position:absolute;
		z-index:620;
		width:275px;
		left:3px;
		top:4px;
		color:#666;
	}

#signupControl {
	width:373px;
	border-left:1px solid #999;
	margin-left:-1px;
	float:left;
	display:inline;
}
	#signupControl .entCreateJoin,
	#signupControl .psCreate {
		background:url(/images/static/login/entIcon.png) no-repeat 10px 10px;
		padding:15px 15px 10px 100px;
		margin-bottom:15px;
		border-bottom:1px solid #999;
		width:258px;
	}
	#signupControl .psCreate {
		border:		none;
		background:url(/images/static/login/psIcon.png) no-repeat 20px top;
		margin:			0;
		padding:		0 0 0 100px;
	}
	
	#joinLogin .textButton,
	#joinLogin .textButton:link,
	#joinLogin .textButton:active,
	#joinLogin .textButton:visited {
		width:auto;
		background:#f28433 url(/images/static/buttons/repeater.gif) bottom left repeat-x;
		height:	25px;
		line-height:25px;
		float:	left;
		padding:0px 11px;
		text-transform:uppercase;
		border:	none;
		font-weight:bold;
		font-size:1.4em;
		text-decoration:none;
		margin:0px 9px 5px 0px;
		color:#000;
	}
	#joinLogin .textButton:hover,
	#joinLogin .textButton:focus {
		color:#000;
	}
	
	
	#loginControl input.loginbutton,
	#InfoRequest input.loginbutton {
		width:auto;
		float:right;
		background:#f28433 url(/images/static/buttons/repeater.gif) bottom left repeat-x;
		height:	25px;
		padding:0px 11px;
		text-transform:uppercase;
		border:	none;
		font-weight:bold;
		font-size:1.3em;
		cursor:	pointer;
		margin:0px 0px 5px 0px;
	}
	#InfoRequest input.loginbutton {float:left;}
	#loginControl .forgotPass {
		display:block;
		float:left;
		padding-top:0.8em;
	}
	.js #joinLogin .closeLogin {
		width: 41px;
		height: 40px;
		display: block;
		position: absolute;
		z-index: 21;
		top: -10px;
		right: -10px;
		background: url("../../images/static/login/closeLogin.png") left top no-repeat;
		cursor: pointer;
	}

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

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

.logoColumn {
	width: 230px;
	float: left;
	margin:0px 35px 0px 0px;
	color:	#fff;
}

.logoColumn a{
	color: #fff;
}

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

.jobster_logo{
	padding:	0 5px 10px 0;
}

.presourced_logo{
	padding:	0 0 10px 0;
}



/* Links Columns and wrapper */
.columnsWrapper {
	float:	left;
	width:	625px;
}
.columnsWrapper H3{
	color:	#fff;
}

.linksColumn{
	border-right:	1px solid #999;
	float: left;
	min-height: 90px;
	height:	auto!important;
	height: 90px;
	margin-top:	15px;
	padding: 0 30px 0 0;
}

.linksColumn.lastpost{
	border:	0px;
}

.linksColumn a{
	color: #fff!important;
	text-decoration: none;
	font-size: 1.2em;
	margin: 0 0 0 30px;	
}

.linksColumn a:hover{
	color: #FF7024!important;
	text-decoration: underline;
}

.footerLinks{
	margin: 10px 0 10px 0;
}

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

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

.footerLinks li a:hover{
	color: #FF7024!important;
}

/* Blog Posts and wrapper */

.blogPostColumns, .blogPostColumns h3{
	margin: 	0 0 0 0;
	padding:	5px 0 20px 30px;
}

.blogPostColumns h3{
	margin: 	0 0 0 0;
	padding:	5px 0 20px 0px;
}

.blogPostColumns .blogpost{
	color:	#fff;
	height:	auto!important;
	background: url('/images/footer/blog_icon_footer.jpg') no-repeat;
	margin: 0 0 20px 0;
}

.blogPostColumns .blogpost.lastpost{
	border:	0px;
}

.blogPostColumns .blogpost p{
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 5px 0 30px;
}

.blogPostColumns .blogpost a{
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 0 30px;
}

.copyright{
	margin:	10px 0;
}

.copyright p{
	font-size: 1em;
	color: #fff;
}

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

.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;
}


/* ------------------------------------------------------ */
/* ------------- 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;
}

.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 -------------------------------- */
/* ------------------------------------------------------ */

.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;
	z-index:	20;}
#reqDemo a:hover {
	background-position:	-24px 100%;}

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