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

/* *****************************************************************************
	Import
***************************************************************************** */

	@import url(global.css);
	
/* *****************************************************************************
	Globals
***************************************************************************** */
	

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

	*html body#list_applications {
		text-align:center;
	}	

	*html body#list_applications div#container {
		width:971px;
	}

	*html body#list_applications div#content {
		width:949px !important;
		text-align:left;
	}

	*html body#list_applications div#topNav {
		width:959px;
	}
		
/* *****************************************************************************
	block - main content block for content
***************************************************************************** */

	div.block {
		width: 620px;
		margin-bottom:10px;
		padding:0;
	}
		
	div.block h2 {
		height: 1em;
		padding: .5em 4px;
		margin: 0;
		background: #212f49;
		font-size: 110%;
		color: #fff;
	}
	
	div.block h2 strong {
		color: #fff;
	}
	
	div.block h2 a {
		float: right;
	}
	
	div.block h3 {
		height: 1em;
		padding: .5em 0px .5em 10px;
		margin: 0;
		background: #f3eade url(../images/general/tab_top.gif) top left no-repeat;
		font-size: 100%;
		color: #000;
	}
	
	div.block div {
		border: 1px solid #212f49 !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.text {
		margin: 0 0 4px 0;
	}
	
	div.block div input.submit {
		display: inline;
		float: none;
	}
	
	div.block div h4 {
		font-size:110%;
	}
	
	div.block div h4 strong {
		color: #0d4f5d;
	}
	
	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: #E5E5E5;
	}
	
	div.block div table.jobEmail th.joboptions {
		text-align: right;
	}

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

	div.block div table.jobEmail th a:hover {
		color: #000;
	}

/* *****************************************************************************
	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: 100%;
		padding:3px 0;
	}
	
	div.block form fieldset input.submit {
		width: auto;
	}

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

	input.narrow {
		width: 30px !important;
		display: inline !important;
	}
	
	div.sub {
		float: right;
		width: 120px !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: #2B56A2;
		color: #fff;
		font-size: 80%;
		padding: 1px;
		margin: 0 0 -2px 0;
	}

	div.sub div p {
		font-size: 80% !important;
		padding: 1px 5px;
	}

/* *****************************************************************************
	Page Specific
***************************************************************************** */

	/* *************************************************************************
		MyJobsite
	************************************************************************* */
	
		.please_activate {
			border: 1px solid #900;
			background: #faf2f2;
			color: #900;
			padding: 1em;
		}

	/* *************************************************************************
		shortlist expiring link colours
	************************************************************************* */
	
		a.shtLstExpireToday {
			color: #e7dbcc !important;
		}
		
		a.shtLstExpired {
			color: #7FBE28 !important;
		}

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

		form#letter_form fieldset {
			padding: 10px 0 0 0;
		}
		
		form#letter_form fieldset label {
			display: inline;
		}
		
		form#letter_form input {
			width:200px;
			margin:0 5px;
			font-size: 100%;
		}
		
		form#letter_form textarea {
			width: 555px;
			height: 150px;
			margin: 15px 0 10px 83px;
			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 #000000;
			border-width: 0 0 1px 0;
			padding-left: 8px;
		}
		
		table.subsTable th {
			color: #000;
			border: solid #fff;
			border-width: 0 0 1px 0;
			background-color: #000000;
			padding-left: 8px;
		}
		
		table.subsTable .colOne {
			width: 25%;
			font-weight: bold;
		}
		
		table.subsTable .colTwo {
			width: 42%;
		}
		
		table.subsTable .colThree {
			width: 33%;
		}

	/* *************************************************************************
		Bulletin Search
	************************************************************************* */
		
		body#bulletin_search table,
		body#bulletin_search fieldset {
			border: none;
		}
		
		body#bulletin_search table {
			margin:  1em 0 2em 0;
		}
		
		body#bulletin_search th,
		body#bulletin_search td {
			border: solid #B2B2D1;
			border-width: 1px 0;
		}
		
		body#bulletin_search div.odd,
		body#bulletin_search div.even {
			padding: 10px;
		}
		
		body#bulletin_search div.odd {
			background-color: #000000;
			border: solid #e7dbcc;
			border-width: 1px 0;	/*	Some very odd styling going on here   */
			padding-left: 10px;     /*	padding right and left have to be     */
			padding-right: 10px;    /*	explicitly set on THIS rule... weird  */
		}

	/* *************************************************************************
		vacdetails_temptsearch_form_main.template
	************************************************************************* */

		body#vacform .boxWrap fieldset{
			border:0;
			margin:0;
			padding:0;
		}
		
		body#vacform div.boxWrap{
			margin: 0 0 1em 0;
			background: #e5e5ef;
			border:1px solid #0d4f5d;
			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 #7f9db9;
		}
		
		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;
		}
		
		body#vacform h2{
			background: #0c2d83;
			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;
		}
		
		body#vacform h3 {
			color: #000;
			font-size: 130%;
			margin: 0 0 .5em 0;
			padding: 0 0 0 .5em;
		}

	/* *************************************************************************
		list applications
	************************************************************************* */
	
		body#list_applications table {
			font-size: 100%;
		}

