/* [%-# @(#)hunter.css	1.5 09:54:41,07/12/20 (yy/mm/dd) -%] */
/* *****************************************************
	Imports
***************************************************** */

	@import url(global.css);

/* *****************************************************
	Globals
***************************************************** */

	* {
		padding: 0;
	}
	
	div.blockWrapper {
		float: left;
	}

/***************************************************************
	block - main content block for content
***************************************************************/

	div.block {
		width: 635px;
		margin: 0 0 1em 0;
	}
	
	div.block h2 {
		height: 1em;
		padding: .5em 12px;
		margin: 0;
		background: #ebebeb url(../images/general/tab_top.gif) 0 0 no-repeat;
		font-size: 100%;
		color: #4274a9;
	}
	
	div.block h2 strong {
		color: #4274a9;
	}
	
	div.block h2 a {
		float: right;
	}
	
	div.block h3 {
		height: 1em;
		padding: .5em 0px .5em 10px;
		margin: 0;
		background: #ebebeb url(../images/general/tab_top.gif) 0 0 no-repeat;
		font-size: 100%;
		color: #4274a9;
	}
	
	div.block div {
		border: 1px solid #ebebeb !important;
		border-top: 0;
		background: #fff;
		padding: .8em 10px;
		margin: 0;
		position: relative; /* MC - IE6 Peekaboo bug fix */
	}
	
	div.block div fieldset {
		border: none;
	}
	
	div.block div label {
		display: inline;
		margin: 0 10px 0 0;
	}
	
	div.block div label input {
		margin: 0;
	}
	
	div.block div input.submit {
		display: inline;
		float: none;
	}
	
	div.block div h4 {
		color: #4274a9;
	}
	
	div.block div h4 strong {
		color: #4274a9;
	}
	
	div.block p span {
			font-size: 85%;
	}

/***************************************************************
	block - table design
***************************************************************/

	div.block div table {
		width: 100%;
		border: none;
	}
	
	div.block div table.jobEmail th {
		border: none !important;
		background-color: #B4CFF5;
	}
	
	div.block div table.jobEmail th.joboptions {
		text-align: right;
	}
	
	div.block div table td {
		border: 1px solid #fff;
	}
	
	div.block div table.jobEmail2 th {
		color: #4274a9;
		font-weight: bold;
		border: 1px solid #fff;
		background-color: #fff;
	}
	
	div.block div table.jobEmail2 em {
		font-style: normal;
		color: #4274a9;
	}
	
	div.block div ul {
		list-style: none;
		margin-left: 0px;
	}
	
	div.block div li {
		padding: 0 0 .3em 15px;
		background: url(../images/general/bullet_arrow.gif) 0 50% no-repeat;
		text-decoration: underline;
	}

/***************************************************************
	within block, there is another two column block for layout purposes
***************************************************************/

	div.block div div.column {
		border: none !important;
		width: 220px;
		float: left;
		margin: .2em;
		padding: .2em;
	}
	
	div.block form fieldset {
		width: 430px;
	}
	
	div.block form fieldset input.submit {
		width: auto;
	}

/***************************************************************
	covering letter add/edit
***************************************************************/

	form#letter_form fieldset {
		padding: 10px 0 0 0;
	}
	
	form#letter_form fieldset label {
		display: inline;
		padding: 0;
	}
	
	input#letter_description {
		width: 200px;
		font-size: 90%;
		vertical-align: middle;
		margin: 0 10px;
	}
	
	form#letter_form textarea {
		width: 531px;
		height: 150px;
		margin: 15px 0 10px 79px;
		font-size: 85%;
		vertical-align: bottom;
	}
	
	form#letter_form input.submit {
		margin: 5px;
	}

/***************************************************************
	Manage subscriptions table
***************************************************************/

	table.subsTable {
		width: 100%;
		font-size: 110%;
	}
	
	table.subsTable td {
		border: none;	
		background-color: #fff !important;
		font-weight: normal;
		border: dotted #cccccc;
		border-width: 0 0 1px 0;
		padding-left: 8px;
	}
	
	table.subsTable th {	
		color: #4274a9;
		border: solid #fff;
		border-width: 0 0 1px 0;
		background-color: #ebebeb;
		padding-left: 8px;
	}
	
	table.subsTable .colOne {
		width: 25%;
		font-weight: bold;
	}
	
	table.subsTable .colTwo {
		width: 55%;
	}
	
	table.subsTable .colThree {
		width: 5%;
	}

