/*
-----------------------------------------------------
Default CSS file for Xcede Recruitment Solutions
Media: screen, projection

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

/*
-----------------------------------------------------
RESET plus DEFAULTS
-----------------------------------------------------
*/
/* Kill spacing on selected elements  & kill image borders */
html, body, div, span, address, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, form, 
b, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	background-color:#fff; /* Set default background */
	font-size:76%; /* Set default font-size */
	line-height: 1;
}
img { border:0; }

/* Set acronym pointer */
acronym { cursor:help; }

/* De-italicize address,abbr */
address,
abbr { font-style:normal; }

/* TYPE */

/* Font family */
body,
input,
select, 
textarea {
	/* Add list of default font families here */
	font-family:arial,helvetica,sans-serif;	
}

/* Type modifications */
p {line-height:1.3em;}

/* LINKS */

/* The three pseudo-classes required for keyboard navigation */
a:hover,
a:active,
a:focus { text-decoration:underline; }

:focus { outline: 0; }


/* TABLES */

/* Reset table spacing - tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* Reposition structural table elements */
caption, th { text-align:left; }

/* FORMS */

/* Set label pointer */
label { cursor:pointer; }

/* Consistent font sizes in form elements */
input, select, textarea { font-size:100%; }

/* Kill fieldset borders */
fieldset { border:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* GENERAL */

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Hides contents off-left */
.context {
	height:1px; 
	left:0px; 
	overflow:hidden;
	position:absolute; 
	top:-500px;
	width:1px; 
}

/*
-----------------------------------------------------
BAD TAGS

Styles for deprecated tags go here.
The aim is to alert users inputting content into a CMS
that they are using illegal tags with uglification.
-----------------------------------------------------
*/

b, big, blink, center, font, i, layer, marquee, small, u {
	background:yellow;
	border:2px dashed green;
	color:red;
	font-size:30px;
	font-weight:bold;
}
b:after, big:after, blink:after, center:after,  font:after,
i:after, layer:after, marquee:after, small:after, u:after { 
	content:" You are using a deprecated tag; please fix." 
}

/*
-----------------------------------------------------
LAYOUT
-----------------------------------------------------
*/

body {
	font-family: Arial, sans-serif;
	font-size:76%;
	color: #1a1818;
	background: url(../images/bg.png) repeat-x left top #d0cba4;
}

body#holding {
	font-family: Arial, sans-serif;
	font-size:76%;
	color: #333;
	background: url(../images/holding/bg.jpg) repeat-x left top #cfcfc0;
	line-height:1.2em;
}

#container {
	width: 960px;
	margin:0 0 0 15px;
}

#header {
	padding:0em;
	margin:20px 0 0 20px;
	width:940px;
}
#content {
	margin:33px 0 0 20px;
	padding:0;
	float:left;
	width:940px;
}
#error #content {
	margin:5em 0 15em -17px;
}
#nav {
	width:150px;
	margin:0;
	padding:0;
	font-size:1.2em;
	float:left;
}

#primary {
	float:left;
	margin:0 0 0 37px;
	padding:0;
}

#secondary {
	float:right;
	padding:0;
	margin:0;
}
#member-logos {
	float:right;
	clear:both;
	margin:40px 20px 20px 0;
	display:inline;
	width:125px;
}

#footer {	
	width:960px;
	margin:0;
	padding:0.5em 0 0.5em 0;
	background:#181a1a;
	overflow:hidden;
}

#footer2 {	
	width:960px;
	margin:2em 0 0 0;
	padding:0.5em 0 0.5em 0;
	overflow:hidden;
}

.wide {width:512px;}

.standard {width:300px;}

/*
-----------------------------------------------------
CONTENT 
-----------------------------------------------------
*/
h1 {font-size:2em;}
h2 {font-size: 1.6em;}
h3, h4, h5 {font-size:1.1em;margin-bottom:0.2em;}
p {font-size:1.1em;margin-bottom:1em;}
#footer p {font-size:0.9em;}
h1 a, h2.jobsearch a {cursor:pointer;}
p.nav-sub {margin:1em 0 0.3em 0;font-size:0.9em;}

