/* Specific GTI jobsite styles for targetjobs.co.uk /////////// */

/*********************************** COLOUR SCHEME INFORMATION AND DECLARATIONS *********************************/

/* Background colour:                          #62C9F6 */
/* Primary foreground colour:                  #009DDA */
/* Primary foreground colour - darker version: #02364C */
/* Secondary foreground colour:                #FF0000 */
/* Secondary colour - lighter version:         #FFE5E6 */
/* Selected tab colour:                        #000    */

/* Images used in styles that contain background colour: */
/* #body background                                      */

/**** Declarations of primary foreground colour ****/

.search-options h4 {
	color: #009DDA;
}

.search-results-options a:link,
.search-results-options a:visited,
.search-results-options .search-results-options-inactive {
	background-color: #009DDA;
}

.lead-article h2 a:link,
.lead-article h2 a:visited {
	color: #009DDA;
}

#secondary-navigation a:link,
#secondary-navigation a:visited {
	background-color: #009DDA;
}

#site-navigation ul li a:link,
#site-navigation ul li a:visited {
	background: #009DDA url(images/nav-shadow.png) repeat-x left bottom;
	color: #FFF;
}

#site-navigation #site-navigation-secondary ul li a:link,
#site-navigation #site-navigation-secondary ul li a:visited {
	background: #868686 url(images/secondary-link-bg.gif) no-repeat right bottom;
	color: #FFF;
}

#site-navigation ul li a.active:link,
#site-navigation ul li a.active:visited,
#site-navigation ul li.active-trail a:link,
#site-navigation ul li.active-trail a:visited {
	background-color: #FFF;
	background-image: none;
	color: #000;
}

/** End declarations of primary foreground colour **/
/* Images used in styles that contain primary foreground colour: */
/* #recruiters-link background                                   */
/* #site-navigation ul li a background                           */
/* h1 background - simple and diff. column styles                */
/* h3 background - simple and diff. column styles                */
/* h3.tj-hp-jobslider-option1                                    */
/* h3.tj-hp-jobslider-option2                                    */

/**** Declarations of primary foreground colour - darker version ****/

#site-navigation ul li a:hover,
#site-navigation ul li a:active {
	background-color: #FFF;
	color: #000;
}

#site-navigation ul li ul {
	border-left: 1px solid #02364C;
	border-right: 1px solid #02364C;
	border-bottom: 1px solid #02364C;
}

#site-navigation ul li ul a:hover {
	background-color: #02364C;
	background-image: none;
}

.jFlowControl2:hover {
	background-color: #02364C;
}

#tj-hp-jobslider-1,
#tj-hp-jobslider-2,
#tj-hp-jobslider-3,
#tj-hp-jobslider-4,
.search-options {
	border: 1px solid #02364C;
}

.tj-featuredjob img {
	border: 1px solid #02364C;
}

.divider {
	border-bottom: 1px solid #02364C;
}

.search-results-options a:hover,
.search-results-options a:active,
.search-results-options .search-results-options-inactive:hover,
.search-results-options .search-results-options-inactive:active {
	background-color: #02364C;
	cursor: pointer;
}

.bordered-box {
	border-color: #02364C;
}

legend {
	border-color: #02364C;
}

#secondary-navigation { /* colours here are related to the darker primary foreground colour, but different shades of it */
	border-left: 1px solid #004D6A;
	border-right: 1px solid #004D6A;
	border-bottom: 1px solid #004D6A;
	background-color: #007AA9;
}

#secondary-navigation a:link,
#secondary-navigation a:visited {
	border: 1px solid #02364C;
	-moz-border-radius: 5px; /* rounded corners - css3 */
	-webkit-border-radius: 5px;
}

#secondary-navigation a:hover,
#secondary-navigation a:active {
	background-color: #02364C;
}

.five-column h2,
.four-column h2 {
	border-left: 1px solid #004D6A;
	border-right: 1px solid #004D6A;
	border-bottom: 1px solid #004D6A;
	background-color: #007AA9;
}

#find-out-more {
	background-color: #02364C;
}

#find-out-more-expanded {
	border-bottom: 2px solid #02364C;
}

a:link,
a:visited {
	color: #02364C;
	text-decoration: underline;
}

ul li a:link,
ul li a:visited {
	color: #02364C;
}

a.singletextlink:link,
a.singletextlink:visited {
	color: #02364C;
}

.secondary-links {
	border-top: 1px solid #02364C;
	border-bottom: 1px solid #02364C;
}

.secondary-links a:link,
.secondary-links a:visited {
	color: #02364C;
}

/** End declarations of primary foreground colour - darker version **/
/* Images used in styles that contain primary foreground colour - darker version: */
/* #site-navigation ul li a:hover background                                      */
/* #find-out-more-expanded                                                        */

/**** Declarations of primary foreground colour - lighter versions ****/

a.search-result-1:link,
a.search-result-1:visited {
	background-color: #DEF5FD;
}

a.search-result-2:link,
a.search-result-2:visited {
	background-color: #FFF;
	border-bottom: 1px solid #DEF5FD;
}

a.search-result-1.premium-search-result,
a.search-result-2.premium-search-result {
	padding-top: 20px;
	background: transparent url(images/premium-search-result.gif) no-repeat left top;
	border: 1px solid #02364C;
}

a.search-result-1:hover,
a.search-result-1:active,
a.search-result-2:hover,
a.search-result-2:active {
	background-color: #02364C; /* this is here as it must come after the :link and :visited declarations above */
}

a.search-result-1.premium-search-result:hover,
a.search-result-1.premium-search-result:active,
a.search-result-2.premium-search-result:hover,
a.search-result-2.premium-search-result:active {
	background: #02364C url(images/premium-search-result.gif) no-repeat left top;; /* this is here as it must come after the :link and :visited declarations above */
}

.styled-form {
	background-color: #DEF5FD;
}

h4 {
	border-color: #DEF5FD;
}

#advertiser-content .advertiser-content-body h4 { /* this colour is defined for this style later in stylesheet */
}

.article-view h3 { /* similar style to h4 used in non-article view pages */
	border-top: 1px solid #DEF5FD;
	border-bottom: 1px solid #DEF5FD;
}

/** End declarations of primary foreground colour - lighter versions **/

/**** Declarations of secondary foreground colour ****/

#jobsearch h4 { /* subheaders of job search box */
	color: #FF0000;
}

#registration-message {
	background-color: #FF0000;
}

#searchResultsPlaceholder p {
	border: 1px solid #FF0000;
	color: #FF0000;
}

/** End declarations of secondary foreground colour **/
/* Images used in styles that contain secondary foreground colour: */
/* #registersignin background                                      */
/* #jobsearch h2                                                   */
/* .gobutton input                                                 */
/* .search-results-header b/g - simple and diff. column styles     */
/* .search-results-footer b/g - simple and diff. column styles     */

/**** Declarations of secondary foreground colour - lighter version ****/

#jobsearch {
	background-color: #FFE5E6;
	margin-bottom: 10px;
}

.search-results .pagination p,
.search-results .pagination a:link,
.search-results .pagination a:visited,
.search-results .pagination span.clickSpan,
.search-results .pagination span.previousPage,
.search-results .pagination span.nextPage,
.search-results .pagination span.pageLink {
	color: #FF9A9A; /* slightly different colour to main secondary foreground colour - keeps these things differentiated from b/g colour */
}

/** End declarations of secondary foreground colour - lighter version **/

/**** Declarations of selected tab colour ****/

.jFlowControl2 {
	background-color: transparent; /* sits on top of regular h3 background - needs to be here to make jFlowSelected styles work */
}
.jFlowSelected,
.jFlowSelected:hover {
	background-color: #000;
}

