/* [%-# @(#)home.css	1.14 09:22:36,08/11/28 (yy/mm/dd) -%] */

/*******************************************************************************

Site				:		Jobsite.co.uk
Filename			:		home.css
Directory			:		/css
Date Created		:		Tue, Mar 15, 2005 9:38:54 pm
Last modified		:		Fri, November 3, 2006
Comments			:		Unique styles for Jobsite Evolution homepage

*******************************************************************************/

/***************************************
Import other sheets
***************************************/

@import url(global.css); /* generic styles for Jobsite, inc forms and print css */

/***************************************
=Globals
***************************************/



/***************************************
=Containers
***************************************/

	div#wrapper {
		width: 760px;
	}

	div#masthead {
		margin: 0 0 1.5em 0;
	}
	
	div#navBar {
		background: #ffebcd url(/images/homepage/adminbar_curve.gif) 0 0 no-repeat;
		height: 30px;
		padding: 0;
		margin: 0 0 0 75px;
		border-top: 1px solid #b2b2d1;
		vertical-align: middle;
	}
	
	div#navBar.loggedin {
		background: #ffebcd url(/images/homepage/adminbar_loggedin.gif) 0 0 no-repeat;
	}
	
	div#wrapper div#intro {
		padding: 0 0 5px 0;
		/* padding: 0 175px 5px 0;  To be used if we require Recruiter box */
		position: relative;
		font-size: 110%;
	}

	div#wrapper div#intro.notIn {
		padding: 0 0 30px 0;
		/* padding: 0 175px 30px 0;  To be used if we require Recruiter box */
	}
	
	div#wrapper div#intro div#recruiter {
		position: absolute;
		right: 0;
		top: 50px;
		width: 160px;
		padding: 0;
		background: url(/images/homepage/recruiter-bg-top.gif) top left no-repeat;
		font-size: 95%;
	}
	div#wrapper div#intro div#recruiter div#recruiter-wrap {
		padding:  10px 20px 10px 10px;
		background: url(/images/homepage/recruiter-bg-btm.gif) bottom left no-repeat;
	}
	
	div#wrapper div#quickchannel {
		width: 560px;
		background: url(/images/homepage/quickchannel-wide-bg.gif) bottom left no-repeat;
		margin: 0 0 15px 0;
	}
	
	div#quickchannel div#channel {
		float: left;
		margin: 0 0 0 15px;
		width: 230px;
		padding: 5px;
	}
	
	div#quickchannel div[id="channel"]#channel {
		width: 220px;
	}
	
	div#channelsMainList {
		background: url(/images/homepage/channelsdiv-blue-wide-bg.jpg) top left no-repeat;
		padding: 5px;
		text-align: right;
	}

	div#channelsMainList p {
		padding: 5px 0 0 0;
	}
	
	div#rowOne, div#rowTwo {
		width: 560px;
		background: url(/images/homepage/box-wide-bg.gif) bottom left no-repeat;
		margin: 0 0 15px 0;
		position: relative;
	}
	
	div#sideimgcolumn {
		position: absolute;
		right: 0;
		display: block;
		margin: 0;
		padding: 0;
		width: 195px;
	}
	
	form#create_form, div#blogs {
		width: 309px;
		padding: 5px;
		margin: 0;
		float: left;
		background: none;
		position: relative;
	}
	
	form[id="create_form"]#create_form, div[id="blogs"]#blogs {
		width: 299px;
	}
	
	div#uploadcv, div#articles, div#recruitrank-holder {
		width: 230px;
		padding: 5px;
		margin: 0 0 0 15px;
		float: left;
		background: none;
	}
	
	div[id="uploadcv"]#uploadcv, div[id="articles"]#articles, div#recruitrank-holder {
		width: 220px;
	}

	div#uploadcv ul {
		background: url(/images/homepage/uploadcv.gif) top left no-repeat;
		padding: 82px 0 0 0;
		margin:0;
		width:100%;
	}

	div#uploadcv ul li{
		padding:0;
		margin:0 0 0 15px;
		font-size:90%;
	}

	div#uploadcv span {
		margin: 165px 10px 0 0;
		float: right;
	}

	#uploadLink {
		background: url(/images/homepage/spacer.gif);
		position: absolute;
		height:195px;
		width: 231px;
		text-decoration: none;
		cursor: pointer;
		display: block;
		left: 324px;
		bottom: 0;
		padding: 0;
		margin: 0;
	}

	div#blogfeat {
		background: url(/images/homepage/blog-bg.jpg) top left repeat-x;
	}
	
	div#sideimgcolumn div#helpMore {
		margin: .2em 0 0 0;
		padding: 0;
	}
	
	div#sideimgcolumn div#currentRecruit {
		margin: 1em 0 0 0;
		padding: 0;
	}
	
	div#sideimgcolumn div#featuredJob {
		margin: 0; 
		padding: 0;
		border: 1px solid #0C2D83;
		background: #e5e5ef url(/images/general/white-lblue.jpg) 0 0 repeat-x;
	}
	
	div#sideimgcolumn div#featuredJob h2 {
		margin: 5px 0 !important;
	}
	
	div#sideimgcolumn div#featuredJob p {
		margin: 0 5px 5px 5px; padding: 0;
		text-indent: 0;
		line-height: 1.2em;
	}
	
	div#sideimgcolumn div#featuredJob p img {
		margin: 0 90px 5px 0;
	}
	
	div#sideimgcolumn div#featuredJob p strong {
		margin: 0; padding: 0;
		text-indent: 0;
	}
	
	div#sideimgcolumn div#featuredJob p a {
		margin: 0; padding: 0;
		text-indent: 0;
	}
	
	div#sideimgcolumn img#sidebanner a{ 
		height: 1%;
	}
	
	div#awards {
		margin: .5em 0 0 0;
		text-align: center;
	}
	
	/***************************************
	Blog
	***************************************/
		div#mostRecentBlog, div#moreRecentBlog, div#recentBlog {
			margin: 5px 0 0 0;
			background: #E5E5EF url(/images/homepage/featuredblog_bg_1.gif) 0 0 no-repeat;
			padding: 0;
		}
		
		div#mostRecentBlog div.wrap, div#moreRecentBlog div.wrap, div#recentBlog div.wrap {
			padding: 5px;
			background: transparent url(/images/homepage/featuredblog_bg_2.gif) 0 bottom no-repeat;
		}
		
		div#recentBlog {
			margin: 5px 0;
		}
		
		div#mostRecentBlog div.pic, div#moreRecentBlog div.pic, div#recentBlog div.pic {
			display: block;
			width: 44px;
			height: 44px;
			float: left;
			margin: 0 10px 0 0;
			overflow: hidden;
		}

		/***************************************
		Career Surgery
		***************************************/
		
		div.Career div.pic {
			background: transparent url(/images/homepage/careersurgery_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Joanna
		***************************************/
		
		div.Joanna div.pic {
			background: transparent url(/images/homepage/joanna_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Joe
		***************************************/
		
		div.Joe div.pic {
			background: transparent url(/images/homepage/joe_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Lyndsay
		***************************************/
		
		div.Lyndsay div.pic {
			background: transparent url(/images/homepage/lyndsay_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Nicola
		***************************************/
		
		div.Nicola div.pic {
			background: transparent url(/images/homepage/nicola_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Stewart
		***************************************/
		
		div.Stewart div.pic {
			background: transparent url(/images/homepage/stewart_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Tris
		***************************************/
		
		div.Tris div.pic {
			background: transparent url(/images/homepage/tristan_sm.gif) 0 0 no-repeat;
		}
		
		/***************************************
		Cheryl
		***************************************/
		
		div.Cheryl div.pic {
			background: transparent url(/images/homepage/cheryl_sm.gif) 0 0 no-repeat;
		}
		
		/***************************************
		Charlie
		***************************************/
		
		div.Charlie div.pic {
			background: transparent url(/images/homepage/charlie_sm.gif) 0 0 no-repeat;
		}
		
		/***************************************
		Keith
		***************************************/
		
		div.Keith div.pic {
			background: transparent url(/images/homepage/keith_sm.gif) 0 0 no-repeat;
		}

/***************************************
=Headings
***************************************/

	h1 {
		text-indent: -5000px;
		background: url(/images/general/the-best-people-for-the-job.gif) top left no-repeat;
		height: 37px;
		margin: .5em 0;
	}
	
	h2 {
		font-size: 140%;
		padding: .2em 7px;
		text-align: right;
		margin: -5px -5px 5px -5px;
		font-style: italic;
	}
	
	div#quickchannel h2, div#rowOne h2, div#rowTwo h2 {
		color: #FFF;
		background: #0C2D83 url(/images/homepage/h2-bg.gif) top left no-repeat;
	}
	
	div#sideimgcolumn h2 {
		font-size: 130%;
		margin: 0 0 .2em 0;
		text-align: left;
		padding: 0 5px;
	}
	
	div#recruiter h2 {
		color: #0C2D83;
		font-style: italic;
		background: none;
		padding: 0 0 0 5px;
		text-align: left;
		margin: none;
		font-size: 110%;
	}
	
	/* *********************************
		blog
	********************************* */
	
		div#mostRecentBlog h4, div#moreRecentBlog h4, div#recentBlog h4 {
			display: inline;
			font-size: 90%; 
		}

/***************************************
=Paragraphs
***************************************/

	p {
		font-size: 90%;
	}
	
	p.more {
		margin: 0;
		text-align: right;
	}
	
	div#blogs p.more {
		margin: 1em 0 0 0;
	}
	
	p#welcome {
		font-size: 90%;
	}
	
	div#masthead p#header-links {
		font-size: 90%;
		margin: -3em 0;
		padding: 0 0 0 2px;
		line-height: 150%;
		position: absolute;
		right: 0;
		text-align: right;
	}
	
	div#channel p {
		margin: .5em 0;
	}
	
	#navBar p {
		float: left;
		font-size: 90%;
		margin: .7em 0 0 0;
	}

	div#navBar.loggedin p {
		float: none;
		text-align: right;
		margin: .7em 2em 0 0;
	}	
	
	div#sideimgcolumn div#helpMore p.right{
		margin: -.8em 0 .5em 0;
	}
	body#home #footer p {
		width: 100%;
	}
	
	/* *********************************
		blog
	********************************* */
	
		div#mostRecentBlog p, div#moreRecentBlog p, div#recentBlog p {
			margin: .1em 0 0 0 !important;
			clear: none !important;
		}
	
