/*
========================================================================
Filename:		j4l.css
Date Created:	2009-06-19
Description:	Jobs for London CSS stylesheet (stylesheet for browser windows >= 970px wide)
Site:			london.gov.uk/jobsforlondon (?)
Author:			Matt Richards (matt.richards@london.gov.uk)
========================================================================
*/
 
/* Jobs for London styles
--------------------------------------------------------------------- */
#j4l .twocolumn-wrapper-even .col1 {
	float: left;
	clear: right;
	width: 360px;
}
#j4l .twocolumn-wrapper-even .col2 {
	float: left;
	clear: right;
	width: 360px;
	margin-left: 6px;
}
#j4l .twocolumn-wrapper-even .col2 .companies {
	padding: 0px 0px 0px 8px;
}
#j4l .twocolumn-wrapper-even .col2 .companies ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 0px;
}
#j4l .twocolumn-wrapper-even .col2 .companies li {
	float: left;
	display: inline;
	width: 168px;
	margin: 5px 8px 0px 0px;
	padding: 0px;
	border-bottom: 0px;
}
#j4l .twocolumn-wrapper-even .col2 .companies li div {
	width: 166px;
	height: 68px;
	overflow: hidden;
	border: 1px dashed #cccccc;
	margin-bottom: 5px;
}
#j4l .twocolumn-wrapper-even .col2 .companies li div table {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 166px;
	height: 68px;
}
#j4l .twocolumn-wrapper-even .col2 .companies li div table td {
	width: 166px;
	height: 68px;
	vertical-align: middle;
	text-align: center;
}
#j4l .twocolumn-wrapper-even .col2 .companies li img {
	display: block;
	float: none;
	clear: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 0px;
}
#j4l .twocolumn-wrapper-even .col2 .companies li p {
	margin-bottom: 0px;
	height: 2em;
	background-image: none;
	padding-left: 0px;
}
#j4l .twocolumn-wrapper-even .col2 .companies ul.links {
	width: 344px;
	border-top: 1px dashed #cccccc;
} 
#j4l .twocolumn-wrapper-even .col2 .companies ul.links li p {
	background-image:url(../images/icons/link_red.gif);
	background-position:0 0.4em;
	background-repeat:no-repeat;
	padding-left:12px;
	height: auto;
}
#j4l .twocolumn-wrapper-even .col2 .companies li p a {
	font-weight: bold;
}
/* Related jobs */
#j4l #pagecontentwrapper .lists ul.row li div.listtitle {
	padding: 0px 2px 10px 5px;
	width: 213px;
}
#j4l #pagecontentwrapper .lists ul.header li div.listtitle {
	width: 193px;
}
/* See all page */
#j4l #pagecontentwrapper .see-all .lists ul.row li div.listtitle {
	width: 321px;
}
#j4l #pagecontentwrapper .see-all .lists ul.header li div.listtitle {
	width: 301px;
}
/* See all companies page */
#j4l #pagecontentwrapper .see-all-companies .lists ul.row li div.listtitle, #j4l #pagecontentwrapper .see-all-companies .lists ul.header li div.listtitle {
	width: 445px;
}
#j4l #pagecontentwrapper .lists ul.row li div.listsalary {
	padding: 0px 5px 10px 2px;
	width: 117px;
}
#j4l #pagecontentwrapper .lists ul.header li div.listsalary {
	width: 137px;
}
#j4l #pagecontentwrapper .lists ul.links li {
	margin: 5px 8px 0 0;
}
#j4l #pagecontentwrapper .lists ul.links li p {
	margin-bottom: 0px;
}

/* Related jobs right hand panel */
#j4l .col2 .component ul.events li.vevent-header {
	display: block;
	background-color: #ffffff;
	border-bottom: 0px;
}
#j4l .col2 .component ul.events li.vevent-header p.desc {
	padding: 5px 5px 5px 0px;
	width: 148px;
}
#j4l .col2 .component ul.events li.vevent-header p.amount {
	padding: 5px 0px 5px 0px;
	width: 70px;
}
#j4l .col2 .component ul.events li.vevent-header p {
	font-weight: bold;
	color: #283A41;
}
#j4l .col2 .component ul.events li.vevent {
	border-bottom: 1px dashed #cccccc;
}
#j4l .col2 .component ul.events li p.desc {
	float: left;
	width: 158px;
	padding-right: 5px;
}
/* See all page */
#j4l .col2 .component .companies ul.events li p.desc {
	width: 223px;
	padding-right: 0px;
}
#j4l .col2 .component ul.events li p.amount {
	float: left;
	width: 60px;
	text-align: right;
}
#j4l .col2 .component ul.events li p.amount span {
	display: none;
}
/* Three column component */
#j4l .threecolumn-wrapper {
	width: 709px;
	float: left;
	clear: both;
	background-image: url(../images/j4l/backgrounds/3col_1024_bg.gif);
	background-repeat: repeat-y;
}
#j4l .threecolumn-wrapper .col1 {
	width: 217px;
	float: left;
	padding-left: 12px;
	padding-right: 6px;
}
#j4l .threecolumn-wrapper .col2 {
	width: 216px;
	float: left;
	padding-left: 12px;
	padding-right: 6px;
}
#j4l .threecolumn-wrapper .col3 {
	width: 216px;
	float: left;
	padding-left: 12px;
	padding-right: 12px;
}
#j4l .twocolumn-wrapper .col2 .toolbox .image {
	display: block;
}
/* Occupation profile */
#j4l .job-profile .col1 {
	width: 140px;	
}
#j4l .job-profile .col2 {
	width: 311px;
}
#j4l .job-profile .col2 .float-wrapper ul li .col1 {
	display: block;
	float: left;
	width: 63px;
	margin-right: 6px;
	margin-left: 0px;
	clear: none;
	padding-top: 0px;
}
#j4l .job-profile .col2 .float-wrapper ul li .col1 img {
	border: 1px solid #000000;
}
#j4l .job-profile .col2 .float-wrapper ul li .col2 {
	float: left;
	width: 242px;
	clear: right;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
}
/* Landing page */
#j4l .landing-page .landing-form-left {
	float: left;
	display: inline;
	margin: 0px 0px 10px 0px;
	width: 334px;
	border-right: 1px dashed #cccccc;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#j4l .landing-page .landing-form-right {
	float: left;
	display: inline;
	margin: 0px 0px 10px 0px;
	width: 335px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#j4l .landing-page .landing-form h1, #j4l .landing-page .landing-form label {
	padding: 0px 10px 0px 10px;
}
#j4l .landing-page .landing-form input.textInput {
	width: 160px;
}