#page-title-section{
	text-align:center;
	background-color: #c7e096;
	padding:20px 0px;
}
h1{
	color: #333;
	margin-top:0px;
  	font-weight: bold;
  	padding: 24px 0px 12px 0px;
	font-size:170%;
}	
.jobopportunities-role-box{
	float:left;
	margin: 12px 1% 24px 0px;
}
#jobopportunities-role-box-seeker{
	width:60%;	
}
#jobopportunities-role-box-employer{
	width:34%;
	border-left: 2px solid #84A73F;
	padding:6px 1%;
}
#employer-post-button{
	float:left;
	width:30%;	
}
#employer-post-p{
	float:left;
	width:70%;	
}
/* most jobopportunities CSS found in css/cdsc2016.css */
#jobList .jobEntry .jobEntry_org_name{
	font-size:120%;
}

.referral-segment{
	float:left;	
}
.referral-switch{
	display:block;
	padding:6px;
	border-radius:6px;
	cursor:pointer;
}
.referral-count{
	padding:8px;	
}
.referral-form{
	display:none;	
}
#user-referral{
	background-color:#FFF;
	border:1px solid #CCC;
	padding:16px;
}
#user-referral form .checkbox-box-wraplabel li{
	margin:6px 0px;	
	float:left;
	clear:both;
}
#user-referral form .checkbox-box-wraplabel label{
	padding:10px;	
	float:left;
}
/* SEARCH / FILTER */
.filter_search-form-box{
	left: 0px;
	width: 50vw;
	top: 0vh;
	height: 100vh;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
	border:none;
}
.filter_search-switch{
	font-size:120%;	
}
#sort-form-box,
form#sort-form,
form#sort-form .input-box{
	margin:0px;
	padding:0px;
}
#sort-form-box{
	display:inline-block;	
}
#jobList-controls{
	text-align:center;	
}
.filter_search-switch{
	float:none;	
}
.link-button.filter-switch{
	border-radius:6px 0px 0px 6px;
	margin-right:2px;
}
.link-button.search-switch{
	border-radius:0px 6px 6px 0px;
	margin-left:2px;
}
.filter_search-explain{
	padding:12px 10%;	
}
#filter_search-clearform{
	float:none;
	display:inline-block;
}
#promo-employment_network{
	background-color:#ebf2de;
	min-height:160px;
	border:none;
}
#promo-employment_network .promo-image{
	height:160px;
}
#promo-employment_network .promo-body{
	padding:12px 20px 12px 30px; 
}
#promo-employment_network .promo-cta{
	padding-top:8px;
}
@media only screen and (max-width: 1023px){
	h1{
		text-align:center;	
	}
	h2{
		font-size:150%;	
	}
	h3{
		font-size:150%;	
	}
	.jobopportunities-role-box{
		float:none;
		text-align:center;
		padding:12px 1%;
	}
	#jobopportunities-role-box-seeker{
		width:98%;	
	}
	#jobopportunities-role-box-employer{
		width:98%;
		border-top: 2px solid #84A73F;
		border-left:none;
		margin-top:10px;
		padding:12px 1%;
	}
	#employer-post-button{
		float:none;
		width:100%;	
	}
	#employer-post-p{
		float:none;
		width:100%;	
	}
	.filter_search-form-box{
		width: 95vw;
		height: 100vh;
	}
	.link-button.filter-switch,
	.link-button.search-switch{
	  	border-radius: 6px;
		margin:8px 0px;
	}
	#jobList .jobEntry{
		text-align:center;	
	}
	#jobList .jobEntry .list_name_org{
		float:none;	
	}
	#jobList .jobEntry .list_date_type{
		float:none;	
		text-align:center;
		width:100%;
	}
}