/***************************************
=Links
***************************************/

	div#masthead p#header-links a {
		background: url(/images/general/myshortlist_icon.gif) left 50% no-repeat;
		clear: both;
		font-size: 100%;
		padding: 0 0 0 13px;
		width: auto;
	}
	
	div#sideimgcolumn a, div#sideimgcolumn strong {
		margin: 0 0 0 5px;
	}

	div#recruiter a {
		text-decoration: underline;
	}
	
	div#recruiter a#advertise {
		text-decoration: none;
		text-indent: -99999px;
		display: block;
		width: 100%;
		height: 50px;
	}
	
	form#Search a#byLocation {
		float: left;
	}
	
	form#Search a#byAdvanced {
		float: right;
	}
	
	form#create_form ul {
		margin-bottom: 0;
	}
	
	div#channel ul#channelPop li#channelSubTop a.closeButton {
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
	form#mjlogin a {
		font-size: 90%;
	}
	
	h2 a.help {
		text-decoration: none;
		margin: .2em 0 0 0;
		padding: 0;
		background: url(/images/homepage/help.gif) top left no-repeat;
		float: left;
	}
	
	div#navBar a {
		margin: .62em .1em 0 .1em;
		padding: 0 0 .1em .5em;
		border-left: 1px solid #F90;
	}
	
	div#navBar form a {
		float: none;
		display: inline;
	}

	div#navBar form fieldset input.submit {
		font-size: 80% !important;
		margin: 0 0 0 1px;
		padding: 0;
	}
	
	div#awards a {
		margin: 0 0 0 0;
	}

	/***************************************
	Bloggers
	***************************************/
	
		div#mostRecentBlog a, div#moreRecentBlog a, div#recentBlog a {
			background: url(/images/blog/link_arrow.gif) right center no-repeat;
			padding: 0 14px 0 0;
			margin: 0 0 0 30px;
		}
		
		div#blogs h3 a {
			text-decoration: none;
		}
		
		div.pic a {
			font-size: 1px;
			text-decoration: none;
			padding: 50px 0 0 0 !important;
			margin: 0 !important;
			background: none !important;
			display: block;
		}
		
		ul#otherBlogs li a {
			display: block;
			float: left;
			text-align: center;
			width: 44px;
			padding: 44px 0 0 0;
			margin: 0 13px;
			font-weight: bold;
			font-size: 110%;
			text-decoration: none;
		}

		/***************************************
		Career Surgery
		***************************************/
		
		a.Career:link, a.Career:visited {
			background: transparent url(/images/homepage/careersurgery_sm.gif) -94px 0 no-repeat;
		}
		
		a.Career:active, a.Career:hover {
			background: transparent url(/images/homepage/careersurgery_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Joanna
		***************************************/
		
		a.Joanna:link, a.Joanna:visited {
			background: transparent url(/images/homepage/joanna_sm.gif) -94px 0 no-repeat;
		}
		
		a.Joanna:active, a.Joanna:hover {
			background: transparent url(/images/homepage/joanna_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Joe
		***************************************/
		
		a.Joe:link, a.Joe:visited {
			background: transparent url(/images/homepage/joe_sm.gif) -94px 0 no-repeat;
		}
		
		a.Joe:active,  a.Joe:hover {
			background: transparent url(/images/homepage/joe_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Lyndsay
		***************************************/
		
		a.Lyndsay:link, a.Lyndsay:visited {
			background: transparent url(/images/homepage/lyndsay_sm.gif) -94px 0 no-repeat;
		}
		
		a.Lyndsay:active, a.Lyndsay:hover {
			background: transparent url(/images/homepage/lyndsay_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Nicola
		***************************************/
		
		a.Nicola:link, a.Nicola:visited {
			background: transparent url(/images/homepage/nicola_sm.gif) -94px 0 no-repeat;
		}
		
		a.Nicola:active, a.Nicola:hover {
			background: transparent url(/images/homepage/nicola_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Stewart
		***************************************/
		
		a.Stewart:link, a.Stewart:visited {
			background: transparent url(/images/homepage/stewart_sm.gif) -94px 0 no-repeat;
		}
		
		a.Stewart:active, a.Stewart:hover {
			background: transparent url(/images/homepage/stewart_sm.gif) 0 0 no-repeat;
		}

		/***************************************
		Tris
		***************************************/
		
		a.Tris:link, a.Tris:visited {
			background: transparent url(/images/homepage/tristan_sm.gif) -94px 0 no-repeat !important;
		}
		
		a.Tris:active, a.Tris:hover {
			background: transparent url(/images/homepage/tristan_sm.gif) 0 0 no-repeat !important;
		}
		
		/***************************************
		Cheryl
		***************************************/
		
		a.Cheryl:link, a.Cheryl:visited {
			background: transparent url(/images/homepage/cheryl_sm.gif) -94px 0 no-repeat !important;
		}
		
		a.Cheryl:active, a.Cheryl:hover {
			background: transparent url(/images/homepage/cheryl_sm.gif) 0 0 no-repeat !important;
		}	

		/***************************************
		Charlie
		***************************************/

		a.Charlie:link, a.Charlie:visited {
			background: transparent url(/images/homepage/charlie_sm.gif) -94px 0 no-repeat !important;
		}

		a.Charlie:active, a.Charlie:hover {
			background: transparent url(/images/homepage/charlie_sm.gif) 0 0 no-repeat !important;
		}
			
		/***************************************
		Keith
		***************************************/

		a.Keith:link, a.Keith:visited {
			background: transparent url(/images/homepage/keith_sm.gif) -94px 0 no-repeat !important;
		}

		a.Keith:active, a.Keith:hover {
			background: transparent url(/images/homepage/keith_sm.gif) 0 0 no-repeat !important;
		}

/***************************************
Forms
***************************************/
		
	form fieldset {
		border-top: 0 !important;
		border-bottom: 1px solid #0C2D83;	
		padding: 0 0 5px 0;
		width: auto;
		margin: 0 0 5px 0;
	}
	
	form fieldset label {
		font-weight: bold;
	}
	
	legend{
		display: none;
	}
	
	html body form fieldset input.submit {
		font-weight: bold;
		border: 1px solid #F90;
		background: #F90 url(/images/general/button_bg.gif) top left repeat-x;
		padding: 2px 10px;
		cursor: pointer;
		float: right;
		margin: 0;
		color: #FFF;
		font-size:100%;
	}
	
	a.button, span.button {
		text-decoration: none;
		font-weight: bold;
		border: 1px solid #F90;
		background: #F90 url(/images/general/button_bg.gif) top left repeat-x;
		padding: 2px 10px;
		cursor: pointer;
		margin: .5em 0;
		color: #FFF;
		vertical-align: middle;
	}

	a.button:hover {
		color: #fff;
		text-decoration: none;
	}

	/***************************************
	Find a job
	***************************************/
	
		form#Search {
			width: 309px;
			padding: 5px;
			float: left;
			margin: 0;
		}
		
		form[id="Search"]#Search {
			width: 299px;
		}
		
		form#Search div {
			width: 147px;
			margin: 0 0 .5em 0;
			float: left;
		}
		
		form#Search span {
			font-size: 75%;
			display: block;
			width: 140px;
		}
		
		form#Search input.text {
			width: 140px;
			margin: 0 0 5px 0;
			color: #0C2D83;	
		}

	

		form#Search fieldset input.user-input {
			color: #0C2D83;
			border: #F90 solid 1px;
		}
		
		form#Search select {
			width: 140px;
		}
		
		form#Search fieldset input.submit {
			margin: 1.4em 10px 0 0;
		}
		
		form#Search fieldset select#daysback {
			position: relative;
			left: 0;
		}
	
	/***************************************
	Register
	***************************************/
	
	form#create_form fieldset {
		border: none;
		margin: 0;
	}
	
	form#create_form input.text {
		margin: 0;		
		width: 170px;
		float: left;
	}
	
	form#create_form input.submit {
		margin: 0;
	}
	
	/***************************************
	Login
	***************************************/
	
	form#mjlogin {
		width: auto;
		float: left;
		padding: 0 0 0 230px;
		margin: 0;
		width: 560px;
	}
	
	form[id="mjlogin"]#mjlogin {
		width: 330px;
	}
	
	form#mjlogin fieldset {
		border: none;
		margin: 0;
		padding: 3px;
	}
	
	form#mjlogin fieldset label {
		display: inline;
		font-size: 90%;
		margin: 0 0 0 .5em;
	}
	
	form#mjlogin input.text{
		margin: 0;
		width: 80px;
		float: none;
		clear: none;
		display: inline;		
	}
	
	form#mjlogin .required {
		font-size:110%;
		line-height:100%;
	}

	form#mjlogin input.user-input {
		border: 1px solid #F90;
	}
	
	/* form#mjlogin input#mjlogin_email {
		background: #FFF url(/images/homepage/adminbar_input_bg.gif) 0 0 no-repeat !important;
	} */
	
	form#mjlogin input.submit {
		float: none;
		font-size: 80%;
		border: 1px solid #F90;
		background: #F90 url(/images/general/button_bg.gif) top left repeat-x;
		padding: 2px 0 !important;
		height: auto;
		margin: 0 0 0 .5em;
	}
	