/***************************************************************
	sub - right hand side sub menu block system
***************************************************************/

	input.narrow {
		width: 30px !important;
		display: inline !important;
	}
	
	div.sub {
		float: right;
		width: 106px !important;
	}
	
	div.subTwo {
		float: right;
		width: 200px !important;
	}
	
	div.sub div {
		padding: .8em 1px !important;
		text-align: center;
	}
	
	div.subTwo h2 {
		margin: 10px 0 0 0;
	}
	
	div.sub div p.box img {
		background-color: #4274a9;
		color: #fff;
		font-size: 80%;
		padding: 1px 1px 1px 1px;
		margin: 0 0 -2px 0;
	}


/* *************************************************************
	shortlist expiring link colours
************************************************************* */

	a.shtLstExpireToday {
		color: #c1c2c3 !important;
	}
	
	a.shtLstExpired {
		color: #83a6cb !important;
	}

/* *************************************************************
	Page specifics
************************************************************* */

	/* *********************************************************
		MJ Account
	********************************************************* */
	
		body#mj-account td#searchTerms fieldset {
			border: none;
		}
	
		body#mj-account td#searchTerms h3 {
			position: relative;
		}
		
		body#mj-account td#searchTerms h3 span {
			position: absolute;
			right: 10px;
			top: 5px;
		}
	
		body#mj-account td#searchTerms ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		body#mj-account td#searchTerms ul li {
			list-style-type: none;
			display: block;
			margin: 0 0 0 10px;
			padding: 2px 1px;
			position: relative;
			overflow: hidden;
			border: solid #dbdddf;
			border-width: 1px 0;
		}
	
		body#mj-account td#searchTerms li label {
			padding-left: 27px;
			font-size: 95%;
			position: relative;
			cursor: hand;
			width: 90%;
		}

		body#mj-account td#searchTerms ul li span {
			display: block;
			font-size: 85%;
			padding: .2em 0 0 0;
			position: absolute;
			top: 0;
			right: 10px;
			text-align: right;
		}
	
		body#mj-account td#searchTerms li label:hover, 
		body#mj-account td#searchTerms li label.hover {
			color: #5e8cbd;
			background: #FFF url(/images/general/chnl_li_slctd.gif) top left no-repeat;
		}
		
		body#mj-account td#searchTerms li:hover,
		body#mj-account td#searchTerms li.hover {
			border: solid #4274a9;
			border-width: 1px 0;
			background: #FFF;
		}
	
		body#mj-account td#searchTerms li:hover span,
		body#mj-account td#searchTerms li.hover span {
			color: #5e8cbd;
		}
	
		body#mj-account td#searchTerms li label input.checkbox {
			position: absolute;
			left: 2px;
			top: 0;
		}
		
		body#mj-account td#searchTerms li label input[class="checkbox"].checkbox {
			left: 5px;
			top: 3px;
		}
	
		body#registrationRedirect div#linkContainer {
			border: 1px solid #8cb9e8;
			background: #8cb9e8 url(../images/general/regredirect_bg.png) 0 0 repeat-x;
			margin: 1em 5em;
			padding: 1em 3em 2em 3em;
		}
		
		body#registrationRedirect div#linkContainer dt {
			font-weight: bold;
			margin: 1em 0 0 0;
			padding: 0 0 0 15px;
			background: transparent url(../images/general/regredirect_bullet.png) 0 center no-repeat;
		}
		
		body#registrationRedirect div#linkContainer dd {
			margin: 0 0 0 3em;
			font-size: 95%;
		}
		