.search-results-options .search-results-options-current {
	background-color: #000;
}

#secondary-navigation a.secondary-navigation-current:link,
#secondary-navigation a.secondary-navigation-current:visited {
	border: 1px solid #000;
	background-color: #000;
}

/** End declarations of selected tab colour **/
/* Images used in styles that contain selected tab colour: */
/* #site-navigation ul li a.currentsection background      */

/********************************* END COLOUR SCHEME INFORMATION AND DECLARATIONS *******************************/


/*********************************************** BASIC HTML STYLES **********************************************/
/******************** (STYLES FOR MAIN NAVIGATION MENU ARE IN A SEPARATE PART OF THE DOCUMENT *******************/

/**** P ELEMENT STYLES ****/

.tj-featuredjob p { /* add space before and after text of each featured job, and position underneath logo */
	clear: left;
	padding: 5px 0;
}

#buttons p { /* style for container of advertising buttons */
	padding-top: 10px;
	margin-top: 0; /* override standard p setting */
}

#buttons p.last { /* add padding to last button in the list */
	padding-bottom: 5px;
}

#videolinks p {
	float: left;
	width: 150px;
	height: 79px;
	overflow: hidden;
	margin-top: 0;
}

#jobsearch p#select-toggle { /* 'All' toggle on job search - make it look like one of the sectors */
	font-size: 0.9em;
	text-indent: 5px;
	cursor: pointer;
	clear: right;
	line-height: 1.5;
	font-weight: bold;
}

.lead-article p {
	margin-bottom: 5px;
}

#find-out-more p {
	padding-top: 5px;
	cursor: pointer;
}

#find-out-more p:hover {
	text-decoration: underline;
}

#find-out-more-expanded p {
	padding: 10px;
}

#find-out-more-expanded p:hover {
	text-decoration: none;
}

.search-results-columns-head p {
	color: #FFF;
}

.article-view,
.article-view p,
.article-view ul li,
.article-view ol li {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	line-height: 20px !important;
	color: #000 !important;
}

.article-view blockquote {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.5;
	width: 160px;
	float: right;
	margin: 0 0 10px 10px;
}

.warning {
	color: red !important;
}

/** P ELEMENT STYLES END **/

/**** LIST ELEMENT STYLES ****/

#main-content ol {
	padding-left: 1.5em;
}

#main-content ul li { /* add bullet style for unordered lists within main content area */
	background: transparent url(images/arrow.gif) no-repeat left 0.4em;
	text-decoration: none;
	padding-left: 8px;
}

#main-content ol li {
	list-style-type: decimal;
}

#main-content ul li a:link,
#main-content ul li a:visited {
	text-decoration: none;
}

#main-content ul li a:hover,
#main-content ul li a:active {
	text-decoration: underline;
}

#secondary-navigation ul {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#secondary-navigation ul li {
	background: none;
	float: left;
	margin: 0;
	padding: 0;
}

/** LIST ELEMENT STYLES END **/

/**** H1 ELEMENT STYLES ****/

h1 {
	background-color: #009DDA;/* url(images/h3-sixcolumn-bg.gif) no-repeat left top;*/
	color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.four-column h1 {
	background-color: #008AC0;/* url(images/h3-fourcolumn-bg.gif) no-repeat left top;*/
	margin-right: 0;
}

#site-breadcrumbs p {
	color: #000;
	margin: 0 0 10px 0;
}

#site-breadcrumbs a:link,
#site-breadcrumbs a:visited {
	color: #02364C;
}

/** H1 ELEMENT STYLES END **/

/**** H2 ELEMENT STYLES ****/

.five-column h2,
.four-column h2 {
	padding: 5px;
	color: #FFF;
	font-weight: normal;
	font-size: 1.4em;
}

.three-column #jobsearch h2 { /* header of job search box */
	background-color: #FE0000; /*url(images/jobsearch-header-bg.gif) no-repeat left top;*/
	color: #FFF;
	padding: 5px;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 2px;
	border: 0px solid white;
}

.lead-article h2 {
	margin-top: 5px;
}

.two-column #jobsearch h2 { /* header of job search box */
	background: #FE0000; /*url(images/jobsearch-header-bg-twocol.gif) no-repeat left top;*/
	color: #FFF;
	padding: 5px;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 2px;
	border: 0px solid white;
}

/** H2 ELEMENT STYLES END **/

/**** H3 ELEMENT STYLES ****/

h3 {
	background-color: #009DDA;
	color: #FFF;
	padding: 5px;
	font-weight: normal;
	font-size: 1.2em;
}

.six-column h3 {
	background-color: #008AC0;/* url(images/h3-sixcolumn-bg.gif) no-repeat left top;*/
}

.five-column h3 {
	background-color: #008AC0;/* url(images/h3-fivecolumn-bg.gif) no-repeat left top;*/
}

.four-column h3 {
	background-color: #008AC0;/* url(images/h3-fourcolumn-bg.gif) no-repeat left top;*/
}

.three-column h3 {
	background-color: #008AC0;/* url(images/h3-triplecolumn-bg.gif) no-repeat left top;*/
}

.two-column h3 {
	background-color: #008AC0;/* url(images/h3-doublecolumn-bg.gif) no-repeat left top;*/
}

.one-column h3 {
	background-color: #008AC0;/* url(images/h3-singlecolumn-bg.gif) no-repeat left top;*/
}

.one-column .search-results-header h3,
.two-column .search-results-header h3,
.three-column .search-results-header h3,
.four-column .search-results-header h3,
.five-column .search-results-header h3,
.six-column .search-results-header h3,
.one-column .search-results-footer h3,
.two-column .search-results-footer h3,
.three-column .search-results-footer h3,
.four-column .search-results-footer h3,
.five-column .search-results-footer h3,
.six-column .search-results-footer h3 {
	background: none;
}

.article-view h3 { /* similar style to h4 used in non-article view pages */
	background-image: none;
	color: #000;
	background-color: transparent;
	margin-top: 5px;
	padding: 5px 0;
	font-weight: bold;
	font-size: 1em;
}

.one-column .search-results-header {
	background: #A40000 url(images/h3-sr-singlecolumn-bg.gif) no-repeat left top; /* colour is same as bottom of b/g image */
}

.two-column .search-results-header {
	background: #A40000 url(images/h3-sr-doublecolumn-bg.gif) no-repeat left top; /* colour is same as bottom of b/g image */
}

.three-column .search-results-header {
	background: #A40000 url(images/h3-sr-triplecolumn-bg.gif) no-repeat left top; /* colour is same as bottom of b/g image */
}

.four-column .search-results-header {
	background: #A40000 url(images/h3-sr-fourcolumn-bg.gif) no-repeat left top; /* colour is same as bottom of b/g image */
}

.five-column .search-results-header {
	background: #A40000 url(images/h3-sr-fivecolumn-bg.gif) no-repeat left top; /* colour is same as bottom of b/g image */
}

.six-column .search-results-header {
	background: #A40000 url(images/h3-sr-sixcolumn-bg.gif) no-repeat left top; /* colour is same as bottom of b/g image */
}

.one-column .search-results-footer {
	background: #A40000 url(images/h3-srf-singlecolumn-bg.gif) no-repeat left bottom; /* colour is same as bottom of b/g image */
}

.two-column .search-results-footer {
	background: #A40000 url(images/h3-srf-doublecolumn-bg.gif) no-repeat left bottom; /* colour is same as bottom of b/g image */
}

.three-column .search-results-footer {
	background: #A40000 url(images/h3-srf-triplecolumn-bg.gif) no-repeat left bottom; /* colour is same as bottom of b/g image */
}

.four-column .search-results-footer {
	background: #A40000 url(images/h3-srf-fourcolumn-bg.gif) no-repeat left bottom; /* colour is same as bottom of b/g image */
}