/*******************************************
	Lists
*******************************************/
	
	div#recruiter ul {
		list-style: none;
		margin: -.4em 0 0 0;
		padding: 0;
	}
	
	div#recruiter ul li {
		font-size: 80%;
		padding: .3em 0 .1em 0;
		margin: 0;
		line-height: 130%;
	}
	
	form#create_form ul li {
		font-size: 90%;
	}
	
	ul.article-list {
		margin: 0 0 1em 0;
	}
	
	div#blogs ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	div#blogs ul li {
		font-size: 90%;
		border-bottom: 1px dotted #F90;
		margin: 0;
		padding: 4px 0;
	}
	
	div#sideimgcolumn div#currentRecruit ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div#sideimgcolumn div#currentRecruit ul li { 
		margin: 0;
		padding: 0;
		float: left;
		width: 95px;
	}
	
	div#sideimgcolumn div#currentRecruit ul li#seeMore {
		width: 185px;
		text-align: right;
	}
	
	div#channel ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div#channel ul li {
		width: 47%;
		float: left;
		text-align: left;
		font-size: 90%;
		margin: 0;
		padding: 1px 0;
	}
	
	div#sideimgcolumn div#helpMore ul li {
		line-height: 170%;
		font-size: 90%;
		text-indent: -5px;
		list-style: url(/images/homepage/helpingMore-bullet.gif) outside;
	}

	/***************************************
	Blog
	***************************************/
		
		ul#otherBlogs {
			display: block;
			margin: 0;
			padding: 0;
			width: 299px;
			overflow: hidden;
		}
		
		ul#otherBlogs li {
			display: inline;
			margin: 0;
			padding: 0;
			border: none;
		}