/* *************************************************************
	Newsfeed
************************************************************* */
	body#newsfeed div.block {
		width: 195px;
		margin: 1em 0 1em 0;
	}
	
	body#newsfeed div.block h2 {
		height: 1em;
		padding: .5em 12px;
		margin: 0;
		background: #ebebeb url(../images/general/tab_top.gif) 0 0 no-repeat;
		font-size: 120%;
		color: #4274a9;
	}

	body#newsfeed div.block div {
		border: 1px solid #ebebeb !important;
		border-top: 0;
		background: #fff;
		padding: .8em 10px;
		margin: 0;
		position: relative; /* MC - IE6 Peekaboo bug fix */
	}
	
	#articles {
		width:515px;
		float:left;
		padding: .5em 1.6em 0 0;
	}
	
	#articles h1{
		text-align: center;
	}
	
	body#newsfeed form fieldset select {
		font-size: 100%;
		width: 180px;
	}
	
	/* *************************************************************************
		Register Page /prereg/register.html
	************************************************************************* */
	
		div#preReg h2 {
			background: none;
			font-size: 1.2em;
		}
			
		div#preReg form {
			margin: 0;
			padding: 0;
		}
			
		div#preReg form fieldset {
			border: 0;
			margin: 0 0 1em 0;
		}
			
				
		div#preReg div.bgWrap {
			background:  #ebebeb;
			padding: 6px;
		}
			
				
		div#preReg fieldset#preRegPrsnl div.bgWrap div {
			float: left;	
			width: 240px;
		}
			
		div#preReg fieldset#preRegPrsnl div.bgWrap label,
		div#preReg fieldset#preRegVcncy div.bgWrap label {
			font-size: 90%;
			font-weight: bold;
			height: 2.5em;
		}
			
		div#preReg fieldset#preRegPrsnl div.bgWrap label {
			font-size: 90%;
			font-weight: bold;
			height: 1.8em;
		}
			
		div#preReg fieldset#preRegPrsnl div.bgWrap input,
		div#preReg fieldset#preRegPrsnl div.bgWrap select {
			margin: 0;
			width: 215px;
		}
			
		div#preReg fieldset#preRegVcncy div.bgWrap div {
			float: left;	
			width: 240px;
		}
			
		div#preReg fieldset#preRegVcncy div.bgWrap input,
		div#preReg fieldset#preRegVcncy div.bgWrap select {
			margin: 0;
			width: 215px;
		}
			
		div#preReg fieldset#preRegVcncy div.bgWrap label span {
			display: block;
			font-size: 90%;
			height: 1.9em	
		}
			
		div#preReg fieldset#preRegPrsnl div.bgWrap label span {
			font-size: 90%;
			height: 1.9em	
		}
			
		div#preReg fieldset#preRegPrsnl div.bgWrap select,
		div#preReg fieldset#preRegVcncy div.bgWrap select {
			font-size: 90%;	
		}
			
		div#preReg fieldset#preRegIndSct div.column {
			float: left;
			width: 198px;
		}
		div#preReg fieldset#preRegTerms label{
			display: inline;
		}
		div#preReg fieldset#preRegTerms p{
			margin-bottom: 1em;
		}
		div#preReg fieldset#preRegTerms input.submit{
			background: #000;
		}
		
		/* *************************************************************************
		Jobtypes
	    ************************************************************************* */
		
		div#preReg fieldset#preRegVcncy div.jobtype div {
			float: left;	
			width: 155px;
			background-color: #ebebeb;
		}
		
		div#preReg div.jobtype {
			background: #ebebeb;
			padding: 6px;
		}
		
		div#preReg fieldset#preRegVcncy div.jobtype label {
			font-size: 90%;
			font-weight: bold;
			height: 1.8em;
		}

		/* ****************************************************************
expired vacancies on lucky dip for vacdetails template
****************************************************************** */

body#vacform .boxWrap fieldset{
	border:0;
	margin:0;
	padding:0;
}

body#vacform div.boxWrap{
	margin: 0 0 1em 0;
	background: #EBEBEB;
	border:1px solid #4274A9;
	font-weight:bold;
	text-align:left;
	width:590px;
	padding:4px;
	position:relative;
}

body#vacform div.boxWrap div{
	margin: 3px 0 0 0;
	float: left;
	width: 146px;
	}
	
body#vacform div.boxWrap input,
body#vacform div.boxWrap select{
	margin: 0;
	padding: 0;
	width: 130px;
	border:1px solid #4274A9;
}

