<div id="tabbed" class="widget">
<ul class="tabnav">
<li><a class="left" href="#votebl"><span>Голосование</span></a></li>
<li><a class="right" href="#calendarbl"><span>Календарь</span></a></li>
</ul>
<div id="votebl" class="tabdiv">1 закладка</div>
<div id="calendarbl" class="tabdiv">2 закладка</div>
</div>
.widget {width: 255px;margin: 25px 0 20px;padding-bottom:16px;background:url('../images/tabbottom.png') bottom center no-repeat;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 1.6em;font-size:75%;}
.widget a:link, .widget a:active, .widget a:visited {color: #222;text-decoration: none;}
.widget a:hover {color: #009;text-decoration: underline;}
.tabnav ul {width:100%;}
.tabnav li {display: inline-block;list-style: none;}
.tabnav li a:link, .tabnav li a:active, .tabnav li a:visited {text-transform: uppercase;text-decoration: none;color: #0089d9;font-weight: bold;outline: none;display:inline-block;height:37px;text-align:center;}
.tabnav li a.left {background:url('../images/tabhead.png') bottom left no-repeat;width:127px;}
.tabnav li a.right {background:url('../images/tabhead.png') bottom right no-repeat;width:128px;margin-left:-3px;}
.tabnav li a.left:active, .tabnav li.ui-tabs-selected a.left {background: url('../images/tabhead.png') top left no-repeat;color: #0089d9;text-decoration: none;width:127px;}
.tabnav li a.right:active, .tabnav li.ui-tabs-selected a.right {background: url('../images/tabhead.png') top right no-repeat;color: #0089d9;text-decoration: none;width:128px;}
.tabnav li a:hover {color: #0089d9;text-decoration: none;}
.tabdiv {width:255px;background:#fff url('../images/tabcenter.png') top center repeat-y;padding-top:5px;}
.tabdiv ul {list-style:none;}
.tabdiv li {margin-left: 20px;}
.tabnav li a span {margin-top:12px;display:block;}
.ui-tabs-hide {display: none;}
Если Вы уже зарегистрированы на Портале - войдите в систему, если Вы еще не регистрировались - пройдите простую процедуру регистрации.