.five-column .search-results-footer {
	background: #A40000 url(images/h3-srf-fivecolumn-bg.gif) no-repeat left bottom; /* colour is same as bottom of b/g image */
}

.six-column .search-results-footer {
	background: #A40000 url(images/h3-srf-sixcolumn-bg.gif) no-repeat left bottom; /* colour is same as bottom of b/g image */
}

/** H3 ELEMENT STYLES END **/

/**** H4 ELEMENT STYLES ****/

h4 {
	font-size: 1.3em;
	clear: both;
}

.tj-featuredjob h4 {
	margin-top: 5px;
	font-size: 1em;
}

#jobsearch h4 { /* subheaders of job search box */
	font-size: 1.1em;
	margin: 5px 5px 0 5px;
}

.search-options h4 {
	font-size: 1.2em;
	margin-bottom: 5px;
}

.search-options .search-option {
	clear: both;
	margin-top: 2px;
}

/** H4 ELEMENT STYLES END **/

/**** H5 ELEMENT STYLES ****/

.tj-featuredjob h5 a {
	text-decoration: none;
	font-size: 1.2em;
	margin-left: 5px;
}

/** H5 ELEMENT STYLES END **/

/**** FORM ELEMENT STYLES ****/

#jobsearch .forminput input,
#jobsearch .forminput select {
	width: 200px;
	margin: 5px 0 0 0;
	padding: 3px;
	font-size: 1em;
	background-color: #FFF;
}

#jobsearch .forminput select {
	width: 208px; /* even up width of select drop-down with input box */
}

#jobsearch .forminput table input, /* target just the three work type options (they are held within a table) */
#jobsearch .search-sectors-column input { /* target the lists of options */
	width: auto;
	margin: 5px 3px 0 -7em; /* override positioning put on .forminput previously */
	border: 0 solid #000;
	background-color: #FFF;
}

.gobutton input,
.gobutton a:link,
.gobutton a:visited { /* standard style for larger 'go!'-type buttons */
	cursor: pointer;
	background: transparent url(images/go-button.gif) no-repeat right center;
	border: 0 solid #FFF;
	color: #FFF;
	padding: 5px 15px 5px 5px;
	float: right;
	margin-top: -1.8em;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 2em;
}

.gobutton a:link,
.gobutton a:visited { /* standard style for larger 'go!'-type buttons */
	text-decoration: none;
}

.gobutton input:hover,
.gobutton a:hover,
.gobutton a:active {
	background: transparent url(images/go-button-hover.gif) no-repeat right center;
}

.search-options input,
.inline-search-options input {
	margin-right: 3px;
}

#jobsearch .search-sectors-column label {
	font-size: 0.9em;
}

#jobsearch .search-sectors-column input {
	margin-top: 2px;
}

label.select-all-toggle {
	font-weight: bold;
}

.search-options input.search-options-keyword {
	width: 95%;
	padding: 3px;
	margin-top: 5px;
}

.inline-search-options select {
	padding: 1px;
	background-color: #FFF;
}

a#clear-all {
	text-decoration: underline;
	cursor: pointer;
	margin-left: 20px;
}

.competition table {
	font-size: 1.2em;
}

.competition table * {
	background-color: #DEF5FD;
	border: 0px solid #000;
	margin: 0;
	padding: 0;
}

.competition table td {
	background-color: #DEF5FD;
}

.competition table tr {
	border-bottom: 5px solid #DEF5FD;
	background-color: #DEF5FD;
}

.competition table input {
	margin-left: -3px;
	background-color: #DEF5FD;
}

.competition table label {
	margin-left: 24px;
	margin-top: -1.1em;
	background-color: #DEF5FD;
}

/** END FORM ELEMENT STYLES **/

/**** IMAGE ELEMENT STYLES ****/

.tj-featuredjob img { /* size of advertiser images within featured jobs - shrunk down from standard 217x70 size */
	width: 145px;
	height: 47px;
	float: left;
}

.search-results img {
	width: 124px;
	height: 44px;
	background-color: #FFF;
	float: left;
	margin-right: 5px;
}

.four-column a:link img,
.four-column a:visited img {
	-moz-border-radius: 5px; /* rounded corners - css3 */
	-webkit-border-radius: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#main-content .four-column img {
	margin-top: 5px;
	-moz-border-radius: 5px; /* rounded corners - css3 */
	-webkit-border-radius: 5px;
}

.article-view img {
	float: right;
	-moz-border-radius: 5px; /* rounded corners - css3 */
	-webkit-border-radius: 5px;
	margin-left: 10px;
}

.lead-article img {
	float: right;
	-moz-border-radius: 5px; /* rounded corners - css3 */
	-webkit-border-radius: 5px;
}

/** END IMAGE ELEMENT STYLES **/

/********************************************* END BASIC HTML STYLES ********************************************/


/************************************************* LINK STYLES **************************************************/
/******************** (STYLES FOR MAIN NAVIGATION MENU ARE IN A SEPARATE PART OF THE DOCUMENT *******************/

a.singletextlink { /* style for single text link that is not within other text */
	background: transparent url(images/arrow.gif) no-repeat left 0.4em;
	text-decoration: none;
	padding-left: 8px;
}

a.singletextlink:hover {
	text-decoration: underline;
}

h3 a:link,
h3 a:visited {
	color: #FFF;
	text-decoration: none;
}

h3 a:hover,
h3 a:active {
	cursor: pointer;
	text-decoration: underline;
}

#main-content ul li a.singletextlink { /* remove bullet in this instance as it's already placed by the #main-content ul li definition */
	background: none;
	padding-left: 0;
}

#registration-message a:link,
#registration-message a:visited {
	color: #FFF;
	display: block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
}

#registration-message a:hover,
#registration-message a:active {
	text-decoration: underline;
}

#site-logo a { /* place the logo into this element as a background image */
	background: url(images/targetjobseurope-site-logo.png) no-repeat left top;
	width: 428px;
	height: 64px;
	text-indent: -9999px; /* hide link text */
	float: left;
}

#site-logo-courses a { /* place the logo into this element as a background image */
	background: #FFF url(images/targetcourses-site-logo.gif) no-repeat left top;
	text-indent: -9999px; /* hide link text */
	float: left;
}

#recruiters-link a:link,
#recruiters-link a:visited {
	background: transparent url(images/recruiter-bg.gif) no-repeat right bottom;
	width: 94px;
	display: block;
	float: right;
	padding: 5px 0;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

#ctl00_panelAnonymous a:link,
#ctl00_panelAnonymous a:visited {
	background: transparent url(images/registersignin-bg.gif) no-repeat left bottom;
	width: 187px;
	height: 71px;
	display: block;
	float: right;
	padding: 0;
	color: #FFF;
	margin-top: 0;
	text-indent: -9999px;
	outline: none;
}

#registersignin a:link,
#registersignin a:visited {
	background: transparent url(images/registersignin-bg.gif) no-repeat left bottom;
	width: 187px;
	height: 71px;
	display: block;
	float: right;
	padding: 0;
	color: #FFF;
	margin-top: 0;
	text-indent: -9999px;
	outline: none;
}

#ctl00_panelLoggedIn { /* styles that appear when user signed in */
	background: transparent url(images/registersignin-bg-2.gif) no-repeat left bottom;
	width: 187px;
	height: 71px;
	overflow: hidden;
	display: block;
	float: right;
	padding: 0;
	color: #FFF;
	margin-top: 0;
	text-align: center;
}

#ctl00_panelLoggedIn p {
	padding: 0 10px 10px 10px;
	font-weight: bold;
	font-size: 1.2em;
}

