/* [%-# %W% %T%,%D% (yy/mm/dd) -%] */

/* *****************************************************************************
	Imports
***************************************************************************** */

	@import url(global.css); /* global Jobsite styles */

/* *****************************************************************************
	Containers
***************************************************************************** */

	body#newfeed {
		width: 753px;
	}

	body#secr fieldset#ignore input.radio {
		margin-left: 0 !important;
	}

	*html body#secr fieldset#freeSearch input.radio {
		margin-left: 1.2em !important;
	}

	form {
		display: block;
		float: left;
		width: 500px;
		margin: 0 15px 0 0;
		padding: 0;
	}
	
	form[action] {
		position: relative;
	}
	
	html body form fieldset {
		padding: 5px 0;
		margin: 5px 0 0 0;
		border: none;
		background: #C4D6E2;
	}
	
	div#marketing {
		width: 195px;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	div#marketing div.outer {
		background: url(/images/general/outer_bg_midblu.gif) top left no-repeat;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	div#marketing div.inner {
		background: url(/images/general/inner_bg_midblu.gif) bottom right no-repeat;
		margin: 0;
		padding: 5px 10px 2px 10px;
	}
	
	div#marketing form {
		background: #B2B2D1 url(/images/general/boxcrnr_midblu.gif) top left no-repeat;
		border: 0;
		width: auto;
		float: none;
		margin: 10px 0 0 0;
	}
	
	div#intro {
		margin: 0;
		position: relative;
	}
	
	body#auto div#intro,
	body#avio div#intro,
	body#cons div#intro, 
	body#educ div#intro, 
	body#engi div#intro, 
	body#grad div#intro, 
	body#phar div#intro, 
	body#ps div#intro, 
	body#sec div#intro,
	body#scie div#intro, 
	body#tele div#intro {
		padding: 0 150px 0 0;
	}

/* *****************************************************************************
	Headings
***************************************************************************** */

	form h2 {
		font-style: italic;
		font-size: 180%;
		margin: 0 0 .1em 0;
		width: 98%;
		color: #0C2D83;
	}
	
	form fieldset h3 {
		position: relative;
		display: block;
		color: #0C2D83;
		padding: 0 50px 0 10px;
		background: none;
		font-size: 150%;
		border: none;
		margin: 0;
	}
	
	form fieldset h3 span {
		position: absolute;
		right: 10px;
		top: 5px;
		font-size: 65%;
	}
	
	form fieldset#freeSearch h3, form fieldset#ignore h3 {
		color: #0C2D83;
		padding: 0;
		margin: 0 0 0 -5px;
	}
	
	form fieldset#secrVacRef {
		padding-left: 15px;
	}

	form fieldset#secrVacRef h3 {
		padding: 0px;
	}

	h4 {
		font-size: 120%;
	}
	
	html body div#marketing div.outer h4 {
		color: #b2b2d1;
		font-weight: bold;
	}
	
	html body div#marketing form h4 {
		color: #fff;
		font-weight: bold;
		margin: 0 5px;
	}

/* *****************************************************************************
	Paragraphs
***************************************************************************** */

	fieldset ul li span {
		display: block;
		font-size: 85%;
		padding: .2em 0 0 0;
		position: absolute;
		top: 0;
		right: 10px;
		text-align: right;
	}
	
	html body div#marketing form p {
		margin: 0 10px 1em 10px;
	}
	
	p#partner {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 150px;
		overflow: hidden;
	}

/* *****************************************************************************
	Links
***************************************************************************** */

	fieldset ul li a {
		display: block;
		font-size: 85%;
		font-weight: bold;
		padding: 0 0 0 10px;
		margin: 0;
		text-decoration: none !important;
		color: #000 !important;
	}
	
	fieldset ul li a:hover, fieldset span.li a:hover {
		color: #0C2D83;
		background: url(/images/general/chnl_a_hvr.gif) center left no-repeat;
	}
	
	html body div#marketing form#login a {
		display: block;
		float: left;
		margin: 1em 0 0 0;
		font-size: 90%;
	}
	
	p#partner a {
		display: block;
		position: relative;
		width: 150px;
		text-decoration: none;
		text-indent: -5000px;
	}
	
	body#auto p#partner a,body#avio p#partner a,body#cons p#partner a,body#engi p#partner a {
		background: url(/images/general/scenta.gif) top right no-repeat;
		height: 73px;
	}
	
	body#educ p#partner a,body#phar p#partner a,body#ps p#partner a {
		background: url(/images/general/lgn_logo.gif) top right no-repeat;
		height: 57px;
	}
	
	body#scie p#partner a,body#tele p#partner a {
		background: url(/images/general/silicon_small.gif) top right no-repeat;
		height: 39px;
	}
	
	body#grad p#partner a {
		background: url(/images/general/hobsons.gif) top right no-repeat;
		height: 40px;
	}
	
	
	body#sec p#partner a {
		background: url(/images/general/secrecruit.gif) top right no-repeat;
		height: 43px;
	}

/* *****************************************************************************
	Lists
***************************************************************************** */

	fieldset ul {
		list-style-type: none;
		margin: 0 10px;
		padding: 0;
		width: auto;
	}
	
	fieldset ul li {
		list-style-type: none;
		display: block;
		margin: 0;
		padding: 1px;
		position: relative;
		overflow: hidden;
	}
	
	fieldset ul li:hover, fieldset ul li.hover {
		background: #FFF;
	}
	
	fieldset ul li.checked {
		background: #FFF url(/images/general/chnl_li_slctd) top 325px no-repeat;
	}
	
	div#marketing form ul {
		margin: 0 10px 1em 30px;
		font-size: 90%;
	}

