/*----------------------------------------------
	JOBS.CSS
	Author:		Engage Interactive
	Requires:	reset.css
				global.css
----------------------------------------------*/

/*-------------------------------
	JOBS RESTYLING
-------------------------------*/

#jobs h3 {
	margin-bottom:0;
}

p.date{
	font-style:italic;
	font-size:11px;
	color:#6b452b;
}

#jobs ul {
	padding:10px 10px 0;
	margin-bottom:14px;
	background:#e6e2d8;
	font-size:1.3em;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#jobs ul li {
	padding:1px 0 10px 30px;
	background:url(/assets/giraffe/images/template/bullet.gif) left top no-repeat;
}


/*-------------------------------
	LAYOUT
-------------------------------*/

.intro_footer {
	padding-right:20px;
}


/*---------------------
	JOB LISTS
---------------------*/

#head_office {
	background:#099 url(/assets/giraffe/images/jobs/headoffice.gif) 0 -8px no-repeat;
}

#managers {
	background:#099 url(/assets/giraffe/images/jobs/managers.gif) 0 -8px no-repeat;
}

#chef {
	background:#099 url(/assets/giraffe/images/jobs/chef.gif) 0 -8px no-repeat;
}

#waiting {
	background:#099 url(/assets/giraffe/images/jobs/barandwaiting.gif) 0 -8px no-repeat;
}

.jobs_footer {
	display:block;
	overflow:hidden;
	height:8px;
	margin-bottom:5px;
	background:url(/assets/giraffe/images/jobs/managers.gif) 0 0 no-repeat;
}

.jobs_list ul {
	padding:60px 15px 7px;
}

.jobs_list li {
	padding-top:7px;
	margin-top:7px;
	border-top:dotted 1px #5ACFCF;
}

.jobs_list li:first-child {
	padding-top:0;
	margin-top:0;
	border-top:none;
}

.jobs_list li a {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#CFF9F9;
}

.jobs_list li a.on {
	font-size:14px;
	font-weight:bold;
	color:#6b452b;
}

.jobs_list li a:hover{
	color:#FFF;
}

.jobs_list li a.on {
	color:#FFF;
	padding-left:10px;
	background:url(/assets/giraffe/images/news/hover.gif) -2px 50% no-repeat;
}

.jobs_list li a em {
	display:block;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	color: #A7DFDF;
}