#ctl00_panelLoggedIn a:link,
#ctl00_panelLoggedIn a:visited {
	color: #FFF;
	display: block;
	font-weight: normal;
	margin-top: 5px;
	font-size: 0.85em;
}

#yougolink a {
	background: #FFF url(images/yougolink.gif) no-repeat left top;
	width: 119px;
	height: 113px;
	display: block;
	margin: 15px auto 0 auto; /* centre in column and move down from content above */
	text-indent: -9999px; /* hide link text */
}

#mySlides2 .featureslide a:link,
#mySlides2 .featureslide a:visited {
	width: 300px;
	height: 157px;
	display: block;
	text-indent: -9999px;
}

h4 a:link,
h4 a:visited {
	text-decoration: none;
}

h4 a:hover,
h4 a:active {
	text-decoration: underline;
}

.tj-featuredjob h4 a {
	font-size: 1.2em;
	margin-left: 5px;
}

.tj-featuredjob h5 a {
	font-size: 1.3em;
}

.tj-featuredjob h5 a:hover {
	text-decoration: underline;
}

.tj-featuredjob p a {
	text-decoration: none;
	font-style: italic;
}

.tj-featuredjob p a:hover {
	text-decoration: underline;
}

#jobsearch a.hp-jbe:link,
#jobsearch a.hp-jbe-signedin:link { /* register now sticker in job search box */
	font-size: 4em;
	width: 124px;
	height: 123px;
	display: block;
	overflow: hidden;
	background: transparent url(images/register-sticker.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 5px;
	position: absolute;
	z-index: 1;
	left: 330px;
}

#jobsearch a.hp-jbe-signedin:link { /* register now sticker in job search box when user signed in */
	background: transparent url(images/update-preferences-sticker.gif) no-repeat left top;
}

.search-results .pagination a:link,
.search-results .pagination a:visited {
	text-decoration: none;
}

.search-results .pagination a:hover,
.search-results .pagination a:active {
	text-decoration: underline;
}

.search-results .pagination span.pagination-current {
	color: #FFF;
}

.search-results .pagination p,
.search-results .pagination a:link,
.search-results .pagination a:visited,
.search-results .pagination span.clickSpan,
.search-results .pagination span.previousPage,
.search-results .pagination span.nextPage,
.search-results .pagination span.pageLink {
	display: inline;
}

.search-results-options a:link,
.search-results-options a:visited {
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

a.search-result-1:link,
a.search-result-1:visited,
a.search-result-2:link,
a.search-result-2:visited {
	text-decoration: none;
}

a.search-result-1:hover,
a.search-result-1:active,
a.search-result-2:hover,
a.search-result-2:active {
	color: #FFF;
}

.search-results-columns-head a.search-sort-on:link,
.search-results-columns-head a.search-sort-on:visited,
.search-results-columns-head span.search-sort-on {
	background: transparent url(images/search-sort-on.gif) no-repeat right center;
	padding-right: 10px;
	color: #FFF;
	cursor: pointer;
}

.search-results-columns-head a.search-sort-off:link,
.search-results-columns-head a.search-sort-off:visited,
.search-results-columns-head span.search-sort-off {
	background: transparent url(images/search-sort-off.gif) no-repeat right center;
	padding-right: 10px;
	color: #FFF;
	cursor: pointer;
}

.search-results-columns-head a.search-sort-on-other-way:link,
.search-results-columns-head a.search-sort-on-other-way:visited,
.search-results-columns-head span.search-sort-on-other-way {
	background: transparent url(images/search-sort-on-other-way.gif) no-repeat right center;
	padding-right: 10px;
	color: #FFF;
	cursor: pointer;
}

#secondary-navigation ul li a:link,
#secondary-navigation ul li a:visited {
	color: #FFF;
	text-decoration: none;
	padding: 5px;
	display: block;
	margin-right: 5px;
	margin-top: 5px;
}

.lead-article h2 a:link,
.lead-article h2 a:visited {
	text-decoration: none;
}

.lead-article h2 a:hover,
.lead-article h2 a:active {
	text-decoration: underline;
}

#tj-hp-jobslider-1 a:link,
#tj-hp-jobslider-1 a:visited,
#tj-hp-jobslider-2 a:link,
#tj-hp-jobslider-2 a:visited,
#tj-hp-jobslider-3 a:link,
#tj-hp-jobslider-3 a:visited,
#tj-hp-jobslider-4 a:link,
#tj-hp-jobslider-4 a:visited {
	text-decoration: none;
}

#tj-hp-jobslider-1 a:hover,
#tj-hp-jobslider-1 a:active,
#tj-hp-jobslider-2 a:hover,
#tj-hp-jobslider-2 a:active,
#tj-hp-jobslider-3 a:hover,
#tj-hp-jobslider-3 a:active,
#tj-hp-jobslider-4 a:hover,
#tj-hp-jobslider-4 a:active {
	text-decoration: underline;
}

.secondary-links a:link,
.secondary-links a:visited {
	display: block;
	text-decoration: none;
}

.secondary-links a:hover,
.secondary-links a:active {
	text-decoration: underline;
}

#jobsearch .scrollerbox ul li a:link,
#jobsearch .scrollerbox ul li a:visited { /* contains ul list of jobs on sector homepages */
	text-decoration: none;
}

#jobsearch .scrollerbox ul li a:hover,
#jobsearch .scrollerbox ul li a:active { /* contains ul list of jobs on sector homepages */
	text-decoration: underline;
}

a:link.picturelink,
a:visited.picturelink {
	width: 300px;
	height: 157px;
	display: block;
	margin-top: 5px;
	text-indent: -9999px;
}

.picturelinkcaption {
	font-size: 1.5em;
	background-color: #000;
	color: #FFF;
	padding: 5px;
	display: block;
	opacity: 0.8;
}

/*********************************************** END LINK STYLES ************************************************/


/******************************************* STRUCTURAL CONTAINER ITEMS *****************************************/

body {
	background: #62C9F4 url(images/targetjobs-site-bg.gif) repeat-x center top;
}

.sliderhead {
	float: left;
}

#myController2 {
	float: right;
}

.jFlowControl2 {
	cursor: pointer;
	margin-left: 2px;
	padding: 2px;
}

#mySlides2 .featureslide { /* content slider for featured content on homepage */
	width: 300px;
	height: 157px;
	overflow: hidden;
	display: none;
}

h3.tj-hp-jobslider-option-1,
h3.tj-hp-jobslider-option-2,
h3.tj-hp-jobslider-option-3,
h3.tj-hp-jobslider-option-4 { /* override other H3 styles for the content-switcher multi-panel box */
	background: #009DDA url(images/nav-shadow.png) repeat-x left bottom;
	display: block;
	float: left;
	cursor: pointer;
	font-size: 1.1em;
	-moz-border-radius-topleft: 5px; /* rounded corners - css3 */
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; /* rounded corners - css3 */
	-webkit-border-radius-topright: 5px;
	margin-right: 5px;
}

h3.tj-hp-jobslider-option-1:hover,
h3.tj-hp-jobslider-option-2:hover,
h3.tj-hp-jobslider-option-3:hover,
h3.tj-hp-jobslider-option-4:hover {
	background-color: #02364C;
}

h3.tj-hp-jobslider-option-1-current,
h3.tj-hp-jobslider-option-1-current:hover,
h3.tj-hp-jobslider-option-2-current,
h3.tj-hp-jobslider-option-2-current:hover,
h3.tj-hp-jobslider-option-3-current,
h3.tj-hp-jobslider-option-3-current:hover,
h3.tj-hp-jobslider-option-4-current,
h3.tj-hp-jobslider-option-4-current:hover {
	background-color: #000;
}

