/* [%-# @(#)hunter.css	1.5 12:19:10,10/04/15 (yy/mm/dd) -%] */

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

	@import url(global.css);
	
/* *****************************************************************************
	Globals
***************************************************************************** */
	
	* {
		padding: 0;
	}
	
	div.blockWrapper {
		float: left;
	}

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

	div.block {
		width: 575px;
		margin-bottom:10px;
		padding:0;
	}
		
	div.block h2 {
		padding: .3em 4px;
		margin: 0;
		background: #006766;
		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 #006766 !important;
		border-top: 0;
		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: #006766;
	}
	
	div.block div table.jobEmail th.joboptions {
		text-align: right;
	}

	div.block div table.jobEmail th.joboptions a {
		color: #fff !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: #fff;
	}

/* *****************************************************************************
	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 input.submit{
		width:125px;
		float:right;
		}
		form#letter_form textarea {
			width: 555px;
			height: 150px;
			margin: 15px 0 10px 83px;
			vertical-align: bottom;
			border:1px solid #014342;
		}
		
		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 #0D6F6E;
			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: #0D6F6E;
			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: #0D6F6E;
			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: #0D6F6E;	
			font-weight:bold;
			text-align:left;
			width:750px;
			padding:10px;
			position:relative;
		}
		
		body#vacform div.boxWrap div{
			margin: 3px 0 0 0;
			float: left;
			width: 200px;
		}
		
		body#vacform div.boxWrap input,
		body#vacform div.boxWrap select{
			margin: 0;
			padding: 0;
			width: 185px;
			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:15px;
			right:15px;
			overflow:hidden;
			text-indent:-5000px;
		}
		
		body#vacform form {
			margin:0;
		}
		
		body#vacform .space{
			padding-top:26px;
			width:130px !important;
		}
		
		body#vacform div.boxWrap span{
			display: block;
			font-size: 75%;
			font-weight:normal;
			color:#fff;
		}
		
		body#vacform div.boxWrap span a{
			color:#fff;
		}
		body#vacform form input.submit{
			float: none;
			width: 10em;
		}
		
		body#vacform h2{
			border:0;
			margin:0;
			font-size:130%;
			padding:3px 5px;			
			color:#000;
		}
		
		body#vacform form fieldset label{
			margin: 0;
			padding:0;
			color:#fff;
		}
		
		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:50%;
		}

		#search-to-jbe table.colhighlight td.leftSide input, #search-to-jbe table.colhighlight td.leftSide select {
			width:300px;
		}
			
		#search-to-jbe table.colhighlight input.checkbox {
			display: inline !important;
			margin-bottom: 0 !important;
			padding-bottom: 0 !important;
			width:14px !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: #f8d14e;
		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: 696px;
		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;
	}
	
	#manage_subscriptions.home #subscription_preferences .module {
		width: 335px;
		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: 680px;}
	#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: #f8d14e;}
			
			/* 2 Row header - border colour */
			#manage_subscriptions.home #subscription_preferences .module .bar {
			border-bottom:1px solid #014342;} 
			
			/* 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: #0D6F6E;}

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

/* ****************************************************************
				5 Inactive
****************************************************************** */
				#manage_subscriptions.home #subscription_preferences #career_services .profile .name dl {
				background: #ebebd9;}			

/* ****************************************************************
				6 Active
****************************************************************** */
				#manage_subscriptions.home #subscription_preferences #career_services .profile .name .status-active {
				background: #006766;} 

				#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;}