body#vacform div.boxWrap span{
	display: block;
	font-weight:normal
}

body#vacform div.box6{
	width:592px;
	padding: 4px;	
	position: relative;
}

body#vacform img{
	border:0
}

body#vacform a.help{
	position:absolute;
	top:34px;
	right:3px;
}

body#vacform form {
	margin:0;
}

body#vacform .space{
	padding-top:26px;
}

body#vacform div.boxWrap span{
	display: block;
	font-size: 75%;
	font-weight:normal;
}

body#vacform form input.submit{
	float: none;
	width: 10em;
	border: 1px solid #797777;
	background: #7E7E7E url(/images/home/bg_btn.gif) 0 0 repeat-x;
}

body#vacform h2{
	background: #7E7E7E url(/images/home/bg_btn.gif) 0 0 repeat-x;
	border:0;
	margin:0;
	font-size:120%;
	padding:2px;
	width:150px;
	color: #fff;
	text-align:center;
}

body#vacform form fieldset label{
	margin: 0;
	padding:0;
}
body#vacform form fieldset select{
	font-weight: normal;
}

/* Submit form buttons MAC IE5 needs explicit widths on floats */
/* \*/
body#vacform form input.submit {
	width: 10em !important;
}
/* */


div.block div.lightbluebg{
background:#E5E5EF;
border:1px solid #0C2D83;
margin-bottom:2em;
width:450px;
}

/* ****************************************************************
	Manage Subcriptions
****************************************************************** */

	#manage_subscriptions.home #email_settings {
		background-color: #EBEBEB;
		padding: 0 10px;
		margin: 0;
		margin-bottom: 10px;
		list-style: none;
		overflow: hidden;
		height: 1%;
		float: none;
	}
	
	#manage_subscriptions.home #email_settings li {
		margin: 0;
		padding: 0;
		float: right;
		list-style: none;
	}
	
	#manage_subscriptions.home #email_settings li a {display: block; padding: 7px;}
	#manage_subscriptions.home #email_settings .submit {float: none; margin: 5px 0;}
	#manage_subscriptions.home #email_settings .change_email a {background: transparent url(/images/general/change_email.gif) no-repeat left 55%; padding-left: 15px;}

	#manage_subscriptions.home #subscription_preferences fieldset {
		margin: 0;
		padding: 5px;
		width: 750px;
		border: none;
		margin-bottom: 10px;
	}
	
	#manage_subscriptions.home legend {
		display: none;
	}

	#manage_subscriptions.home dl {
		margin: 0;
	}

	#manage_subscriptions.home #subscription_preferences h2 {
		background: transparent;
		padding: 5px;
		padding-bottom: 0;
		font-size: 14px;
		color: #4274A9;
	}
	
	#manage_subscriptions.home #subscription_preferences .module {
		width: 365px;
		padding: 5px;
		float: left;
	}
	
	#manage_subscriptions.home #subscription_preferences .module .bar {
		padding-bottom: 10px;
		overflow: hidden;
		height: 1%;
	}
	
	#manage_subscriptions.home #subscription_preferences .module .bar strong {float: left;}
	
	#manage_subscriptions.home #subscription_preferences .module .bar label {
		margin: 0;
		padding: 0;
		font-size: 12px;
	}
	
	#manage_subscriptions.home #subscription_preferences .module .bar ul {
		padding: 0;
		margin: 0;
		list-style: none;
		float: left;
	}
	
	#manage_subscriptions.home #subscription_preferences .module .bar li {
		padding: 0;
		margin: 0;
		float: left;
		padding-left: 15px;
		list-style: none;
	}
	
	#manage_subscriptions.home #subscription_preferences .module .bar ul input.radio {margin-right: 5px !important;}
	#manage_subscriptions.home #subscription_preferences .module input.checkbox {margin: 0 5px 0 0 !important;}
	#manage_subscriptions.home #subscription_preferences .module .description {font-size: 11px; padding-top: 10px;}
	#manage_subscriptions.home #subscription_preferences #career_services #jobs_by_email {width: 740px;}
	#manage_subscriptions.home #subscription_preferences #career_services #jobs_by_email label {float: left;}
	
	#manage_subscriptions.home #subscription_preferences #career_services .profiles {
		padding: 10px;
		padding-top: 0;
		overflow: hidden;
		height: 1%;
	}
	
	#manage_subscriptions.home #subscription_preferences #career_services .profile {overflow: hidden; height: 1%; margin-top: 10px;}
	#manage_subscriptions.home #subscription_preferences #career_services .profile .name dl {padding: 10px; overflow: hidden; height: 1%;}
	#manage_subscriptions.home #subscription_preferences #career_services .profile .name dd {padding: 0 0 0 10px; margin: 0; float: left;}
	#manage_subscriptions.home #subscription_preferences #career_services .profile .name .toggle_active {float: right;}
	#manage_subscriptions.home #subscription_preferences #career_services .profile .status {font-size: 10px; line-height: 1.5;}
	#manage_subscriptions.home #subscription_preferences #career_services .profile .error {margin: 0 10px; padding: 5px 0; font-size: 11px;}
	#manage_subscriptions.home #subscription_preferences #career_services .profile .details {padding: 10px; overflow: hidden; height: 1%;}
	#manage_subscriptions.home #subscription_preferences #career_services .profile .details dt {float: left; width: 190px;}
	#manage_subscriptions.home #subscription_preferences #career_services .profile .details dd {float: left;}
	#manage_subscriptions.home #subscription_preferences #career_services #jobs_by_email #feat_rec {padding: 10px; padding-bottom: 0;}
	#manage_subscriptions.home #subscription_preferences #career_services .profile .name dt {float: left;}
	
