* { 
	margin: 0; 
	padding: 0; 
}
body { 
	
}

#wrapper{ max-width:1100px; width:100%; padding: 15px;  margin: 0 auto;}
.tabbable {
	margin: 40px 0px 20px 0px;
}


.breadcrumb { background:none;}
p {
	margin: 25px 0; 
}

a{ color:#009ddc;}
a:hover{ color:#000;}
.fa{ font-size:18px!important;}

.jobtitle h3{ text-align:center;}
#pagetitle{ text-align:center;}

p.breadcrumb{text-align:center; font-size:12px;}
p.breadcrumb a{ padding: 0px 6px;}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(even) { 
		/*background: #eee; */
	}
	th { 
		background-color:#009ddc;
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 15px; 
		border-bottom: 1px solid #ccc; 
		text-align: left; 
	}
	.tab-content{line-height:22px;}
	.nav{ text-align:center;}
	
.tab5{ line-height:24px;}
	
	.jobtitle p{ text-align:center;}
	
	.nav a{ padding: 0px 5px; }
	
	
	
.detail-row{display: table-row;}
	
	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
 	/* For All Jobs Page*/
		.jobs-by-all-jobs td:nth-of-type(1):before { content: "Job Title"; }
		.jobs-by-all-jobs td:nth-of-type(2):before { content: "Business"; }
		.jobs-by-all-jobs td:nth-of-type(3):before { content: "Address"; }
	
	/* For All Jobs Page Page - 2nd level */
		.jobs-by-all-jobs #table-body-all td:nth-of-type(1):before { content: "Job Title"; }
		.jobs-by-all-jobs #table-body-all td:nth-of-type(2):before { content: "Business"; }
		.jobs-by-all-jobs #table-body-all td:nth-of-type(3):before { content: "Address"; }
		
	/* For Job by Location Page */
		.jobs-by-location td:nth-of-type(1):before { content: "Location"; }
		.jobs-by-location td:nth-of-type(2):before { content: "Business"; }
		.jobs-by-location td:nth-of-type(3):before { content: "Address"; }
		.jobs-by-location td:nth-of-type(4):before { content: "Open Positions"; }
		
	/* For Job by Me Page */
		.jobs-by-me td:nth-of-type(1):before { content: "Job Title"; }
		.jobs-by-me td:nth-of-type(2):before { content: "Business"; }
		.jobs-by-me td:nth-of-type(3):before { content: "Address"; }
		.jobs-by-me td:nth-of-type(4):before { content: "Miles Away"; }
		.jobs-by-me td:nth-of-type(5):before { content: "Share"; }
		
	/* For Job by Business Page */
		.jobs-by-business td:nth-of-type(1):before { content: "Business"; }
		.jobs-by-business td:nth-of-type(2):before { content: "Open Positions"; }
		.jobs-by-business td:nth-of-type(3):before { content: "Locations"; }
		
	/* For Job by Business Page - 2nd level */
		.jobs-by-business #table-body-list td:nth-of-type(1):before { content: "Job Title"; }
		.jobs-by-business #table-body-list td:nth-of-type(2):before { content: "Business"; }
		.jobs-by-business #table-body-list td:nth-of-type(3):before { content: "Location"; }
		.jobs-by-business #table-body-list td:nth-of-type(4):before { content: "Share"; }
		
		
		
		
	/* For All 3rd Level Pages */
		#tab5 .jobs-by-business td:nth-of-type(1):before { content: "Job Title"; }
		#tab5 .jobs-by-business td:nth-of-type(2):before { content: "Business"; }
		#tab5 .jobs-by-business td:nth-of-type(3):before { content: "Address"; }
		#tab5 .jobs-by-business td:nth-of-type(4):before { content: "Share"; }
		#tab5 .jobs-by-business td:nth-of-type(5):before { content: "Apply Now"; }
	
	
		
		
	
	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body { 
			padding: 0; 
			margin: 0; 
		}
		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			
		}
	}