/* *****************************************************************************
	Forms
***************************************************************************** */

	fieldset label {
		display: block;
		font-size: 95%;
	}
	
	fieldset li label {
		padding-left: 27px;
		position: relative;
		cursor: hand;
		width: 90%;
	}
	
	fieldset li label input.checkbox {
		position: absolute;
		left: 2px;
		top: 0;
		margin: 0 2px 0 0 !important;
	}
	
	fieldset li label input[class="checkbox"].checkbox {
		left: 5px;
		top: 3px;
		margin: 0 2px 0 0 !important;
	}
	
	fieldset li label:hover, fieldset li label.hover {
		color: #0C2D83;
	}
	
	fieldset li label:hover, fieldset li label.hover {
		background: #FFF url(/images/general/chnl_li_slctd.gif) top left no-repeat;
	}
	
	form fieldset#freeSearch {
		background: #fbdee8;
		margin: 10px 0 0 0;
		padding: 5px 5px 10px 15px;
		width: auto;
	}
	
	form fieldset#freeSearch label {
		font-weight: bold;
		clear: left;
	}
	
	form fieldset#freeSearch span {
		display: block;
		width: 230px;
		float: left;
	}
	
	form fieldset#freeSearch span.linked_form_element_1 {
		background: url(/images/general/linked_form_element_1.gif) right bottom no-repeat;
	}
	
	form fieldset#freeSearch span label {
		clear: none;
	}
	
	fieldset#freeSearch input {
		width: 415px;
		margin: 0 0 .1em 17px;
		font-size: 90%;
	}
	
	fieldset#freeSearch input#location_include {
		background: #fff url(/images/general/linked_form_element_2.gif) left 7px no-repeat;
		padding: .2em 0 .2em 15px;
		width: 185px;
	}
	
	fieldset#freeSearch select {
		width: 188px;
		margin: .2em 0 0 17px;
		font-size: 90%;
	}
	
	form fieldset[id="freeSearch"]#freeSearch select {
		margin: .1em 0 0 17px;
	}

	fieldset#freeSearch input.checkbox {
		width:14px !important;
	}
	
	fieldset#freeSearch input.radio {
		width: auto;
	}
	
	fieldset#freeSearch label {
		border: none;
	}
	
	fieldset#freeSearch .label-columns label{
		width: 40px !important;
		margin: 2px 0 0 0;
		padding: 0;
	}

	fieldset#freeSearch .label-columns span{
		display: inline !important;
		float: left !important;
		width: 230px !important;
	}
	
	form div#forSubmit {
		clear: both;
		text-align: right;
	}
	
	div#marketing form fieldset {
		width: auto;
		background: none;
		margin: 0 5px;
		padding: 0 0 5px 0;
	}
	
	div#marketing form fieldset input {
		width: 182px;
		margin: 0;
	}
	
	div#marketing form fieldset input.submit {
		width: 2em;
		margin: .5em 0 0 0;
	}
	
	div#marketing form fieldset label {
		width: auto;
		margin: 0;
		font-weight: bold;
	}

	body#auto div#intro,
	body#avio div#intro,
	body#char div#intro, 
	body#cons div#intro, 
	body#educ div#intro, 
	body#engi div#intro, 
	body#grad div#intro, 
	body#phar div#intro, 
	body#ps div#intro, 
	body#sec div#intro,
	body#scie div#intro, 
	body#it div#intro  {
		padding: 0 150px 0 0;
	}
	
	body#tele div#intro {
		padding: 0 170px 0 0;
	}
	
	body#char p#partner a {
		background: url(/images/general/justgiving_logo.gif) top right no-repeat;
		height: 50px;
	}

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

	/***************************************
		Prereg and Advanced Search(?)
	***************************************/

		body#secr form,
		body#prereg form {
			width: auto;
		}
		
		html body#secr form fieldset,
		html body#prereg form fieldset {
			margin: 10px 0 0 10px;
		}
		
		html body#secr div.split,
		html body#prereg div.split {
			width: 365px;
			float: left;
		}
		
		html > body#secr div.split,
		html > body#prereg div.split {
			width: 370px;
		}
		
		html body#prereg fieldset#personalDetails label {
			color: #FFF;
			font-weight: normal;
			letter-spacing: .1em;
		}
		
		body#secr fieldset#freeSearch, body#secr fieldset#ignore,
		body#prereg fieldset#freeSearch, body#prereg fieldset#ignore {
			padding: 5px 5px 5px 15px;
		}
		
		body#secr form fieldset#freeSearch input,
		body#prereg form fieldset#freeSearch input {
			width: auto;
		}
		
		body#secr fieldset#freeSearch input#location_include,
		body#prereg fieldset#freeSearch input#location_inclue {
			padding: 0;
		}
		
		body#secr form fieldset#freeSearch select, body#secr form fieldset#ignore select,
		body#prereg form fieldset#freeSearch select, body#prereg form fieldset#ignore select {
			width: 225px;
			margin: .2em 0 0 17px;
			font-size: 90%;
		}

		
	/***************************************
		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: #FDE7F2 url(/images/general/tab_top.gif) 0 0 no-repeat;
		font-size: 130%;
		color: #EE3F9D;
	}

	body#newsfeed div.block div {
		border: 1px solid #FDE7F2 !important;
		border-top: 0;
		background: #fff;
		padding: .8em 10px;
		margin: 0;
		position: relative; /* MC - IE6 Peekaboo bug fix */
	}
	
	body#newsfeed #register_form ul {
		margin: 0 0 0 20px;
		padding: 0;
	}
	
	body#newsfeed #register_form input.text, #register_form select {
		width: 160px;
		margin: 5px 0;
	}
	
	body#newsfeed #register_form input.text {
		color: #999;
		font-style: italic;
		font-size: 90%;
	}