/* ****************************************************************
		Colours + Grpahics
****************************************************************** */

/* ****************************************************************
			General
****************************************************************** */

			/* 1 Row - bg colour */
			#manage_subscriptions.home #subscription_preferences fieldset {
			background-color: #EBEBEB;}
			
			/* 2 Row header - border colour */
			#manage_subscriptions.home #subscription_preferences .module .bar {
			border-bottom: 1px solid #7E7E7E;} 
			
			/* 3 Container for profiles - bg colour */
			#manage_subscriptions.home #subscription_preferences #career_services .profiles {
			background-color: #fff;} 
			
			/* 4 Rounded corners for bottom of profile - bg  colour + image */
			#manage_subscriptions.home #subscription_preferences #career_services .profile {
			background: #EBEBEB url(/images/general/profile_bottom.gif) no-repeat bottom left;}

/* ****************************************************************
			Priofile States
****************************************************************** */

/* ****************************************************************
				5 Inactive
****************************************************************** */
				#manage_subscriptions.home #subscription_preferences #career_services .profile .name dl {
				background: #e0dede url(/images/general/profile_top.gif) no-repeat top left;}			

/* ****************************************************************
				6 Active
****************************************************************** */
				#manage_subscriptions.home #subscription_preferences #career_services .profile .name .status-active {
				background: #B4CFF5 url(/images/general/profile_top-active.gif) no-repeat top left;} 

				#manage_subscriptions.home #subscription_preferences #career_services .profile .name .status-active * {
				color: #fff;} 

/* ****************************************************************
				7 Error
****************************************************************** */
				#manage_subscriptions.home #subscription_preferences #career_services .profile .name .status-suspended,
				#manage_subscriptions.home #subscription_preferences #career_services .profile .name .status-error {background: #fddcd6 url(/images/general/profile_top-suspended.gif) no-repeat top left;} 

				#manage_subscriptions.home #subscription_preferences #career_services .profile .name .status-suspended *,
				#manage_subscriptions.home #subscription_preferences #career_services .profile .name .status-error * {color: #fff;}


/* *************************************************************
	Patches
************************************************************* */

	/* Fix hidden form field border in firefox */
	form input[type="hidden"] {
		border: 0;
	}
	
	/* */
	@media tty {
	i {content: "\";/*" "*/}} @import 'winie5x.css'; /*";}
	}/* */
	
	/* Hide from Mac IE5 - the top submit button*/
	/* \*/
	div.block form fieldset input.submit {
		margin: 0;
		display: inline;
		float: none;
	}
	/* */