.left { float:left; }
.right { float:right;} 
.clear { clear:both; }
div.top .left {
	width:90px;
}
div.top p strong {
	margin-left:5px;
}
div.top strong.hasCompanyImage {
	width:250px;
	float:left;
}
/* TEMP DEVELOPMENT STYLES */





body {
background-color: white;
margin: 0;
padding: 20px 0;
text-align: center;
font-family: Arial, helvetica, sans-serif;
font-size: .76em;
color: #333333;
}


/* ------- utilities ---------- */
br.clearBoth {
clear: both;
}




/* ------- inline color themeing ---------- */
.colorRed {
color: red;
}



/* ------- general layout ---------- */

#wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
}

#mainArea {
}

body.homePage #mainArea {
padding-top: 10px;
}


#mainArea div div {
margin-top: 0;
margin-bottom: 1em;
}

#topDiv {
height: 108px;
position: relative;
background-position: left top;
background-repeat: no-repeat;
background-color: white;
}

#colLeft {
float: left;
width: 210px;
margin-right: 20px;
padding-bottom: 2em;
}

body.homePage #colLeft {
width: 573px;
position: relative;
margin-right: 30px;
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
min-height: 86px;
padding-bottom: 0;
}

* html body.homePage #colLeft {
height: 486px;
}

#colMiddle {
float: left;
padding-bottom: 2em;
}

body.c-c-c #colMiddle {
width: 498px;
margin-right: 20px;
}

body.c-c #colMiddle {
width: 718px;
margin-right: 0;
}

#colRight {
float: left;
width: 200px;
padding-bottom: 2em;
}

body.homePage #colRight {
width: 435px;
padding-bottom: 0;
}

/* ------- breadcrmubs ------- */
#breadcrumbs p {
margin: 10px 0;
}

#breadcrumbs a {
color: #333333;
text-decoration: underline;
}






/* ------- siteLogo ------- */
#siteLogo {
position: absolute;
left: 22px;
top: 20px;
width: 230px;
height: 70px;
}

#siteLogo a {
display: block;
width: 230px;
overflow: hidden;
height: 0;
padding: 0 0 70px 0;
text-indent: -5000px;
}


/* ------- topNav ------- */

#topNav {
position: absolute;
right: 74px;
top: 67px;
width: 536px;
}

#topNav ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 624px;
}

#topNav ul li {
float: left;
margin: 0;
padding: 0;
}

#topNav ul li a {
display: block;
float: left;
color: white;
background-position: 0 0;
background-repeat: no-repeat;
background-color: transparent;
height: 0;
width: 100px;
padding: 0 0 27px 0;
overflow: hidden;
text-indent: -5000px;
}

#topNav ul li.aboutUs a {
background-position: 0 0;
width: 76px;
}

#topNav ul li.forCandidates a {
background-position: -76px 0;
width: 115px;
}

#topNav ul li.forClients a {
background-position: -191px 0;
width: 87px;
}

#topNav ul li.publications a {
background-position: -278px 0;
width: 170px;
}

#topNav ul li.contactUs a {
background-position: -448px 0;
width: 88px;
}
#topNav ul li.home a {
background-position:-534px 0;
width:65px;
}

#topNav ul li.aboutUs a:hover, #topNav ul li.aboutUs a.on {
background-position: 0 -27px;
width: 76px;
}

#topNav ul li.forCandidates a:hover, #topNav ul li.forCandidates a.on {
background-position: -76px -27px;
width: 115px;
}

#topNav ul li.forClients a:hover, #topNav ul li.forClients a.on {
background-position: -191px -27px;
width: 87px;
}

#topNav ul li.publications a:hover, #topNav ul li.publications a.on {
background-position: -278px -27px;
width: 170px;
}

#topNav ul li.contactUs a:hover, #topNav ul li.contactUs a.on {
background-position: -448px -27px;
width: 88px;
}
#topNav ul li.home a:hover, #topNav ul li.home a.on {
background-position:-534px -27px;
}



/* ------- leftNav ------- */

