.job {
	margin-bottom: 1em;

	/*
	padding-top:1em;
	border-top: 1px dotted;
	margin-right:1em;
	margin-left:1em;
	*/
}

.toplineTable {
	display:table; 
	width:100%; 
	background-color: #fffff0;	
	padding: 7px 2px 8px 4px;
	border-top: 1px solid #449; 
	border-bottom: 1px solid #ccc;
}

.topline {
	display:table-row;
}

.toplineL {
	display:table-cell; 
	font-size: 0.92em;
}

.toplineR {
	display:table-cell; 
	text-align:right; 
	width: 14em; 
	font-size:0.83em; 
	color:#666;
}

.toplineTitle {
	font-weight:bold; 
	padding-right:1em;
}
.toplineDuration {
	color:#333; 
	white-space:nowrap;
}

.toplinePosted {
	font-style:italic; 
	padding-right:0.33em;
}

.toplineDate {
	white-space:nowrap; font-weight:bold;
}

.jobDetails {
	display:table; 
	width:100%; 
	font-size: 0.9em;
}

.jobDetailRow, .jobDetailRow-keep {
	display:table-row; 
	padding-top:2px;
}

.extraRows {
	display:table; 
	width: 100%;
	margin-bottom:2em;
}

.rowclear {
	clear: both;
	height: 0px;
}

.separator {
	display:table-row; 
	height: 3px;
}


.leftLabel, .leftLabel2, .leftLabel-keep, .leftLabel2-keep {
	display:table-cell; 
	width:8em; 
}
.leftLabel, .leftLabel-keep {
	text-align:right; 
	padding: 0.25em 0.33em;
	background-color:#eeeef9; 
	color:#339;
}
.leftLabel2, .leftLabel2-keep {

}

.pT, .pT2, .pT-keep, .pT2-keep {
	display:table-cell; 
	padding-left:0.5em;
}

.jobCompany {
	font-weight: bold;
	color: #555;
}

.jobMeta {
	float:left; 
	/*	min-width:17%;
	max-width:25%; */
	width: 17%;
	padding-left:0;
	padding-right:2em; 
}
.metaDetail {
	padding-top: 0em;
	text-align: right;
}
.posted {
	font-size: 0.9em;
	margin-top: 0.5em;
	color: #888;
}

.jobContent {
	float:left; 
	min-width:60%;
	max-width:75%;
	padding-left:0;
	/* padding-right:2em; */
}
.jobHead {
	font-weight:bold;
	font-size: 108%;
	margin-bottom:0.5em;
	color: #373; /* #33c; */
}
.jobBody {
	line-height:1.4;
	padding-bottom:0.5em;
}
.jobFooter {
	display: block;
	line-height:1.4;
	zoom: 1;
}

.secBox {
	padding:0.2em 0.4em;
	background-color: #333;
	color: #fff;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing:0.5px;
	opacity: 0.88;
}

.footer-url:before {
	content: url('/images/icon_link-15x15.png');
	padding-left: 2px;
	padding-right: 7px;
	position: relative;
	top: 1px;
	border-bottom: 0 !important;
}

.footer-email:before {
	content: url('/images/icon_email-18x13.png');
	padding-right: 5px;
	position: relative;
	top: 2px;
	border-bottom: 0 !important;
}


/* ============ Responsive values ============ */


/* Large tablet landscape (1024) and medium desktops */
@media (min-width: 801px) and (max-width: 1099px) {
	.jobMeta {
		width: 21%;
		padding-right: 1.25em;
	}
	.jobContent {
		min-width:70%;
		max-width:79%;
	}
}

/* iPhone 7+ landscape (736) */
@media (min-width: 730px) and (max-width: 800px) {
	.jobMeta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.5em;
		padding-right: 1em;
	}
	.jobContent {
		float: none;
		max-width: 100%;
	}
	.metaDetail {
		text-align: left;
	}
	.secBox {
		padding: 0.2em 0.15em 0.2em 0.4em;
	}
	.posted {
		display: inline-block;
		margin-left: 1em;
	}
}

/* iPhone 6/7 landscape (667) */
@media (min-width: 660px) and (max-width: 729px) {
	.jobMeta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.5em;
		padding-right: 1em;
	}
	.jobContent {
		float: none;
		max-width: 100%;
	}
	.metaDetail {
		text-align: left;
	}
	.secBox {
		padding: 0.2em 0.15em 0.2em 0.4em;
	}
	.posted {
		display: inline-block;
		margin-left: 1em;
	}
}

/* BREAKPOINT FOR HAMBURGER MENU */

/* Small tablet portrait (600) */
@media (min-width: 580px) and (max-width: 659px) {
	.leftLabel, .leftLabel2, .leftLabel-keep, .leftLabel2-keep {
		display: none;
	}
	.jobMeta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.5em;
		padding-right: 1em;
	}
	.jobContent {
		float: none;
		max-width: 100%;
	}
	.metaDetail {
		text-align: left;
	}
	.secBox {
		padding: 0.2em 0.15em 0.2em 0.4em;
	}
	.posted {
		display: inline-block;
		margin-left: 1em;
	}
}

