var option = $(this);

var option_id = option.attr('data-poll-option-id');

var voted = (typeof res.user_votes[option_id] !== 'undefined') ? true : false;

var percent = (!res.total_votes) ? 0 : Math.round((res.vote_counts[option_id] / res.total_votes) * 100);

var percent_rel = (most_votes == 0) ? 0 : Math.round((res.vote_counts[option_id] / most_votes) * 100);

option.toggleClass('voted', voted);

// Update the bars

var bar = option.find('.resultbar div');

</div>

</div>

<!-- BEGIN faq_block -->

<div class="panel <!-- IF faq_block.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">

<div class="inner">

</div>

</div>

</div>

<!-- INCLUDE overall_footer.html -->

<!-- ENDIF -->

</dl>

</div>

<!-- EVENT memberlist_view_contact_before -->

<div class="panel bg2">

<div class="inner">

<h3>{L_CONTACT_USER} {USERNAME}</h3>

<dl class="details">

<!-- EVENT memberlist_view_user_statistics_after -->

</dl>

</div>

</div>

<!-- EVENT memberlist_view_contact_after -->

<div class="postbody"><div class="signature standalone">{SIGNATURE}</div></div>

</div>

<!-- ENDIF -->

<div class="inner">

<ul class="linklist bulletin">

<!-- EVENT overall_footer_breadcrumb_append -->

</li>

<!-- IF not S_IS_BOT -->

<ul class="linklist navlinks">

<!-- DEFINE $MICRODATA = ' itemtype="http://data-vocabulary.org/Breadcrumb" itemscope=""' -->

<!-- EVENT overall_header_breadcrumb_append -->

</li>

<!-- IF S_REGISTERED_USER --><li id="username_logged_in" class="rightside"><!-- IF CURRENT_USER_AVATAR --><a href="{U_USER_PROFILE}" class="header-avatar">{CURRENT_USER_AVATAR}</a> <!-- ENDIF -->{USERNAME_FULL}</li><!-- ENDIF -->

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH --><li class="responsive-search rightside" style="display: none;"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->

</ul>

</dl>

</div>

<!-- ENDIF -->

<!-- ENDIF -->

</fieldset>

</div>

</div>

</div>

<!-- IF S_COMPOSE_PM -->

<div>{S_FORM_TOKEN}</div>

</div>

<!-- ENDIF -->

<!-- IF TOTAL_MESSAGES or S_VIEW_MESSAGE -->

<ul class="linklist">

<li class="rightside pagination">

<fieldset class="polls">

<!-- BEGIN poll_option -->

<dt><!-- IF S_CAN_VOTE --><label for="vote_{poll_option.POLL_OPTION_ID}">{poll_option.POLL_OPTION_CAPTION}</label><!-- ELSE -->{poll_option.POLL_OPTION_CAPTION}<!-- ENDIF --></dt>

<!-- IF S_CAN_VOTE --><dd style="width: auto;" class="poll_option_select"><!-- IF S_IS_MULTI_CHOICE --><input type="checkbox" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --><input type="radio" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ENDIF --></dd><!-- ENDIF -->

<dd class="resultbar<!-- IF not S_DISPLAY_RESULTS --> hidden<!-- ENDIF -->"><div class="<!-- IF poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll_option.POLL_OPTION_PERCENT_REL};">{poll_option.POLL_OPTION_RESULT}</div></dd>

<div class="dropdown-container dropdown-button-control topic-tools">

<span title="{L_TOPIC_TOOLS}" class="dropdown-trigger dropdown-select dropdown-select-icon tools-icon"><span></span></span>

<div class="dropdown hidden">

</li>

<!-- ENDIF -->

<!-- IF U_BUMP_TOPIC --><li class="small-icon icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}" data-ajax="true">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->

<!-- IF S_HAS_ATTACHMENTS -->

<li class="small-icon icon-download">

<a class="dropdown-toggle-submenu" href="{U_DOWNLOAD_ALL_ATTACHMENTS}" title="{L_DOWNLOAD_ALL_ATTACHMENTS}">{L_DOWNLOAD_ALL_ATTACHMENTS}</a>

margin: 0 1px 0 5px;

}

/* Icon images

---------------------------------------- */

.rtl .small-icon {

.dropdown-visible .dropdown-select.tools-icon:before,

.nojs .dropdown-container:hover .dropdown-select.tools-icon:before { background-position: -80px -20px; }

/* Icon images

---------------------------------------- */

.small-icon {

Colours and backgrounds for buttons.css

-------------------------------------------------------------- */

.buttons div a, .dropdown-select {

border-color: #C7C3BF;

background-color: #FFFFFF;

.icon-pm { background-image: url("./images/icon_pm.gif"); }

.icon-download { background-image: url("./images/icon_download.gif"); }

.icon-mark { background-image: url("./images/icon_mark.gif"); }

/* Profile & navigation icons */

.email-icon, .email-icon a { background-image: url("./images/icon_contact_email.gif"); }

}

ul.linklist.bulletin li:first-child:before, ul.linklist.bulletin li.rightside:last-child:before {

}

ul.linklist.bulletin li.no-bulletin:before {

}

.responsive-menu:before {

/* Responsive breadcrumbs

----------------------------------------*/

.breadcrumbs .crumb {

word-wrap: normal;

}

.breadcrumbs .crumb a {

display: inline-block;

white-space: nowrap;

.dropdown-extended .footer {

text-align: center;

}

.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {

.notification_list ul li p {

margin: 0;

}

.notification_list div.notifications {

input.inputbox { width: 85%; }

input.medium { width: 50%; }

input.narrow { width: 25%; }

textarea.inputbox {

width: 85%;