@import url("punctuation.css");
@import url("forms.css");
@import url("appForm.css");
@import url("navigation.css");
@import url("faqdrops.css");
/* stylesheet for CfA outward-facing pages written by Mark Jones zen20282@zen.co.uk */
/* COLOURS 
1st state: #066F35;
2nd state: #5FA27F;
3rd state: #8CBCA5;*/
/*logo red: #C60030;*/   /* OR #E85D7F;*/
/*background-color:#006f62; more compatible with GIF logo*/

* { margin:0px; padding:0px; } /* this clears any and all margins & padding on all elements */
html {overflow-y:scroll;} /* this adds a scrollbar to Mozilla and keeps it there to stop centered pages jigging about*/
body {
	background:#ced3df;
	background-image:url(../images/backGrad2.gif);
	background-repeat:repeat-x;
	background-position:top left;
	
	/*background: #000;
	background-image:url(../images/BG666.gif);
	background-repeat:repeat-x;
	background-position:top;*/
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:68%;  /*  should be 62.5%  */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.skiplink {
	position:absolute;
	left:-2000px;
	top:0px;
	width:2000px;
}
table {
	font-size:1em; 
	font-family:Arial, Helvetica, sans-serif; 
	}  /* this allows IE 5.* to view text inside tables correctly - not too big!! */
/*==============NEWLY ADDED MARCH 2010===========*/
a img {
	border: none;
}
a:active, a:focus {
	outline:0;
	text-decoration:none;
}
a.external {
	/*border:1px solid #ff0000;*/
	background:url(../images/icons/ico_external.gif) no-repeat 100% 50%;
	padding-right:1.2em;
}
a.pdfLink {
	/*border:1px solid #ff0000;*/
	background:url(../images/icons/pdf15x20.gif) no-repeat 100% 99.5%;
	padding-right:1.8em;
	position:absolute;
}
a.wordLink {
	/*border:1px solid #ff0000;*/
	background:url(../images/icons/wordIcon16x16.gif) no-repeat 100% 99.5%;
	padding-right:1.9em;
	position:absolute;
}
/*==============NEWLY ADDED MARCH 2010===========*/
div#tooltip { 
	border:1px solid #5FA27F;
	background:#066F35;
	color:#fff!important;
	font-size:0.9em;
	padding:8px 5px 8px 12px;
	position:absolute;
	line-height:1.5em;
	min-height:3em;
	text-align:left;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	width:145px;
	z-index:50;
}

/*#selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}*/
#OuterWrapper {
	/*border:1px solid #006e61;*/
	/*border-radius:20px;*/    /* for when this is eventually supported in CSS3 - doesn't work in any version of IE */
	-webkit-border-top-left-radius:20px;    /*for Safari */
	-webkit-border-bottom-left-radius:20px;    /*for Safari */
	-moz-border-radius-topleft:20px;       /*for Mozilla */
	-moz-border-radius-bottomleft:20px;       /*for Mozilla */
	background-color:#fff;
	margin:10px auto 0px auto;				/* margin-top changed March 2010 from top:40px*/
	width:970px;                             /*changed March 2010 from 960px*/
	/*min-height:540px;
  	height:auto !important;
  	height:540px;*/                   /*moved the Content*/
}
#MastheadContainer {
	/*border:1px solid red;*/
	display:block;
	height:140px;
	margin:0px 0px 0px 0px;
	/*margin:20px 0px 0px 0px;*/ /*## brings masthead down more*/
	/*overflow:auto;*/
	position:relative;
}
#MastheadFacesUtilitiesContainer {
	/*border:1px solid blue;*/
	background-image:url(../images/people2Bar730x74Q65.jpg);
	height:74px;
	position:absolute;
	right:0px;               
	top:30px;				/*changed March 2010 from 22px*/
	width:760px;			/*changed March 2010 from 730px*/
}
#CfALogo {
	/*border:1px solid yellow;*/
	/*-moz-box-shadow:4px 4px 5px #666;*/
	height:119px;
	left:20px;			/*changed March 2010 from 25px*/
	outline:none;
	position:absolute;
	top:11px;			/*changed March 2010 from 1px*/
	width:155px;
}
#PrintOnlyLogo {
	display:none;
	height:119px;
	width:155px;
}
#MastheadUtilities {
	/*border:1px solid blue;*/
	background-color:#006e61;
	height:74px;
	position:absolute;
	right:0px;
	top:0px;
	width:190px;		/*changed March 2010 from 200px*/		
}
#MastheadUtilitiesInner {
	/*border:1px solid red;*/
	color:#fff;
	font-size:0.8em;
	line-height:1.8em;		/*changed March 2010 from 2.1em */	
	margin:8px 0px 0px 0px;
	padding-right:10px;
	text-align:right;
	width:180px;
}
#MastheadUtilitiesInner a:link, #MastheadUtilitiesInner a:visited {
	color:#fff;
	padding-right:12px;
	outline:none;
	text-decoration:none;
}
#MastheadUtilitiesInner a:hover {
	background-image:url(../images/whiteDot5x5.gif);
	background-repeat:no-repeat;
	background-position:right 4px;
	color:#fff;
	outline:none;
	padding-right:12px;
	text-decoration:none;
}
#MastheadUtilitiesInner a:active {
	color:#fff;
	outline:none;
	padding-right:12px;
	text-decoration:none;
}
.mastheadPhone {
	font-size:1.2em;
	font-weight:bold;
	padding-right:12px;
	/*letter-spacing:0.06em;*/
}	
#BrandContainer {
 	/*border:1px solid blue;*/
	background-image:url(../images/logos/ExecutiveSearch350x23Q256.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:transparent;
	display:block;
	left:80px;				/*changed March 2010 from 220px;*/
	line-height:2em;
	position:absolute;
	text-indent:-2000px;
	top:107px;				/*changed March 2010 from 100px;*/
	width:600px;
}
 /*--------------------- EVERYTHING BELOW THE MASTHEAD*/