#leftNav {
margin: 0 0 1em 0;
}

body.homePage #leftNav {
width: 355px;
padding: 20px 0 30px 0;
}

#leftNav ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 210px;
}

#leftNav ul li {
background-image: url(../furniture/lftnv_lvl1_hat.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
width: 210px;
}

/* IE hack to stop the link hat leaching down over the bottom of the link */
* html #leftNav ul li {
display: inline;
}

#leftNav ul li.on, #leftNav ul li.onNoSubNav {
  background-color: #e9e9e9;
}

#leftNav ul li a {
display: block;
background-image: url(../furniture/lftnv_lvl1_shoe.gif);
background-position: left bottom;
background-repeat: no-repeat;
background-color: transparent;
width: 200px;
padding: 5px 10px 5px 0px;
margin: 0;
border-bottom: 0px solid white;
}

body.homePage #leftNav ul li {
background: none;
padding: 0;
font-size: 1.1em;
}

body.homePage #leftNav ul li a {
background-position: left top;
width: 210px;
padding: 5px 10px 5px 20px;
border-bottom: none;
margin-bottom: 2px;
}

* html body.homePage #leftNav ul li a {
padding: 6px 10px 0 20px;
height: 21px;
}

#leftNav ul li.onNoSubNav a {
}

#leftNav ul li a span {
display: block;
background-position: 7px .4em;
padding: 0 0 0 20px;
background-repeat: no-repeat;
background-color: transparent;
}

#leftNav ul li.on a {
  background: none;
  font-weight: normal;
  border-bottom: none;
}

#leftNav ul li.on ul {
background-position: left bottom;
background-repeat: no-repeat;
background-color: transparent;
padding-bottom: 2px;
border-bottom: 0px solid white;
margin-top: 10px;
}

#leftNav ul li.on ul li {
background: none;
font-weight: normal;
  margin-left: 10px;
  width: 200px;
}

#leftNav ul li.on ul li a {
background-image: url(../furniture/jewel_mono.gif);
background-position: 20px .55em;
background-repeat: no-repeat;
background-color: transparent;
padding-left: 20px;
width: 158px;
margin-left: 1px;
margin-right: 1px;

}

#leftNav ul li.on ul li a:hover {
}

#leftNav ul li.on ul li.on {
font-weight: bold;
background-color: #ccc;
}

#leftNav ul li.on ul li.on a {
background-color: #ccc;
}

#leftNav ul li.on ul li.on ul {
background-image: none;
padding-bottom: 0;
border-bottom: none;
margin-top: 0px;
}

#leftNav ul li.on ul li.on ul li {
margin-left: 0;
}
#leftNav ul li.on ul li.on ul li.on {
margin-left: 0;
background-color: none;
}
#leftNav ul li.on ul li.on ul li a {
background-image: none;
padding-left: 37px;
width: 122px;
}

#leftNav ul li.on ul li.on ul li.on a {
font-weight: bold;
margin-left: 6px;
padding-left: 50px;
width: 122px;
background: transparent url(/furniture/leftNavArrow.gif) no-repeat scroll 27px 10px;
}

#leftNav ul li.on ul li.on ul li.on ul li a {
padding-left: 40px;
width: 128px;
font-weight: normal;
background-position: 27px 10px;
}

#leftNav ul li.on ul li.on ul li.on ul li.on a {
font-weight: bold;
}








/* ----------- forms  ---------------- */

form {
margin: 0;
padding: 0;
}

fieldset {
margin: 0;
padding: 2em 0 0 0;
border: none;
position: relative;
}

legend {
margin: 0 0 0 -.6em;
padding: 0;
position: absolute;
left: 0;
top: 0;
height: 1em;
font-weight: bold;
color: #333333;
}

input, select, textarea {
font-size: 1em;
font-family: Arial, helvetica, sans-serif;
}

form label span {
color: red;
}

/* -- FORM --- job search form ---- */

#jobSearch {
background-color: #F1F1F1;
}


form#formJobSearch  {
background-image: url(../furniture/flat_border_block.gif);
background-position: left bottom;
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
}