#tj-hp-jobslider-1,
#tj-hp-jobslider-2,
#tj-hp-jobslider-3,
#tj-hp-jobslider-4 { /* panels of featured jobs etc on homepage */
	padding: 5px;
	width: 448px; /* total width including padding and borders = 460px */
	margin-bottom: 10px;
}

#tj-hp-jobslider-2,
#tj-hp-jobslider-3,
#tj-hp-jobslider-4 { /* hide secondary jobslider panels on load */
	display: none;
}

#jobsearch .formlabel {
	padding-left: 5px;
	float: left;
	clear: left;
}

#jobsearch .forminput {
	padding-right: 5px;
	margin-left: 7.5em; /* position on right of .formlabel elements */
	margin-bottom: 3px;
}

#jobsearch .watermark {
	color: #888;
	font-style: italic;
}

#jobsearch .scrollerbox { /* contains ul list of jobs on sector homepages */
	padding: 0 5px 5px 5px;
}

.search-options {
	display: none; /* make hidden when page first loads */
	padding: 5px;
}

.inline-search-options {
	padding: 5px 0;
}

#search-options-toggle-hide { /* show/hide toggle for search options - make 'hide' option hidden at first */
	display: none;
}

#search-options-toggle-show,
#search-options-toggle-hide {
	cursor: pointer;
}

#jobsearch .search-sectors-column {
	width: 49%;
	float: left;
	display: block;
}

#jobsearch .right-sectors-column {
	margin-top: -1em; /* counteract the <br> added by .net at the top of the right column */
}

#jobsearch .search-sectors-column .sector-option {
	clear: both; /* keep each sector name/checkbox on a separate line */
	float: left;
}

.search-result-1,
.search-result-2 {
	padding: 5px;
}

.search-results-columns-head {
	background-color: #000;
	padding: 5px;
}

.search-results-footer {
	padding-top: 5px;
}

#secondary-navigation {
	margin-top: -5px;
	padding-bottom: 5px;
	color: #FFF;
	font-size: 1.1em;
	padding-top: 15px;
}

.secondary-links {
	padding: 5px 0;
	margin: 10px 0;
	clear: both;
}

#find-out-more {
	text-align: right;
	margin-top: -5px;
	margin-bottom: -5px;
	padding: 0 5px 5px 5px;
	color: #FFF;
}

#find-out-more-expanded {
	width: 300px;
	background-color: #FFF;
	position: absolute;
	right: 10px;
	margin-top: -3px;
	padding-top: 15px;
	background: transparent url(images/find-out-more.gif) no-repeat left top;
	color: #000;
	text-align: center;
	display: none;
}

#buttons .two-columns-of-buttons-left,
#buttons .two-columns-of-buttons-right {
	background-color: #E5E5E5;
}

#jFlowSlide2 {
	margin-bottom: 10px;
}

/***************************************** END STRUCTURAL CONTAINER ITEMS ***************************************/


/*************************************** REGULARLY-UPDATED BACKGROUND LINKS *************************************/

#mySlides2 .featuredcontent1 {
	background: #FFF url(images/featured-content-1.gif) no-repeat left top;
}

#mySlides2 .featuredcontent2 {
	background: #FFF url(images/featured-content-2.gif) no-repeat left top;
}

#mySlides2 .featuredcontent3 {
	background: #FFF url(images/featured-content-3.gif) no-repeat left top;
}

#mySlides2 .featuredcontent4 {
	background: #FFF url(images/featured-content-4.gif) no-repeat left top;
}

#mySlides2 .tc-featuredcontent1 {
	background: #FFF url(images/tc-featured-content-1.gif) no-repeat left top;
}

#mySlides2 .tc-featuredcontent2 {
	background: #FFF url(images/tc-featured-content-2.gif) no-repeat left top;
}

#mySlides2 .tc-featuredcontent3 {
	background: #FFF url(images/tc-featured-content-3.gif) no-repeat left top;
}

#mySlides2 .tc-featuredcontent4 {
	background: #FFF url(images/tc-featured-content-4.gif) no-repeat left top;
}

a.stopwatch:link,
a.stopwatch:visited {
	background: #FFF url(images/stopwatch.gif) no-repeat left top;
}

a.lego:link,
a.lego:visited {
	background: #FFF url(images/lego.gif) no-repeat left top;
}

a.work-experience:link,
a.work-experience:visited {
	background: #FFF url(images/work-experience.gif) no-repeat left top;
}

a.cvs:link,
a.cvs:visited {
	background: #FFF url(images/cvs.gif) no-repeat left top;
}

a.interviews:link,
a.interviews:visited {
	background: #FFF url(images/interviews.gif) no-repeat left top;
}

a.cv-templates:link,
a.cv-templates:visited {
	background: #FFF url(images/cv-templates.gif) no-repeat left top;
}

a.the-uk:link,
a.the-uk:visited {
	background: #FFF url(images/the-uk.gif) no-repeat left top;
}

a.simple-steps:link,
a.simple-steps:visited {
	background: #FFF url(images/simple-steps.gif) no-repeat left top;
}

a.careers-service:link,
a.careers-service:visited {
	background: #FFF url(images/careers-service.gif) no-repeat left top;
}

a.get-cv-right:link,
a.get-cv-right:visited {
	background: #FFF url(images/get-cv-right.gif) no-repeat left top;
}

a.online-applications:link,
a.online-applications:visited {
	background: #FFF url(images/online-applications.gif) no-repeat left top;
}

/************************************* END REGULARLY-UPDATED BACKGROUND LINKS ***********************************/

/*************************************** ADVERTISER/ARTICLE CONTENT STYLES **************************************/

#advertiser-content {
	margin: 10px 0;
}

#advertiser-content p.error-message {
	color: red;
	border: 2px solid red;
	text-align: center;
	font-weight: bold;
	padding: 3px;
}

#advertiser-content #advertiser-logo {
	text-align: center;
}

#advertiser-content #advertiser-logo p {
	font-size: 2.4em;
	font-weight: bold;
}

#advertiser-content #advertiser-logo img {
	width: 217px;
	height: 70px;
}

#advertiser-content #advertiser-logo h2 {
	margin: 10px 0;
}

#advertiser-content #advertiser-summary {
	text-align: center;
}

#advertiser-content #advertiser-summary p {
	font-weight: bold;
}

#advertiser-content .advertiser-content-body, /* override any styling that may have been put into ad copy through the CMS */
#advertiser-content .advertiser-content-body p,
#advertiser-content .advertiser-content-body h3,
#advertiser-content .advertiser-content-body ul,
#advertiser-content .advertiser-content-body li,
.article-view .six-column p,
.article-view .five-column p,
.article-view .four-column p,
.article-view .three-column p,
.article-view .two-column p,
.article-view .six-column h3,
.article-view .five-column h3,
.article-view .four-column h3,
.article-view .three-column h3,
.article-view .two-column ul,
.article-view .six-column ul,
.article-view .five-column ul,
.article-view .four-column ul,
.article-view .three-column ul,
.article-view .two-column li,
.article-view .six-column li,
.article-view .five-column li,
.article-view .four-column li,
.article-view .three-column li,
.article-view .two-column li {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	line-height: 20px !important;
	color: #000 !important;
}

#advertiser-content .advertiser-content-body h3,
#advertiser-content .advertiser-options h3,
.article-view .six-column h3,
.article-view .five-column h3,
.article-view .four-column h3,
.article-view .three-column h3,
.article-view .two-column h3 { /* make job content h3s look like h4s on the rest of the site */
	margin-top: 5px;
	padding: 5px 0;
	background-image: none;
	background-color: transparent;
	color: #000;
	font-weight: bold;
	border-top: 1px solid #DEF5FD;
	border-bottom: 1px solid #DEF5FD;
}