/* header replacement */
h1 {float:left;position: relative; width:184px; height:166px; padding:0;margin:0.3em 0 0 0;line-height:1.2em;}
h1 span {float:left;background: url(../images/main_logo.png) left top no-repeat;position:absolute;width:184px; height:166px;}

h2 {margin:0 0 1em 0;font-weight:normal;letter-spacing:0;}
h2.jobsearch {float:right;position: relative; width:306px; height:75px; padding:0; font-size:1em;margin:4px 20px 0 0;line-height:1.2em;}
h2.jobsearch span {float:right;background: url(../images/jobsearch.png) left top no-repeat;position:absolute;width:306px; height:75px;}

h2 {position: relative; width:100%; height:100%; padding:0;}
h2 span {float:right;background: url(../images/jobsearch.png) left top no-repeat;position:absolute;width:100%; height:100%;}

h2#t_welcome {position: relative; width:371px; height:23px; padding:0;}
h2#t_welcome span {float:right;background: url(../images/title_home.png) left top no-repeat;position:absolute;width:371px; height:23px;}

h2#t_client {position: relative; width:77px; height:23px; padding:0;}
h2#t_client span {float:right;background: url(../images/title_client.png) left top no-repeat;position:absolute;width:77px; height:23px;}

h2#t_cand {position: relative; width:135px; height:22px; padding:0;}
h2#t_cand span {float:right;background: url(../images/title_cand.png) left top no-repeat;position:absolute;width:135px; height:22px;}

h2#t_sayhello {position: relative; width:110px; height:28px; padding:0;}
h2#t_sayhello span {float:right;background: url(../images/title_hello.png) left top no-repeat;position:absolute;width:110px; height:28px;}

h2#t_jobsearch {position: relative; width:129px; height:23px; padding:0;}
h2#t_jobsearch span {float:right;background: url(../images/title_jobsearch.png) left top no-repeat;position:absolute;width:129px; height:23px;}

h2#t_sitemap {position: relative; width:95px; height:27px; padding:0;}
h2#t_sitemap span {float:right;background: url(../images/title_sitemap.png) left top no-repeat;position:absolute;width:95px; height:27px;}

h2#t_error {position: relative; width:385px; height:28px; padding:0;}
h2#t_error span {float:right;background: url(../images/title_error.png) left top no-repeat;position:absolute;width:385px; height:28px;}

.clear {clear:both;}
em {font-style:normal; font-weight:bold;}
.mt {margin-top:0.6em;}
.mr {margin-right:5em;}
.mr3 {margin-right:2em;}
.pb {padding-bottom:20em;}