/* *************************************************************************
		Register Page /prereg/register.html
	************************************************************************* */
		
		*html div#preReg{overflow:hidden;float:left;width:706px !important;clear:both;margin:0!important;padding:0 !important;}

		div#preReg h2 {
			background: none;
			font-size: 1.2em;
			padding: .2em 0;
			font-weight: bold;
		}
		div#preReg form {
			margin: 0;
			padding: 0;
		}
		div#preReg form input {
			padding: 2px;
		}
			
		div#preReg form fieldset {
			border: 0;
			margin: 0 0 1em 0;
		}
		div#preReg form fieldset input.submit{
			font-size: 130%;
			padding-left: 20px !important;
			padding-right: 20px !important;
		}			
				
		div#preReg div.bgWrap {
			background:#FAF0D1;
			padding: 6px;
		}

		div#preReg div{
			overflow: hidden; /* Clear floats */
			width: 694px;
		}			

		div#preReg fieldset#preRegPrsnl div.bgWrap div {
			float: left;	
			width: 230px;
		}

		div#preReg fieldset#preRegPrsnl div.bgWrap{background:#FAF0D1 !important;}

		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: 210px;		
		}
			
		div#preReg fieldset#preRegVcncy div.bgWrap div {
			float: left;	
			width: 230px;
		}
			
		div#preReg fieldset#preRegVcncy div.bgWrap input,
		div#preReg fieldset#preRegVcncy div.bgWrap select {
			margin: 0;
			width: 210px;
		}
		div#preReg fieldset#preRegVcncy p {
			margin: .5em 0;
		}
			
		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: 225px;
		}
		div#preReg fieldset#preRegTerms input{
			width: auto;
		}
		div#preReg fieldset#preRegTerms label{
			display: inline;
		}
		div#preReg fieldset#preRegTerms p{
			margin-bottom: 1em;
		}
			
		#search {
			background-color: #006766;
			/*border: 1px solid #0B4499;*/
			margin: 0 0 .5em 0;
			overflow: hidden;
			padding: 5px 10px;
			display:none;
		}
		#search fieldset {
			border: none;
			position: relative;
		}
		#search fieldset label{
			color: #fff;
			float: left;
			font-weight: bold;
			font-size: 90%;
			padding: 0 10px 10px 0;
			width:200px;
		}
		#search fieldset input,
		#search fieldset select{
			display: block;
			font-weight: normal;
			font-size: 100%;
			margin:2px 0 0 0 !important;
		}
		#search input#Query {
			border: 1px solid #0B4499;
			height: auto;
			/*padding: .2em 4px;*/
			width: 200px;
			margin:2px 0 0 0;
		}
		#search select#andoror,
		#search select#daysback{
			width: 200px;
		}
		#search select#emp_mkt_cd{
			width: 140px;
		}
		#search input {
			margin: 0;
			vertical-align: top;
		}
		#search input.button {
			background: #F6E6B5 url(../images/general/button-bg.gif) repeat-x scroll 0pt 0pt;
			border: 1px solid #014342;
			color: #0E3635;
			float: right;
			font-size: 90%;
			font-weight: bold;
			margin: 15px 5px 0 0 !important;
			padding: 1px 5px;
		}
		#search input.button {
		    width: 0;  /* IE table-cell margin fix */
		    overflow: visible;
		}		
		#search input.button[class] {  /* IE < 7 ignores [class] */
		    width: auto;  /* cancel margin fix for other browsers */
		}
		#search legend {
			display: none;
		}
		
		/* *************************************************************************
		Jobtypes
	    ************************************************************************* */
		
		div#preReg fieldset#preRegVcncy div.jobtype {
			padding-top: 0;
		}

		div#preReg fieldset#preRegVcncy div.jobtype h3 {
			color: #000;
			font-size: 90%;
			margin: 0;
		}
		
		div#preReg fieldset#preRegVcncy div.jobtype div {
			float: left;	
			width: 215px;
			padding: 6px 0 0 0 !important;
			background-color: #FAF0D1;
		}
		
		div#preReg div.jobtype {
			background: #FAF0D1;
			padding: 6px;
		}
		
		div#preReg fieldset#preRegVcncy div.jobtype label {
			font-size: 90%;
			font-weight: bold;
		}
		
		/* *************************************************************************
		JBE
	    ************************************************************************* */
		
		div#preReg fieldset#preRegVcncy div.jbe div {
			float: left;	
			width: 90%;
			background-color: #FAF0D1;
		}
		
		div#preReg div.jbe {
			background: #FAF0D1;
			padding: 8px 6px;
		}
		
		div#preReg fieldset#preRegVcncy div.jbe label {
			display: inline;
			font-size: 90%;
			font-weight: bold;
		}

		div#preReg fieldset#preRegVcncy div.jbe input {
			width: auto;
		}

		/***************************************************************
	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: 706px;
	}
	body#careerTools div.twocol div.col{		
		float: left;
		width:343px;
	}		
	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;
	}
	body#careerTools  div.onecol ul li{
		float: left;
		list-style-image: none;
		list-style-type: none;
		margin: 0 0 .4em 0;
		width:49.5%;
	}
	body#careerTools div.onecol.bottom{border:none !important;}
	
body#careerTools .career-order .left {float:left; width:80%;}
body#careerTools .career-order .right {float:left; width:20%; text-align:center;}
body#careerTools .career-order h2 {font-size:1.7em;}
body#careerTools .career-order h3 {font-size:1.3em; color:#000;}
body#careerTools .career-order h4 {font-size:.9em; color:#a3a3a3; padding-bottom:20px;}
body#careerTools .career-order ul li {float: none !important; background:url(/images/general/arrow.gif) no-repeat 0 5px; padding:0 0 0 10px; width: auto !important;}
body#careerTools .buynow {border-bottom:3px solid #EEE; overflow:hidden; width: auto !important; padding: 0;}
body#careerTools .buynow .order {float:left; width:20%; text-align:center;}	