#ContentContainer {
	/*border:1px solid green;*/
	margin:10px 0px 0px 0px;			       /*changed March 2010 added margin-top 10px */
}
#NavCol {
	/*border:1px solid red;*/
	background-color:transparent;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:210px;							  /*changed March 2010 from 230px*/
}
#mainNavBlock {
	/*border:1px solid red;*/
	-moz-box-shadow:4px 4px 15px #c0c0c0;
	-webkit-box-shadow:4px 4px 15px #c0c0c0;
	background:transparent;
	margin:3px 0px 0px 20px;                  /*changed March 2010 left-margin:27px;*/
	padding:0px 0px 0px 0px;
	width:155px;							  /*changed March 2010 175px*/
}
#Content {
	/*border:1px solid blue;*/
	float:left;
	width:735px;   							   /*changed March 2010 from 675px*/
	min-height:400px;
  	height:auto !important;
  	height:400px;
	margin:0px 0px 0px 0px;
}
#ContentTextArea {
	/*border:1px solid green;*/
	background-color:#fff;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
	width:570px;
}
#Footer {
	/*border:1px solid #ff0000;*/
	clear:both;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
}
#TextNavBlock {
	/*border:1px solid #000;*/
	margin:45px 0px 5px 0px;
	width:700px;
}
#timelineTbl {
	border-top:1px solid #8CBCA5;
	border-right:1px solid #8CBCA5;
	border-left:1px solid #8CBCA5;
	border-collapse:collapse;
	color:#444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:5px 0px 0px 0px;
}
.IndentStream {
	text-indent:2em;
	display:block;
}
#timelineTbl .timelineTblStriped {
	background-color:#eee;

}
#timelineTbl td {
	border-bottom:1px solid #8CBCA5;
	padding:2px 4px 2px 2px;
	vertical-align:top;
}
#timelineTbl td.WeeksWidth {
	border-bottom:1px solid #8CBCA5;
	padding:2px 4px 2px 2px;
	vertical-align:top;
	width:80px;
}
#timelineTbl ul {
	margin:-1px 0px 0px 0px;
	padding:1px 0px 1px 0px;
}
#timelineTbl li {
	background-color:transparent;
	color:#444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}
.StreamDescription {
	color:#999999;
	font-size:0.8em;
	font-weight:normal;
}
.StreamDescription a {
	border-bottom:1px dotted #999999;
	color:#999999!important;
	font-size:0.8em;
	font-weight:normal;
	text-decoration:none!important;
}

/* --------------------------------- CONTACT PAGE ----*/
#ContactLeftCol {
	/*border:1px solid red;*/
	display:inline;
	height:250px;
	float:left;
	width:45%;
}
#ContactRightCol {
	border-left:1px solid #ddd;
	display:none;
	float:left;
	padding:0px 0px 0px 30px;
	width:49%;
}
#NoPrintSpacer {
	/*border:1px solid #ff0000;*/
	width:200px;
	height:49px;
	
}

/*##== READY FOR EMBEDDED GOOGLE MAP == */
/*#ContactLeftCol {
	display:inline;
	float:left;
	width:250px;
}
#contact #ContentTextArea {
	width:750px;
}
#ContactRightCol {					
	background-color:#FFFF99;
	height:300px;
	margin:0px 0px 0px 255px;
	padding:0px 0px 0px 0px;
	width:450px;
}
#NoPrintSpacer {
	height:49px;
	width:200px;
}*/


