@CHARSET "US-ASCII";

body {
padding:0px;
margin:0px;
overflow:hidden;
}


#map {
    overflow:hidden;
    border-bottom:solid 1px #A9A9A9;    
}

.vacancy_popup {
    position:relative;
    min-height:80px;
    line-height:1.20;
    overflow:hidden;    
}

.footer {
	width: 100%;
	height: 39px;
	bottom: 0;
	left: auto;
	right: auto;
	position: absolute;
}

.title {
	background-color: #000;
	height:28px;
}

h1 {
	font-weight: bold;
	margin: 0px;	
	text-align: center;
	color: #FFF;
    font-size: 18px;
    line-height:28px;
}

.header_img_apprenticeships {
	height: 65px;
	width: auto;
	background-image: url(../../img/light-logo-scale.png);
	background-repeat: no-repeat; 
	background-position: center;
	background-size: contain;
	background-color: white;
}

.header_img_traineeships {
	height: 65px;
	width: auto;
	background-image: url(../../img/traineeships-light-logo-scale.png);
	background-repeat: no-repeat; 
	background-position: center;
	background-size: contain;
	background-color: white;
}

.scroll {
	width: auto;
	overflow: hidden;
	background-color: #A9A9A9;
}

.buttons {
	height: 39px;
	width: auto;
	background-color: #A9A9A9;
}

.scroll_up {

	float: right;
	height: 39px ;
	width: 40px;
	background-image: url(../../img/up-white.png);
	background-repeat: no-repeat;
	cursor: pointer; 
}

.scroll_down {

	float: right;
	height: 39px ;
	width: 40px;
	background-image: url(../../img/down-white.png);
	background-repeat: no-repeat;
	cursor: pointer; 
}

.container {
	font-family:"Frutiger","Arial";
	font-size: 14px;
	overflow:hidden;
	border: 1px solid #A9A9A9;
}

.vacacies {
	overflow:hidden;
	height: auto;
}

.even_row {
	background-color: #ffffff;
	padding: 10px;
	overflow: auto;
	border-bottom-style: ridge;
	clear: both;
}


.odd_row {
	background-color: #ffffff;
	padding: 10px;
	overflow: auto;
	border-bottom-style: ridge;
	clear: both;
}

.vacancy_title {
	margin-bottom: 10px;
}

.short_desc {
	margin-bottom: 10px;
}

.town {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.reference {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.closing_date {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.possible_start_date {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.wage {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.interview_from_date {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.working_week {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.employer_name {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.date_created {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.interview_date {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.sorry {
	margin-bottom: 10px;
	width: auto;
	float: left;
	clear: both;
}

.applynow {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #202030), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #202030 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#202030', endColorstr='#000000');
	background-color:#000000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #777777;
	margin: 0px;
	float: right;
}

.applynow:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #424251), color-stop(1, #20202F) );
	background:-moz-linear-gradient( center top, #424251 5%, #20202F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#424251', endColorstr='#20202F');
	background-color:#424251;
}

.applynow:active {
	position:relative;
	top:1px;
}

.vacancy_popup .reference {
	margin-bottom: 0px;	
	float: none;
    width:120px;
}

.vacancy_popup .apply {
    position:absolute;
    float:none;
    bottom:8px;
    right:0px;
}

.vacancy_popup .applynow {
    padding: 5px;
}

.clear {
    clear:both;
    height:10px;
}