/* RESET AND BASIC COMPONENT CSS
		--------------------------------------------------------------*/
		/*
    RESET STYLING
    inc : clearing and hiding content classes;
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	vertical-align: baseline;
  	background: transparent;
    }

ol, ul {list-style: none;}

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

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/* BASIC CLASSES
--------------------------------------------------------------*/

/* CLEARING AND HIDING */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.rm {position: absolute; left: -999em;}
.cl {clear: both;}


/* FLOATING ELEMENTS */
.floatCenter {margin: 0 10px 1em; display: block;}
.floatLeft {float: left; }
img.floatLeft {margin: 0 20px 1em 10px;}
.floatRight {float: right;}
img.floatRight {margin: 0 10px 1em 20px;}
.imageCentre {margin: 0 10px; text-align:center;}
/*
    TYPOGRAPHY STYLES
	inc : basic elements;
*/

/*--------------------------------------------------------------
    BASIC ELEMENTS
--------------------------------------------------------------*/

/* GENERIC
--------------------------------------------------------------*/
body {font: 75% Arial, Helvetica Neue, Helvetica, sans-serif; line-height:1.5em; color: #333; }

h1, h2, h3, h4, h5, p, ol, ul, li, table, dl, dt, dd {line-height: 1.5em; padding: 0 10px;}


/* HEADINGS
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {margin: 1.5em 0 0 0; color: #333; line-height: 1.3em; /*clear: both; removed so images would float around headings in the box*/}

h1 {font-size: 1.75em; margin: 0.5em 0 0.5em;}
h2 {font-size: 1.34em; margin-bottom: 0.75em; /*clear: both; removed to address the heading now wrapping around floats correctly*/}
h3 {font-size: 1.17em; margin-bottom: 1em;}
h4 {font-size: 1em; margin-bottom: 1.25em;}
h5 {font-size: 1em; margin-bottom: 1.5em;}
h6 {font-size: 1em; }



/* LISTS
--------------------------------------------------------------*/
ul {list-style-type: none; margin: 5px 0 15px;}
ul ul, ol ul {margin-top: 0; margin-bottom: 0;}
ul li, ul ul li, ul ul ul li {margin: 0.4em 0 0 0;}
ul li {background: url(../../images/list-bullet-one.gif) no-repeat 4px 0.5em; padding: 0 0 0 20px;}
ul ul li, ul ol ul li, ul ul ul li {background: url(../../images/list-bullet-two.gif) no-repeat 15px 0.7em; padding: 0 0 0 30px;}


ol {padding: 0 0 0 30px; list-style-type: decimal; margin: 5px 0 15px;}
ol ol, ul ol {margin-top: 0; margin-bottom: 0; padding: 0 0 0 20px;}
ol li, ol ol li, ol ol ol li {margin: 0.7em 0 0 0; padding: 0; background: none;}
ol ol li {list-style-type: lower-roman;}
ol ol ol li {list-style-type: lower-roman;}
ul ol li {background: none;}

dl {margin: 5px 0 15px;}
dl dt {font-size: 1.17em; padding: 0;}
dl dd {margin: 0.5em 0 1em; padding: 0;}


/* TEXT
--------------------------------------------------------------*/
p {margin: 0.75em 0;}

