<?if($USER_LOGGED_IN$)?>
<div id="up">
          <div id="bg_up">
          <a href="/index/8" target="_blank" class="but_user"></a>
       <a href="/index/14" target="_blank" class="<?if($UNREAD_PM$)?>but_user_pm_us<?else?>but_user_pm<?endif?>"><div class="<?if($UNREAD_PM$)?>nous<?else?>us<?endif?>">$UNREAD_PM$</div></a>
          <a href="/index/10" class="but_user_quit"></a>
          <a href="javascript://" onclick="$('body').scrollTo('0px',800, {axis:'y'})" id="scrollup" class="but_user_up"></a>
          </div>
</div>
<script type="text/javascript">
         $(document).ready(function(){
         $("#up").hide();
         $(function(){
         $(window).scroll(function(){
         if ($(this).scrollTop() > 400){
         $('#up').fadeIn();
         } else {
         $('#up').fadeOut();
         }
         });         
         $('#up').click(function(){
         $('body,html').animate({
         scrollTop:0
         }, 800);
         });
         });
         });
         </script>
<?else?>
<script type="text/javascript" src="/but/js/up.js"></script>
<?endif?>

#up{cursor:pointer;position:fixed;bottom:5px;right:40px;z-index:1;}
          #bg_up {background:#0e0e0e;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
          border-radius: 5px;border-bottom:1px solid #1a1a1a;padding:3px 4px 1px 4px;overflow:hidden;}
          a.but_user {background:url(/but/but_user.png) no-repeat;display:block;width:21px;height:20px;float:left;}
          a.but_user_quit {background:url(/but/but_user_quit.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 1px 0px 0px;}
          a.but_user_up {background:url(/but/but_user_up.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 0px 0px 15px;}
          a.but_user_pm {background:url(/but/but_user_left.png) no-repeat left, url(/template/images/web/but/but_user_right.png) no-repeat right, url(/but/but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}
          a.but_user_pm_us {background:url/but/but_user_left_us.png) no-repeat left, url(/template/images/web/but/but_user_right.png) no-repeat right, url(/but/but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}

.imas {background:url(/but/up.png) no-repeat;width:30px;height:29px}
.imas:hover {background:url(/but/uphover.png) no-repeat;width:30px;height:29px}

       .us{float:right;background:#0e0e0e;color:#454545;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
       border-radius: 3px;height:14px;padding:0px 5px;font-size:10px;margin:2px 0px 0px 0px;}
       .nous{float:right;background:#c43a3a;color:#fff;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
       border-radius: 3px;height:14px;padding:0px 5px;font-size:10px;margin:2px 0px 0px 0px;}