/* *****************************************************************************
	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;
		}
	/* */

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

/* *************************************************************************
		search_to_jbe_create_account
	************************************************************************* */
	
		#search-to-jbe table.colhighlight table {
			width: 100%;
		}

		#search-to-jbe table.colhighlight td.leftSide{
			width:48%;
		}
			
		#search-to-jbe table.colhighlight input.checkbox {
			display: inline !important;
			margin-bottom: 0 !important;
			padding-bottom: 0 !important;
		}
	
	/* *************************************************************************
		search_to_jbe_error
	************************************************************************* */
		
		#search-to-jbe div#Error {
			border-top: 1px solid #0d4f5d;
			border-bottom: 1px solid #0d4f5d;
			padding-left: 250px;
			background-color: #F1F8ED;
		}
			
		#search-to-jbe div#Error p {
			width: auto;
			margin: 0;
			padding: 1em 0 1em 20px;
			background-color: #FFF;
			position: relative; /* IE peekaboo bug fix */
		}

/* *************************************************************************
		Job Application (Registered User and Guest User)
************************************************************************* */
	
	body#applynow.login form fieldset table.colhighlight h3,
	body#applynow.login form fieldset table.colhighlight h3 strong {
		color: #ff8208 !important;
	}

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

	#manage_subscriptions.home #email_settings {
		background-color: #E5E5E5;
		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: 760px !important;
		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: #313232;
	}
	
	#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: #E5E5E5;}
			
			/* 2 Row header - border colour */
			#manage_subscriptions.home #subscription_preferences .module .bar {
			border-bottom: 1px solid #E5E5E5;} 
			
			/* 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: #E5E5E5 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: #becfdb url(/images/general/profile_top.gif) no-repeat top left;}			

/* ****************************************************************
				6 Active
****************************************************************** */
				#manage_subscriptions.home #subscription_preferences #career_services .profile .name .status-active {
				background: #24405D 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;}

				div.jobhunting h3 {
					font-size: 130%;
				}

				div.jobhunting ul li.one {
					background: url(../images/general/List_images_1.gif) 0 0 no-repeat;
					padding: 0 0 0 20px;
					list-style: none;
				}

				div.jobhunting ul li.two {
					background: url(../images/general/List_images_2.gif) 0 0 no-repeat;
					padding: 0 0 0 20px;
					list-style: none;
				}

				form#vacancy_note p {
					text-align:right;
				}

	/***************************************************************
	Career Tools /home/careertools.html
***************************************************************/

	body#careerTools div.onecol,
	body#careerTools div.twocol{
		border-bottom: 1px solid #ccc;
		margin: 0 0 1em 0;
		overflow: hidden;
		width: 770px;
	}
	body#careerTools div.twocol div.col{		
		float: left;
		width: 375px;
	}		
	body#careerTools div.twocol div.col.firstcol{
		margin-right: 20px;
	}	
	body#careerTools div.twocol div.col.firstcol ul{
		margin: 0;
	}
	body#careerTools div .col img{
		margin: 0 0 10px 10px;
	}
	body#careerTools div .col p a.mainLink{
		background: url(/images/general/arrow_tr.png) 100% 50% no-repeat;
		font-weight: bold;
	}
	body#careerTools div.onecol ul{
		overflow: hidden;
		margin-left: 10px;
		width: 770px;
	}
	body#careerTools  div.onecol ul li{
		float: left;
		list-style-image: none;
		list-style-type: none;
		margin: 0 0 .4em 0;
		width: 50%;
	}
	body#careerTools div.onecol.bottom{border:none !important;}