.jobsingle {

	float: left;
	border: 2px solid #69b13f;
	margin-bottom: 12px;
	width: 100%;
	padding: 8px;
	position: relative;
	
}

.jobsingle br {

	float: left;
	width: 100%;
	height: 8px;
	margin-top: 12px;
	display: block;
	
}

.jobsingle ul li {
 padding:4px 4px 4px 24px;
 text-align:left;
 position:relative;
 color:#333
}
.jobsingle ul li:after,.jobsingle ul li:before {
 content:"";
 position:absolute;
 display:inline-block;
 text-align:left
}
.jobsingle ul li:before {
 width:20px;
 height:20px;
 left:0;
 background-image:url(../images/bullet.png);
 background-size:auto 100%;
 background-repeat:no-repeat
}

.locationinfo {
	
	float: left;
	width: 100%;
	background-color: #eee;
	padding: 4px;
}



.companyname, .town, .city, .country, .postalcode {
	
	float: left;
	padding-right: 18px;
	position: relative;
}

.companyname:after, .town:after, .city:after, .country:after {
	content: "•";
	right: 7px;
	position: absolute;
}

.title {
	
	margin-top: 12px;
	float: left;
	padding-right: 16px;
	font-size: 26px;
color: #092d5f;
font-family: museo,serif;
font-style: normal;
font-weight: 300;
}

.id {
	
	font-size: 14px;
	float: left;
	padding: 8px;
	position: absolute;
	top: 0px;
	right: 0px;
}


input[type=checkbox]+label,input[type=radio]+label {
 display:block;
 margin-left:0;
 margin-right:0;
 margin-bottom:0;
	margin-top: 12px;
 vertical-align:baseline;
	float: left;
}

.referencenumber {
	margin-top: 0px;
	float: left;
	padding-right: 16px;
	width: 100%;
	
}


.formatteddescription {
float: left;
	background-color: #eee;
	width: 100%;
	float: left;
	padding: 12px;
	font-size: 14px;

}

.salarymin, .salarymax, .salaryinterval, .salarydesc {
float: left;
	background-color: #eee;
	width: auto;
	float: left;
	padding: 4px;
	font-size: 14px;
	display: block;

}


.jobtype, .contracttype, .category, .hours {
float: left;
	background-color: #eee;
	width: auto;
	float: left;
	padding: 4px;
	/*! font-size: 12px; */
	display: block;

}

.expires {
float: left;
	width: auto;
	float: left;
	padding: 12px 0px;
	font-size: 14px;
	display: block;
	color: #777;

}

.jobtypewrapper{
float: left;
	background-color: #eee;
	width: 100%;
	float: left;
	padding: 0px;
	font-size: 14px;
	display: block;
	margin-top: 12px;

}

.applicationemail{
float: left;
	color: #eee;
	width: 100%;
	float: left;
	padding: 0px;
	font-size: 12px;
	display: block;
	margin-top: 12px;

}

.applicationemail a{

	color: #ccc;


}




.wrap-collabsible {
  margin-bottom: 1.2rem 0;
}

input[type='checkbox'] {
  display: none;
}

.lbl-toggle {
  display: block;

  /*! font-weight: bold; */
  /*! font-family: monospace; */
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;

  padding: 8px;

  color: #FFF;
  background: #69B13F;

  cursor: pointer;

  border-radius: 7px;
  transition: all 0.25s ease-out;
}

.lbl-toggle:hover {
  color: #7C5A0B;
}

.url a {
	float: left;
	padding: 8px;
	background-color: #f58320;
	color: #fff;
	border-radius: 8px;
	margin-top: 8px;
}

.lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 3000px;
	float: left
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
  background: rgb(217, 224, 212);
  border-bottom: 1px solid rgb(156, 164, 151);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;
}