<!--HTML--><style>
.vacancies {width: 504px; height: auto; padding: 0px; background: url("https://forumstatic.ru/files/0017/c3/d7/52394.jpg") no-repeat center top, url("https://forumstatic.ru/files/0017/c3/d7/50589.jpg") no-repeat center bottom, url("https://forumstatic.ru/files/0017/c3/d7/37645.jpg") repeat-y center;}

	.app2 { position: relative; width: 500px; height: 200px; padding: 5px;} 
	.tabs { float: left; } 
	.tabs label { display: block; width: 175px; padding: 5px; text-align: center; font-family: 'Cuprum'; font-size: 14px; color: #3b4244; text-transform: uppercase; background-color: #ffe277; border-radius: 20px 0px 20px 0px; border: solid 1px #ffffff; position: relative; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; top: 0px; left: -10px;} 
	.tabs:hover label { color: #3b4244; background: #e1fafe; -moz-transition-duration: .8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; } 
	.tabs [type=radio] { display: none; } 
	.content2 { width: 270px; height: 170px; padding: 12px; font-family: 'Cuprum'; font-size: 12px; color: #ffffff; overflow: auto; opacity: 0; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; position: absolute; top: 0px; left: 185px; text-align: center; line-height: 1.2em; } 
.content2::-webkit-scrollbar { width: 2px; background: transparent; } .content2::-webkit-scrollbar-thumb { background: #fcce49v; } .content2::-webkit-scrollbar-corner { background: transparent; } .content2::-webkit-scrollbar { width: 2px; background: transparent; } .content2::-webkit-scrollbar-thumb { background: #fcce49; } .content2::-webkit-scrollbar-corner { background: transparent; } 
	[type=radio]:checked ~ label { color: #3b4244; background: #ffffff; z-index: 2; } 
	[type=radio]:checked ~ label ~ .content2 { z-index: 1; opacity: 1; }
	.title1 { font-family: Bebas Neue; font-weight: 600; color: #fff; font-size: 16px; text-align: center; text-align: center;} </style>
<center><div class="vacancies">
<table style="padding: 4px; text-align:center;"><tr><td>
<center><div style="text-align: justify; width: 490px; padding: 0px; margin-top: 65px; margin-bottom: 25px; color: #ffffff;  font-family: 'tinos'; font-size: 14px !important; text-align:center;">
Наш местный центр занятости населения всея Бостона. Занять<br>понравившуюся Вам должность очень просто:<br><br>
<b>род деятельности - <*a href="ссылка на профиль">Ваш ник<*/a></b><br><br>
p.s. не забываем убирать * и ставить все в код<br>
p.s.s. и помните, мы вас всех очень любим. xoxo<br><br>
<table style="padding: 0px; text-align:center;"><tr><td>
<center>
<div class="app2">
<div class="tabs">
<input type="radio" id="tabs-1" name="tabs-group-1" checked>
<label for="tabs-1">politics & police</label> 
<div class="content2">
<div class="title1"><center>администрация и правоохранители</center></div>
<br>
<div style="overflow: auto; "> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br>
</div></div></div>

<div style="margin-top: 32px;">
<div class="tabs"> 
<input type="radio" id="tabs-2" name="tabs-group-1">
<label for="tabs-2">edu & health</label>
<div class="content2"> 
<div class="title1">образование и здравоохранение</div>
<br>
</div></div></div>

<div style="margin-top: 64px;">
<div class="tabs">
<input type="radio" id="tabs-3" name="tabs-group-1">
<label for="tabs-3">mass media & arts</label>
<div class="content2">
<div class="title1">сми и искусства</div>
<br>
</div></div></div>

<div style="margin-top: 96px;">
<div class="tabs">
<input type="radio" id="tabs-4" name="tabs-group-1">
<label for="tabs-4">commerce & tourism</label>
<div class="content2">
<div class="title1">услуги и туризм</div> 
<br>
</div></div></div>

<div style="margin-top: 128px;">
<div class="tabs"> 
<input type="radio" id="tabs-5" name="tabs-group-1">
<label for="tabs-5">criminal minds</label>
<div class="content2">
<div class="title1">криминал</div>
<br>

</div></div></div>

<div style="margin-top: 160px;">
<div class="tabs">
<input type="radio" id="tabs-6" name="tabs-group-1">
<label for="tabs-6">other</label>
<div class="content2">
<div class="title1">прочие</div> 
<br>
</div></div></div>
</center>
</td></tr></table>
</div></center></td></tr></table></div></center>