/* --------------------------------- TEAM PROFILES ----*/    /*== NEW VERSION IN PROFILES.CSS MAY 2010 ==*/
/*#ProfilesContainer {
	background-color:transparent;
	margin-left:20px;
	width:500px;
}
.TeamRoleSetWidth {
	color:#444;
	display:inline;
	float:left;
	text-align:left;
	width:290px;
}
.ProfilesPhoto {
	display:inline;
	float:left;
	margin:5px 15px 0px 0px;
	-moz-box-shadow:4px 4px 15px #666;    
	-webkit-box-shadow:4px 4px 15px #666;
}
.ProfilesPhoto img {
	padding-top:0px;
}
.TeamClearMe {
	clear:both;
}
.ProfilesNameQualsPushRight {
	text-align:right;
	display:block;
	padding-right:5px;
}*/
/* -------------------------------- RECENT ASSIGNMENTS LAYOUT*/
.AssignContainer {
	border-bottom:1px solid #ddd;
	font-size:0.9em;
	margin:-10px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	width:500px;
}
.AssignListing {
	/*border:1px solid green;*/
	display:inline;
	float:left;
	line-height:1.7em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	width:320px;
}
.AssignJobTitle {
	font-weight:bold;
	font-size:1.1em;
	color:#666;
}
.AssignClientName {
}
.AssignSalary {
}
.AssignLocation {
}
.AssignPDFContainer {
	border:1px solid #8CBCA5;
	color:#666;
	display:inline;
	float:right;
	font-size:0.95em;
	height:30px;
	line-height:2em;
	margin:5px 2px 0px 0px;
	padding:9px 2px 2px 2px;
	position:relative;
	width:130px;
}
.AssignPDFContainer img {
	border:none;
	float:left;
	padding:1px 6px 0px 5px;
}
.AssignMagnifier {
	/*border:1px solid red;*/
	display:block;
	height:21px;
	right:13px;
	position:absolute;
	top:12px;
	width:35px;
}
.AssignClearme {
	clear:both;
}
.AssignDescription {
	/*border:1px solid pink;*/
	font-size:0.95em;
	line-height:1.4em;
	margin:5px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}