/*******************************************
	Images
*******************************************/
	
	div#sideimgcolumn img{ 
		margin: 0 0 0 5px;
	}
	
	div#sideimgcolumn div#currentRecruit ul li img{ 
		margin: 0;
		padding: 0;
	}
	
	div#sideimgcolumn img#sidebanner{ 
		margin: 10px 0 0 -4px;
	}

	*html div#sideimgcolumn img#sidebanner{ 
		margin: 10px 0 0 -4px;
	}	

	div#awards img{ 
		margin: 3px 0 0 2px;
	}
		
/***************************************
	=Misc. styles
***************************************/

	/***************************************
	Dynamic hiding of elements
	***************************************/
	.hideElement {
		position: absolute !important;
		left: -15000px !important;
	}
	

	/***************************************
	Channels pop up
	***************************************/
	
	div#channel ul#channelPop { /* holds the title, and container list */
		position: absolute;
		display: block;
		z-index: 10000;
		left: -99999px;
		top: 75px;
		padding: 0;
		margin: 0 auto;
		background: none;
	}
	
	div#channel ul#channelPop.showElement {
		left: 100px;
	}

	div#channel ul#channelPop li { /* container list item for the 3 floated lists */
		padding: 0 15px 15px 15px;
		font-size: 100%;
		width: 591px;
		background: url(/images/homepage/sectors_bottom.gif) bottom left no-repeat;
	}
	
	div[id="channel"]#channel ul#channelPop li {
		width: 561px;
	}
	
	div#channel ul#channelPop li#channelSubTop { /* title list item */
		text-indent: -50000px;
		width: 591px;
		padding: 0;
		margin: 0;
		height: 42px;
		background: url(/images/homepage/sectors_top.gif) top left no-repeat;
	}
	
	div#channel ul#channelPop li ul { /* 3 channel lists */
		position: relative;
		left: 0 !important;
		top: 0 !important;
		width: 186px;
		float: left;
		background: none;
		margin: 0;
		padding: 0;
		cursor: default;
	}
	
	div#channel ul#channelPop li ul li { /* channel list items */
		margin: 0;
		padding: .3em;
		background: none;
		font-size: 90%;
		width: 186px !important;
	}