body.homePage form#formJobSearch  {
background: url(../furniture/flat_border_block_home.gif) left bottom no-repeat transparent;
}

#jobSearch fieldset {
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
padding-top: 40px;
}

body.homePage #jobSearch fieldset {
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
}

#jobSearch legend {
position: relative;
height: 0;
padding: 0;
overflow: hidden;
text-indent: -5000px;
margin-top: -15px;
}



form#formJobSearch label {
margin: 0 10px;
color: #333333;
}


body.homePage form#formJobSearch label {
float: left;
width: 120px;
text-align: right;
}

#jobSearch br.noBreak {
display: none;
}

form#formJobSearch input, form#formJobSearch select {
margin: 0 0 .5em 10px;
width: 180px;
}

body.homePage form#formJobSearch input, body.homePage form#formJobSearch select {
float: left;
}


body.homePage form#formJobSearch input.submit {
margin-left: 150px;
}

/* -- FORM --- job search refine form ---- */
#jobSearchRefine {
background-image: url(../furniture/grad_to_gray_wide.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: #F1F1F1;
padding-top: 1em;
}

form#formJobSearchRefine div {
float: left;
margin-right: 10px;
}

form#formJobSearchRefine fieldset {
padding-top: 2em;
}

form#formJobSearchRefine legend {
padding-left: 10px;
}

form#formJobSearchRefine label, form#formJobSearchRefine input, form#formJobSearchRefine select {
margin-left: 10px;
width: 180px;
}


form#formJobSearchRefine div.floatRight {
float: right;
margin-top: 10px;
}

form#formJobSearchRefine div.floatRight input {
width: auto;
}

/* -- FORM --- application form ---- */

form#formApplication label, #formApplication input, #formApplication select {
width: 48%;
margin-bottom: .5em;
}

form#formApplication label {
float: left;
}

#formApplication input, #formApplication select {
float: right;
}

form#formApplication br.noBreak {
display: none;
}

form#formApplication input#submit {
width: auto;
float: right;
}

/* -- FORM --- registration form ---- */

form#formRegistration label, form#formRegistration input, form#formRegistration select {
width: 48%;
margin-bottom: .5em;
}

form#formRegistration label {
float: left;
}
form#formRegistration select {
  width: 243px;
}
#formRegistration input, #formRegistration select {
float: right;
}

form#formRegistration br.noBreak {
display: none;
}

form#formRegistration input#submit {
width: auto;
float: right;
}


/* -- FORM --- login form ---- */

form#formLogin div {
float: left;
margin-right: 5px;
}

form#formLogin div label, form#formLogin div input {
width: 150px;
}

form#formLogin div input#submit {
margin-top: 1.2em;
width: auto;
}



/* ----------- pagination  ---------------- */
div.pagination {
clear: both;
display: block;
border-bottom: 1px solid #CCCCCC;
height: 3em;
}

div.paginationLower div.pageIndex {
float: none;
display: block;
}

div.pageIndex {
float: left;
}

div.pageIndex p a {
color: #666666;
text-decoration: none;
}

div.pageIndex p a.on {
color: black;
font-weight: bold;
}

div.resultsPerPage {
float: right;
}

div.paginationLower {
border-bottom: none;
height: 3em;
}


/* ----------- table generic styles  ---------------- */
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1em;
}

table th, table td{
vertical-align: top;
text-align: left;
}



/* ----------- job results  ---------------- */
div.jobResult {
clear: both;
border-bottom: 1px solid #CCCCCC;
position: relative;
padding-bottom: 1em;
}

/* ## hack to stop the border-bottom disappearing in IE6 */
div.jobResult {
height: 1%;
}

div.companyLogo {
position: absolute;
right: 0;
top: 0;
}

div.jobResult table th, div.jobResult table td {
padding: 3px 0;
}

div.jobResult table th {
width: 30%;
}

div.jobResult table p {
margin: .5em 70px .5em 0;
}

div.jobResult table td.jobSummary p {
margin-right: 0;
}