#advertiser-content .apply ul li { /* remove sitewide UL LI background image being added to these links */
	background-image: none;
	padding-left: 0;
}

#advertiser-content .apply {
	margin-top: 5px;
}

#advertiser-content .apply.lower-apply {
	margin-top: 5px;
}

#advertiser-content .apply a:link,
#advertiser-content .apply a:visited {
	background: transparent url(images/go-button.gif) no-repeat right center;
	color: #FFF;
	font-weight: bold;
	display: block;
	text-decoration: none;
	font-size: 1.8em;
	padding: 10px;
}

#advertiser-content .apply a:hover,
#advertiser-content .apply a:active {
	background: transparent url(images/go-button-hover.gif) no-repeat right center;
}

#advertiser-content .advertiser-options a:link,
#advertiser-content .advertiser-options a:visited {
	display: block;
}

#advertiser-content a.current-sector-page:link,
#advertiser-content a.current-sector-page:visited {
	color: green;
}

#advertiser-content .four-column h3,
#advertiser-content .two-column h3 {
	margin-top: 5px;
}

/*************************************** END ADVERTISER/ARTICLE CONTENT STYLES **********************************/

/********************************************* DRUPAL FORUM STYLES **********************************************/

#forum .forum-row {
	background-color: #DEF5FD;
	padding: 5px;
	overflow: auto;
}

#forum .forum-forums {
	width: 48%;
	float: left;
}

#forum .forum-threads {
	width: 14%;
	float: left;
}

#forum .forum-posts {
	width: 14%;
	float: left;
}

#forum .forum-lastpost {
	width: 14%;
	float: left;
}

#forum .forum-topic {
	width: 32%;
	float: left;
}

#forum .forum-replies {
	width: 12%;
	float: left;
}

#forum .forum-created {
	width: 23%;
	float: left;
}

#forum .forum-lastreply {
	width: 23%;
	float: left;
}

#forum .forum-row a:link,
#forum .forum-row a:visited {
	text-decoration: none;
}

#forum .forum-row a:hover,
#forum .forum-row a:active {
	text-decoration: underline;
}

#forum h3 {
	font-size: 1em !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/******************************************* END DRUPAL FORUM STYLES ********************************************/

/********************************************** REGISTRATION FORM ***********************************************/
#ctl00_ContentPlaceHolder1_panelRegPage2 input,
#ctl00_ContentPlaceHolder1_panelRegPage2 label,
#ctl00_ContentPlaceHolder1_divRegForm input,
#ctl00_ContentPlaceHolder1_divRegForm label {
	display: inline;
	width: auto;
	border: 0px solid #FFF;
	background-color: transparent;
}

input#ctl00_ContentPlaceHolder1_tbMobile,
input#ctl00_ContentPlaceHolder1_tbEthnicityOther,
input#ctl00_ContentPlaceHolder1_tbEmail,
input#ctl00_ContentPlaceHolder1_tbFirstname,
input#ctl00_ContentPlaceHolder1_tbLastname,
input#ctl00_ContentPlaceHolder1_tbPhone {
	border: 1px solid #000;
	background-color: #FFF;
	width: 100%;
}

#ctl00_ContentPlaceHolder1_panelRegPage2 input,
#ctl00_ContentPlaceHolder1_divRegForm input {
	margin-right: 5px;
}

#ctl00_ContentPlaceHolder1_panelRegPage2 label {
	margin-right: 3em;
}

#ctl00_ContentPlaceHolder1_panelRegPage2 td label {
	font-size: 1.2em;
}

#ctl00_ContentPlaceHolder1_panelWorkStatus input,
#ctl00_ContentPlaceHolder1_panelWorkStatus label,
#ctl00_ContentPlaceHolder1_cblSectors input,
#ctl00_ContentPlaceHolder1_cblSectors label,
#ctl00_ContentPlaceHolder1_cblLocations input,
#ctl00_ContentPlaceHolder1_cblLocations label {
	border: 0px solid #FFF;
	background-color: transparent;
	width: auto;
	display: inline;
	margin-right: 5px;
}

/******************************************** END REGISTRATION FORM *********************************************/

/****************************************** DRUPAL VIEWS OUTPUT STYLING *****************************************/
/* .view: styled same as standard p in structure.css                                                            */
/*                                                                                                              */
/* views output classes styled to look same as standard h4s below                                               */
.views-field-title {
	margin-top: 5px;
	border-top: 1px solid #DEF5FD;
	border-bottom: 1px solid #DEF5FD;
	padding: 5px 0;
	font-weight: bold;
}
/* views output classes styled to add space above like with standard paragraphs                                 */
.views-field-field-summary-value {
	margin-top: 5px;
}
/* views output classes styled to look like standard single line links                                          */
.views-field-title-1 {
	margin-top: 5px;
	background: transparent url(images/arrow.gif) no-repeat left 0.4em;
	text-decoration: none;
	padding-left: 8px;
}
.views-field-title-1 a {
	text-decoration: none;
}
.views-field-title-1 a:hover {
	text-decoration: underline;
}
/**************************************** END DRUPAL VIEWS OUTPUT STYLING ***************************************/

#buttons-container {
	margin: 0;
	padding: 0;
}

#buttons-container #buttons-content {
	border-left: 2px solid #FFE5E6;
	border-right: 2px solid #FFE5E6;
	border-bottom: 2px solid #FFE5E6;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	padding: 20px 20px 0 20px;
}

#pagecontent {
	margin: 0;
}

#pagecontent h3,
#pagecontent .view-content .views-field-title {
	color: #009DDA;
	background-color: transparent;
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 1.8em;
	font-weight: normal;
	border: 0 solid #FFF;
}

#pagecontent .view-header h3 {
	font-size: 1.5em;
}

#pagecontent .job-content h3 {
	color: #FE0000;
}

#pagecontent .view-content .views-field-title {
	font-size: 1.5em;
}

#pagecontent .view-sector-areas-of-work-list ul,
#pagecontent .view-sector-graduate-views-list ul,
#pagecontent .view-Career-sectors-list ul {
	margin-bottom: 10px;
}

#pagecontent .view-sector-areas-of-work-list .views-field-title,
#pagecontent .view-sector-graduate-views-list .views-field-title,
#pagecontent .view-career-sectors-list .views-field-title {
	margin-bottom: 0;
}

#pagecontent h3 {
	margin-top: 10px;
}

#pagecontent h3 a:link,
#pagecontent h3 a:visited,
#pagecontent .view-content .views-field-title a:link,
#pagecontent .view-content .views-field-title a:visited,
#pagecontent .usefullinks h3 {
	margin-top: 0;
	color: #009DDA;
	text-decoration: none;
}

#pagecontent h3 a:hover,
#pagecontent h3 a:active,
#pagecontent .view-content .views-field-title a:hover,
#pagecontent .view-content .views-field-title a:active {
	text-decoration: underline;
}

#pagecontent .view-content ul li a:link,
#pagecontent .view-content ul li a:visited {
	color: #02364C !important;
	font-size: 0.56em;
}

#pagecontent .view-content .views-row-even,
#pagecontent .view-content .views-row-odd,
#pagecontent .view-content .views-row-first {
	margin-bottom: 15px !important;
}

#pagecontent .view-sector-areas-of-work-list .views-row-even,
#pagecontent .view-sector-areas-of-work-list .views-row-odd,
#pagecontent .view-sector-areas-of-work-list .views-row-first,
#pagecontent .view-sector-graduate-views-list .views-row-even,
#pagecontent .view-sector-graduate-views-list .views-row-odd,
#pagecontent .view-sector-graduate-views-list .views-row-first,
#pagecontent .view-Career-sectors-list .views-row-even,
#pagecontent .view-Career-sectors-list .views-row-odd,
#pagecontent .view-Career-sectors-list .views-row-first {
	margin-bottom: 0 !important;
}