/* iPhone 5 landscape (568) */
@media (min-width: 500px) and (max-width: 579px) {
	.leftLabel, .leftLabel2, .leftLabel-keep, .leftLabel2-keep {
		display: none;
	}
	.jobMeta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.5em;
		padding-right: 1em;
	}
	.jobContent {
		float: none;
		max-width: 100%;
	}
	.metaDetail {
		text-align: left;
	}
	.secBox {
		padding: 0.2em 0.15em 0.2em 0.4em;
	}
	.posted {
		display: inline-block;
		margin-left: 1em;
	}
}

/* BREAKPOINT FOR FLOATING DIVS AND FLEX */

/* iPhone 7+ portrait (414) */
@media (min-width: 400px) and (max-width: 499px) {
	.job {
		margin-bottom: 1.5em;
	}
	.topline {
		display:block;
	}

	.toplineL {
		display:block;
	}
	.toplineTitle {
		display: inline;
		padding-right: 0.25em;
	}
	.toplineR {
		display: block;
		width: auto;
		text-align: left;
		margin-top: 0.17em;
	}
	.leftLabel, .leftLabel2, .leftLabel-keep, .leftLabel2-keep {
		display: none;
	}
	
	.jobMeta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.5em;
		padding-right: 1em;
	}
	.jobContent {
		float: none;
		max-width: 100%;
	}
	.metaDetail {
		text-align: left;
	}
	.secBox {
		padding: 0.2em 0.15em 0.2em 0.4em;
	}
	.posted {
		display: inline-block;
		margin-left: 1em;
	}
}

/* iPhone 6/7 portrait (375) */
@media (min-width: 350px) and (max-width: 399px) {
	.job {
		margin-bottom: 1.5em;
	}
	.topline {
		display:block;
	}

	.toplineL {
		display:block;
	}
	.toplineTitle {
		display: inline;
		padding-right: 0.25em;
	}
	.toplineR {
		display: block;
		width: auto;
		text-align: left;
		margin-top: 0.17em;
	}
	.leftLabel, .leftLabel2, .leftLabel-keep, .leftLabel2-keep {
		display: none;
	}

	.ad, .classified {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	.jobMeta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.5em;
		padding-right: 1em;
	}
	.jobContent {
		float: none;
		max-width: 100%;
	}
	.metaDetail {
		text-align: left;
	}
	.secBox {
		padding: 0.2em 0.15em 0.2em 0.4em;
	}
	.posted {
		display: inline-block;
		margin-left: 1em;
	}

}

/* iPhone 5 portrait (320) */
@media (min-width: 300px) and (max-width: 349px) {
	.job {
		margin-bottom: 1.5em;
	}
	
	.topline {
		display:block;
	}

	.toplineL {
		display:block;
	}
	.toplineTitle {
		display: inline;
		padding-right: 0.25em;
	}
	.toplineR {
		display: block;
		width: auto;
		text-align: left;
		margin-top: 0.17em;
	}
	.leftLabel, .leftLabel2, .leftLabel-keep, .leftLabel2-keep {
		display: none;
	}

	.ad, .classified {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	.jobMeta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.5em;
		padding-right: 1em;
	}
	.jobContent {
		float: none;
		max-width: 100%;
	}
	.metaDetail {
		text-align: left;
	}
	.secBox {
		padding: 0.2em 0.15em 0.2em 0.4em;
	}
	.posted {
		display: inline-block;
		margin-left: 1em;
	}
}

/* Smaller portrait phones */
@media (min-width: 241px) and (max-width: 299px) {
	.job {
		margin-bottom: 1.5em;
	}
	.leftLabel, .leftLabel2, .leftLabel-keep, .leftLabel2-keep {
		display: none;
	}
	.topline {
		display:block;
	}

	.toplineL {
		display:block;
	}
	.toplineTitle {
		display: inline;
		padding-right: 0.25em;
	}
	.toplineR {
		display: block;
		width: auto;
		text-align: left;
		margin-top: 0.17em;
	}

	.ad, .classified {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	.jobMeta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.5em;
		padding-right: 1em;
	}
	.jobContent {
		float: none;
		max-width: 100%;
	}
	.metaDetail {
		text-align: left;
	}
	.secBox {
		padding: 0.2em 0.15em 0.2em 0.4em;
	}
	.posted {
		display: inline-block;
		margin-left: 1em;
	}
}

/* Even smaller */
@media (max-width: 240px) {
	.job {
		margin-bottom: 1.5em;
	}
	.leftLabel, .leftLabel2, .leftLabel-keep, .leftLabel2-keep {
		display: none;
	}
	.topline {
		display:block;
	}

	.toplineL {
		display:block;
	}
	.toplineTitle {
		display: inline;
		padding-right: 0.25em;
	}
	.toplineR {
		display: block;
		width: auto;
		text-align: left;
		margin-top: 0.17em;
	}

	.ad, .classified {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	.jobMeta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0.5em;
		padding-right: 1em;
	}
	.jobContent {
		float: none;
		max-width: 100%;
	}
	.metaDetail {
		text-align: left;
	}
	.secBox {
		padding: 0.2em 0.15em 0.2em 0.4em;
	}
	.posted {
		display: inline-block;
		margin-left: 1em;
	}
}