div.jobResult form {
clear: both;
}





/* ----------- job description  ---------------- */
div.jobDescription {
clear: both;
position: relative;
}

div.jobDescription table th, div.jobDescription table td {
padding: 3px 0;
}

div.jobDescription table th {
width: 30%;
}

div.jobDescription table p {
margin: .5em 70px .5em 0;
}

div.jobDescription table td.jobDetails p, div.jobDescription table td.consultantsDetails p {
margin-right: 0;
}

div.jobDescriptionActions {
border: 1px solid #CCCCCC;
padding: 5px 10px 5px 4px;
clear: both;
}


div.jobDescriptionActions p {
margin: 0;
}

div.jobDescriptionActions a {
margin-right: 20px;
}






/* ----------- publications / surveys results  ---------------- */
ul.linkList {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.linkList li {
margin: 0 0 .5em 0;
padding: 0;
}




div.publicationsResult {
clear: both;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 1em;
}

div.publicationsResult table th, div.jobResult table td {
padding: 3px 0;
}

div.publicationsResult table th {
width: 30%;
}

div.publicationsResult table p {
margin: .5em 0;
}









/* ----------- relevant links element  ---------------- */
div.relevantLinks {
background-image: url(../furniture/grad_to_white_wide.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
}

body.c-c .relevantLinks {
background-image: url(../furniture/grad_to_white_narrow.gif);
float: left;
width: 200px;
}

div.relevantLinks dl {
list-style-type: none;
margin: 0;
padding: 0;
}

div.relevantLinks dl dt {
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
height: 0;
padding: 0 0 40px 0;
overflow: hidden;
text-indent: -5000px;
}

div.relevantLinks dl dd {
padding: 0 0 1em 0;
margin: 0;
}

div.relevantLinks dl ul {
list-style-type: none;
margin: 0 10px;
padding: 0;
}

div.relevantLinks dl dd ul li {
background-image: url(../furniture/line_dots_999999.gif);
background-position: left bottom;
background-repeat: repeat-x;
background-color: transparent;
margin: 0;
padding: 7px 0;
}

div.relevantLinks dl dd ul li a {
display: block;
background-position: 0 .2em;
background-repeat: no-repeat;
background-color: transparent;
padding-left: 15px;
}





/* ----------- hotlinks (generic)  ---------------- */
/* my comments...
use one image for the map, but have a background with color theme behind image
*/

div.hotlink {
}

div.hotlink dl {
background-image: url(../furniture/grad_to_gray_narrow.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: #F1F1F1;
margin: 0;
padding: 0;
}

body.homePage div.hotlink dl {
background-image: url(../furniture/grad_to_gray_home.gif);
}


div.hotlink dl dt {
height: 0;
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
padding: 0 0 40px 0;
overflow: hidden;
text-indent: -5000px;
}

div.hotlink dl.hotlinkJobMap dt {
}

div.hotlink dl.hotlinkContactUs dt {
background-image: none;
padding-bottom: 15px;
}

div.hotlink dl.hotlinkPublications dt {
padding: 0 0 34px 0;
}

div.hotlink dl.hotlinkInternationalSites dt {
padding: 0 0 28px 0;
}

div.hotlink dl dd {
background-image: url(../furniture/shoe_flat_gray_narrow.gif);
background-position: left bottom;
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
min-height: 3em;
}

/* ## hack - to fix IE 6 not putting margin below a hotlink with just a <p> in it -- */
* html div.hotlink dl dd {
height: 3em;
}

body.homePage div.hotlink dl dd {
background-image: url(../furniture/shoe_flat_gray_home.gif);
padding-top: 10px;
}

body.homePage div.hotlink dl.hotlinkJobMap dd {
padding-top: 0;
}

body.homePage div.hotlink dl.hotlinkPublications dd {
background-image: url(../furniture/flat_border_block_home.gif);
}

div.hotlink dl dd p {
background-position: 5px .5em;
background-repeat: no-repeat;
background-color: white;
margin: 0 10px;
padding: 3px 5px;
}

div.hotlink dl dd p a {
display: block;
padding-left: 15px;
}

div.hotlink dl dd img {
border: none;
margin: 0 10px 10px 10px;
}

body.homePage div.hotlink dl.hotlinkInternationalSites dd {
padding-bottom: 10px;
}

body.homePage div.hotlink dl.hotlinkInternationalSites dd p {
float: left;
width: 148px;
margin-top: 3px;
margin-bottom: 3px;
margin-right: 0;
}


/* hack ## to overide the doubling of left margin on floated items in IE6 */
* html body.homePage div.hotlink dl.hotlinkInternationalSites dd p {
margin-left: 5px;
}



/* ----------- personIntro   ---------------- */
div#personIntro {
position: absolute;
left: 10px;
top: 340px;
width: 180px;
padding-top: 0 !important;
}

div#personIntro p.personName {
font-weight: bold;
margin-top: 0;
}

div#personIntro em {
font-size: 1.2em;
font-style: normal;
}

