<!--HTML-->
<div class="jobs-main"><div class="jobs">
<div class="jobs-up">
<p class="jobs-title">ВАКАНСИИ</p>
</div>

<div class="jobs-description"></div>

<div class="jobs-box"><strong class="legend"><a href="javascript://" style="color: #839470" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">ЗАНЯТЬ ВАКАНСИЮ</a></strong><div class="blockcode"><div class="scrollbox-2" style="height: 4.5em; color: #717f61;"><pre  style="font-size: 0px;">&lt;br&gt;имя внешности 
&lt;br&gt;✎ &lt;a href=ссылка на профиль&gt;имя персонажа&lt;/a&gt;</pre></div></div></div>

</div></div>

<style>
.jobs-main {
width: 570px;
margin-left: 20px;
}

.jobs {
height: auto;
margin-bottom: 110px;
background: #d9d6cd; 
position: relative;
left: 30px;
z-index: 10; 
top: 90px;
outline: 5px solid #839470;
outline-offset: -5px; 
}

.jobs-up {
background-image: url(https://i.imgur.com/NIGwiGc.png); 
width: 570px;
height: 123px;
background-size: 100%;
z-index: 100; 
position: relative;
top: -90px;
}

.jobs-description {
width: 450px;
height: 376px;
background-image: url(https://i.imgur.com/hdVNGtV.png); 
background-size: 100%; 
position: relative;
top: -30px;
left: 30px;
}

.jobs-title {
font-family: Franklin Gothic Medium;
font-size: 18px;
position: relative;
left: 230px;
top: 97px;
color: #e4e2dc;
letter-spacing: 1px;
text-transform: uppercase; 
}

.jobs-place {
font-family: Franklin Gothic Medium;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase; 
position: relative;
top: 8px;
left: -30px;
text-align: center;
height: 30px;
color: #6d7d5c;
}


</style>