/* links */
a:link, a:visited, a:active {color:#fff;text-decoration:none;}
a:hover, a:focus {color:#cfcba5;text-decoration:none;}
a.active {color:#cfcba5;}

a.grey:link, a.grey:visited, a.grey:active {color:#333;text-decoration:underline;}
a.grey:hover, a.grey:focus {color:#333;text-decoration:none;}

a.ir:link, a.ir:visited, a.ir:active {color:#333;text-decoration:none;}
a.ir:hover, a.ir:focus {color:#333;text-decoration:none;}

#footer li a:link, #footer li a:active, #footer li a:visited {color:#a3a3a3;text-decoration:none;}
#footer li a:hover, #footer li a:focus {color:#a3a3a3;text-decoration:underline;}

#footer2 li a:link, #footer2 li a:active, #footer2 li a:visited {color:#1a1818;text-decoration:none;}
#footer2 li a:hover, #footer2 li a:focus {color:#1a1818;text-decoration:underline;}

li, dd, blockquote { margin-left:0em; }
ul, ol { margin:0 0 1em 1.5em; font-size:1.2em;list-style: disc;}

/* nav */
#nav ul {background-color:#1a1818;font-size:1.1em;font-weight:bold;list-style:none;margin:0;}
#nav ul li {padding:0.5em 0.5em 0.5em 1em;}
#nav ul.sub {font-size:0.8em;color:#f0f0ef;font-weight:normal;}
#nav ul.sub li {border-left:1px solid #f0f0ef;padding:0.1em 0.5em;font-size:0.9em;color:#f0f0ef;font-weight:normal;}
.nav_t {background: url(../images/nav_t.png) no-repeat left top; width:150px; height:11px;}
.nav_b {background: url(../images/nav_b.png) no-repeat left bottom;	width:150px;height:9px;}

/* CTAs */
.cta {float:left; width:196px;margin-top:2em;}
.cta_t {background: transparent url(../images/cta_t.png) no-repeat left bottom;width:196px;height:96px;display:block;margin:0;padding:0;}
.cta_b {background: transparent url(../images/cta_b.png) no-repeat left bottom;padding:0 0 2em 0; width:196px;}
.cta_t h2 {color:#fff;padding:55px 0 0 0;font-size:2em;text-align:center;}
.cta_b p {color:#fff;padding:0px 30px 0 23px;font-size:1.5em;line-height:1.1em;text-align:center;font-weight:normal;}

.cta p a:link span, .cta p a:visited span, .cta p a:active span { background-position:left top; cursor:pointer; }
.cta p a:hover span, .cta p a:focus span { background-position:left bottom; cursor:pointer; }

.cta p.more {font-size:0.7em;float:right;margin-right:3em;}
.cta p.more span {
	background:url(../images/cta_more.png);
	background-repeat:no-repeat;
	height:13px;
	position:absolute;
	width:64px;
	line-height:0;
	font-size:0.9em;
}

/* cta jobsearch */
.jobsearch {background:transparent url(../images/jobsearch.png) no-repeat left top; width:306px; height:75px;}

/* cta candidates */
.cta_cand {float:left; width:154px;margin-top:2em;overflow:hidden;}
.cta_cand_t {background: transparent url(../images/cta_cand_t.png) no-repeat left bottom;width:154px;height:96px;display:block;margin:0;padding:0;}
.cta_cand_b {background: transparent url(../images/cta_cand_b.png) no-repeat left bottom;padding:0px 0 30px 0; width:154px;}
.cta_cand_t h2 {color:#000;padding:55px 0 0 0;font-size:1.6em;text-align:center;}
.cta_cand_b p {color:#000;padding:1em 0em 0.6em 0.6em;margin:0;font-size:1.2em;line-height:1.1em;text-align:center;font-weight:normal;}

.cta_cand p a:link span, .cta_cand p a:visited span, .cta_cand p a:active span { background-position:left top; cursor:pointer; }
.cta_cand p a:hover span, .cta_cand p a:focus span { background-position:left bottom; cursor:pointer; }

.cta_cand p.more {font-size:0.8em;float:right;margin:0 4em 0em 0;padding-bottom:4em;overflow:hidden;}
.cta_cand p.more span {
	background:url(../images/cta_cand_more.png) no-repeat left top;
	height:9px;
	position:absolute;
	width:50px;
	line-height:0;
}
.cta_cand p.download {font-size:0.8em;float:right;margin:0 5.5em 0em 0;padding-bottom:4em;overflow:hidden;}
.cta_cand p.download span {
	background:url(../images/cta_cand_download.png) no-repeat left top;
	height:11px;
	position:absolute;
	width:84px;
	line-height:0;
}
#testimonials {width:460px;margin:0 auto;}
#testimonials p {font-style:italic;font-size:1.1em;}

/* secondary panel */
.panel_t {background:url(../images/r_panel_t.png) no-repeat left top;width:172px;height:13px;margin-right:20px;}
.panel_b {background:url(../images/r_panel_b.png) no-repeat left bottom;width:152px;margin-right:20px;padding:0 10px 10px 10px;}
#panel img.lt {margin:0 0 7px 1px;}
#panel img.rt {margin:0 0 7px 7px;}
#panel img.pdf {margin:0.6em 0 1em 2.4em;}
#panel img.btn {margin:0.6em 0 1em 1.5em;}

.disc {font-size:0.9em;float:left;margin:0 1em 2em 1.5em;width:190px;}
.d_r {width:240px;}
.clear {clear:both;}

/* say hello */
div.vcard {font-size:1.2em;line-height:1.2em;}
div.map_t {background:url(../images/map_contain_t.png) no-repeat left top;width:375px;height:17px;margin-right:20px;}
div.map_b {background:url(../images/map_contain_b.png) no-repeat left bottom;width:375px;margin-right:20px;overflow:hidden;}
.map_b img {padding:0 0 0 15px;}
p.m_c {font-size:0.9em;float:right;margin:2px 15px 5px 0;padding:0;overflow:hidden;}

/* sitemap */
ul#smap {list-style:none;margin:0;}
ul#smap li {margin:0.6em 0 0 0;}
ul#smap .sub {font-size:0.9em;list-style:none;}
ul#smap a:link, ul#smap a:visited, ul#smap a:active {color:#1a1818;}
ul#smap a:hover, ul#smap a:focus {color:#1a1818;text-decoration:underline;}

/* footer */
#footer {color:#a3a3a3;}
#footer img {float:left;margin:0 0 0 20px;}
#footer p {float:left;margin:0 0 0 10px;padding:9px 0 7px 0;}
#footer ul {float:right;padding:0; margin:0.8em 1em 0.3em 0;font-size:0.9em;}
#footer ul li {display:inline;border-right:1px solid;padding:0 0.5em;}
#footer ul li.last {border-right:none;}
#footer ul li.tel {background: url(../images/tel.png) no-repeat left top #1a1818;height:30px;padding:2px 15px 5px 25px;border-right:none;}

/* Case Study Accordion */
#panel_accordion {
	width: 505px;
	background-color:#e5e2ce;
	clear:both;
}
.accordion h2 {
	background: url(../images/cs_bg.png) no-repeat left top #e5e5e5;
	height:24px;
	padding: 8px 10px 0 10px;
	margin: 0;
	font-weight: bold;
	font-size:1.2em;
}
#panel_accordion.accordion h2.open { background: url(../images/cs_bg.png) no-repeat left bottom #e5e5e5;height:24px;margin-top:0px;padding: 8px 10px 0 10px; }
#panel_accordion.accordion div {
	background: url(../images/cs_panel_bg.png) no-repeat left top #e5e2ce;
	width:505px;
	background-color: #e5e2ce;
	margin: 0;
	padding: 6px 10px;
	color:#1a1a1a;
	clear:both;
}
#accordion_t {background: transparent url(../images/cs_panel_t.png) no-repeat left bottom;width:524px;height:6px;padding:1px 0;}
#accordion_b {background: transparent url(../images/cs_panel_b.png) no-repeat left bottom;width:524px;height:9px;margin:-1px 0 1em 0;}
#panel_accordion.accordion div ul {font-size:1em;list-style:none;}
#panel_accordion.accordion div ul li {display:inline;}
#panel_accordion.accordion div p.pdfdownload {background:url(../images/pdf_sm.jpg) left bottom no-repeat;padding:16px 0 0 40px;margin-top:10px;clear:both;overflow:hidden;zoom:1;}

/* --------------- BROADBEAN -------------------*/
/* --------------- PJB styles -------------------*/

#pjb_searchbox_center {
    margin-left: 65px;
}
.pjb_searchbox_south {
    margin: 0.5em; 
    font-size: 11px;
}
.pjb_field {
    font-size:1.2em;
    line-height:2.8em;
}
.pjb_field input, select {
    margin-left: 1em;
}
.pjb_vac {
    font-size: 1.2em;
    border-bottom: 1px dotted #000000;
    padding: 0.5em; 
}
.pjb_vac div {
    font-size: 1.2em;
    line-height: 1.5em;
}
.pjb_vac cite {
    line-height: 1.8em;
}
.pjb_vac a:link {
    color: #333333;
    text-decoration: underline;
}
.pjb_vac a:visited {
    color: #333333;
    text-decoration: none;
}

.pjb_jobsect_dotted {
    border-bottom: 1px dotted #000000;
    margin: 1.4em 0em;
}
.pjb_vac_header {
    height: auto;
    margin: auto;
    padding-bottom: 1em;
}
.pjb_others p {
    line-height: 1.4em;
    margin-bottom: 0.6em;
}
.pjb_searchbutton {
    margin-top: 1em;
}
#pjb_emphasis {
    margin-top: 1em;
    font-size: 0.8em;
    font-style: italic;
}
.pjb_back a:link {
    color: #333333;
    text-decoration: underline;
}
.pjb_back a:visited {
    color: #333333;
    text-decoration: none;
}

.pjb_error {
    color: red;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 122%;
}

body#jobsearch .member-logos-jobs {float:left;width:760px;}
body#jobsearch #member-logos img {float:right;margin-right:10px;}