/* ----------- welcome   ---------------- */
#welcome {
display: block;
margin-left: 0px;
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
padding-top: 35px;
width: 325px;
}



/* ----------- people hotlinks   ---------------- */
div.peopleHotlink dl dt {
font-weight: bold;
}

div.peopleHotlink dl dt em {
font-size: 1.2em;
font-style: normal;
}

div.peopleHotlink dl dd {
margin-left: 0;
}

div.peopleHotlink dl dd p {
margin-bottom: -.5em;
}

div.peopleHotlink dl dd a {
display: block;
background-position: 0 0.4em;
background-repeat: no-repeat;
background-color: transparent;
padding-left: 15px;
}





/* ----------- job hotlinks   ---------------- */
div.jobHotlinks {
clear: both;
float: left;
background-position: left top;
background-repeat: repeat-x;
background-color: transparent;
padding-top: 1px;
}

body.c-c div.jobHotlinks {
width: 498px;
margin-right: 20px;
}

body.homePage div.jobHotlinks {
width: 948px;
margin-right: 0;
padding-bottom: 2em;
}

div.jobHotlinks dl {
margin: 0;
padding: 0;
}

div.jobHotlinks dl dt {
display: block;
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
width: 100%;
height: 0;
margin: 0;
padding: 0 0 30px 0;
overflow: hidden;
text-indent: -5000px;
}


div.jobHotlinks dl dd {
margin: -1em 0 0 0; /*all broswers*/
#margin: 0 0 0 0; /*IE browsers*/
_margin: 0 0 0 0; /*IE6 only*/
padding: 0;
}



/*The first setting will apply to all browsers,
The second setting will only apply to Microsoft Internet Explorer browsers
The third setting will only apply to IE browsers 6.0 and older*/

div.jobHotlinks dl div.jobRow {
clear: both;
}

div.jobHotlinks dl div.jobRow div {
float: left;
width: 160px;
margin-bottom: 0;
}


div.jobHotlinks dl div.jobRow div.job {
margin-right: 9px;
position: relative;
padding-top: 10px;
}

body.homePage div.jobHotlinks dl div.jobRow div {
width: 222px;
}

body.homePage div.jobHotlinks dl div.jobRow div.job {
margin-right: 19px;
}

body.homePage div.jobHotlinks dl div.jobRow div.jobLastInRow {
margin-right: 0;
}

div.jobHotlinks dl div.jobRow div.jobLastInRow {
margin-right: 0;
position: relative;
padding-top: 10px;
}

div.jobHotlinks dl div.jobRow div {
margin-bottom: 0;
}

div.jobHotlinks dl div.jobRow div div {
border-top: none;
}

div.jobHotlinks dl div.jobRow div div.clientLogo {
width: 30px;
}

body.homePage div.jobHotlinks dl div.jobRow div div.clientLogo {
width: 50px;
}

div.jobHotlinks dl div.jobRow div div.jobDetails {
width: 125px;
clear: left;
}

body.homePage div.jobHotlinks dl div.jobRow div div.jobDetails {
width: 165px;
margin: 0;
}