#pagecontent .view-content .views-field-field-abstract-value {
	margin-bottom: 5px;
}

#pagecontent .view-sector-graduate-views-list .views-field-field-abstract-value {
	font-size: 1.5em;
	margin-bottom: 0;
}

#pagecontent .featured,
#pagecontent .views-exposed-form,
#pagecontent ul.pager {
	border: 2px solid #CFEFFA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 5px 0;
	padding: 5px;
}

#pagecontent .views-exposed-form input,
#pagecontent .views-exposed-form select {
	margin-top: 5px;
}

#pagecontent ul.pager {
	text-align: left;
}

#pagecontent ul.pager li {
	background-image: none;
	margin: 0;
	padding: 0;
}

#pagecontent ul.pager li.pager-current {
	font-weight: normal;
	font-size: 1em;
}

#pagecontent ul {
	margin: 0;
	padding: 0;
}

#pagecontent ol {
	margin: 0 0 0 1.9em;
	padding: 0;
}

#pagecontent li {
	margin: 0;
	padding: 0;
}

#pagecontent .field-field-abstract {
	border: 2px solid #CFEFFA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 1.2em;
	line-height: 1.5;
}

#pagecontent blockquote,
#pagecontent h5, /* article pull quote */
#pagecontent .field-field-facts {
	background-color: #CFEFFA;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 1.5em;
	width: 50%;
	line-height: 1.5;
	float: right;
	margin: 10px 0 10px 10px;
}

#pagecontent .half p,
#pagecontent .half ul {
	padding-right: 5px;
}

#pagecontent p a:link,
#pagecontent p a:visited {
	text-decoration: none;
}

#pagecontent p a:hover,
#pagecontent p a:active {
	text-decoration: underline;
}

#pagecontent .half {
	margin-right: 10px;
	margin-top: 10px;
}

.section-navigation {
	margin-bottom: 10px;
}

.section-navigation h3 {
	background-color: #009DDA;
	font-size: 1.4em;
	padding: 10px;
	color: #FFF;
	-moz-border-radius-topleft: 5px; /* rounded corners - css3 */
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
}

.section-navigation .view-content,
#tabs {
	background-color: #CFEFFA;
	padding: 10px 10px 5px 10px;
}

#tabs {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	margin-bottom: 10px;
	margin-top: -10px;
}

.section-navigation .views-field-title {
	border: 0 solid #FFF;
	font-weight: normal;
	font-size: 0.9em;
	margin: 0 !important;
	padding: 0 !important;
}

.section-navigation ul,
.section-navigation ul li,
#tabs ul,
#tabs ul li {
	padding: 0 !important;
	list-style-type: none !important;
}

#tabs ul {
	border: 0 solid transparent;
	margin: 0;
}

.section-navigation ul li a:link,
.section-navigation ul li a:visited,
#tabs ul li a:link,
#tabs ul li a:visited {
	background-color: #009DDA;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	padding: 5px 8px;
	border: 0 solid transparent;
}

#tabs ul li a:link,
#tabs ul li a:visited {
	margin: 0 0 5px 0;
}

.section-navigation ul li a:hover,
.section-navigation ul li a:active,
.section-navigation ul li a.active:link,
.section-navigation ul li a.active:visited,
#tabs ul li a:hover,
#tabs ul li a:active,
#tabs ul li a.active:link,
#tabs ul li a.active:visited {
	background-color: #FFF;
	color: #000;
	text-decoration: none !important;
}

.views-row-1 {
	margin: 0 !important;
}

.usefullinks {
	background-color: #CFEFFA;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.clear {
	height: 0 !important;
}

#pagecontent .half {
	width: 225px;
	margin-top: 0;
}

#pagecontent .job-content .half,
#pagecontent .featured .half {
	width: 215px;
}

#pagecontent .right {
	margin-right: 0;
}

#admin-menu { /* drupal admin menu */
	font-size: larger;
}

.scrollable {
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 200px;
	/* custom decorations */
	background-color: #EFEFEF;	
	-moz-border-radius-topleft: 5px; /* rounded corners - css3 */
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;			
}

.scrollable .items {
	width: 20000em;
	position: absolute;
	clear: both;
}

.scrollable .items div {
	float:left;
	/* custom decoration */
	width: 300px;
	height: 200px;
	font-size:30px;
	background-color: #DDD;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
}

ul.feature-tabs {
	width: 300px;
	height: 35px;
	background-color: #019DDA;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	overflow: hidden;
}

ul.feature-tabs li {
	width: 93px;
	height: 16px; /* plus padding and margin on element = 35px height */
	cursor: pointer;
	float: left;
	margin: 0 0 5px 5px !important;
	overflow: hidden;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	padding: 7px 0 7px 0 !important;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	background-image: none !important;
}

ul.feature-tabs li:hover {
	background-color: #0B6FA9 !important;
}

ul.feature-tabs li.active,
ul.feature-tabs li.active:hover {
	background-color: #035585 !important;
}

#pagecontent .view-A-To-Z-Of-Careers,
#pagecontent .view-Degree-Matcher,
#pagecontent .view-City-Region-Guide-List,
#pagecontent .view-University-Zone-List,
#pagecontent .view-Uni-Zone-profile-links {
	padding-top: 10px;
}

#pagecontent .view-A-To-Z-Of-Careers li,
#pagecontent .view-Degree-Matcher li,
#pagecontent .view-City-Region-Guide-List li,
#pagecontent .view-University-Zone-List,
#pagecontent .view-Uni-Zone-profile-links {
	line-height: 1;
}

#pagecontent .view-City-Region-Guide-List .view-content .views-row-odd,
#pagecontent .view-City-Region-Guide-List .view-content .views-row-even,
#pagecontent .view-University-Zone-List .view-content .views-row-odd,
#pagecontent .view-University-Zone-List .view-content .views-row-even,
#pagecontent .view-Uni-Zone-profile-links .view-content .views-row-odd,
#pagecontent .view-Uni-Zone-profile-links .view-content .views-row-even,
#pagecontent .view-Uni-Zone-Links-To-Region-Guides .view-content .views-row-odd,
#pagecontent .view-Uni-Zone-Links-To-Region-Guides .view-content .views-row-even {
	margin-bottom: 0 !important;
}

#pagecontent .view-Uni-Zone-Links-To-Region-Guides {
	margin-bottom: -0.4em;
}

#pagecontent .view-Uni-Zone-Links-To-Region-Guides .view-content .views-row-odd,
#pagecontent .view-Uni-Zone-Links-To-Region-Guides .view-content .views-row-even {
	margin-bottom: -0.4em !important;
}

#pagecontent h4 { /* biog details */
	font-weight: normal;
	font-size: 1.2em;
	font-style: italic;
	border-bottom: 1px solid #009DDA;
	border-top: 0 solid #FFF;
	line-height: 1.5;
	padding-bottom: 5px;
}

#pagecontent input#edit-submit {
	border: 0 solid #FFE5E6;
	background: transparent url(images/ed-search-submit-arrow.gif) no-repeat right center;
	color: #FFF;
	padding: 6px 13px 6px 6px;
	-moz-border-radius-topleft: 5px; /* rounded corners - css3 */
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-bottomleft: 5px;
	cursor: pointer;
	margin-top: 1em;
	font-size: 1.5em;
}

.view-Degree-Matcher .view-content {
	padding-top: 15px;
}

#pagecontent img {
	margin: 0 0 10px 0;
	float: right;
}

.job-content {
	background-color: #FFE5E6;
	padding: 1px 10px 10px 10px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
}