.AssignPDFContainer a:link, .AssignPDFContainer a:visited {
	color:#C60030;
	outline:none;
	text-decoration:none;
}
.AssignPDFContainer a:hover {
	color:#C60030;
	outline:none;
	text-decoration:underline;
}
.AssignPDFContainer a:active {
	color:#C60030;
	outline:none;
	text-decoration:none;
}
/*-------------------------------- SITE MAP PAGE LAYOUT---*/
#SiteMapArea {
	/*border:1px solid red;*/
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:450px;
}
#SiteMapArea ul {
	/*border:1px solid red;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
}
#SiteMapArea li {
	/*border:1px solid red;*/
	margin:0px 0px 0px 25px;
	padding:1px 0px 1px 0px;
	list-style: none;
}
#SiteMapArea li a:link, #SiteMapArea li a:visited {
	color:#C60030;
	outline:none;
	text-decoration:none;
}
#SiteMapArea li a:hover {
	color:#C60030;
	outline:none;
	text-decoration:underline;
}
#SiteMapArea li a:active {
	color:#C60030;
	outline:none;
	text-decoration:none;
}
/*-------------------------------- NEWS ---*/
.NewsGridHead {
	/*border:1px solid #ff0000;*/
	color:#666;
	display:block;
	float:left;
	font-size:1em;
	font-weight:bold;
	width:400px;
}
.NewsGridDate {
	/*border:1px solid blue;*/
	color:#444;
	display:inline;
	float:right;
	font-size:0.9em;
	margin-right:2px;
}
.NewsGridTrailer {
	border-bottom:1px solid #8CBCA5;
	color:#444;
	display:block;
	line-height:1.3em;
	margin:1px 0px 5px 0px;
	padding:0px 0px 8px 0px;
}
.NewsMoreLink {
	font-size:0.8em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	text-transform:uppercase;
}
.NewsGridHead a:link, .NewsMoreLink a:link, .NewsGridHead a:visited, .NewsMoreLink a:visited{
	color:#C60030;
	outline:none;
	text-decoration:none;
}
.NewsGridHead a:hover, .NewsMoreLink a:hover{
	color:#C60030;
	outline:none;
	text-decoration:underline;
}
.NewsGridHead a:active, .NewsMoreLink a:active {
	color:#C60030;
	outline:none;
	text-decoration:none;
}
/*-------------------- NEWS DETAIL PAGE ----*/
#NewsContainer {
	/*border:1px solid #ff0000;*/
	width:100%;
}
.newsHeading {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.newsHeadingDate {
	font-size:0.9em;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
.newsNav {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#NewsAttachmentAppend {
	/*border-top:1px solid #8CBCA5;*/
	color:#777;
	display:block;
	line-height:1.5em;
	margin:6px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#NewsAttachmentAppend a:link, #NewsAttachmentAppend a:visited {
	color:#C60030;
	font-weight:bold;
	outline:none;
	text-decoration:none;
}
#NewsAttachmentAppend a:hover {
	color:#C60030;
	font-weight:bold;
	outline:none;
	text-decoration:underline;
}
#NewsAttachmentAppend a:active {
	color:#C60030;
	font-weight:bold;
	outline:none;
	text-decoration:none;
}
#NewsLandscapePic {
	/*border:1px solid #8CBCA5;*/
	border:none;
	height:200px;
	margin:4px 0px 6px 0px;
	width:400px;
}
/* ----------------------------- NEWS PORTRAIT VERSION -------*/
#NewsTopBlock {
	/*border:1px solid #ff0000;*/
	border-bottom:1px solid #8CBCA5;
	margin:4px 0px 4px 0px;
	padding:0px 0px 0px 0px;
}
#NewsPicPortraitLeft {
	border:1px solid #8CBCA5;
	display:inline;
	float:left;
	height:175px;
	margin:0px 11px 0px 0px;
	width:150px;
}
#NewsPicPortraitLeft img {
	border:none;
	height:175px;
	width:150px;
}
#NewsPicLandscapeLeft {
	border:1px solid #8CBCA5;
	display:inline;
	float:left;
	height:100px;
	margin:0px 11px 0px 0px;
	width:150px;
}
#NewsPicLandscapeLeft img {
	border:none;
	height:100px;
	width:150px;
}
#NewsContentRight {
	/*border:1px solid green;*/
	display:inline;
	/*float:left;*/
	/*height:175px;*/
	margin:0px 0px 0px 10px;
	width:400px;
}
/*-------------------------------- VACANCIES EXTENDED PAGE WIDTH LAYOUT---*/
#ContentTextAreaJobs {
	/*border:1px solid green;*/
	background-color:#fff;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
	width:722px;
}
#VacanciesContainer {
	/*border:1px solid red;*/
	width:723px;
}
/* ----------------VACANCIES LIST OF JOBS TABLE*/
#VacanciesGridTbl {
	border-collapse:collapse;
	margin:1px 0px 20px 0px;
	padding:0px;
	table-layout:fixed;
	width:20px;
	/*-moz-box-shadow:4px 4px 5px #c0c0c0;*/
	/*-webkit-box-shadow:4px 4px 5px #c0c0c0;*/
}
#VacanciesGridTbl th {
	background-color:#5FA27F; /*light green*/
	/*background-color:#245ba7;*/ /*blue*/
	border-right:1px solid #fff;
	color:#fff;
	font-size:1em;
	padding:4px 0px 4px 0px;
	text-align:center;
}
#VacanciesGridTbl th img {
	border:none;
	margin-bottom:1px;
}
/*----------- Headers 5 cols TOTAL 720px -----------*/
#VacanciesGridTbl .VertAlignTop {                           /*changed March 2010*/
	vertical-align:top;
}
#VacanciesGridTbl .PositionHeader {
	border-left:1px solid #5FA27F; /*extra left border as it is the far left in row*/
	padding-left:5px;
	text-align:left;
	width:160px;
}
#VacanciesGridTbl .ClientHeader {
	text-align:left;
	padding-left:5px;
	width:165px;
}
#VacanciesGridTbl .LocationHeader {
	padding-left:5px;
	text-align:left;
	width:115px;
}
#VacanciesGridTbl .SalaryHeader {
	width:140px;
}
#VacanciesGridTbl .ReferenceHeader {
	width:45px;
}
#VacanciesGridTbl .ClosingDateHeader {
	border-right:1px solid #5FA27F; /*extra right border */
	width:100px;
}
#VacanciesGridTbl th a:link, #VacanciesGridTbl th a:visited, #VacanciesGridTbl th a:active {
	color:#fff;
	text-decoration:none;
}
#VacanciesGridTbl th a:hover {
	color:#FF6600;
	text-decoration:none;
}
#VacanciesGridTbl td {
	border-bottom:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	color:#444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.88em;
	line-height:1.4em;
}
#VacanciesGridTbl .DataLeft {
	padding:2px 0px 5px 5px;
	text-align:left;
}
#VacanciesGridTbl .DataCenter {
	padding:3px 0px 3px 0px;
	text-align:center;
}
#VacanciesGridTbl .DataCenterBothEnds {
	border-right:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	padding:3px 0px 3px 0px;
	text-align:center;
}
#VacanciesGridTbl .DataCenterOrange {
	color:#FF6633;
	padding:3px 0px 3px 0px;
	text-align:center;
}
#VacanciesGridTbl .DataCenterLastRight {
	padding:3px 2px 3px 0px;
	border-right:1px solid #C0C0C0;
	text-align:center;
}
#VacanciesGridTbl a:link, #VacanciesGridTbl a:visited, #VacanciesGridTbl a:active {
	background-color:transparent;
	color:#C60030;
	font-weight:bold;
	outline:none;
	text-decoration:underline;  /*changed March 2010*/
}
#VacanciesGridTbl a:hover {
	text-decoration:none;		/*changed March 2010*/
}
#TextAreaCenter {
	background-color:#fff;
	border:1px solid #8CBCA5;
	color:#444;
	line-height:1.5em;
	margin:10px auto 10px auto;
	padding:5px 0px 5px 0px;
	text-align:center;
	width:70%;
}
#TextAreaCenterJobsDetail {
	background-color:#fff;
	border:1px solid #8CBCA5;
	color:#666;
	line-height:1.5em;
	margin:10px auto 150px auto;
	padding:15px 0px 8px 0px;
	text-align:center;
	width:70%;
}
/*##==================== PAGING NAV AT BASE OF JOB LISTINGS ##====================*/ 
#VacanciesGridTbl .PagingNav {
	border-right:1px solid #c0c0c0;  /*changed March 2010*/ 
	/*background-image:url(../images/icons/bgGradFooter.gif);*/  /*added March 2010*/
	/*background-repeat:repeat-x;	*/							 /*added March 2010*/
	/*background-position:top;	*/								/*added March 2010*/
	background-color:#dedede;									/*changed March 2010*/ 
	font-size:0.85em;
	font-weight:normal;
	line-height:1.6em;
	padding:1px 0px 2px 0px;
	text-align:center;
}
#VacanciesGridTbl .PagingNav a:link, #VacanciesGridTbl .PagingNav a:visited, #VacanciesGridTbl .PagingNav a:active {
	background-color:transparent;			/*changed March 2010*/
	color:#666;
	font-weight:normal;
	text-decoration:underline; 				/*changed March 2010*/
}
#VacanciesGridTbl .PagingNav a:hover {
	background-color:transparent;        	/*changed March 2010*/
	color:#666;
	font-weight:normal;
	text-decoration:none;
}
/*----------------------- JOBS - EXPANDED DETAILS PAGE*/
#JobDetailsTopHeader {
	border-top:1px solid #8CBCA5;
	border-bottom:1px solid #8CBCA5;
	/*background-color:#efefef;*/
	margin-bottom:6px;
	padding:14px 0px 6px 0px;	
	width:100%;
}
#JobDetailsTCLGroup {
	/*border:1px solid red;*/
	background:transparent;
	display:inline;
	float:left;
	text-align:left;
}
/*#JobDetailsTopHeader #JobDetailsTCLGroup h2, 
#JobDetailsTopHeader #JobDetailsTCLGroup h3, 
#JobDetailsTopHeader #JobDetailsRefCloseGroup h3, 
#JobDetailsTopHeader p {
	background:transparent!important;
	padding-left:10px;
}

#JobDetailsTopHeader .BackToJobsGrid p,

#JobDetailsTopHeader p a {
	background:transparent!important;
}*/






#JobDetailsRefCloseGroup {
	/*border:1px solid green;*/
	display:inline;
	float:right;
	text-align:right;
}
.JobDetailsClearMe {
	clear:both;
	height:1px;
}
.JobDetailsTCLGroupJobTitle {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.3em;
}
.JobDetailsCopyBlocks {
	padding:8px 0px 0px 0px;
}
.BackToJobsGrid {
	font-size:0.9em;
	padding-top:1px;
}
.JobDetailsRuledOff {
	border-top:1px solid #8CBCA5;
	margin-top:4px;
	padding-top:8px;
	width:100%;
}
/*---------------------------- EQUAL OPPS FORM - other styles are contained in forms.css*/
#ContentTextAreaEO {
	/*border:1px solid green;*/
	background-color:#fff;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
	width:590px;
}