div.jobHotlinks dl div.jobRow div p {
clear: both;
margin-top: 0;
margin-bottom: 0;
}

/* ## HACK reduces excessive margin in IE ## */
* html div.jobHotlinks dl div.jobRow div p.readMore {
margin-top: -1em;
}

div.jobHotlinks dl div.jobRow div p.readMore a {
background-position: 0 .4em;
background-repeat: no-repeat;
background-color: transparent;
padding-left: 8px;
text-decoration: underline;
}




/* ----------- footer  ---------------- */

#footer {
clear: both;
border-top: 1px solid #CCCCCC;
color: #3B3B3B;
position:relative;
height:102px;
}

p.footerLinks {
font-size:0.75em;
left:20px;
position:absolute;
top:45px;
width:542px;
}

h6#footerSrGroup, h6#footerOffices {
	position:absolute;
	top:-5px;
	font-weight:bold;
	font-size:1.15em;
}
h6#footerSrGroup {
	left:19px;
}
h6#footerOffices {
	left:439px;
}





body #footer {
background: transparent url(/core/furniture/mainFooter.gif) no-repeat bottom left;
border-top: none;
padding-bottom: 10px;
}

p.footerLinks a {
	color:#3b3b3b;
}
p.footerOffices {
font-size:0.75em;
left:440px;
position:absolute;
top:45px;
width:542px;
}


p.footerBaseLinks {
	position:relative;
	top:48px;
	left:20px;
	color:#fff;
}
p.footerBaseLinks a {
	color:#fff;
	padding:0 3px;
}
p.footerSummary {
font-size: .90em;
margin-right: 200px;
position:relative;
color:#bbb;
top:125px;
}




/* team member bio */
div.teamMemberBio {
	height: 1%;
	clear:both;
}

div.teamMemberBio h2 {
margin-top: 0;
margin-bottom: .5em;
}

div.teamMemberBio p {
margin-top: 0;
}

div.teamMemberBio div.bioPhoto {
float: left;
width: 158px;
}

div.teamMemberBio div.bioPhoto img {
border: none;
}

div.teamMemberBio div.bioText {
float: left;
width: 340px;
}






















/* BASIC styles */

a {
text-decoration: none;
outline: none;
}

a:hover {
text-decoration: underline;
}

h1 {
margin-top: 0;
font-size: 1.8em;
font-weight: normal;
}

h2, h3, h4, h5 {
color: #333333;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
}

h4 {
font-size: 1.1em;
}

img {
border: none;
}


div.hotlink dl.hotlinkSubmitYourCV dt {
background-image: none;
padding-bottom: 15px;
}

/*****************************************************************/
form#assessment fieldset {
  margin: 0 0 0 0;
  padding: 0 0 20px 0;
  float: none;
}

form {
  margin: 0;
  padding: 0;
}

.columnWrap {
  clear: both;
}

legend {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 1.4em;
}

* html legend {
  margin: 0 0 0 -7px;
}

form#assessment div.row  {
width: 500px;
float: left;
}
form#assessment div.row label {
width: 500px;
display: block;
}
form#assessment div.row  input{
margin-top: 4px;
width: 500px;
}



form#assessment div.row {
  margin: 1em 0 0 0;
  width: 498px;
  clear: both;
}

form#assessment div.row label {
  margin: 0;
  padding: 1em 0 0 0;
  width: 498px;
}

form#assessment div.row textarea {
  width: 488px;
}

form#assessment div.columnLeft div.row {
  width: 249px;
}

form#assessment div.columnLeft {
  width: 249px;
  float: left;
}

form#assessment div.columnLeft div.row label {
  width: 249px;
}

form#assessment div.columnLeft div.row input {
  width: 230px;
}

form#assessment div.columnRight {
  width: 239px;
  float: right;
}

form#assessment div.columnRight div.row {
  width: 239px;
}

form#assessment div.columnRight div.row label {
  width: 239px;
}

form#assessment div.columnRight div.row input {
  width: 230px;
}