#job-search {
	margin-top: -10px;
	-webkit-box-shadow: 2px 2px 3px #AAA;
	-moz-box-shadow: 2px 2px 3px #AAA;
}

#job-search.simple-job-search {
	margin-top: 0;
	margin-bottom: 10px;
}

#job-search .job-content {
	padding-bottom: 0;
}

#job-search img.job-search-icon {
	float: left;
	position: relative;
	left: -7px;
	top: -7px;
}

#job-search h3,
#buttons-container h3,
#register-today h3 {
	background-color: #FE0000;
	font-size: 1.4em;
	padding: 10px;
	color: #FFF;
	-moz-border-radius-topleft: 5px; /* rounded corners - css3 */
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	margin-bottom: 0;
}

#register-today h3 {
	background-color: #009DDA;
	text-align: center;
}

#register-today-content {
	border-left: 2px solid #009DDA;
	border-right: 2px solid #009DDA;
	border-bottom: 2px solid #009DDA;
	padding: 5px 10px 10px 10px;
}

#register-today-content p {
	font-size: 1.7em;
	text-align: left;
	background-color: #CFEFFA;
	padding: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#register-today-content p a:link,
#register-today-content p a:visited {
	line-height: 1.3;
}

#buttons-container h3 {
	text-align: center;
}

#job-search h4 {
	margin: 0;
	padding: 0 0 5px 0;
	border: 0 solid #FFE5E6;
	font-weight: normal;
	color: #FE0000;
	font-size: 1.2em;
}

#job-search ul {
	padding-bottom: 1em;
}

#job-search ul li {
	margin-bottom: 5px;
	line-height: 1.2;
}

#job-search label {
	float: left;
	margin-right: 10px;
	margin-top: 0.2em;
	color: #FE0000;
	font-style: italic;
}

#job-search input#job-search-keywords {
	border: 0 solid #FFE5E6;
	width: 200px;
	padding: 10px;
	font-style: italic;
	color: #9A9A9A;
	font-size: 0.8em;
	background: #FFF url(images/input-box-shadow.gif) no-repeat left top;
	margin-bottom: 5px;
	margin-top: -0.5em;
	float: left;
}

#job-search.simple-job-search input#job-search-keywords {
	width: 170px;
	margin-top: 0.5em;
	margin-bottom: 10px;
}

#job-search input#job-search-submit {
	border: 0 solid #FFE5E6;
	float: right;
	background: transparent url(images/job-search-submit-arrow.gif) no-repeat right center;
	color: #FFF;
	padding: 3px 10px 3px 3px;
	-moz-border-radius-topleft: 5px; /* rounded corners - css3 */
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-bottomleft: 5px;
	cursor: pointer;
	margin-top: 0em;
	font-size: 1.3em;
}

#job-search.simple-job-search input#job-search-submit {
	margin-top: 0.8em;
}

#job-search input#job-search-submit.job-search-button-no-top-margin {
	margin-top: 10px;
	float: left;
}

#job-search .divider {
	background-color: #FFF;
	height: 1px;
	padding: 0;
	margin: 10px 0;
	border: 0 solid #FFE5E6;
}

#register-today {
	margin-bottom: 10px;
}

#register-today h4 {
	border: 0 solid #FFF;
	margin: 0;
	padding: 0;
}

#register-today h4 a:link,
#register-today h4 a:visited {
	width: 134px;
	height: 120px;
	display: block;
	background: #FFF url(images/register-today-graphic.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0;
}

#register-today p {
	padding: 0;
	margin-top: 5px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}

#register-today p a:link,
#register-today p a:visited {
	font-size: 0.7em;
	line-height: 1.2;
	text-decoration: none;
}

#register-today p a:hover,
#register-today p a:active {
	text-decoration: underline;
}

#register-today img {
	display: block;
	margin: 0 auto 5px auto;
}

#job-search .tooltip {
	background-color: #FFF;
	display: none;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #009DDA;
	z-index: 99999;
	width: 200px;
	-moz-box-shadow: 3px 3px 3px #AAA;
	-webkit-box-shadow: 3px 3px 3px #AAA;
}

#job-search a:link,
#job-search a:visited {
	text-decoration: none;
}

#job-search a:hover,
#job-search a:active {
	text-decoration: underline;
}

#job-search a.trigger:link,
#job-search a.trigger:visited {
	clear: both;
}

.space-below {
	margin-bottom: 10px;
}

.job-content ul.upcoming-deadlines li {
	clear: both;
}

.job-content ul.upcoming-deadlines li a:link,
.job-content ul.upcoming-deadlines li a:visited {
	background: transparent url(images/arrow.gif) no-repeat left center;
	margin-left: -8px;
	padding-left: 8px;
}

.job-content .deadline-employer {
	float: left;
}

.job-content .deadline-date {
	float: right;
}

.view-Part-Time-Employers .item-list ul {
	margin-top: 2em !important;
}

.view-Part-Time-Employers .item-list ul.pager {
	margin-top: -0.8em !important;
}

.view-Part-Time-Employers .item-list ul li {
	margin-top: -1em !important;
}

.view-Part-Time-Employers .views-field-title {
	color: #000 !important;
	font-size: 0.8em !important;
	font-weight: bold !important;
	margin-bottom: 0 !important;
}

.view-Part-Time-Employers .views-field-field-address-value,
.view-Part-Time-Employers .views-field-field-postcode-prefix-value,
.view-Part-Time-Employers .views-field-field-postcode-suffix-value,
.view-Part-Time-Employers .views-field-field-telephone-number-value {
	font-size: 0.8em !important;
}

.view-Part-Time-Employers .views-field-field-address-value,
.view-Part-Time-Employers .views-field-field-postcode-prefix-value {
	float: left;
	margin-right: 0.3em !important;
}

#main-content {
	-webkit-box-shadow: 0px 3px 5px #000;
	-moz-box-shadow: 0px 3px 5px #000;
}

#job-search .job-count {
	color: #019DDA;
}

.messages.error {
	margin: 0 10px 10px 10px !important;
	padding: 5px 10px 10px 10px;
	border: 1px solid #FF0000;
}

.inline-view-output {
	font-size: 1.5em;
	margin-top: -0.5em;
}

#pagecontent form .form-item {
	background-color: #CFEFFA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	width: 440px;
	float: left;
}

#pagecontent form .form-item .form-item {
	background-color: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 0px;
	width: auto;
	float: none;
}

#pagecontent form label {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 5px;
}

#pagecontent form input {
	background: #FFF url(images/input-shadow.png) no-repeat left top;
	width: 422px;
	border-left: 1px solid #777;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-top: 1px solid #777;
	padding: 8px;
	font-size: 1.4em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#pagecontent form select {
	background: #FFF url(images/input-shadow.png) no-repeat left top;
	width: 438px;
	border-left: 1px solid #777;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-top: 1px solid #777;
	padding: 8px;
	font-size: 1.2em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#pagecontent form select.date-month,
#pagecontent form select.date-year {
	width: auto;
}

#pagecontent form input.form-submit {
	width: auto;
	border: 0 solid transparent;
	display: block;
	clear: left;
}

#pagecontent form .description {
	font-size: 1em;
	margin-top: 5px;
	color: #444;
}

p.positive-about-disabled {
	width: 70px;
	height: 57px;
	background: #FFF url(images/positive-logo.gif) no-repeat left top;
	text-indent: -9999px;
	float: right;
	margin-top: -62px;
}

#pagecontent form legend { /* this is a copy of the H1 style with some alterations */
	background-color: #009DDA;
	color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0 solid #FFF;
}

#pagecontent.employer img {
	float: none;
}

#buttons-container p {
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}

#buttons-container p.button-right {
	float: right;
}

#buttons-container img {
	padding-bottom: 20px;
}