abbr, acronym {border-bottom: 1px dotted #000;}
address {margin-top: 1.5em; font-style: italic;}
del {color: #000;}
strong {font-weight: bold;}
em, dfn {font-style: italic;}
dfn {font-weight: bold;}
pre, code {margin: 1.5em 0; white-space: pre;}
pre, code, tt {font: 1em monospace; line-height: 1.5;}
tt {display: block; margin: 1.5em 0; line-height: 1.5;}

hr {color: #ccc; background: transparent; border: 1px solid #ccc; }

/* QUOTES */
blockquote {margin: 1em 0; border: none; color: #666; font-weight: bold; clear: both; /*clear added to fix testimonial on cv search page*/}
blockquote p {padding: 0 10px; font-size: 1.34em;}
#contentBlock blockquote p {padding: 0 40px;}
cite {font-style: normal;}
q {color: #666; font-weight: bold;}
q:before, q:after {content: '"';}


/* LINKS
--------------------------------------------------------------*/
a, a:link 	{color:	#0078a7; 					text-decoration: none; font-weight: bold;}
a:visited 	{color:	#00adef;}
a:hover 	{color:	#0078a7; 					text-decoration: underline;}
a:focus 	{color: #0078a7;}
a:focus, a:active {color: #fff; background-color: #0078a7;}


/* SKIP LINKS */
.skip {left: -999em; position: absolute;}
a.skip:focus, a.skip:active {
    background-color: #fff;
    border: 3px solid #FE7D19;
    color: #000;
    left: 0;
    top: 0;
    font-size: 1.3em;
    padding: 3px 5px;
    font-weight: bold;
    }


/* Tables
--------------------------------------------------------------*/
caption {background: none; text-align: left; font-style: italic; margin:0 0 1em 0;}
table {
	width: 80%;
    border: 1px solid #ccc;
    border-top: none;
    border-left: none;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    margin-left: 10px;
    font-size: 1em;
	}

th {
    text-align: left;
    border: 1px solid #ccc;
    border-right: none;
    font-weight: bold;
    background: #f3f3f3 url(../../images/table-head-bg.gif) repeat-x left bottom;
    }

tr {}
td {border-left: 1px solid #ccc;}
th,td {padding: 4px 10px;}
tr.even td {background-color: #fcfafa;}
tfoot {font-style: italic;}



/*
    FORM STYLING
    inc : form styles;
    inc : labels;
    inc : input styles;
    inc : form comments;
    inc : form controls;
    inc : form validating;
    inc : custom form styling;
    inc : page specific styling;
*/

/*--------------------------------------------------------------
    FORM STYLES
--------------------------------------------------------------*/
form {clear: both;}

fieldset {
	clear: both;
	position:relative;
	margin: 1em 0 0.5em;
	border-bottom: 1px #ccc dotted;
	}

.box fieldset {border-bottom: 1px #dbdada solid; padding: 10px;}

legend {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.5em;
    padding-left: 10px;
	}

fieldset fieldset legend {font-size: 1em;}

.mandatory {font-weight: bold; color: #666;}


/* FORM ROWS
--------------------------------------------------------------*/
.formItem {
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	}

.formItem .formInner {
	float: left;
	width: 617px;
	padding: 6px;
	position: relative;
	}

.formInner .columnInner {overflow: hidden; margin-bottom: 5px;}

.wideLayout .formInner {width: 747px;}
.extraWideRelatedLayout .formInner {width: 482px;}

.formInner .columnOne {float: left;}
.formInner .columnTwo {float: right;}

.formInner .ne, .formInner .nw,
.formInner .se, .formInner .sw {background-image: url(../../images/corners/cnrs-white.png);}

.formSeparator {padding-bottom: 10px; background: url(../../images/form-separator-bg.gif) repeat-y 175px 0;}

.extraWideRelatedLayout .formSeparator {
	height: 69px;
	background: url(../../images/form-divider.gif) no-repeat 50% 0;
	padding: 0;
	margin: 0 0 0 118px;
	}

.formItemWrap {overflow: hidden;}


/* FORM STYLES
--------------------------------------------------------------*/
/* FORM STYLE A */
.formItemA .formInner {background: #f2f2f2;}

/* FORM STYLE B */
.formItemB .formInner {background: url(../../images/form-bg-01.gif) repeat-y 50% 0;}

.formItemB .columnOne  {width: 307px;}
.formItemB .columnTwo {width: 310px;}

.wideLayout .formItemB .columnOne  {width: 372px;}
.wideLayout .formItemB .columnTwo {width: 375px;}

.extraWideRelatedLayout .formItemB .columnOne {width:240px;}
.extraWideRelatedLayout .formItemB .columnTwo {width: 242px;}

/* FORM STYLE C */
.formItemC .formInner {background: url(../../images/form-bg-02.gif) repeat-y 25% 0;}

/* FORM STYLE D */
.formItemD .formInner {background: url(../../images/form-bg-03.gif) repeat-y 75% 0;}

.formItemD .columnOne {width: 450px;}
.formItemD .columnTwo {width: 145px;}

.wideLayout .formItemD .columnOne {width: 564px;}
.wideLayout .formItemD .columnTwo {width: 183px;}

.extraWideRelatedLayout .formItemD .columnOne {width: 350px;}
.extraWideRelatedLayout .formItemD .columnTwo {width: 110px;}

/* FORM STYLE E */
.formItemE .formInner {background: url(../../images/form-bg-04.gif) repeat-y 50% 0;}

/* FORM STYLE F */
.formItemF .formInner {background: #fed24a;}
.formItemF .formCheckbox label {font-weight: bold;}


/*--------------------------------------------------------------
    LABELS
--------------------------------------------------------------*/
.formItem label, .formItem p {
	display: block;
    float: left;
    width: 160px;
    margin-top: 0.5em;
    text-align: right;
    padding: 0 5px 0 0;
    font-weight: bold;
    }

.formCheckbox label, .formRadio label {
	clear:both;
	font-weight: normal;
	text-align: left;
	width: auto;
	}

.extraWideRelatedLayout .formItem label,
.extraWideRelatedLayout .formItem p {width: 115px;}

.extraWideRelatedLayout .formCheckbox label,
.extraWideRelatedLayout .formRadio label {width: auto; border: none;}


/*--------------------------------------------------------------
    INPUT STYLES
--------------------------------------------------------------*/

/* TEXT BOXES
--------------------------------------------------------------*/
.formText input {font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}

.formText input {
	background: #fff url(../../images/input-bg.gif) repeat-x 0 0;
	border: 1px #999 solid;
	padding: 2px;
	}

.formItemA .formText input,
.formItemB .formText input {width: 295px;}

.wideLayout .formItemA .formText input,
.wideLayout .formItemB .formText input {width: 360px;}
.wideLayout .formItemD .formText input {width: 550px;}

.extraWideRelatedLayout .formItemB .formText input {width: 230px;}


/* RADIO BUTTONS
 --------------------------------------------------------------*/
.formRadio label {margin-top: 2px; margin-bottom: 3px;}

.formRadio input {
    clear: both;
    float: left;
    margin: 2px 7px 0.2em 0;
    padding: 0;
    position: relative;
    }

.extraWideRelatedLayout .formRadio label {clear: none; float: left; margin-right: 15px;}
.extraWideRelatedLayout .formRadio input {margin-right: 5px;}

.formRadio .columnOne p {
	width: auto;
	float: none;
	text-align: left;
	}


/* CHECKBOXES
 --------------------------------------------------------------*/
.formCheckbox input {
    clear: both;
    float: left;
    margin: 0.2em 7px 0.2em 0;
    padding: 0;
    position: relative;
    }

.extraWideRelatedLayout .formItemA .formCheckbox label,
.formItemD .formCheckbox label {clear: none; float: left;}

.formItemA .formCheckbox label {width: 235px;}
.formItemD .formCheckbox label {width: 265px;}

/* SALARY OPTIONS (job posting template) */
.formItemA .formWrapper {padding-left: 2px; margin-top: 10px;}
#contentBlock .formItemA .formWrapper input {width: auto;}
.formItemA .formWrapper label {width: 170px; text-align: left; font-weight: normal;}

/* CREATE A CV PROFILE (sign up - step2 */
.formItemF .formInner {margin-left: 165px;}
.formItemF .formInner label {margin-left: 6px;  margin-top: 0;}

/* TERMS AND CONDITIONS */
.formTerms .formInner {margin-left: 165px;}
.formTerms .formInner label {margin-left: 6px; font-weight: bold;}

/* PUBLISH CV */
.formPublishCV .formInner {margin-left: 165px;}

/* NATIONWIDE CHECK BOXES */
.formLocation .formInner {padding-top: 0;}
.wideLayout .formLocation .formInner {width: 744px;}
.extraWideRelatedLayout .formLocation .formInner {width: 480px;}

.formLocation label {
	clear: both;
	text-align: left;
	width: auto;
	margin-left: 177px;
	font-weight: normal;
	}

.extraWideRelatedLayout .formLocation label {width: auto; margin-left: 132px;}

.formLocation fieldset {
	margin-top: 0;
	border: 1px #b2b2b2 solid;
	background: #f2f2f2;
	padding: 5px;
	}

.formLocation legend {
	background: #333;
	color: #fff;
	padding: 5px;
	margin: 0;
	}

.formLocation fieldset label {
	clear: none;
	float:left;
	width: 170px;
	padding-left: 0;
	border: none;
	margin-left: 0;
	}

.extraWideRelatedLayout .formLocation fieldset label {width: 140px; margin-left: 0;}

.formLocation input {margin: 0.3em 7px 0.3em 0;}

/* JS - NATIONWIDE CHECK BOXES */
.js .formLocation {overflow: visible; margin-top: 20px;}

.js .formLocation fieldset {border: none; background: none; margin-top: 10px;}

.js .formLocation .formInner {
	border: 1px #b2b2b2 solid;
	background: #f2f2f2;
	z-index: 0;
	}

.js .legend-rep {
	position: absolute;
	top: -30px;
	left: -5px;
	background: #333;
	color: #fff;
	padding: 1px 5px;
	width: auto;
	font-weight: bold;
	}


/* SELECT BOXES
 --------------------------------------------------------------*/
.wideLayout .formItemA .formSelect select {width: 370px;}

#pageWrap .formDates select {width: auto;}

.formItemD .formSelect select {width: 357px;}

.extraWideRelatedLayout .formItemD select {height: 125px;}


/* TEXTAREAS
 --------------------------------------------------------------*/
.formTextarea label {float: none; text-align: left;}
.formItemD .formTextarea textarea {width: 455px;}
.wideLayout .formItemA .formTextarea textarea {width: 740px;}

/* FILE TYPE
 --------------------------------------------------------------*/
.formItemE .formFile .columnOne {width: 295px; margin-top:14px;}
.formItemE .formFile .columnTwo {width: 300px;}

.formFile p {
	width: 80px;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	}

.formFile .columnTwo p {font-style: italic;}

.formFile li {margin-top: 0; float: left;}


/*--------------------------------------------------------------
    FORM COMMENTS
--------------------------------------------------------------*/
.formComments {padding: 0 0 0 175px;}

.formComments p {
	width: auto;
	float: none;
	text-align: left;
	}

.extraWideRelatedLayout .formComments {clear: both; padding: 5px 0 0 7px;}


/* FORM INFORMATION
 --------------------------------------------------------------*/
#contentBlock .fieldInformation {
	background: url(../../images/icons/notice-icon.png) no-repeat 0 0;
	padding: 0 0 0 30px;
	text-align: left;
	min-height:23px;
	width: auto;
	float: none;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 0 5px;
	}


/*--------------------------------------------------------------
    FORM CONTROLS
--------------------------------------------------------------*/
.formControls {
	margin: 1em 0 2em;
	padding: 0 0 0 165px;
	overflow: hidden;
	position: relative;
	}

.extraWideRelatedLayout .formControls {padding-left: 110px;}

.formControls .submit {margin-right: 10px;}


/*--------------------------------------------------------------
    FORM VALIDATING
--------------------------------------------------------------*/

/* REQUIRED FIELDS
--------------------------------------------------------------*/
.fieldRequired {color: #cc6600; font-weight: bold; font-size: 1.08em;}


/* FORM ERROR STYLING
--------------------------------------------------------------*/
#contentBlock .formRequired {background: none; background-color: #ffeaea;}

#pageWrap .formError { /*changed to #pageWrap so styling can be used on login boxes*/
	width: auto;
	color: #f33;
	font-weight: bold;
	margin: 0 5px 2px 0;
	padding: 0;
	float: none;
	text-align: left;
	}

.formErrorSummary {border: 3px #f33 solid; background:#ffeaea; padding: 15px; margin-left: 10px;}
.formErrorSummary p {margin: 0; font-size: 1.5em;}
.formErrorSummary li {background: none; padding: 0;}
.formErrorSummary ul ul li {padding-left: 15px; background: url(../../images/list-bullet-one.gif) no-repeat 0 50%;}
.formErrorSummary ol {margin: 0 0 0 15px;}

#contentBlock .formLocation .formRequired {background: none;}
#contentBlock .formLocation .formError {margin-left: 172px; padding-bottom: 5px;}
#contentBlock .formLocation .formRequired fieldset {background:#ffeaea;}

.js #contentBlock .formLocation .formRequired {background:#ffeaea;}
.js #contentBlock .formLocation .formError {padding-bottom: 10px;}

#contentBlock .furtherQualificationsSection .formError {margin: -1.5em 0 1.5em 170px;}
#contentBlock .formRadioLayout .formError {margin-left: 170px;}

.formItemE .formFile.formRequired .columnOne {margin-top:0;}


/*--------------------------------------------------------------
    CUSTOM FORM STYLING
--------------------------------------------------------------*/

/* CHARACTER COUNTER
--------------------------------------------------------------*/
#contentBlock .count-label {display: block; width: auto; margin-bottom: 5px;}

.count-label strong {
	background: #fff url(../../images/input-bg.gif) repeat-x 0 0;
	border: 1px #666 solid;
	padding: 1px 5px;
	margin-right: 5px;
	}

.count-label .count-low {color: #f33;}

textarea.count-low {border: 2px #f33 solid;}


/* LOGIN FORM
--------------------------------------------------------------*/
.box .loginForm fieldset {border: none; margin-bottom: 0; padding: 10px 0;}
.box .loginForm .formText {width: 258px; margin: 0 auto 10px; padding: 0 5px 0 10px;}
.box .loginForm .formText label {display: block; float: none; text-align: left; width: 95%;}
.box .loginForm .formText input {width: 95%;}
.box .loginForm .formText p {text-align: left; width: auto; margin-bottom: 0; font-weight: normal;}
.box .loginForm .formText p.formError {font-weight: bold;}

.box .loginForm .formControls {margin: 0; padding: 0; text-align: center;}
#pageWrap .box .loginForm .formControls .button {margin: 0;}
.box .loginForm .formControls .button input {width: 150px;}
.box .loginForm .accountSignup {font-weight: bold; text-align: center;}


/* SEARCH FORM
--------------------------------------------------------------*/
#headerWrapOne .formText input {margin: 0; width: auto;}
#headerWrapOne .formText .submit {}
#headerWrapOne {padding: 0 5px 0 20px;}


/* SIGN UP FORMS
--------------------------------------------------------------*/
/* POSTING TIME */
.postingTime {
	background: url(../../images/icons/posting-time-icon.gif) no-repeat 0 10px;
	min-height: 34px;
	padding: 5px 10px 10px 22px;
    margin: 0 10px;
	}

.postingTime p {font-weight: bold;}

/* STEP INDICATOR */
#pageTitle {position: relative;}
.stepIndicator {position: absolute; bottom: 0; right: 0;}

.stepIndicator p, .stepIndicator ul {float: left; margin: 0; padding: 0;}
.stepIndicator p {padding-top: 3px; margin-right: 2px;}

.stepIndicator p, .stepIndicator li {font-size: 0.4em;}
.stepIndicator li {
	background: none;
	padding: 0;
	float: left;
	margin: 0 0 0 3px;
	}

.stepIndicator li span,
.stepIndicator li strong {display: block; padding: 0 7px;}

.stepIndicator li span {color: #666; border: 2px #fff solid;}
.stepIndicator li strong {border: 2px #3f3f3f solid;}

/* STEP HEADING */
.stepHeading {
	font-size: 2.17em;
	background: #333;
	float: left;
	clear: left;
	color: #fff;
	text-align: center;
	padding: 2px 10px;
	position: relative;
	margin-top: 10px;
    margin-left: 10px;
	}

legend .stepHeading {font-size: 1.45em; padding:10px; margin-top: -10px; margin-right: 10px;}
legend .stepHeading .nw, legend .stepHeading .ne {top: 0;}
legend .stepHeading .sw, legend .stepHeading .nw {left: 0;}
legend .stepHeading .se, legend .stepHeading .ne {right: 0;}

legend .stepHeading .sw, legend .stepHeading .se {bottom: -2px;}

.box legend {padding-top: 10px; padding-left: 0;}
.box legend .stepHeading {margin-left: 0;}


/*--------------------------------------------------------------
    PAGE SPECIFIC STYLING
--------------------------------------------------------------*/

/* SIGN UP SUCCESS PAGE
--------------------------------------------------------------*/

/* SIGN UP SUCCESS BOX */
#pageWrap .signUpSuccess span {background-image: url(../../images/corners/cnrs-two-tone-green.gif);}

.signUpSuccess .tickIcon {padding-left: 70px; background-position: 15px 50%;}

.signUpSuccess .se {background-position: 100% -7px;}
.signUpSuccess .sw {background-position: 0 -7px;}

.signUpSuccess .boxInner {
	background: #c9eac9 url(../../images/icons/cv-profile-icon.gif) no-repeat 16px 8px;
	padding: 1px 0 1px 60px;
	}

/* FURTHER QUALIFICATIONS SECTION */
.furtherQualificationsSection {overflow: visible; padding-top:20px;}
.formRow {margin-bottom: 5px;}
.formRow label {text-align: left; margin-top: -2em; padding-bottom: 5px;}
.formRow select, .formRow input {width: 160px;}

.formRow .columnOne {width:170px; float: left;}
.formRow .columnTwo {width: 170px; float: left;}
.formRow .columnThree {width: 170px; float: left;}
.formRow .columnFour {width: 105px; float: left;}

.formRow .button {margin: 0;}

.furtherQualificationsSection .button {padding: 0; margin: 0;}
.furtherQualificationsSection .minusButton input, .furtherQualificationsSection .plusButton input {
    padding:1px 5px 1px 32px;
    background-position: left top;
    }

.furtherQualificationsSection .minusButton input {background-image: url(../../images/button-minus-bg.gif);}
.furtherQualificationsSection .minusButton input:hover {background-image: url(../../images/button-hover-minus-bg.gif);}
.furtherQualificationsSection .minusButton input:active, .furtherQualificationsSection .minusButton input:focus {background-image: url(../../images/button-active-minus-bg.gif);}

.furtherQualificationsSection .plusButton input {background-image: url(../../images/button-plus-bg.gif);}
.furtherQualificationsSection .plusButton input:hover {background-image: url(../../images/button-hover-plus-bg.gif);}
.furtherQualificationsSection .plusButton input:active, .furtherQualificationsSection .plusButton input:focus {background-image: url(../../images/button-active-plus-bg.gif);}

/* RADIO BUTTONS IN A TABLE LAYOUT */
.formRadioLayout p {margin-top: 0.8em;}
.formRadioLayout fieldset {border-bottom: 1px #c5c5c5 dotted; padding: 0; margin-top: 0.65em;}
.formRadioLayout legend {float: left; margin: 0; padding: 0; margin-right: 130px; white-space: normal;}
.formRadioLayout .formInner {padding-top: 2em;}
.formRadioLayout .formItem {clear: none; float: right; overflow: visible; margin-bottom: 2px;}

.formRadioLayout label {
	clear: none;
	float: left;
	padding: 0;
	width: 75px;
	font-weight: bold;
	}

/* .formRadioLayout label, x:-moz-any-link, x:only-child { margin-top: -1.5em; }  firefox only style */

.formRadioLayout label span {position: absolute; left: -999em;}

.formRadioLayout .columnHeadingYes, .formRadioLayout .columnHeadingNo {position: relative;}
.formRadioLayout .columnHeadingYes span {left: -0.2em; top: -2em;}
.formRadioLayout .columnHeadingNo span {left: -0.1em; top: -2em;}

.formRadioLayout .formRadio .formRadio label input {float: none;}


/* JOB APPLICATION PAGES
--------------------------------------------------------------*/
.box .formRadioLayout {overflow: visible;}
.box .formRadioLayout .formInner {width: 760px; background: none; margin-top: -2em; padding-left: 0; padding-right: 0;}
.box .formRadioLayout .formInner .ne, .box .formRadioLayout .formInner .nw,
.box .formRadioLayout .formInner .se, .box .formRadioLayout .formInner .sw {display: none;}

.box .formRadioLayout label {width: 50px;}

.box fieldset.last {border: none; margin-bottom: 0; padding-bottom: 0;}
.box fieldset.last .formItemD .formTextarea {background-position: 100% 0;}
.box fieldset.last .formItemD .formTextarea textarea {width: 495px;}
.box fieldset.last .formItemD .formTextarea .columnTwo {width: 235px;}


/* COLLAPSIBLE BOXES */
.js .formCollapsible {position: relative;}
.js .formCollapsible label, .js .formCollapsible p {padding-left: 20px; width: 95px;}
.js .formCollapsible .formInner label, .js .formCollapsible .formInner p {border: none; width: auto; padding-left: 0;}
.js .formCollapsible .collapsibleButton {
	position: absolute;
	top: 0.5em;
	left: 0;
	margin: 0;
	height: 16px;
	width: 16px;
	padding: 0;
	}

.js .formCollapsible .collapsibleButton a {height: 16px; width: 16px; overflow: hidden; display: block; text-indent: 999em;}
.js .formCollapsible .collapsibleButton a:focus, .js .formCollapsible .collapsibleButton a:active {background-color: transparent;}

.universityName .formInner {margin-left: 120px;}

/* SAVED SEARCH BOXES */
.extraWideRelatedLayout .jobsShortlist {overflow: hidden; border-bottom: 1px #ccc dotted; margin:5px 10px; padding: 0 0 5px 0;}
.extraWideRelatedLayout .lastShortlist {border: none;}
.extraWideRelatedLayout .jobsShortlist dl {float: left; width: 220px; margin: 0; padding: 0;}
.extraWideRelatedLayout .jobsShortlist dt {width: auto; margin-right: 5px; float: left;}
.extraWideRelatedLayout .jobsShortlist dd {float: none; width: auto; margin-left: 0;}


/* JOB APPLICATION PAGES
--------------------------------------------------------------*/

/* JOB APPLICATION SUMMARY */
.jobApplicationSummary {border-bottom: 1px #dbdada solid; padding: 10px; overflow: hidden;}
.jobApplicationSummary h2 {margin-top: 0; padding-left: 0;}
#contentBlock .jobApplicationSummary dt, #contentBlock .jobApplicationSummary dd {width: auto;}

.jobApplicationSummary dl {border-top: 1px #ccc dotted; padding: 0; margin: 5px 10px 10px 0; float: left; width: 480px; }
#contentBlock .jobApplicationSummary dt {float: left; margin-right: 5px; padding: 2px 0;}
#contentBlock .jobApplicationSummary dd {float: none; margin: 0;  padding: 2px 0; border-bottom: 1px #ccc dotted;}

.jobApplicationSummary .boxLogo {float: right; width: 280px; text-align: center; padding: 10px 0; margin-bottom: 10px;}

/* FORM HIGHLIGHT (provide your cv) */
.box .formHighlight {
	background: #ffcc33;
	border: 1px #ccc solid;
	float: left;
	width: 315px;
	padding: 10px 10px 0 10px;
	}

.box .formHighlight p {
	float: none;
	width: auto;
	text-align: left;
	margin-top: 0;
	}

.box .formHighlight ul {
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 10px;
	border-bottom: 1px #fff dotted;
	}

.box .formSeparator {
	width: 96px;
	height: 44px;
	background: url(../../images/form-divider-2.gif) no-repeat 0 0;
	float: left;
	margin-top: 35px;
	}

.box .formFile {
	clear: none;
	border: 1px #ccc solid;
	float: left;
	width: 335px;
	padding: 0;
	}

.box .formFile label {text-align: left; padding-left: 10px;}
.box .formFile input {margin-left: 10px;}

.box .formFile p {clear: both; float: none; width: auto;}
.box .formFile li {margin-bottom: 5px;}

#contentBlock .box .formFile .fieldInformation {
	margin: 0;
	background-color: #e5e5e5;
	padding: 5px 10px 5px 35px;
	background-position: 5px 5px;
	}

/* COVER MESSAGE */
.box .formItemD .formInner {width: 757px;}
.box .formItemD textarea {width: 560px;}
.box .formItemD .columnTwo {width: 185px;}

.box .formItemD p {float: none; width: auto; text-align: left; font-weight: normal;}

.box .formItemD .ne, .box .formItemD .nw {top: 0;}
.box .formItemD .se, .box .formItemD .ne {right: 0;}
.box .formItemD .sw, .box .formItemD .nw {left: 0;}
.box .formItemD .se, .box .formItemD .sw {bottom: -2px;}

.box .formControls {padding-left: 0; margin: 0;}
.box .formControls .button {margin-top: 0;}

.box .formItemD .ne, .box .formItemD .nw,
.box .formItemD .se, .box .formItemD .sw {background-image: url(../../images/corners/cnrs-white.png);}


		/* CUSTOM STYLING - LAYOUT AND COLOUR
		--------------------------------------------------------------*/
		
/*
    CUSTOM STYLING FOR WEBSITE
    inc : cross-site styling;
    inc : columns;
    inc : box styling;
    inc : buttons;
    inc : icons;
    inc : base page styling;
    inc : page specific styling;
    inc : js specific styling;
*/

/*--------------------------------------------------------------
    CROSS-SITE STYLING
--------------------------------------------------------------*/

/* TEMPLATE LAYOUT
--------------------------------------------------------------*/
body {background-color:#eee; }

/* DEFAULT LAYOUT (content, left nav) */
#pageWrap {
    margin:0 auto;
    position:relative;
    width:984px;
    background-color: #fff;
    }

.contentWrap {margin: 0; padding: 0; clear: both;}
.contentWrapOne {margin: 0; padding: 0 30px; overflow: hidden; }

.contentWrapTwo {
	float: right;
	margin: 15px 0 0;
	padding: 0;
	width: 100%;
    background: url(../../images/dotted-bg.gif) repeat-y right top;
	}

.contentWrapThree {
	float: left;
	margin: 0 -130px 0 0;
	padding: 0;
	width: 100%;
	}

#contentBlock {
	margin: 0 130px 0 0;
	padding: 0;
	}

#sideWrapTwo {
	float: right;
	margin: 0;
	width: 110px;
	display: block;
    font-size: 0.92em;
    padding: 0 0 0 10px;
    position: relative;
	}

#sideWrapOne {
	float: left;
	margin: 15px 0 0;
	width: 185px;
	display: block;
    font-size: 0.92em;
    padding: 0 0 0 10px;
    position: relative;
	}

/* THREE COL LAYOUT (content, related, left col) */
.threeColLayout .contentWrapTwo {margin-left: -170px; }
.threeColLayout #contentBlock {margin-left: 170px;}
.threeColLayout #sideWrapOne {display: block; width: 150px;}

/* WIDE LAYOUT (content) */
.wideLayout .contentWrapTwo {margin: 15px 0 0; background-image: none;}
.wideLayout .contentWrapTwo #sideWrapTwo {display: none;}
.wideLayout .contentWrapThree {margin: 0;}
.wideLayout .contentWrapThree #contentBlock {margin: 0; }

/* WIDE RELATED LAYOUT (content, related) */
.wideRelatedLayout .contentWrapTwo {background: none;}
.wideRelatedLayout .contentWrapTwo #sideWrapTwo {width: 170px; border: none;}
.wideRelatedLayout .contentWrapThree {margin: 0 -190px 0 0;}
.wideRelatedLayout .contentWrapThree #contentBlock {margin: 0 190px 0 0;}

/* EXTRA WIDE RELATED LAYOUT (content, wide related) */
.extraWideRelatedLayout .box.boxSuccess {margin: 15px 0 5px;}
.extraWideRelatedLayout .contentWrapTwo {background: none;}
.extraWideRelatedLayout .contentWrapTwo #sideWrapTwo {width: 290px; border: none;}
.extraWideRelatedLayout .contentWrapThree {margin: 0 -310px 0 0;}
.extraWideRelatedLayout .contentWrapThree #contentBlock {margin: 0 310px 0 0;}


/*--------------------------------------------------------------
    COLUMNS
--------------------------------------------------------------*/
/* TWO COLUMNS */
.twoColWrap {clear:both; margin:0; overflow: hidden;}
.twoColWrap .colOneWrap, .twoColWrap .colTwoWrap {float: left; width: 49.9%;}
.twoColWrap .col1 {margin-right: 10px;}
.twoColWrap .col2 {margin-left: 10px;}

.twoColWrap dl {clear: both; overflow: hidden;}
.twoColWrap dl dt {font-size: 1em; font-weight: bold; float: left; width: 5.5em;}
.twoColWrap dl dd {margin: 0;}

/* 60 40 split */
.twoColWrap.leftMain .colOneWrap {width: 60%;}
.twoColWrap.leftMain .colTwoWrap {width: 39.9%;}

/* 40 60 split */
.twoColWrap.rightMain .colOneWrap {width: 39.9%;}
.twoColWrap.rightMain .colTwoWrap {width: 60%;}

/* THREE COLUMNS */
.threeColWrap {clear:both; margin:0;}
.threeColWrap .colOneWrap, .threeColWrap .colTwoWrap, .threeColWrap .colThreeWrap {float: left; width: 33.3%;}
.threeColWrap .col1 {margin-right: 10px;}
.threeColWrap .col2 {margin: 0 10px;}
.threeColWrap .col3 {margin-left: 10px;}

/* FOUR COLUMNS (custom columns and boxes for the client page) */
.fourColWrap {clear:both; margin:0; border-bottom: 1px solid #ccc; background: #fff url(../../images/fourcol-bg.gif) repeat-y left top;}
.fourColWrap.first {border-top: 1px solid #ccc;}
.fourColWrap .colOneWrap, .fourColWrap .colTwoWrap, .fourColWrap .colThreeWrap, .fourColWrap .colFourWrap {float: left; width: 141px;}
.fourColWrap .colTwoWrap {width: 199px;}

.fourColWrap .box {border: none;}
.fourColWrap .box .boxTitle {
    margin: 0;
    padding: 7px 10px;
    font-size: 1.09em;
    border-right: 1px solid #ccc;
    background: #f3f3f3 url(../../images/table-head-bg.gif) repeat-x left bottom;
    }
.fourColWrap .col2 .box .boxTitle {border-left: 1px solid #fff;}
.fourColWrap .col3 .box .boxTitle {border-left: 1px solid #fff;}
.fourColWrap .col4 .box .boxTitle {border-right: none; border-left: 1px solid #fff;}

.fourColWrap .box > .ne, .fourColWrap .box > .nw, .fourColWrap .box > .se, .fourColWrap .box > .sw {display: none;}

.fourColWrap .box .jobClose, .fourColWrap .box .jobStart {margin: 0; padding: 7px 10px;}
.fourColWrap .box .jobClose {background: #fdf3f4;}
.fourColWrap .box .jobStart {background: #dbfbe3; margin: 0;}


/*--------------------------------------------------------------
    BOX STYLING
--------------------------------------------------------------*/
.box {border: 1px solid #ccc; margin-bottom: 20px; position: relative;}
.box .boxTitle {margin-top: 0.5em;}
.box hr {margin: 1em 10px; background: #fff; border: none; border-bottom: 1px dotted #ccc; color: #fff;}

.box table {background: #fff; margin: 0; width: 100%; border-right: none;}
.box table tr th:first-child, .box table tr td:first-child {border-left-width: 0;}

.box dl {clear: both; overflow: hidden;}
.box dl dt {font-size: 1em; font-weight: bold; display: inline; width: 4em;}
.box dl dd {float: left; margin: 0 30px 0 10px; width: 6em;}

.box .clientBanner {width: 100%; display: block;}

/* BOX A (white box with dark block header) */
.boxA {background-color: #fcfafa; border: 1px solid #ccc;}
.boxA h2, .boxA h3 {padding-top: 7px; padding-right: 10px; padding-bottom: 7px;
background-color: #093d51;
margin-top: 0; font-size: 1.09em; color: #fff; border-bottom: 1px solid #5b5b5b;}
.recSideWrapOne .boxA ul, .recSideWrapOne .boxA ol {padding-right: 10px;}

/* BOX B (grey box with border) */
.boxB {background: #f2f2f2;}

/* BOX C (table box) */
.boxC {background: #f2f2f2;}
.boxC table {border-bottom: none;}

/* BOX D (grey box with 3col form e.g. tell a friend) */
.boxD {margin-top: 20px; background: #fff url(../../images/box-gradient-bg.gif) repeat-x left bottom;}
.boxD .boxTitle {padding: 0 20px 10px; border-bottom: 1px dotted #999;}
.boxD .threeColWrap .colOneWrap {width: 43%;}
.boxD .threeColWrap .colTwoWrap {width: 43%;}
.boxD .threeColWrap .colThreeWrap {width: 10%;}
.boxD .threeColWrap .colOneWrap .col1, .boxD .threeColWrap .colTwoWrap .col2, .boxD .threeColWrap .colThreeWrap .col3 {margin: 0;}

.boxD .threeColWrap .formItem label {width: 90px; display: inline;}
.boxD .threeColWrap .formItem input {font-size: 1.34em; display: inline; padding: 4px 5px; width: 200px;}
.boxD .threeColWrap .formItem .button {margin: 0;}
.boxD .threeColWrap .formItem .button input {font-size: 1em; border: 1px solid #999; padding: 5px 10px 5px; width: 100%;}

.boxD .threeColWrap .formControls {margin: 3.1em 0 1em; padding: 0;}

/* BOX E (grey box with large icon) */
.boxE {background-color: #FCFAFA;}
.boxE.magnifyLargeIcon h2.boxTitle {margin-top: 1.5em;}

/* BOX SUCCESS (green box with border) */
.box.boxSuccess {border: 1px solid #8ec29d; background-color: #dbfbe3;}
.box.boxSuccess .companyLogo {margin: 15px 10px 10px 10px; background-color: #fff; padding: 20px 30px;}
.box.boxSuccess .appJobTitle {font-size: 1.34em;}
.box.boxSuccess hr {margin: 0.5em 10px; background-color: #dbfbe3; color: #dbfbe3; }
.box.boxSuccess .arrowIcon {margin-left: 40px;}

/* BOX F (two column grey box with grey heading) */
.boxF {background: url(../../images/box-f-bg.gif) repeat-y 0 0;}
.boxFirst .ne, .boxFirst .nw {display: none;}

.boxF .boxTitle {
	border-bottom: 1px #999 solid;
	background-color: #ccc;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom:5px;
	}

.cvDetailsHeader {
	background: url(../../images/cv-details-bg.gif) repeat-y 0 0;
	border: 1px #ccc solid;
	border-bottom-color: #a3a3a3;
	padding: 0;
	position: relative;
	}

.cvDetailsHeader h2 {
	color: #fff;
	float: left;
	padding: 10px 0 0 39px;
	width: 141px;
	margin: 0;
	}

.cvDetailsHeader ul {margin: 0; padding: 0;}
#contentBlock .cvDetailsHeader li {float: left; padding:0; margin: 0; text-align: center;}
.cvDetailsHeader li a {display: block; padding: 25px 5px 5px 5px; margin: 0; font-weight: bold; font-size: 0.9em;}
.cvDetailsHeader .listItemOne {width: 108px;}
.cvDetailsHeader .listItemTwo {width: 102px;}
.cvDetailsHeader .listItemThree {width: 80px;}
.cvDetailsHeader .listItemFour {width: 122px;}
.cvDetailsHeader .listItemFive {width: 135px;}

.cvDetailsHeader li a:active, .cvDetailsHeader li a:focus {background-color: transparent; color: #c30; text-decoration: underline;}

#contentBlock .boxF dt {
	clear: left;
	float: left;
	width: 160px;
	text-align: right;
	margin: 0 0 5px 0;
	}

#contentBlock .boxF dd {float: none; width: auto; margin: 0 0 5px 175px;}

.boxF ol, .boxF p, #contentBlock .boxF .aList {margin-left:175px;}
.boxF ol li {
	margin-right: 10px;
	padding-right: 25px;
	position: relative;
	}

.boxF ol li .removeIcon {position: absolute; top: 0; right: 0;}

/* EDUCATION BOX */
.boxF table {width: 554px; margin: -11px 0 0 178px; border-bottom: none;}
.boxF h3 {font-size: 1em; width: 170px; text-align: right; padding: 0; float: left; margin: -5px 0 0 0;}

/* A LIST BOX */
#contentBlock .boxF .aList dt {width: auto; font-weight: normal; float: left; margin: 0 5px 5px 0;}
#contentBlock .boxF .aList dd {margin: 0 0 5px 0; float: none;  font-weight: bold;}

/* COMMENTS BOX */
.boxComments {background: url(../../images/box-comment-bg.gif) repeat-y 100% 0;}

.boxF .formItem {margin-left: 185px;}
.boxF .formItem .formInner {width: 540px; background: none; padding:0;}

.boxF .formItem .formInner .ne,
.boxF .formItem .formInner .nw,
.boxF .formItem .formInner .se,
.boxF .formItem .formInner .sw {display: none;}

.boxF .formItem .columnOne {width: 368px;}
.boxF .formItem .columnTwo {width: 172px;}
.boxF .formItem textarea {width: 355px;}

.boxF .formControls {text-align: right; margin-right: 178px;}

/* BOX WARNING (orange box with border */
.boxWarning {border: 1px #e5997f solid; background-color: #fdf3f4;}

/* BOX ADVERT (red box with border) */
.box.boxAdvert {background-color: #40b805; color: #fff;}
.box.boxAdvert h2, .box.boxAdvert h3 {font-size: 1.5em;}
.box.boxAdvert h2, .box.boxAdvert h3, .box.boxAdvert h4, .box.boxAdvert h5, .box.boxAdvert a {color: #fff; padding: 0 20px}
.box.boxAdvert p {padding: 0 20px; margin-bottom: 0;}
.box.boxAdvert p.floatRight {margin: 0 0 0.75em;}
.box.boxAdvert .arrowIcon, .box.boxAdvert .arrowIcon:link, .box.boxAdvert .arrowIcon:visited {color: #fff; background-image: url(../../images/icons/arrow-forward-white.gif); padding: 0 30px 0 0; line-height: 2.2em; display: block;}
.box.boxAdvert .arrowIcon:active, .box.boxAdvert .arrowIcon:focus {text-decoration: underline;}

/* THREE COL BOX (e.g run a compaign box) */
.threeColBox {background: #FCFAFA url(../../images/run-campaign-bg.gif) repeat-x left bottom;}
.threeColBox .boxInner .threeColWrap {overflow: hidden; border-top: 1px solid #ccc; background: url(../../images/run-campaign-col-bg.gif) repeat-y left top;}
.threeColBox .boxInner .threeColWrap .colOneWrap {width: 33.3%;}
.threeColBox .boxInner .threeColWrap .colTwoWrap {width: 33.3%;}
.threeColBox .boxInner .col1, .threeColBox .boxInner .col2, .threeColBox .boxInner .col3 {min-height: 105px; margin: 0 10px 10px 0;}
.threeColBox .boxInner .threeColWrap h3, .threeColBox .boxInner .threeColWrap p {padding-right: 0;}

/* BOX SEARCH LISTINGS (pagination, form and results e.g. Employers list) */
.box.boxSearchList {background: #f2f2f2;}

/* pagination */
.box.boxSearchList .pagination {overflow: hidden; background: #fff;}
.box.boxSearchList .pagination p {font-weight: bold; float: left;}
.box.boxSearchList .pagination ul {float: right; margin: 0.75em 0;}
.box.boxSearchList .pagination ul li {float: left; background: none; padding: 0; margin: 0 3px;}
.box.boxSearchList .pagination ul .arrowIcon {padding-right: 20px;}
.box.boxSearchList .pagination ul .arrowBackIcon {padding-left: 20px;}

.box.boxSearchList .pagination ul .arrowIcon:link {color: #c30;}
.box.boxSearchList .pagination ul .arrowBackIcon:link {color: #c30;}
.box.boxSearchList .pagination ul .arrowIcon:focus, .box.boxSearchList .pagination ul .arrowIcon:active,
.box.boxSearchList .pagination ul .arrowBackIcon:focus, .box.boxSearchList .pagination ul .arrowBackIcon:active {color: #fff;}

/* results form filter */
.box.boxSearchList form {background: #333; color: #fff; padding: 10px 10px 7px; overflow: hidden;}
.box.boxSearchList form .formItem {margin: 0; float: left; vertical-align: top; padding-top: 3px;}
.box.boxSearchList form fieldset {display: inline; margin: 0 20px 0 0; position: static; padding: 0;}
.box.boxSearchList form fieldset legend {font-size: 1px; padding: 0;}
.box.boxSearchList form fieldset strong {vertical-align: top; margin: 0 0 0 2em;}
.box.boxSearchList form fieldset label {font-weight: normal; display: inline; margin: 0 0 0 2em;}
.box.boxSearchList form fieldset label input {margin-top: 0.16em; float: none; vertical-align: middle;}
.box.boxSearchList form .formItem label {width: auto; margin: 1px 0 0;}

.box.boxSearchList form .formItem select {width: 200px;}

.box.boxSearchList form .formRadio {padding: 0}
.box.boxSearchList form .formRadio strong {vertical-align: 7px; margin: 0 10px 0 20px;}
.box.boxSearchList form .formRadio fieldset {vertical-align: 1px; border: none;}
.box.boxSearchList form .formRadio label {clear: none;}

.box.boxSearchList form .button {margin: 0;}
.box.boxSearchList form .button input {font-size: 1em; padding: 2px 10px 4px;}

/* results list */
.box.boxSearchList .boxInner ul {padding: 0 0 15px; margin: 0; border-bottom:1px solid #CCC;}
.box.boxSearchList .boxInner ul li {border-bottom: 1px solid #cecece; background: none; padding: 15px 10px 0; margin: 0;}
.box.boxSearchList .boxInner ul li .box {background: #fff; margin: 0; border-bottom: 0;}
.box.boxSearchList .boxInner ul li .box>.se, .box.boxSearchList ul li .box>.sw {display: none;}

/* results quick list table */
.box.boxSearchList .boxInner table th span {float: right;}
.box.boxSearchList .boxInner table th span a.ascendIcon, .box.boxSearchList .boxInner table th span a.descendIcon {
    margin: 3px 0 0 2px;
    float: left;
    position: relative;
    }

/* results list content */
.box.boxSearchList .boxInner ul li .box img.floatRight {margin: 30px 20px 1em 20px;}
.box.boxSearchList .boxInner ul li .box p.floatRight {margin: 15px 5px 5px;}
.box.boxSearchList .boxInner ul li .box h3 {font-size: 1.34em; padding: 10px 20px 0; margin-bottom: 0.5em}
.box.boxSearchList .boxInner ul li .box .boxInner {padding: 0 10px 10px;}

.box.boxSearchList .boxInner ul li dl {margin: 0;}
.box.boxSearchList .boxInner ul li dl dt, .box.boxSearchList .boxInner ul li dl dd {display: block; margin-left: 0;}
.box.boxSearchList .boxInner ul li dl dt {font-size: 1.09em;}
.box.boxSearchList .boxInner ul li dl dd {margin-right: 0;}

.box.boxSearchList .boxInner .boxInner ul li {border: none;}

.box.boxSearchList .boxInner .boxInner .twoColWrap {clear: none; overflow: hidden; width: 81%;}
.box.boxSearchList .boxInner .boxInner .twoColWrap .colOneWrap {border-right: 1px solid #ccc;}
.box.boxSearchList .boxInner .boxInner .twoColWrap ul {margin: 0; border: none;}
.box.boxSearchList .boxInner .boxInner .twoColWrap .colOneWrap ul li {float: left; width: 165px; padding: 0 0 4px 10px;}
.box.boxSearchList .boxInner .boxInner .twoColWrap.leftMain .colTwoWrap {width: 37.9%;}
.box.boxSearchList .boxInner .boxInner .twoColWrap .colTwoWrap .col2 {margin-left: 15px;}
.box.boxSearchList .boxInner .boxInner .twoColWrap .colTwoWrap .col2 p {margin-top: 0;}

.box.boxSearchList .boxInner .boxInner .twoColWrap dl {overflow: hidden;}
.box.boxSearchList .boxInner .boxInner .twoColWrap dl dt {float: left; clear: both; width: 8em; font-size: 1em;}
.box.boxSearchList .boxInner .boxInner .twoColWrap dl dd {width: 195px;}
.box.boxSearchList .boxInner .boxInner .twoColWrap .colOneWrap dl dd {width: 235px;}
.box.boxSearchList .boxInner .boxInner .twoColWrap .colTwoWrap dl dt {width: 11em;}

/* BOX ACCORDION (grey box with accordion) */
.boxAccordion {background: #eee url(../../images/accordion-bg.gif) repeat-x left top; margin-top: 20px;}
.boxAccordion .boxTitle {border-bottom: 1px dotted #999; overflow: hidden; margin-top: 0;}
.boxAccordion h2 {margin: 1em 0 1.2em; padding: 0 0 0 20px; float: left;}
.boxAccordion .boxTitle .accAlert {
    background: #cc3300;
    color: #fff;
    width: 130px;
    position: relative;
    margin: 10px 10px 10px 0;
    padding: 0;
    float: right;
    }
.boxAccordion .boxTitle .accAlert p {padding: 0 5px; margin: 5px 0; font-size: 0.9em; line-height: 1.2em; font-weight: bold;}

.boxAccordion h3 {margin: 0; padding: 8px 20px; color: #333; font-size: 1em; background: #eee url(../../images/accordian-heading-bg.gif) repeat-x left top;}
.boxAccordion h3 span.ui-icon-triangle-1-s {margin-right: 10px; float: left; display: block; height: 16px; width: 16px; background: url(../../images/icons/arrow-forward-grey-inactive.gif) no-repeat left top;}
.boxAccordion h3 span.ui-icon-triangle-1-e {margin-right: 10px; float: left; display: block; height: 16px; width: 16px; background: url(../../images/icons/arrow-up-grey-inactive.gif) no-repeat left top;}
.boxAccordion h3 a, .boxAccordion h3 a:link, .boxAccordion h3 a:visited, .boxAccordion h3 a:active, .boxAccordion h3 a:focus {color: #333; background: none;}
.boxAccordion .ui-accordion-header {border-top: 2px solid #999;}
.boxAccordion .ui-state-hover {cursor: pointer;}
.boxAccordion .ui-state-hover a {text-decoration: underline;}
.boxAccordion h3.first {border-top: none;}

/* accordion forms */
.boxAccordion div div {padding: 0 10px;}
.boxAccordion div .loginForm {padding: 0;}
.boxAccordion div .loginForm .formText {width: 230px;}

.boxAccordion div .searchForm {padding: 10px 0 0;}
.boxAccordion div .searchForm .formText {width: 233px;}
.boxAccordion div .searchForm .formText label {text-align: left; float: none; width: 220px;}
.boxAccordion div .searchForm .formText input {width: 95%;}
.boxAccordion div .searchForm .formText .button {margin: 10px 0; padding: 0;}
.boxAccordion div .searchForm .formText .button input {width: auto;}

/* BOX SEARCH (box B with search form) */
.boxB.boxSearch fieldset {margin-top: 0;}
.boxB.boxSearch .col1, .boxB.boxSearch .col2 {float: left; width: 45.9%;}
.boxB.boxSearch form {padding: 0 10px;}
.boxB.boxSearch .col1 label, .boxB.boxSearch .col2 label {width: 95%; margin: 0 0 9px 5px; position: relative;}
.boxB.boxSearch .col1 label input, .boxB.boxSearch .col2 label input {width: auto; border: none; float: none; vertical-align: middle; margin: 0 5px 0 0;}

.boxB.boxSearch .formItem input {font-size: 1.34em; float: left; border: 1px solid #666; padding: 4px 5px; width: 78%;}
.boxB.boxSearch .formItem .button {float: right; width: 18%; margin: 0;}
.boxB.boxSearch .formItem .button input {font-size: 1em; border: 1px solid #999; padding: 5px 10px 5px; width: 100%;}


/*--------------------------------------------------------------
    BUTTONS
--------------------------------------------------------------*/
.button {position: relative; display: inline-block; margin: 10px;}
.button a, .button input {
    background-color: #bfbfbf;
    background-image: url(../../images/button-bg.gif);
    background-repeat: repeat-x;
    background-position: right top;
    text-decoration: none;
    display: block;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    padding: 4px 10px 6px;
    margin: 0;
    color: #333;
    border: 1px solid #999;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.09em;
    width: auto;
    }
.button a:hover, .button input:hover {background-color: #fdb033; background-image: url(../../images/button-hover-bg.gif); text-decoration: underline;}
.button a:active, .button a:focus, .button input:active, .button input:focus {background-color: #f0e255; background-image: url(../../images/button-active-bg.gif); text-decoration: underline;}
.button a:visited {color: #333;}

/* ACTION BUTTON (dark orange) */
.button.action a, .button.action input {white-space:pre; background-color: #fe7f1b; background-image: url(../../images/button-action-bg.gif); border: 1px solid #fe7d19; letter-spacing: -0.5px;}
.button.action a:hover, .button.action input:hover {background-color: #fdb033; background-image: url(../../images/button-hover-bg.gif); border: 1px solid #fe7d19;}
.button.action a:active, .button.action a:focus, .button.action input:active, .button.action input:focus {background-color: #f0e255; background-image: url(../../images/button-active-bg.gif); border: 1px solid #fe7d19;}

/* ARROW BUTTON */
.button.arrow a, .button.arrow input {background-image: url(../../images/button-arrow-bg.gif); padding-right: 34px;}
.button.arrow a:hover, .button.arrow input:hover {background-image:url(../../images/button-hover-arrow-bg.gif);}
.button.arrow a:active, .button.arrow a:focus, .button.arrow input:active, .button.arrow input:focus {background-image:url(../../images/button-active-arrow-bg.gif);}

/* ACTION ARROW BUTTON */
.button.actionArrow a, .button.actionArrow input {white-space:pre; background-color: #fe7f1b; background-image: url(../../images/button-action-arrow-bg.gif); border: 1px solid #fe7d19; letter-spacing: -0.5px; padding-right: 34px;}
.button.actionArrow a:hover, .button.actionArrow input:hover {background-color: #fdb033; background-image:url(../../images/button-hover-arrow-bg.gif); border: 1px solid #fe7d19;}
.button.actionArrow a:active, .button.actionArrow a:focus, .button.actionArrow input:active, .button.actionArrow input:focus {background-color: #f0e255; background-image:url(../../images/button-active-arrow-bg.gif); border: 1px solid #fe7d19;}

/* BUTTON WRAP (wrap multiple buttons at the end of content or forms) */
.buttonWrap {margin-bottom: 20px;}

/* HIGHLIGHTED TEXT */
.grnHighlight {background: #393; padding: 0 5px; display: inline-block; color: #fff; font-weight: bold;}
.redHighlight {background: #006699; padding: 0 5px; display: inline-block; color: #fff; font-weight: bold;}


/*--------------------------------------------------------------
    ICONS
--------------------------------------------------------------*/
/* SMALL */
.emailIcon {background-image: url(../../images/icons/email-icon-grey.gif); background-repeat: no-repeat; background-position: 0 0.2em; padding-left: 22px;}
.ascendIcon, .descendIcon {display: inline-block; text-indent: -999em; height: 10px; width: 8px; background-repeat: no-repeat; background-position: left top; vertical-align: -0.35em;}
.ascendIcon {background-image: url(../../images/icons/sort-ascend-icon.gif); }
.descendIcon {background-image: url(../../images/icons/sort-descend-icon.gif); }

.arrowIcon, .arrowIcon:link {background-image: url(../../images/icons/arrow-forward-black-inactive.gif); background-repeat: no-repeat; background-position: right center; padding: 1px 20px 1px 0; color: #000;}
a.arrowIcon:hover {background-image: url(../../images/icons/arrow-forward-hover.gif);}
a.arrowIcon:focus, a.arrowIcon:active {background-image: url(../../images/icons/arrow-forward-active.gif); color: #fff;}

.arrowBackIcon, .arrowBackIcon:link {background-image: url(../../images/icons/arrow-back-black-inactive.gif); background-repeat: no-repeat; background-position: left center; padding: 1px 0 1px 20px; color: #000;}
a.arrowBackIcon:hover {background-image: url(../../images/icons/arrow-back-hover.gif);}
a.arrowBackIcon:focus, a.arrowBackIcon:active {background-image: url(../../images/icons/arrow-back-active.gif); color: #fff;}

.arrowDownIcon {background-image: url(../../images/icons/arrow-down-black-inactive.gif); background-repeat: no-repeat; background-position: right center; padding: 1px 20px 1px 0;}
a.arrowDownIcon:hover {background-image: url(../../images/icons/arrow-down-hover.gif);}
a.arrowDownIcon:focus, a.arrowDownIcon:active {background-image: url(../../images/icons/arrow-down-active.gif);}

.arrowUpIcon {background-image: url(../../images/icons/arrow-up.gif); background-repeat: no-repeat; background-position: right center; padding: 1px 20px 1px 0;}
a.arrowUpIcon:hover {background-image: url(../../images/icons/arrow-up-hover.gif);}
a.arrowUpIcon:focus, a.arrowUpIcon:active {background-image: url(../../images/icons/arrow-up-active.gif);}

.backIcon {background-image: url(../../images/icons/arrow-back-blue-inactive.gif); background-repeat: no-repeat; background-position: left center; padding: 1px 0 1px 20px;}
a.backIcon:hover {background-image: url(../../images/icons/arrow-back-hover.gif);}
a.backIcon:focus, a.backIcon:active {background-image: url(../../images/icons/arrow-back-active.gif);}

.emailGreenIcon {background-image: url(../../images/icons/email-inactive.gif); background-repeat: no-repeat; background-position: left center; padding: 1px 0 1px 20px;}
a.emailGreenIcon:hover {background-image: url(../../images/icons/email-hover.gif);}
a.emailGreenIcon:focus, a.emailGreenIcon:active {background-image: url(../../images/icons/email-active.gif);}

.plusIcon {background-image: url(../../images/icons/expand-black-inactive.gif); background-repeat: no-repeat; background-position: left center; padding: 1px 0 1px 20px;}
a.plusIcon:hover {background-image: url(../../images/icons/expand-hover.gif);}
a.plusIcon:focus, a.plusIcon:active {background-image: url(../../images/icons/expand-active.gif);}

.closeIcon {background-image: url(../../images/icons/cross-inactive.gif); background-repeat: no-repeat; background-position: left center; padding: 1px 0 1px 20px;}
.closeIcon:hover {background-image: url(../../images/icons/cross-hover.gif);}
.closeIcon:focus, .closeIcon:active {background-image: url(../../images/icons/cross-active.gif);}

.removeIcon {
    float: right;
    width: 16px;
    padding: 0;
    text-indent: -999em;
    background-image:url(../../images/icons/cross-inactive.gif);
    background-position:left center;
    background-repeat:no-repeat;
    }
.removeIcon:hover {background-image: url(../../images/icons/cross-hover.gif);}
.removeIcon:focus, .removeIcon:active {background-image: url(../../images/icons/cross-active.gif);}

.expandIcon {background-image: url(../../images/icons/expand-green-inactive.gif); background-repeat: no-repeat; background-position: left center; padding: 1px 0 1px 20px;}
a.expandIcon:hover {background-image: url(../../images/icons/expand-hover.gif);}
a.expandIcon:focus, a.expandIcon:active {background-image: url(../../images/icons/expand-active.gif);}

.collapseIcon {background-image: url(../../images/icons/collapse-inactive.gif); background-repeat: no-repeat; background-position: left center; padding: 1px 0 1px 20px;}
a.collapseIcon:hover {background-image: url(../../images/icons/collapse-hover.gif);}
a.collapseIcon:focus, a.collapseIcon:active {background-image: url(../../images/icons/collapse-active.gif);}

.magnifyIcon {background-image: url(../../images/icons/magnify-icon.gif); background-repeat: no-repeat; background-position: 8px center; padding-left: 37px;}
.listIcon {background-image: url(../../images/icons/list-icon.gif); background-repeat: no-repeat; background-position: 10px center; padding-left: 38px;}

/* anchor point */
.anchor {
    height: 16px;
    width: 16px;
    padding: 0;
    display: block;
    position: absolute;
    right: 20px;
    text-indent: -999em;
    margin-top: 20px;
    cursor: pointer;
    }

/* MEDIUM */
.noticeIcon {background-image: url(../../images/icons/notice-icon.png); background-repeat: no-repeat; background-position: 10px 0.6em; padding-left: 30px;}
.tickIcon {background-image: url(../../images/icons/green-tick-icon.gif); background-repeat: no-repeat; background-position: 10px center; padding: 8px 0 8px 45px;}
.bulbIcon {background-image: url(../../images/icons/bulb-icon.png); background-repeat: no-repeat; background-position: 15px 5px; padding-left: 55px;}
.searchFolderIcon {background-image: url(../../images/icons/search-folder.gif); background-repeat: no-repeat; background-position: 10px center; padding-left: 43px;}
.contactIcon {background-image: url(../../images/icons/contact-icon.gif); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 42px;}
.educationIcon {background-image: url(../../images/icons/education-icon.gif); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 42px;}
.careerIcon {background-image: url(../../images/icons/career-icon.gif); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 42px;}
.cvIcon {background-image: url(../../images/icons/cv-icon.gif); background-position: 10px 10px; background-repeat: no-repeat;}
.downloadIcon {background-image:url(../../images/icons/download-icon.gif); background-position: 50% 5px; background-repeat: no-repeat;}
.addShortlistIcon {background-image:url(../../images/icons/add-shortlist-icon.gif); background-position: 50% 5px; background-repeat: no-repeat;}
.printIcon {background-image:url(../../images/icons/print-icon.gif); background-position: 50% 5px; background-repeat: no-repeat;}
.candidateEmailIcon {background-image:url(../../images/icons/candidate-email-icon.gif); background-position: 50% 5px; background-repeat: no-repeat;}
.removeCandidateIcon {background-image:url(../../images/icons/remove-candidate-icon.gif); background-position: 50% 5px; background-repeat: no-repeat;}

/* LARGE */
.pdfLargeIcon, .docLargeIcon, .txtLargeIcon {font-style: italic; background-repeat: no-repeat; background-position: 5px center; padding: 9px 3px 9px 40px; color: #333; font-weight: bold;}
.pdfLargeIcon {background-image: url(../../images/icons/pdf-large-icon.gif);}
.docLargeIcon {background-image: url(../../images/icons/doc-large-icon.gif);}
.txtLargeIcon {background-image: url(../../images/icons/txt-large-icon.gif);}
.magnifyLargeIcon {background-image: url(../../images/icons/magnify-large-icon.gif); background-repeat: no-repeat; background-position: 10px 10px; padding-left: 80px; margin-bottom: 15px;}
.jobsLargeIcon {background-image: url(../../images/icons/jobs-large-icon.gif); background-repeat: no-repeat; background-position: 10px 10px; padding-left: 80px; margin-bottom: 15px;}
.packageLargeIcon {background-image: url(../../images/icons/packages-large-icon.gif); background-repeat: no-repeat; background-position: 5px 10px; padding-left: 75px;}
.factsLargeIcon {background-image: url(../../images/icons/facts-large-icon.gif); background-repeat: no-repeat; background-position: 15px 10px; padding-left: 75px;}
.warningIcon {background-image: url(../../images/icons/warning-icon.gif); background-repeat: no-repeat; background-position: 10px 50%; padding-left: 50px;}
.applicationOffsiteIcon {background-image: url(../../images/icons/application-offsite-icon.gif); background-repeat: no-repeat; background-position: 10px 0; padding-left: 100px;}

/* LIST STYLING WITH ICONS */
/* arrow list */
.arrowList li {background: none; padding: 0 0 8px; border-bottom: 1px dotted #ccc;}
.arrowList a {background-image: url(../../images/icons/arrow-forward-black-inactive.gif); background-repeat: no-repeat; background-position: left center; padding: 1px 0 1px 20px;}
.arrowList a:hover {background-image: url(../../images/icons/arrow-forward-hover.gif);}
.arrowList a:focus, .arrowList a:active {background-image: url(../../images/icons/arrow-forward-active.gif);}
.arrowList p {padding: 0; margin: 0;}

/* green tick list */
.tickList li {padding: 0 0 8px 20px; border-bottom: 1px dotted #ccc; background-image: url(../../images/icons/green-tick-small-icon.gif); background-repeat: no-repeat; background-position: left 0.2em;}

/* dotted border list */
.dottedList li {border-bottom: 1px dotted #ccc; margin-top: 0.5em; padding-bottom: 0.5em;}
.dottedList dt, .dottedList dd {border-bottom: 1px dotted #ccc; margin-bottom: 0.5em; padding-bottom: 0.5em;}


/*--------------------------------------------------------------
    BASE PAGE STYLING
--------------------------------------------------------------*/

/* HEADER
--------------------------------------------------------------*/
#headerWrap {margin: 0; padding: 1px; background: #fff;}

/* HEADER WRAP ONE */
#headerWrapOne {margin: 0; padding: 0; overflow: hidden;}
#headerWrapOne .logo {float: left; margin: 17px 0 20px 40px; }
#headerWrapOne .advert {float:right; margin: 18px 40px 17px 20px;}

/* HEADER WRAP TWO */
#headerWrapTwo {padding: 0 40px; clear: both; position: relative; z-index: 100; }

/* NAVIGATION */
#nav {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    }

#nav li {
    float: left;
	background: none;
	padding: 0;
	margin: 0 1px 0 0;
    border:2px solid #ddd;
    border-bottom: none;
    position: relative;
    }

#nav a {
    display: block;
    padding:4px 7px 6px;
    margin: 0;
    background: #ddd;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    }

#nav a:hover, #nav a:active, #nav a:focus {
    text-decoration: underline;
    background-color:#FFFFFF;
    }

#nav .selected {border: 2px solid #000; border-bottom: none;}
#nav .selected a {background-color:#000; color: #fff;}
#nav .selected.sffocusparent a,
#nav .selected a:hover, #nav .selected a:active, #nav .selected a:focus {color: #c30;}
#nav .sffocusparent a, #nav .selected ul a, #nav .selected ul a:link {background-color:#fff; color: #c30;}
#nav .selected ul a:hover, #nav .selected ul a:active, #nav .selected ul a:focus {background-color: #f2f2f2; color: #c30;}

/* LEVEL TWO */
#nav li ul {
    padding: 0;
    line-height: 1;
    position: absolute;
    border: 2px solid #ccc;
    width: 406px;
    margin-top: -2px;
    margin-left: -1000em;
    background: #fff;
    z-index: 1000;
    }

#nav ul li {width: 50%; border: none; margin: 0;}
#nav ul li a, #nav ul li a:link {margin: 0 2px; padding: 6px 9px; background: #fff; color: #c30; border: none; border-top: 1px solid #ccc;}
#nav ul li.firstLine a {border-top: none;}
#nav li:hover ul {margin-left: -2px; }
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus {background: #f2f2f2;}
#nav li ul li a:active, #nav li ul li a:focus {margin-left: 1000em; display: block; width: 203px;}

/* HEADER SEARCH FORM */
#headerWrap form {background: #093d51;
	padding: 0 0 5px 40px; clear: both; border-bottom: 5px solid #006699;}

/* HEADER WRAP THREE */
#headerWrapThree {color: #fff; border-bottom: 2px solid #999; margin-right: 40px;}
#headerWrapThree fieldset {margin: 0; padding: 10px 5px 5px; border: none;}
#headerWrapThree fieldset p {padding-top: 3px; padding-bottom: 3px; margin-top: 0; }
#headerWrapThree fieldset .formCheckbox label {margin: 0 0 9px 5px; font-size: 1.09em; font-weight: normal;}
#headerWrapThree .col1, #headerWrapThree .col2, #headerWrapThree .col3, #headerWrapThree .col4 {float: left; width: 25%;}

/* HEADER WRAP FOUR */
form #headerWrapFour {float:left; overflow:hidden; width: 74%;}
form #headerWrapFour .formItem {padding: 11px 0 0; margin: 0; width: 100%; }
form #headerWrapFour label {padding:0; color: #fff; margin: 0.5em 20px 0 0; width: auto; text-align: right; width: 31%; font-size: 1.09em;}
form #headerWrapFour .searchWrap {float: left; width: 66%; position: relative;}
form #headerWrapFour .advancedSearch {float: right; width: 66%; position: relative;
	background-color: #093d51;}
form #headerWrapFour .advancedSearch a {font-size: smaller; float:right;padding:0;margin:0; color: #fff;}
form #headerWrapFour .searchInnerWrap {background: #fff; padding: 0 0 0 5px; overflow: hidden; border: 1px solid #fff;}
form #headerWrapFour .searchWrap input {width: 78%; border: none; font-size:1.34em; margin: 0; float: left; padding: 4px 0 2px; background-image: none;}
form #headerWrapFour .searchWrap span.button {float: left; width: 22%; display:block; padding: 0; border: none; margin: 0;}
form #headerWrapFour .searchWrap span.button input {font-size:1.34em; width: 100%; margin: 0; padding: 3px 0; float: none; border: none; background-image: url(../../images/button-bg.gif);}
form #headerWrapFour .searchWrap span.button input:hover {background-color:#FDB033; background-image:url(../../images/button-hover-bg.gif);}
form #headerWrapFour .searchWrap span.button input:focus, form #headerWrapFour .searchWrap span.button input:active {background-color: #f0e255; background-image: url(../../images/button-active-bg.gif);}

#headerWrap form div.button {float: right; padding: 0; margin: 11px 40px 0 10px;}


/* CONTENT
--------------------------------------------------------------*/
/* UTILITY LINKS */
#utilLinks {font-size: 0.92em; text-align: right; margin: 0.3em 40px 0;}
#utilLinks ul {margin: 0; padding: 0; }
#utilLinks ul li {display: inline; list-style-type: none; background: none; border-left: 1px solid #777; padding: 0 0 0 5px; margin: 0 0 0 5px;}
#utilLinks ul li.first {border: none;}
#utilLinks ul li a {font-weight: normal; text-decoration: none; color: #333; padding: 0;}
#utilLinks ul li a:visited {color: #666;}
#utilLinks ul li a:hover {text-decoration: underline;}
#utilLinks ul li a:focus, #utilLinks ul li a:active {color: #fff;}

/* PAGE TITLE */
#pageTitle {border-bottom: 2px solid #ccc; overflow: hidden; padding: 0 120px 0 10px;}
#pageTitle div {float: left; display: block; font-size: 1.75em; font-weight: bold; margin: 0.8em 0 0.1em;}
#pageTitle div h2,#pageTitle div h1  {display: inline; color: #0078a7; font-size: 1em; margin: 0; padding: 0;}


/* SIDE WRAP ONE
--------------------------------------------------------------*/
/* BOX A */
#sideWrapOne .boxA ul li {background: none; padding-left: 0;}
#sideWrapOne .boxA .floatCenter {margin: 0 17px;}
#sideWrapOne .boxA dl {clear: both;}
#sideWrapOne .boxA dl dt, #sideWrapOne .boxA dl dd {float: none; margin: 0 5px 0 0; width: auto;}
#sideWrapOne .boxA dl dt {float: left;}
#sideWrapOne .boxA .button {margin: 0 0 0 20px;}

#sideWrapOne .gradMenu .boxA {border: none; background-color: #fff; padding:0; margin:0; text-indent: 0em; text-decoration:none;}
#sideWrapOne .gradMenu .boxA ul li {float: none; text-indent:0px; margin: 2px 0 2px -10px; padding: 2px 0 2px 15px; background: none; background-color: #e5e5e5; font-size: 1.09em; width:135px; text-align: left;}

#sideWrapOne .gradMenu .boxA li.dottedLineTop a:active, #sideWrapOne .gradMenu .boxA li.dottedLineTop a:focus,
#sideWrapOne .gradMenu .boxA li.dottedLineSecTop a:active, #sideWrapOne .gradMenu .boxA li.dottedLineSecTop a:focus {color: #000;background-color:#f4f4f4;}

#sideWrapOne .gradMenu .boxA ul li:hover, #sideWrapOne .gradMenu .boxA ul li.dottedLineTop:hover,#sideWrapOne .gradMenu .boxA ul li.dottedLineSecTop:hover,
#sideWrapOne .gradMenu .boxA ul li.dottedLineSecTop:last-child:hover, #sideWrapOne .gradMenu .boxA ul li.dottedLineSecTop:first-child:hover {background-color: #f4f4f4; color: #fff;}
#sideWrapOne .gradMenu .boxA ul li a {margin: 0 0 0 -3px; display: inline;color: #000;}
#sideWrapOne .gradMenu .boxA ul li.clickedOn {background-color: #cc3300; color: #ffffff;}
#sideWrapOne .gradMenu .boxA img.floatRight {float:right; border:none;margin:0 0 0 -13px;padding:0;height:20px;vertical-align:middle;}
#sideWrapOne .gradMenu .boxA .grey {text-indent:0px;padding-left:10px; background-color: #ccc; width: 140px;}
#sideWrapOne .gradMenu .boxA .spaceTop {padding-top: 5px;}
#sideWrapOne .gradMenu .boxA .sectors {text-indent:20px; background-color: #ccc; width: 150px;font-size: 1.0em;}
#sideWrapOne .gradMenu .boxA ul li.dottedLineTop {padding: 2px 0 2px 15px; text-indent:0px; width: 135px; border-top: 3px dotted #cccccc; background-color: #fff;font-size: 1.05em; }
#sideWrapOne .gradMenu .boxA ul li.dottedLineSecTop {font-size: 0.9em; padding: 2px 0 2px 5px; text-indent:0px; width: 125px; border-top: 2px dotted #cccccc; background-color: #fff;empty-cells: hide;}
#sideWrapOne .gradMenu .boxA ul li.dottedLineSecTop a {color: #000;}
#sideWrapOne .gradMenu .boxA ul li.dottedLineSecTop:first-child {border-top: 2px dotted #fff; background-color: #fff;}
#sideWrapOne .gradMenu .boxA ul li.dottedLineSecTop:last-child {border-bottom: 2px dotted #fff; background-color: #fff;}
#sideWrapOne .gradMenu .boxA li.subSection, #sideWrapOne .gradMenu .boxA li.subSection:hover {background-color: #fff;}
#sideWrapOne .gradMenu .boxA ul li.dottedLineBottom {border-bottom: 3px dotted #cccccc;}
#sideWrapOne .gradMenu .boxA .floatCenter {margin: 0 17px;}
#sideWrapOne .gradMenu .boxA dl {clear: both;}
#sideWrapOne .gradMenu .boxA dl dt, #sideWrapOne .gradMenu .boxA dl dd {float: none; margin: 0 5px 0 0; width: auto;}
#sideWrapOne .gradMenu .boxA dl dt {float: left;}
#sideWrapOne .gradMenu .boxA .button {margin: 0 0 0 20px;}
#sideWrapOne .gradMenu h3.header {margin: 3px 0 3px 0px; padding: 3px 0 3px 0; background-color: #fe7f1b; background-image: url(../../images/button-action-bg.gif); margin-top: 0; font-size: 1.09em; color: #fff;}
#sideWrapOne .gradMenu h3.header a:active {background-color:#fe7f1b;}
#sideWrapOne .gradMenu h3.header a {margin:0;padding-left:10px;color: #fff;}

/* SIDE WRAP TWO
--------------------------------------------------------------*/
/* SHORTLIST */
#sideWrapTwo.shortlist {margin-top: 1.5em;}

#sideWrapTwo .myShortlist {
    position: absolute;
    background-color: #fff;
    padding: 0 10px 10px;
    top: -4.8em;
    width: 95px;
    }

#sideWrapTwo .myShortlist p {
    padding: 13px 9px 13px 29px;
    color: #000;
    display: block;
    margin: 0;
    background: #eee url(../../images/icons/shortlist-icon.gif) no-repeat 9px center;
    }

#sideWrapTwo .myShortlist a, #sideWrapTwo .myShortlist a:link {
    padding: 5px 0;
    color: #666;
    }

#sideWrapTwo p, #sideWrapOne p {padding-right: 5px;}
#sideWrapTwo .advertising a {display: block; padding-bottom: 6px;}

/* BOX A */
#sideWrapTwo .boxA ul li, #sideWrapOne.boxA ul li {background: none; padding: 0;}


/* FOOTER
--------------------------------------------------------------*/
#footerWrap {clear: both; margin: 20px 0 0 0; padding: 0 40px; background-color: #eee; border-top: 2px solid #ccc;}

/* FOOTER WRAP ONE */
#footerWrap #footerWrapOne {border-bottom: 2px solid #ccc; padding: 18px 0 20px 0; overflow: hidden;}

#footerWrap #footerWrapOne ul {margin: 0;}
#footerWrap #footerWrapOne ul li {background: none; margin: 0 0 0.7em; padding: 0;}

#footerWrap #footerWrapOne a {font-weight: bold; color: #333; text-decoration: none; margin-right: 10px;}
#footerWrap #footerWrapOne a:visited {color: #666;}
#footerWrap #footerWrapOne a:hover {text-decoration: underline; }
#footerWrap #footerWrapOne a:active, #footerWrap #footerWrapOne a:focus {color: #ccc; background-color: #333; }

/* COL 1 */
#footerWrap #footerWrapOne .col1 {width: 22%; float: left;}
#footerWrap #footerWrapOne .col1 ul {padding: 0 20px 0 0; }
#footerWrap #footerWrapOne .col1 ul li a {margin-right: 0;}

/* COL 2 */
#footerWrap #footerWrapOne .col2 {width: 54%; float: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc; overflow: hidden;}
#footerWrap #footerWrapOne .col2 ul {padding: 0 20px 0 25px; overflow: hidden;}
#footerWrap #footerWrapOne .col2 ul li {width: 33%; float: left; }

/* COL 3 */
#footerWrap #footerWrapOne .col3 {width: 23%; float: left;}
#footerWrap #footerWrapOne .col3 ul {padding: 0 0 0 20px; margin-top: 7px;}
#footerWrap #footerWrapOne .col3 ul li {display: inline; margin-right: 10px;}

/* FOOTER WRAP TWO */
#footerWrap #footerWrapTwo {padding: 8px 0 25px; overflow: hidden; clear: both;}
#footerWrap #footerWrapTwo .gjLogo, #footerWrap #footerWrapTwo .sjLogo {float: left; margin-right: 40px;}
#footerWrap #footerWrapTwo .gjLogo:hover, #footerWrap #footerWrapTwo .sjLogo:hover,
#footerWrap #footerWrapTwo .gjLogo:focus, #footerWrap #footerWrapTwo .sjLogo:focus {background-color: transparent; outline: 1px dotted #666;}
#footerWrap #footerWrapTwo .gjLogo {margin-top: 12px;}
#footerWrap #footerWrapTwo .statement {float: right; text-align: right;}


/*--------------------------------------------------------------
    PAGE SPECIFIC STYLING
--------------------------------------------------------------*/

/*  HOMEPAGE
--------------------------------------------------------------*/
.homePage #headerWrapOne h1 {margin: 0;}

.homePage .contentWrapTwo {margin-top: 28px;}
.homePage #contentBlock {border-bottom: 2px solid #ccc; padding-bottom: 1.5em;}

.homePage .twoColWrap {overflow: hidden;}
.homePage .twoColWrap.leftMain .colOneWrap {width: 65%;}
.homePage .twoColWrap.leftMain .colTwoWrap {width: 34.9%;}

/* COL ONE */
.homePage .twoColWrap .twoColWrap {border-top: 2px solid #ccc;}
.homePage .twoColWrap .twoColWrap .colOneWrap {width: 49.9%;}
.homePage .twoColWrap .twoColWrap .colTwoWrap {width: 50%;}

.homePage #tabs table {border: none; width: 99.9%; margin: 0;}
.homePage #tabs table th {background: none; border: none; border-bottom: 1px solid #ccc;}
.homePage #tabs table td {border: none; border-bottom: 1px dotted #ccc;}

.homePage .twoColWrap .colOneWrap .twoColWrap .box {margin-top: 20px;}
.homePage .twoColWrap .colOneWrap .twoColWrap .box.linkified-box {min-height: 200px;}
.homePage .twoColWrap .colOneWrap .twoColWrap .box.boxAdvert h2 {margin: 0;}
.homePage .twoColWrap .colOneWrap .twoColWrap .box.boxAdvert p.floatRight {margin: 0.75em 0;}

.homePage .twoColList {overflow: hidden;}
.homePage .twoColList li {float: left; width: 40%;}

.homePage .inlineList {overflow: hidden; font-size:1.3em;}
.homePage .inlineList li {float: left; margin-right: 10px; padding-left: 0; background: none; margin-top: 0.2em;}
.homePage .inlineList li a {white-space: pre;}

.homePage .boxAdvert img {margin-top: -16px;}

/* THREE COL BLOCK */
.homePage .threeColWrap {overflow: hidden; border-top: 2px solid #ccc; clear: both;}

.homePage .threeColWrap .colThreeWrap .col3 {margin: 0;}

/* news date styling */
.newsList h2 {padding:0;}
.newsList ul {padding: 0;}
.newsList li {
	margin: 0.75em 0 0 45px;
    padding: 0 0 0.75em;
    position:relative;
	background:none;
	border-bottom: 1px dotted #ccc;

	}
.newsList .date {
	left:-45px;
	position:absolute;
	top:3px;
	width:36px;
	font-size:0.9em;
    text-align:center;
	}
.newsList .date span {
	background-color:#093d51;
	color: #fff;
	line-height:0.9;
	display:block;
    margin:0;
    padding:3px 0;
	}
.newsList .date .day {
	font-size:164.5%;
    font-weight:bold;
	padding: 5px 0 0 0;
	background:#093d51 url(/images/second_jobber_calendar_top.gif) no-repeat left top;
	}
.newsList .date .month {
	padding-bottom:3px;
	}
.newsList .date .year {
	background:#0078a7 url(/images/second_jobber_calendar_bottom.gif) no-repeat left bottom;
	padding-top:4px;
	}

.newsList p {padding: 0; margin: 0;}

/* SIDE WRAP TWO */
.homePage #sideWrapTwo.shortlist {margin-top: 8.6em;}
.homePage #sideWrapTwo.shortlist .myShortlist {
    top: -8.7em;
    left:5px;
    padding: 0 10px 10px;
    position: absolute;
    width: 95px;
    background-color: transparent;
    }
.homePage #sideWrapTwo.shortlist .myShortlist p {
    background-color: #EEE;
    color: #000;
    display: block;
    margin: 0;
    padding: 10px 0 10px 10px;
    background-image: none;
    }


/*  RECRUITER LOGIN PAGE
--------------------------------------------------------------*/
.recruiterLoginPage .contentWrapTwo {margin-left: -310px; background: none;}
.recruiterLoginPage .contentWrapThree {margin-right: 0; background-image: none;}
.recruiterLoginPage #contentBlock {margin-left: 300px; margin-right: 0;}
.recruiterLoginPage #sideWrapOne {display: block; width: 280px;}
.recruiterLoginPage #sideWrapTwo {display: none;}

.recruiterLoginPage #contentBlock .box .boxInner h2 {margin-top: 1em;}
.recruiterLoginPage #contentBlock .box .boxInner {margin-top: 1.4em;}
.recruiterLoginPage #contentBlock .box .boxInner img.floatLeft {margin-bottom: 0.2em; margin-left: 20px;}
.recruiterLoginPage #contentBlock .box .boxInner ul li {background: none;}
.recruiterLoginPage #contentBlock .box .boxInner blockquote {clear: none;}
.recruiterLoginPage #contentBlock .box .boxInner blockquote p {padding: 0 10px;}
/*.recruiterLoginPage #contentBlock .box .boxInner blockquote p {padding: 0 10px;} remove for consistency between recruiter login and services page*/
.recruiterLoginPage #contentBlock .box .boxInner table {margin-bottom: 15px;}


/*  SERVICES PAGE
--------------------------------------------------------------*/
.servicesPage .contentWrapTwo {margin: 0; background-image: none;}
.servicesPage .contentWrapTwo #sideWrapTwo {display: none;}
.servicesPage .contentWrapThree {margin: 0;}
.servicesPage .contentWrapThree #contentBlock {margin: 20px 0 0; }

/* BANNERWRAP */
.servicesPage .bannerWrap .boxA {float: left; width: 270px; min-height: 181px;}
.servicesPage .bannerWrap .boxA dl dt {float: left; display: block; margin-right: 10px; width: 5em;}
.servicesPage .bannerWrap .boxA dl dd {display: block; margin: 0; float: none; width: auto;}
.servicesPage .bannerWrap .boxA dl dt, .servicesPage .bannerWrap .boxA dl dd {margin-bottom: 0.5em;}
.servicesPage .bannerWrap img.floatRight {margin-right: 0;}

/*TWO COLUMNS */
.servicesPage .twoColWrap .colOneWrap {width: 55%;}
.servicesPage .twoColWrap .colTwoWrap {width: 44.9%;}

.servicesPage .jobsLargeIcon h2, .servicesPage .magnifyLargeIcon h2, .servicesPage .packageLargeIcon h2 {margin: 1em 0 0;}
.servicesPage .jobsLargeIcon p, .servicesPage .magnifyLargeIcon p, .servicesPage .packageLargeIcon p {margin-top: 0;}

.servicesPage .factsLargeIcon h2 {margin-top: 1em;}

/* RUN CAMPAIGN BOX */
.servicesPage .threeColBox .boxInner .threeColWrap {background-image: url(../../images/run-campaign-col-wide-bg.gif);}

.servicesPage .threeColBox .linkified-box .col1, .servicesPage .threeColBox .linkified-box .col2, .servicesPage .threeColBox .linkified-box .col3 {
    min-height:90px;
    }

.servicesPage .threeColBox .linkified-box h3 {margin-top: 1em;}
.servicesPage #contentBlock blockquote p {padding: 0 10px;}


/*  CV SEARCH PAGE
--------------------------------------------------------------*/
.cvSearchPage .contentWrapTwo {background-image: none;}
.cvSearchPage .contentWrapThree #contentBlock {margin: 0; }
.cvSearchPage .contentWrapTwo #sideWrapTwo {display: none;}

/* TWO COLUMNS */
.cvSearchPage .twoColWrap .colOneWrap {width: 44.9%;}
.cvSearchPage .twoColWrap .colTwoWrap {width: 55%;}

.cvSearchPage .twoColList {overflow: hidden;}
.cvSearchPage .twoColList li {float: left; width: 45%; }

.cvSearchPage #contentBlock blockquote p {padding: 0 10px;}


/*  CLIENT DETAILS (logica page)
--------------------------------------------------------------*/
.anchorNav {padding: 8px 10px 10px; margin: 0; background: #333; }
.anchorNav li {display: inline; padding: 0 0 0 12px; margin: 0 10px 0 0; background: none; border-left: 1px solid #fff;}
.anchorNav li.first {padding: 0; border: none;}
.anchorNav li a, .anchorNav li a:link, .anchorNav li a:visited {color: #fff;}
.anchorNav li a:active, .anchorNav li a:focus {color: #000; background: #fff;}


/*  CV SEARCH RESULTS
--------------------------------------------------------------*/
.cvResultsPage #contentBlock {margin-right: 140px;}
.cvResultsPage .contentWrapTwo {background: none;}
.cvResultsPage #sideWrapTwo {width: 120px; padding: 0;}

.searchResults {margin-top: 0;}
p.searchResults {font-weight: bold; font-size:1.34em;}
p.searchResults span {color: #C60;}

.cvResultsPage .box.boxSearchList .boxInner ul li .box .boxInner {overflow: hidden; padding-bottom: 0;}

.searchQuery dl {overflow: hidden;}
.searchQuery dl dt {font-weight: bold; float: left; clear: both; font-size: 1em; width: 6em;}
.searchQuery dl dd {margin: 0;}
.searchQuery .colTwoWrap dl dt {width: 8em;}

.searchQuery ul {overflow: hidden;}
.searchQuery ul li {float: left; width: 30%;}

.cvDownload {margin-top: 15px; margin-right: 0; padding: 0; font-weight: bold;}

.cvResultsPage .box.boxSearchList .boxInner .boxInner .twoColWrap {width: 100%;}


/* JOB APPLICATION SUCCESS
--------------------------------------------------------------*/
.rightMain .colOneWrap .box .boxInner h3 {margin-top: 0.75em;}


/*  JOB DETAILS
--------------------------------------------------------------*/
.jobBrief p {width: 460px;}
.jobBrief .jobLogo a {
	background-color: white;
	line-height: 0;
}
.jobBrief .jobLogo img {
	float: right;
	background-color: white;
	margin: 0;
	padding: 0;
}

.jobLogo {float: right; width: 270px; height: 80px; margin: 0;}

.jobBrief dl {overflow: hidden; margin-bottom: 5px;}
.jobBrief dl dt {
    border-top:1px dotted #CCCCCC;
    clear:both;
    display:block;
    float:left;
    font-size:1em;
    font-weight:bold;
    padding: 4px 0;
    width:12em;
    }
.jobBrief dl dd {
    border-top:1px dotted #CCCCCC;
    display:block;
    float:left;
    margin:0;
    padding: 4px 0;
    width:310px;
    }

/* JOB APP BOX */
.jobDetailsPage .boxJobApp .button a {padding: 4px 50px 6px; font-size: 1.34em;}
.jobDetailsPage .boxJobApp .plusIcon, .jobDetailsPage .boxJobApp .emailGreenIcon, .jobDetailsPage .boxJobApp .backIcon, .jobDetailsPage .boxJobApp .closeIcon {margin-left: 20px; margin-right: 15px; }

.jobDetailsPage .jobAppFloat {float:right; width: 270px; margin: 5px 0 10px 20px;}
.jobDetailsPage .jobAppFloat .row {border-top: 1px solid #ccc; padding: 10px 10px 10px 40px;}
.jobDetailsPage .jobAppFloat .row.first {border-top: none; padding-left: 50px;}
.jobDetailsPage .jobAppFloat .row .button {margin: 0;}
.jobDetailsPage .jobAppFloat .row a {margin-right: 0;}

.jobDetailsPage .mediaPlayerWrap {float: right; clear:both; margin: 5px 0 10px 20px}

.jobDetailsPage h2 {clear: none;}
.jobDetailsPage h2.floatLeft {margin-top: 0.45em;}


/*  JOB POSTING PROCESS
--------------------------------------------------------------*/
.postingProcess ol {padding: 0 10px 16px; list-style-type: none;}
.postingProcess ol.step1 {background: url(../../images/process-step1.gif) no-repeat 78px bottom;}
.postingProcess ol.step2 {background: url(../../images/process-step2.gif) no-repeat 78px bottom;}
.postingProcess ol.step3 {background: url(../../images/process-step3.gif) no-repeat 78px bottom;}
.postingProcess ol.step4 {background: url(../../images/process-step4.gif) no-repeat 78px bottom;}
.postingProcess ol.step5 {background: url(../../images/process-step5.gif) no-repeat 78px bottom;}
.postingProcess ol.step6 {background: url(../../images/process-step6.gif) no-repeat 78px bottom;}

.postingProcess ol li {
    width: 124px;
    display: inline-block;
    vertical-align: bottom;
    padding: 0;
    margin: 10px 13px 0;
    }

.postingProcess ol li div {text-align: center; padding: 10px 7px 16px; background: #f2f2f2 url(../../images/process-tail.gif) no-repeat center bottom; font-weight: bold;}
.postingProcess ol li.current div {background: #fe7d19 url(../../images/process-tail-current.gif) no-repeat center bottom;}


/* POSTING PAYMENT PAGE */
.postingPayment {margin: 0 150px 20px; text-align: right;}
.postingPayment .boxC {margin-bottom: 0; text-align: left;}
.postingPayment .boxC .boxTitle {margin-top: 0.75em;}
.postingPayment .boxC table .totalPayment td {border-top: 1px solid #ccc;}
.postingPayment .boxC table .alignRight {text-align: right;}
.postingPayment .boxC table .closeIcon {text-indent: -9999px; background-color: transparent; width: 0; border: none; cursor: pointer;}

.postingPayment .button {margin-right: 0;}


/*  PRE PUBLISHED CHECK PAGE
--------------------------------------------------------------*/
.publishCheckPage .formItem .formInner {float: right; padding: 15px 10px 0;}

.publishCheckPage .formItem h2 {margin-bottom: 0;}
.publishCheckPage .formItem .formInner h3 {
    display:block;
    position: absolute;
    font-weight:bold;
    margin:0;
    padding:0 5px 0 0;
    text-align:right;
    width:160px;
    left: -170px;
    font-size: 1em;
    }

.publishCheckPage .formItem .formInner p {
    display: block;
    float: none;
    width: auto;
    text-align: left;
    font-weight: normal;
    margin: 0 0 2em;
    }

.publishCheckPage .formItem .formInner ul {padding: 0; margin-top: 0;}
.publishCheckPage .formItem .formInner ul li {margin: 0 0 0.4em;}

.publishCheckPage .formItem .formControls {text-align: right; clear: both;}
.publishCheckPage .formItem .formControls .button {margin: 10px 0 0;}
.publishCheckPage .formItem .formControls .button a {padding: 4px 64px 6px 40px;}

.publishCheckPage .formControls .button {margin-left: 0;}
.publishCheckPage .formControls .button a {padding: 4px 64px 6px 40px;}


/*--------------------------------------------------------------
    JS SPECIFIC STYLING
--------------------------------------------------------------*/
/* LINKIFIED BOX STYLING */
.js .linkified {
    cursor: pointer;
    background-image: url(../../images/icons/arrow-linkified-box.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    }
.js .linkified.hover {background-image: url(../../images/icons/arrow-linkified-box-hover.gif);}
.js .linkified.hover a {text-decoration: underline;}


/*  BOX STYLING
--------------------------------------------------------------*/

/* BOX SEARCH (box B with search form) */
.js .boxB.boxSearch {padding-bottom: 2.3em;}
.js .boxB.boxSearch p {position: absolute; left: 0; bottom: 0;}
.js .boxB.boxSearch .formItem input.default-value {color: #666; font-style: italic; }
.js .boxB.boxSearch .boxInner form fieldset {padding-top: 0;}


/*  TABS STYLING
--------------------------------------------------------------*/
.js #tabs .ui-tabs-hide {display: none;}

.js #tabs ul {
    padding: 0;
    margin: 0 0 0 20px;
    list-style: none;
    line-height: 1;
    overflow: hidden;
    }

.js #tabs ul li {
    float: left;
    background: none;
    padding: 0;
    margin: 0 5px 0 0;
    border:2px solid #eee;
    border-bottom: none;
    position: relative;
    }

.js #tabs ul a {
    display: block;
    padding:4px 7px 6px;
    margin: 0;
    background: #eee;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    }

.js #tabs ul .ui-state-active {outline: none;}
.js #tabs ul a:focus {outline: none; text-decoration: underline;}

.js #tabs ul .ui-state-active, .js #tabs ul .ui-state-hover, .js #tabs ul .ui-state-focus {
    background: #fff;
    border: 2px solid #999;
    border-bottom: 2px solid #fff;
    z-index: 200;
    }

.js #tabs ul .ui-state-active a, .js #tabs ul .ui-state-hover a, .js #tabs ul .ui-state-focus a {
    background: #fff;
    }

.js .ui-tabs-panel {border-top: 2px solid #999; padding-top: 10px; margin-top: -2px; position: relative; z-index: 100;}


/*  HEADER
--------------------------------------------------------------*/
/* NAV DROPDOWN ENHANCEMENTS */
#nav li.sffocusparent {border:2px solid #ccc; border-bottom: 0;}

#nav .sffocusparent a {
    text-decoration: underline;
    background-color:#FFFFFF;
    padding:4px 7px 6px;
    position: relative;
    z-index: 8000;
    }

#nav .sffocusparent ul {margin-left: -2px;}
#nav ul li.sffocusparent {border: none;}

#nav .sffocusparent ul a {
    text-decoration: none;
    background-color:#FFFFFF;
    padding:6px 9px;
    }

#nav .sffocusparent ul a:hover, #nav .sffocusparent ul a:focus, #nav .sffocusparent ul a:active {text-decoration: underline;}
#nav .sffocusparent ul li a:active, #nav .sffocusparent ul li a:focus {margin-left: 2px; width: auto;}

/* HEADER WRAP THREE */
/* advanced search show hide */
.js #searchForm {position: relative; }
.js #advSearchToggle {
    background-color: #006699;
	background-image: url(../../images/icons/arrow-search-down-inactive.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
    bottom:-2.2em;
    display:block;
    position:absolute;
    color: #fff;
    padding: 0.5em 5px 4px 30px;
    font-size: 1.09em;
    font-weight: bold;
    left:28.2%;
    outline: none;
    text-decoration: none;
    }
.js #advSearchToggle:hover, .js #advSearchToggle:active, .js #advSearchToggle:focus {background-image: url(../../images/icons/arrow-search-down-hover.gif); text-decoration: underline;}

.js #advSearchToggle.open {background-image: url(../../images/icons/arrow-search-up-inactive.gif);}
.js #advSearchToggle.open:hover, .js #advSearchToggle.open:active, .js #advSearchToggle.open:focus {background-image: url(../../images/icons/arrow-search-up-hover.gif); text-decoration: underline;}

/* HEADER WRAP FOUR */
.js form #headerWrapFour .searchWrap input.default-value {color: #666; font-style: italic; }


/*  SITEMAP
--------------------------------------------------------------*/
.js #sitemap li {font-size: 1.34em; background-position: 6px 0.5em; position: relative; padding-left: 25px; }
.js #sitemap ul li {font-size: 0.87em; background-position: 6px 0.5em;}
.js #sitemap .toggle-li-element {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0.2em;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    background: url(../../images/icons/sitemap-icons.gif) no-repeat left top;
    outline: none;
    }

.js #sitemap .toggle-li-element:hover, .js #sitemap .toggle-li-element:focus, .js #sitemap .toggle-li-element:active {background-position: 0 -16px; }
.js #sitemap .collapse {background-position: 0 -32px; }
.js #sitemap .collapse:hover, .js #sitemap .collapse:focus, .js #sitemap .collapse:active {background-position: 0 -48px; }




		/* PLUGINS AND ENHANCEMENTS
		--------------------------------------------------------------*/
		
/*
    ROUNDED CORNERS, ADDED USING JAVASCRIPT
    inc : boxes;
    inc : buttons;
    inc : Base page elements;
    inc : page specific styling;
*/

.sw, .se, .ne, .nw {
    position: absolute;
    margin: 0;
    font-size: 1px;
    height: 5px;
    width: 5px;
    overflow: hidden;
    padding: 0;
    background-repeat: no-repeat;
    }

.ne {right: 0; top: 0; margin-top: 0; margin-right: 0; background-position: 100% 0;}
.nw {left: 0; top: 0; margin-top: 0; margin-left: 0; background-position: 0 0;}
.se {right:0; bottom: 0; margin-bottom: 0; margin-right: 0; background-position: 100% -5px;}
.sw {left: 0; bottom: 0; margin-bottom: 0; margin-left: 0; background-position: 0 -5px;}


/*--------------------------------------------------------------
    BOXES
--------------------------------------------------------------*/
.box .ne, .box .nw, .box .se, .box .sw {background-image:url(../../../images/corners/cnrs-box.png); height: 7px; width: 7px;}
.box .ne {right: -1px; top: -1px;}
.box .nw {left: -1px; top: -1px;}
.box .se {right: -1px; bottom: -1px;}
.box .sw {left: -1px; bottom: -1px;}

/* BOX SUCCESS (green box with border) */
.box.boxSuccess .ne, .box.boxSuccess .nw, .box.boxSuccess .se, .box.boxSuccess .sw {background-image:url(../../../images/corners/cnrs-box-green.gif);}
.box.boxSuccess .companyLogo .ne, .box.boxSuccess .companyLogo .nw, .box.boxSuccess .companyLogo .se, .box.boxSuccess .companyLogo .sw {background-image:url(../../../images/corners/cnrs-box-on-green.gif);}

/* BOX WARNING (orange box with border) */
.boxWarning .ne, .boxWarning .nw, .boxWarning .se, .boxWarning .sw {background-image: url(../../../images/corners/cnrs-box-orange.gif);}

.boxWarning .se {background-position: -7px -7px;}
.boxWarning .sw {background-position: 0 -7px;}

/* BOX SEARCH LISTINGS (pagination, form and results e.g. Employers list) */
.box.boxSearchList ul li .box .ne, .box.boxSearchList ul li .box .se, .box.boxSearchList ul li .box .nw, .box.boxSearchList ul li .box .sw {background-image: url(../../../images/corners/cnrs-box-outer-grey.gif); height: 6px; width: 6px;}
#pageWrap .box.boxSearchList form .button .ne, #pageWrap .box.boxSearchList form .button .se, #pageWrap .box.boxSearchList form .button .nw, #pageWrap .box.boxSearchList form .button .sw {background-image: url(../../../images/corners/cnrs-button-black.gif);}
.box.boxSearchList form .button .ne, .box.boxSearchList form .button .nw {z-index: 1;}


/*--------------------------------------------------------------
    BUTTONS
--------------------------------------------------------------*/
#pageWrap .button .ne, #pageWrap .button .nw, #pageWrap .button .se, #pageWrap .button .sw {background-image:url(../../../images/corners/cnrs-button.gif); height: 5px; width: 5px;}
.button .ne {right: 0; top: 0;}
.button .nw {left: 0; top: 0;}
.button .se {right: 0; bottom: 0;}
.button .sw {left: 0; bottom: 0;}

/* ACTION (dark orange) */
#pageWrap .button.action .ne, #pageWrap .button.action .nw, #pageWrap .button.action .se, #pageWrap .button.action .sw {background-image:url(../../../images/corners/cnrs-button-active.gif); height: 5px; width: 5px;}

/* ACTION ARROW (dark orange with arrow) */
#pageWrap .button.actionArrow .ne, #pageWrap .button.actionArrow .nw, #pageWrap .button.actionArrow .se, #pageWrap .button.actionArrow .sw {background-image:url(../../../images/corners/cnrs-button-active.gif); height: 5px; width: 5px;}

/* HIGHLIGHTED TEXT */
.grnHighlight {position: relative;}
#pageWrap .grnHighlight .ne, #pageWrap .grnHighlight .nw, #pageWrap .grnHighlight .se, #pageWrap .grnHighlight .sw {background-image:url(../../../images/corners/cnrs-green.gif); height: 5px; width: 5px;}
.grnHighlight .ne {top: 0; right: 0;}
.grnHighlight .nw {top: 0; left: 0;}
.grnHighlight .se {bottom: 0; right: 0;}
.grnHighlight .sw {bottom: 0; left: 0;}

.redHighlight {position: relative;}
#pageWrap .redHighlight .ne, #pageWrap .redHighlight .nw, #pageWrap .redHighlight .se, #pageWrap .redHighlight .sw {background-image:url(/images/corners/second-jobber-lozenge-corner.png); height: 5px; width: 5px;}
.redHighlight .ne {top: 0; right: 0;}
.redHighlight .nw {top: 0; left: 0;}
.redHighlight .se {bottom: 0; right: 0;}
.redHighlight .sw {bottom: 0; left: 0;}


/*--------------------------------------------------------------
    BASE PAGE ELEMENTS
--------------------------------------------------------------*/

/* HEADER
--------------------------------------------------------------*/
/* NAVIGATION */
#nav li .ne, #nav li .nw {background-image:url(../../../images/corners/cnrs-white.png);}
#nav li .ne {right: -2px; top: -2px;}
#nav li .nw {left: -2px; top: -2px;}

/* LEVEL TWO */
#nav ul li .ne, #nav ul li .nw {background-image:none;}

/* HEADER WRAP FOUR */
form #headerWrapFour .searchWrap .ne, form #headerWrapFour .searchWrap .se {background-image:url(../../../images/corners/cnrs-searchbar.gif);}
form #headerWrapFour .searchWrap span.button .ne, form #headerWrapFour .searchWrap span.button .se,
form #headerWrapFour .searchWrap span.button .nw, form #headerWrapFour .searchWrap span.button .sw {display: none;}

#headerWrap form div.button.action .ne, #headerWrap form div.button.action .nw,
#headerWrap form div.button.action .se, #headerWrap form div.button.action .sw {background-image:url(../../../images/corners/cnrs-button-active-black.gif);}

/* ADVANCE SEARCH HIDE SHOW */
.js #advSearchToggle .se, .js #advSearchToggle .sw {background-image:url(../../../images/corners/cnrs-adv-search-toggle.gif);}


/* SIDEWRAP
--------------------------------------------------------------*/
/* SHORTLIST */
#sideWrapTwo.shortlist .ne, #sideWrapTwo.shortlist .nw, #sideWrapTwo.shortlist .se, #sideWrapTwo.shortlist .sw {background-image:url(../../../images/corners/cnrs-box-grey.gif);}
#sideWrapTwo.shortlist .ne {right: 10px;}
#sideWrapTwo.shortlist .nw {left: 10px;}
#sideWrapTwo.shortlist .se {right: 10px; bottom: 10px;}
#sideWrapTwo.shortlist .sw {left: 10px; bottom: 10px;}


/*--------------------------------------------------------------
    PAGE SPECIFIC STYLING
--------------------------------------------------------------*/

/*  HOMEPAGE
--------------------------------------------------------------*/

/* TABS */
.js #tabs ul .ui-state-default .ne, .js #tabs ul .ui-state-default .nw {background-image:url(../../../images/corners/cnrs-grey.gif);}
.js #tabs ul .ui-state-active .ne, .js #tabs ul .ui-state-active .nw,
.js #tabs ul .ui-state-hover .ne, .js #tabs ul .ui-state-hover .nw,
.js #tabs ul .ui-state-focus .ne, .js #tabs ul .ui-state-focus .nw {background-image:url(../../../images/corners/cnrs-tabs-active.gif);}
.js #tabs ul .ui-state-default .ne, .js #tabs ul .ui-tabs-selected .ne {top: -2px; right: -2px;}
.js #tabs ul .ui-state-default .nw, .js #tabs ul .ui-tabs-selected .nw {top: -2px; left: -2px;}
.js #tabs ul .ui-state-default .se, .js #tabs ul .ui-state-default .sw {display: none;}

/* ACCORDION */
.boxAccordion .boxTitle .accAlert .ne, .boxAccordion .boxTitle .accAlert .nw, .boxAccordion .boxTitle .accAlert .se, .boxAccordion .boxTitle .accAlert .sw {background-image:url(../../../images/corners/cnrs-red.gif); height: 5px; width: 5px;}
.boxAccordion .boxTitle .accAlert .ne {top: 0; right: 0;}
.boxAccordion .boxTitle .accAlert .nw {top: 0; left: 0;}
.boxAccordion .boxTitle .accAlert .se {bottom: 0; right: 0;}
.boxAccordion .boxTitle .accAlert .sw {bottom: 0; left: 0;}

/* FORMS
--------------------------------------------------------------*/
#contentBlock .stepHeading .nw, #contentBlock .stepHeading .ne,
#contentBlock .stepHeading .sw, #contentBlock .stepHeading .se {background-image: url(../../../images/corners/cnrs-step-heading.gif);}


/*  JOB POSTING PROCESS
--------------------------------------------------------------*/
.postingProcess ol li div {position: relative;}
.postingProcess ol li div .ne, .postingProcess ol li div .nw {background-image:url(../../../images/corners/cnrs-grey.gif); height: 5px; width: 5px;}
.postingProcess ol li div .se, .postingProcess ol li div .sw {display: none;}

.postingProcess ol li.current div .ne, .postingProcess ol li.current div .nw {background-image:url(../../../images/corners/cnrs-orange.gif); height: 5px; width: 5px;}


/*  LOCATION CHECKBOXES
--------------------------------------------------------------*/
.formLocation .formInner span {background-image: url(../../../images/corners/cnrs-box-grey-border.gif);}

.formLocation .ne, .formLocation .nw,
.formLocation .sw, .formLocation .se {height: 6px; width: 6px;}

.formLocation .ne, .formLocation .nw {top: -1px;}
.formLocation .sw, .formLocation .se {bottom: -1px;}
.formLocation .se, .formLocation .ne {right: -1px;}
.formLocation .sw, .formLocation .nw {left: -1px;}

.formLocation .sw {background-position: 0 -6px;}
.formLocation .se {background-position: -6px -6px;}


/* CV DETAILS
--------------------------------------------------------------*/
.cvDetailsHeader .nw, .cvDetailsHeader .ne {background-image: url(../../../images/corners/cnrs-cv-details.gif); top: -1px;}

.cvDetailsHeader .nw {left: -1px;}
.cvDetailsHeader .ne {right: -1px;}


/* SIGN UP STEPS
--------------------------------------------------------------*/
.stepIndicator li.current {position: relative;}
.stepIndicator li .ne, .stepIndicator li .nw, .stepIndicator li .se, .stepIndicator li .sw {padding: 0; border: 0; background-image: url(../../../images/corners/cnrs-black-border.gif);}

		#slideTop, #slideBottom, .advertMini { width: 90px; height: 35px; padding: 0; margin: 6px 0 7px 11px; _margin: 4px 0 4px 11px; }
		#slideMiniSite      { width: 90px; height: 77px; padding: 0; margin: 6px 0 7px 11px; }
		#slideTop img, #slideBottom img, #slideMiniSite img, .advertMini img { display: inline; padding: 0; _padding:-1px 0 -2px 0; margin: 0; border: none; }
		#carousel {width: 265px; height: 235px; padding: 0; margin: 0; border: 1px solid #CFCFCF; background-color: transparent;}
		#carousel img {padding: 0; margin: 0; border: none;}

		.agencyPageLogo, .agencyPageLogoLeft {border: none; margin: 1px 15px 10px 11px;}
		.agencyPageLogoLeft {float: left;}
		.strapLine {position: absolute; top: 80px; padding: 0; margin: 0 0 0 41px; color: #A0A0A0; width: 470px; font-size: 12px; font-style: italic; float: left;}
		* html body object.iehide {display: none;}
		dl.qna {clear: both; float: left; width: 95%;}
		dl.qna dt {clear: both; float: left; font-weight: bold;  padding: 0.5em; padding-bottom: 0.1em; margin-bottom: 0; width: inherit;}
		dl.qna dd {clear: both; float: left;  padding: 0.5em; padding-left: 0; margin-left: 0.5em; width: inherit;}


		.formSuccessSummary {border: 3px #3f3 solid; background:#eaffea; padding: 15px; margin-left: 10px; margin-right: 10px;}
		.formSuccessSummary p {margin-left: 0; font-size: 1.5em;}

		.minisiteAlphaNav {padding-left: 2em;}
		.minisiteAlphaNav a {float: left; width: 1.7em;}

		#keywords.default-value {color: #666; font-style: italic;}

		div.testimonial {border-bottom: 1px solid #CCCCCC;}
		div.testimonial img {float: left; border: none; margin-left: 10px; margin-right: 15px; margin-bottom: 5px;}
		div.testimonial p.service {font-weight: bold;}
		div.testimonial p.source  {font-weight: bold;}

		.imageLink a { background-color: transparent; line-height: 0; }

		.imageLink img { background-color: transparent; margin: 0; padding: 0; border: none; }

		.imageLink { margin: 0; }

		#helpPage h4 {margin-bottom: 0.05em; padding-bottom: 0;}
		#helpPage h4 a {margin-bottom: 0; padding-bottom: 0;}
		#helpPage p:first-child {margin-top: 0.05em; padding-top: 0;}

		#nav .sponsoredTab {
			background-image: url(/images/company_tab_grey.gif);
			background-repeat: no-repeat;
			background-position: center 0;
			text-indent: -999em;
			width: 86px;
			}

		#nav .sponsoredTab:hover {
			background-image: url(/images/company_tab_white.gif);
			}

		.arrowSUIcon, .arrowSUIcon:link {background-image: url(../../images/icons/arrow-forward-black-inactive.gif); background-repeat: no-repeat; background-position: left center; padding: 1px 0 1px 20px; color: #000;}
		a.arrowSUIcon:hover {background-image: url(../../images/icons/arrow-forward-hover.gif);}
		a.arrowSUIcon:focus, a.arrowIcon:active {background-image: url(../../images/icons/arrow-forward-active.gif); color: #fff;}

		.jobDetailsPage .boxJobApp .arrowSUIcon {margin-left: 20px; margin-right: 15px; }

		#leftSkyscraper {position: absolute; top: 131px; left: -125px; width: 120px; height: 600px;}
		#rightSkyscraper {position: absolute; top: 131px; left: 989px; width: 120px; height: 600px;}