Buton mercy si profil in mesaje

Buna dimineata. Ma puteti ajuta sa pot face vizibil butonul de "Mercy" si sa largesc acel chenar de la profilul postatorului? Din cate stiu trebuie sa va dau viewtopic_body.

Asa apare profilul in topic:

Cod:

 

    [b]    <script type="text/javascript">//<![CDATA[
        var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
        $(function(){
            if(typeof(_atc) == "undefined") {
                _atc = { };
            }
            _atc.cwait = 0;
            $('.addthis_button').mouseup(function(){
                if ($('#at15s').css('display') == 'block') {
                    addthis_close();
                }
            });
        });
        var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
        showHiddenMessage = function(id)
        {
            try
            {
                var regId = parseInt(id, 10);
                if( isNaN(regId) ) { regId = 0; }
             
                if( regId > 0)
                {
                    $('.post--' + id).toggle(0, function()
                {
                    if( $(this).is(":visible") )
                    {
                      $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                    }
                    else
                    {
                      $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                    }
                });
                }
            }
            catch(e) { }
         
          return false;
        };
        //]]>
        </script>
        <!-- BEGIN switch_user_logged_in -->
        <div id="pun-visit" class="clearfix">
          <ul>
              <!-- BEGIN switch_plus_menu -->
              <li>
                <script type="text/javascript">//<![CDATA[
                    var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
                    var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                    var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                    var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                    var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                    var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                    insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
              </li>
              <!-- END switch_plus_menu -->
              <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
              <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
              <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
              <!-- BEGIN watchtopic -->
              <li>{S_WATCH_TOPIC}</li>
              <!-- END watchtopic -->
          </ul>
          <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
        </div>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_user_logged_out -->
        <div id="pun-visit">
          <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
        </div>
        <!-- END switch_user_logged_out -->
        <div class="pun-crumbs noprint">
          <p class="crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
              <a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC} ť
              <strong><a href="{TOPIC_URL}" itemprop="url"><span itemprop="title">{TOPIC_TITLE}</span></a></strong>
              <!-- BEGIN switch_twitter_btn -->
              <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
              </span>
              <!-- END switch_twitter_btn -->
              <!-- BEGIN switch_fb_likebtn -->
              <div id="fb-root"></div>
              <script>(function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
              }(document, 'script', 'facebook-jssdk'));</script> 
              <div class="fb-like right" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:-15px;"></div>
              <!-- END switch_fb_likebtn -->
          </p>
        </div>
        <div class="main paged">
          <div class="paged-head clearfix">
                   
              <!-- BEGIN topicpagination -->
              <p class="paging">{PAGINATION}</p>
              <!-- END topicpagination -->
              <p class="posting">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                <!-- END switch_user_authreply -->
              </p>
          </div>
          {POLL_DISPLAY}
          <div class="main-head clearfix">
              <p class="h2">
                <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> 
                <strong>{TOPIC_TITLE}</strong>
              </p>
          </div>
          <div class="main-content topic">
              <!-- BEGIN postrow -->
                <!-- BEGIN hidden -->
                    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
                <!-- END hidden -->
               
                <!-- BEGIN displayed -->
               
                <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
                    <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
                    <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
                     
                      <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                          <div class="user">
                            <div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person"> 
        <div class="messageUserBlock ">
         
              <div class="avatarHolder">
                <div class="uix_avatarHolder">
                <span class="helper"></span>
                <span class="user-basic-info">{postrow.displayed.POSTER_AVATAR}</span>
               
               
                <!-- slot: message_user_info_avatar -->
                </div>
              </div>
         
         
              <h3 class="userText">
                <div class="uix_usernameWrapper">
                    <span class="username">  {postrow.displayed.ONLINE_IMG}{postrow.displayed.POSTER_NAME}</span>
                    <!-- <em class="userTitle" itemprop="title">Alo futuro</em>-->
                </div>
                    {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                <!-- <em class="userB ad wrap"><span class="ber"></span>Staff Member<span class="aft"></span></em> -->
                <!-- slot: message_user_info_text -->
                         
              </h3>
         
           
         
              <div class="extraUserInfo">
               
                                <!-- BEGIN profile_field -->
                                <div>
        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                                <!-- END profile_field -->
                                {postrow.displayed.POSTER_RPG}
                 
                 
               
                 
                      <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                            {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                          </div>
                 
                 
                 
               
                 
                           
                       
               
               
              </div>
         
           
          <span class="arrow"><span></span></span>
        </div>
        </div>
                          </div>
                          <div class="post-entry">
                            <div class="entry-content">
                                <!-- BEGIN switch_vote_active -->
                                <div class="vote gensmall">
                                  <!-- BEGIN switch_vote -->
                                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                                  <!-- END switch_vote -->
                                  <!-- BEGIN switch_bar -->
                                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                      <!-- BEGIN switch_vote_plus -->
                                      <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                      <!-- END switch_vote_plus -->
                                      <!-- BEGIN switch_vote_minus -->
                                      <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                      <!-- END switch_vote_minus -->
                                  </div>
                                  <!-- END switch_bar -->
                                  <!-- BEGIN switch_no_bar -->
                                  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                                  <!-- END switch_no_bar -->
                                  <!-- BEGIN switch_vote -->
                                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                                  <!-- END switch_vote -->
                                </div>
                                <!-- END switch_vote_active -->
                                <div>
                                  <div>{postrow.displayed.MESSAGE}</div>
                                  <!-- BEGIN switch_attachments -->
                                  <dl class="attachbox">
                                      <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                      <dd>
                                        <!-- BEGIN switch_post_attachments -->
                                        <dl class="file">
                                            <dt>
                                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
                                              <!-- BEGIN switch_dl_att -->
                                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                              <!-- END switch_dl_att -->
                                              <!-- BEGIN switch_no_dl_att -->
                                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                              <!-- END switch_no_dl_att -->
                                            </dt>
                                            <!-- BEGIN switch_no_comment -->
                                            <dd>
                                              <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                            </dd>
                                            <!-- END switch_no_comment -->
                                            <!-- BEGIN switch_no_dl_att -->
                                            <dd>
                                              <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                            </dd>
                                            <!-- END switch_no_dl_att -->
                                            <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                        </dl>
                                        <!-- END switch_post_attachments -->
                                      </dd>
                                  </dl>
                                  <!-- END switch_attachments -->
                                  <div class="clear"></div>
                                </div>
                                <p>
                                  {postrow.displayed.EDITED_MESSAGE}
                                </p>
                            </div>
                          </div>
                      </div>
                      <!-- BEGIN switch_signature -->
                      <div class="sig-content">
                          {postrow.displayed.SIGNATURE_NEW}
                      </div>
                      <!-- END switch_signature -->
                      <div class="postfoot">
                      <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                          <h2>
                            #<strong style="float:left">{postrow.displayed.COUNT_POSTS}</strong>
                            {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
                          </h2>
                      </div>
                          <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
                            {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                          </div>
                          <div style="clear:both;"></div>
                      </div>
                    </div>
                </div>
                <!-- BEGIN first_post_br -->
                </div>
                <hr id="first-post-br" />
                <div class="main-content topic">
                <!-- END first_post_br -->
                <!-- END displayed -->
              <!-- END postrow -->
          </div>
          <div class="main-foot clearfix">
              <p class="h2">
                <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> 
                {L_MESSAGE} [{PAGE_NUMBER}]
              </p>
              <p class="options">
                <input type="hidden" name="t" value="{TOPIC_ID}" />
                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
                <!-- BEGIN viewtopic_bottom -->
                {S_TOPIC_ADMIN}
                <!-- END viewtopic_bottom -->
              </p>
          </div>
          <a name="bottomtitle"></a>
          <div class="paged-foot clearfix">
              <!-- BEGIN topicpagination -->
              <p class="paging">{PAGINATION}</p>
              <!-- END topicpagination -->
              <p class="posting">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                <!-- END switch_user_authreply -->
              </p>
          </div>
        </div>
        <div class="pun-crumbs">
          <p class="crumbs">
              <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} ť
              <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
          </p>
        </div>
        <!-- BEGIN promot_trafic -->
        <div class="main" id="ptrafic_close" style="display:none">
          <div class="main-head clearfix">
              <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
              <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
          </div>
        </div>
        <div class="main" id="ptrafic_open" style="display:''">
          <div class="main-head clearfix">
              <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
              <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
          </div>
          <div class="main-content clearfix">
              <!-- BEGIN link -->
              ť&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
              <!-- END link -->
          </div>
        </div>
        <!-- END promot_trafic -->
        <!-- BEGIN switch_forum_rules -->
        <div class="main" id="forum_rules">
          <div class="main-head clearfix">
              <p class="h2">{L_FORUM_RULES}</p>
          </div>
          <table class="main-content frm">
              <tr>
                <!-- BEGIN switch_forum_rule_image -->
                <td class="logo">
                    <img src="{RULE_IMG_URL}" alt="" />
                </td>
                <!-- END switch_forum_rule_image -->
                <td class="rules entry-content">
                    {RULE_MSG}
                </td>
              </tr>
          </table>
        </div>
        <!-- END switch_forum_rules -->
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}
        <!-- END switch_user_logged_in -->
        <div id="pun-info" class="main">
          <div class="main-content">
              <div id="stats">
                <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
              </div>
          </div>
        </div>
        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->
        <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>[/b]

Salut,

Urmariti acest tutorial [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
De asemenea va rog sa postati si foaia de stil css !

Aici este foaia css:

Cod:

/* Menu */
.menu {
color: #FFF;
background-color: #EEE;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#D3D3D3));
background-image: -webkit-linear-gradient(top, #F4F4F4, #D3D3D3);
background-image: -moz-linear-gradient(top, #F4F4F4, #D3D3D3);
background-image: linear-gradient(to bottom, #F4F4F4, #D3D3D3);
background-repeat: no-repeat;
background-position: left top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
  width:100%;
  height:45px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
}
.menu-navegador {
  float: right;
  margin-top: 0;
  z-index: 100;
  width:100%;
}
.menu-navegador ul {
  text-decoration:none;
}
.menu-navegador li {
  text-transform: uppercase;
  cursor: pointer;
  float: right;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  height: 44px;
  line-height: 44px;
  padding: 0 18px;
  font-family: Ubuntu;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
border-right: 1px solid rgba(0, 0, 0, 0.17);
}
.menu-navegador li:hover {
background-color: #F4F4F4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ECECEC));
background-image: -webkit-linear-gradient(top, #FFF, #ECECEC);
background-image: -moz-linear-gradient(top, #FFF, #ECECEC);
background-image: linear-gradient(to bottom, #FFF, #ECECEC);
  color: #008ac9;
}
.menu-navegador a {
  color: #FFF;
}
.menu-navegador a:hover {
  color: #FFF;
}
/* FIM - Menu */
#moderation_tool{margin:0 0 8px 0}#moderation_tool.act_mod p{-moz-border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3);-moz-transition:all .2s ease-in-out;-webkit-border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3);-webkit-transition:all .2s ease-in-out;cursor:pointer;webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:-moz-linear-gradient(#f6f8fa,#edeeef);background-image:-webkit-linear-gradient(#f6f8fa,#edeeef);border:1px solid #D9DBDD;border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3);color:#616161;display:inline-block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa',endColorstr='#edeeef',GradientType=0);font-size:12px;height:22px;line-height:22px;padding:0 10px;white-space:nowrap}#popw{background-color:#464646;background-color:rgba(70,70,70,0.6);padding:4px;-webkit-box-shadow:0 8px 15px rgba(0,0,0,0.7);-moz-box-shadow:0 8px 15px rgba(0,0,0,0.7);box-shadow:0 8px 15px rgba(0,0,0,0.7 );-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:none;z-index:999;margin-top:16px;position:absolute}#popw .mod_hover{background-image:url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);width:31px;height:16px;top:-16px;left:5px;z-index:999;position:absolute}#popw .popwinner{background:#fff;max-height:465px;width:190px;overflow:auto;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);-moz-box-shadow:0 0 3px rgba(0,0,0,0.4);box-shadow:0 0 3px rgba(0,0,0,0.4);overflow-x:hidden}#popw .popwinner li{background:rgb(248,248,248);list-style-type:none;border-bottom:1px solid rgb(234,234,234);text-align:center;padding:3px 4px}#popw .popwinner li a{color:#333!important}
/* CSS Ranks */
 .admin{ background-color:#F07C00;}
.rank {-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 4px;color: #FFF;display: inline-block;font-family: "Roboto Condensed",Tahoma,Helvetica;font-size: 11px;font-style: normal;font-variant: normal;font-weight: normal;margin-bottom: -5px;margin-top: 15px;padding: 0px 15px;text-decoration: none;text-shadow: 0 -1px rgba(0,0,0,0.45);text-transform: uppercase;}.rank{  margin-right: 5px;}.rank .fa{  margin-right:2px;}.rank .fa {  color: #fff;}


Łpanda_selector_1424954018628_2_m_pandaŁ{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* Latest topics by PunBB */
    #left, #left *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    #content-container div#container{float:none}
    #content-container div#main{margin-bottom:0}
    *+ html #content-container div#main{margin-left:0;margin-right:0}
    #content-container div#left{float:none;width:100%}
    #left{margin:30px 0}
    #left td{border-width:0 1px;width:25%;vertical-align:top}
    #left .double{border-left:0;width:50%;}
    #left li{position:relative;width:100%;list-style-type:decimal}
    #left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;display:block;width:60%;left:0;top:0}
    #active_topics a,#viewed_topics a{width:70%}
    #left #recent_topics a{width:80%}
    #left .lastRight{right:0;text-align:right;position:absolute;top:0;left:auto;width:100px!important}
    #left ul,#left th{padding: 10px 10px 10px 30px;margin:0}
    #left ul{min-height:100px;height: 180px;overflow: auto;}
    #left .changeLast{color:#999;border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
    #left th{width:25%;vertical-align:middle}
    th.topicLast{border-top:1px solid #F3F3F3!important}
    th.double{text-align:left}
    #recent_topics li{margin:.5px 0}
    #active_starters,#users_month{display:none}
    /* Tooltip */
    #tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
    #tooltip .statusAva{margin:0}
.widgets{
background: #262626;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset black 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset black 0px 1px 3px;
font-size: 11px;
font-weight: bold;
padding: 8px;
}

#fontwidget{
color: white;
font-size: 11px;
font-weight: bold;
tahoma,helvetica,arial,sans-serif;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
margin-left:18px;
}

#pun-visit, .main-box {
display: none;
border: none;
font-size: 10px;
margin: 0 0 1em;
padding: .6em 1em;
}

/*widget*/

.module .main-head {
    border: 1px solid #CFCFCF;
    padding: 10px;
    background: none repeat scroll 0px 0px #FFF;
    font: 11px arial,sans-serif;
    color: #757575;
    padding: 9px 10px;
    background: none repeat scroll 0% 0% #ECECEC;
    text-shadow: 0px 1px 0px #FFF;
    box-shadow: 0px 1px 0px #F9F9F9 inset;
    border-bottom: 3px solid #2386C4;
}

.casuta_titlu {
border: 1px solid #069;
background: #EFEFEF;
padding: 3px;
padding-bottom: 18px;
margin-bottom: 5px;}

.casuta_titlu a img {
padding-right: 7px;
max-width: 45px;
max-height: 45px;}

.data postarii h4.username, .data postarii dfn, .data-postarii{
display: inline-block !important;
}

.casuta_titlu .data-postarii{
font-size:10px !important;
}
.uix_usernameWrapper span.username .i_icon_online {
margin-right:5px;
}
.pun .post .user {
float:left;
margin-left:0!important;
margin-top:0!important;
padding-top:0!important;
position:relative;
width:160px!important;
}
.pun .postmain {
background-color:#fbfbfb;
border:1px solid #e2e2e2!important;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
margin:16px auto 16px 0 !important;
padding:4px;
}
.pun .post-entry {
float:left;
width:80%;
padding:1em 1em 0;
}
.pun .post {
border-color:none!important;
border-style:none!important;
border-width:0!important;
}
.postfoot {
border-top:0 dashed!important;
clear:both;
margin-left:0!important;
text-align:right;
padding:.5em 1em;
}
.pun .posthead {
float:left;
background:none!important;
border-bottom:0 dashed #ccc!important;
}
.user-basic-info img:first-child {
-moz-border-radius:100%;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius:100%;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:1px solid #d8d8d8;
border-radius:100%;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:110px;
width:110px;
padding:2px;
}
.messageUserBlock .extraUserInfo div {
border-bottom:1px dashed #e2e2e2;
padding-top:5px;
}
.user .messageUserInfo .messageUserBlock h3.userText br {
display:none;
}
.messageUserInfo {
background-color:#FFF;
float:left;
width:140px;
margin-left:1px;
}
.messageUserBlock {
background-color:#FFF;
border:1px solid #e2e2e2;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
position:relative;
}
.messageUserBlock div.avatarHolder {
background-color:#FFF;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomright:0;
-khtml-border-bottom-right-radius:0;
border-bottom-right-radius:0;
-webkit-border-bottom-left-radius:0;
-moz-border-radius-bottomleft:0;
-khtml-border-bottom-left-radius:0;
border-bottom-left-radius:0;
text-align:center;
position:relative;
padding:8px;
}
.messageUserBlock div.avatarHolder .avatar {
display:block;
font-size:0;
}
.messageUserBlock h3.userText {
background-color:#f0f0f0;
border:0 solid #e2e2e2;
border-top-width:1px;
padding:8px;
}
.messageUserBlock a.username {
font-weight:700;
display:block;
overflow:hidden;
line-height:16px;
}
.messageUserBlock .userTitle {
font-size:11px;
display:block;
}
.messageUserBlock .uB:last-child {
margin-bottom:0;
}
.uB.wp {
-webkit-border-top-right-radius:0;
-moz-border-radius-topright:0;
-khtml-border-top-right-radius:0;
border-top-right-radius:0;
-webkit-border-top-left-radius:0;
-moz-border-radius-topleft:0;
-khtml-border-top-left-radius:0;
border-top-left-radius:0;
position:relative;
}
.messageUserBlock .uB {
display:block;
margin:1px -14px;
}
.uB {
font-size:11px;
background:transparent url(styles/uix/xenforo/gradients/form-button-white-25px.png) repeat-x top;
border:1px solid transparent;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
text-align:center;
background-image:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-khtml-box-shadow:none;
box-shadow:none;
padding:4px 5px;
}
.uB.wp span.ber {
-webkit-border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
-khtml-border-top-left-radius:3px;
border-top-left-radius:3px;
left:-1px;
}
.uB.wp span.aft {
-webkit-border-top-right-radius:3px;
-moz-border-radius-topright:3px;
-khtml-border-top-right-radius:3px;
border-top-right-radius:3px;
right:-1px;
}
.uB.wp span {
position:absolute;
top:-4px;
width:5px;
height:4px;
background-color:inherit;
}
.uB.bannerStaff {
background-color:#fafafa;
background:#6ba65e;
color:#FFF;
border-color:transparent;
}
.messageUserBlock .extraUserInfo {
font-size:12px;
background-color:#FFF;
border:0 solid #e2e2e2;
border-top-width:1px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
-webkit-border-top-left-radius:0;
-moz-border-radius-topleft:0;
-khtml-border-top-left-radius:0;
border-top-left-radius:0;
-webkit-border-top-right-radius:0;
-moz-border-radius-topright:0;
-khtml-border-top-right-radius:0;
border-top-right-radius:0;
padding:40px 6px;
}
.messageUserBlock .extraUserInfo dl {
margin:2px 0 0;
}
.messageUserBlock .arrow {
position:absolute;
top:10px;
right:-10px;
display:block;
width:0;
height:0;
line-height:0;
border:10px solid transparent;
border-left-color:#e2e2e2;
-moz-border-left-colors:#e2e2e2;
border-right:none;
_display:none;
}
.messageUserBlock .arrow span {
position:absolute;
top:-10px;
left:-11px;
display:block;
width:0;
height:0;
line-height:0;
border:10px solid transparent;
border-left-color:#FFF;
-moz-border-left-colors:#FFF;
border-right:none;
}

.pun-crumbs {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
    background: #F3F3F3;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
    margin-top: 10px;
    }
    p.crumbs {
    color: #F3F3F3;
    }
    .pun-crumbs p {
    color: #666;
    font-size: 1.11em;
    line-height: 1.5;
    margin: 0;
    }
    p.crumbs a {
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
    color: #777!important;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
    }
.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}



.forum_desc img {
position: relative;
margin-top: -10px;
margin-left: -40px;
}
/*estadisticas*/
#infocenter {
padding-top: 10px;
}
.brdbox {
background: #eeeeee;
border: 1px solid #fff;
padding: 8px;
margin-bottom: 5px;
}
.cathead {
font-size: 18px;
font-weight: normal;
letter-spacing: -1px;
line-height: 32px;
padding: 0 5px;
}
.titlebar {
background: url(http://i.imgur.com/I3sDmXP.png) 0 0 repeat-x;
height: 34px;
line-height: 34px;
overflow: hidden;
margin-bottom: 5px;
padding: 0 15px;
color: white;
font-size: 13px;
font-weight: bold;
}

#upshrinkHeaderIC p.last {
margin: 0;
padding: 0.5em;
border-top: 2px dotted #bbb;
}

body {
background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/bg_tile.gif') repeat scroll 0% 0% #FAFAFA;
font: 11px "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

html, body {
background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/bg_tile.gif') repeat scroll 0% 0% #FAFAFA;
color: #5A5A5A;
}

#pun-intro {
  display: none;
}

#pun-navlinks {
  display: none;
}

.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding: 0;
}

#pun-about #qjump {
display: none;
}

#pun-about {
text-align: right;
font-size: 10px;
}

#pun-announcement {
border-style: 0 px solid;
border-width: 0px;
padding: 1em;
background: white;
}

.k1b4d58ea {
display: none!important;
background: none!important;
border: none!important;
}

.pun {
    margin-bottom: 10px;
    background: none repeat scroll 0% 0% #FFF;
    padding: 10px;
    line-height: 100%;
    border: 1px solid #DADADA;
    margin-top: -5px;
    width: 1200px;
    text-align: left!important;
}

.pun .main-content {
border: 1px solid #fff;
}

thead {
display: none;
}

fieldset {
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
border: 0px;
border-image: initial;
}

.main .main-foot, .paged-foot {
display: none;
}

#sc-container, .sc-width {
width: 1178px;
min-width: 960px;
margin: 0 auto;
}


/*help button*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display:none;
}

/*logged_in - Logado!*/




/*categoria*/
.main .main-head {
    background: url('http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/brand_1.png') repeat scroll center top #383838;
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 300;
    color: #FFF;
    box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 3px solid #2386C4;
}

.pun tbody.statused span.status {
    position: absolute;
    display: none;
}

#main{margin-right: 10px;}

.table .tc_icon {
    padding: 10px 5px !important;
    vertical-align: middle;
    width: 30px;
}

.pun table.table td.tc3 {
    text-align: right;
    width: 15%;
}

.main .main-content {
padding: 4px;
background: none repeat scroll 0px 0px #F3F3F3;
border: 1px solid #E6E6E6;
margin-bottom: 10px;
}

.pun tbody.statused td.tcl {
  background: white;
}

.pun tbody.statused td.tcr {
  background: white;
  border-left: 0px;
}

.pun table.table td {
background-color: #FFFFFF!important;
border-color: #ddd;
border-style: solid none none none;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
  border-right: none;
  border-left: none;
}

.pun fieldset, .pun img {
vertical-align: middle;
}

.main .main-head .page-title {
    font-size: 12px;
    font-weight: 400;
    color: #fff !important;
}

.left{
float:left;
}

.clear{
clear: both;
}

#sc-container{
width: 1178px;
min-width: 960px;
margin: 0 auto;
}


#search {
background: rgba(0, 0, 0, 0.3);
margin: 160px 0;
padding: 5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-top-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

fieldset, img {
border: 0;
}

.hide {
display: none;
}

label {
cursor: default;
}

#adv_search {
width: 16px;
height: 16px;
background: url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/advanced_search.png") no-repeat right 50%;
text-indent: -3000em;
display: none;
margin: 6px 0 4px 4px;
}

#search_wrap {
position: relative;
background: rgba(0, 0, 0, 0.40);
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0,0,0,0.13);
width: 230px;
}

#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 150px;
outline: 0;
color: #2386C4;
font-style: italic;
line-height: 26px;
}

#search_options {
font-size: 10px;
height: 28px;
line-height: 25px;
margin: 0px -2px 3px 0;
padding: 0 6px;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
text-align: right;
}

.clickable {
cursor: pointer;
}

.ipbmenu_content, .ipb_autocomplete {
font-size: 12px;
min-width: 85px;
z-index: 999;
}

#search_options_menucontent {
min-width: 100px;
white-space: nowrap;
text-align: left;
}

#search_options_menucontent li {
border-bottom: 0;
}

.ipbmenu_content li:first-child {
padding-top: 0px;
}

#search_options_menucontent input {
margin-right: 10px;
}

img, .input_check, .input_radio {
vertical-align: middle;
}

.custom_theme {
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 0px 0px 3px;
background: rgba(0, 0, 0, 0.30) url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/color_picker/color_picker.png") no-repeat 50% 50%;
cursor: pointer;
width: 29px;
height: 38px;
margin-left: 1px;
float: right;
margin-top: 36px;
}

.custom_theme #colorpicker {
border: 0 !important;
background: none transparent!important;
text-indent: -999px!important;
height: 36px;
font-size: 0;
width: 37px;
padding: 0;
margin: 0;
cursor: pointer;
opacity: 0;
display: block;
}


.submit_input, .clickable {
background: #1D5C83 url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/search_icon.png") no-repeat 50%!important;
text-indent: -3000em!important;
padding: 0!important;
border: 0!important;
display: block!important;
width: 26px!important;
height: 26px!important;
position: absolute!important;
right: 0!important;
top: 0!important;
bottom: 0!important;
-moz-border-radius: 0 2px 2px 0!important;
-webkit-border-top-right-radius: 2px!important;
-webkit-border-bottom-right-radius: 2px!important;
border-radius: 0 2px 2px 0!important;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2)!important;
-moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2)!important;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2)!important;
}


.right {
float: right;
}

/*Link*/
a {text-decoration:none;}
ul{list-style:none;}

.right {
float: right;
}





td.tcr span a:empty:before {
content: "Nu sunt mesaje noi.";
cursor: default;
pointer-events: none;
text-align: center;
word-wrap: break-word;
margin: 1px 0px 4px 53px;
color: #a4a4a4;
font-style: italic;
}
/*rodape*/

#pun-about {
font-size: 10px;
text-align: left;
padding: 2px 10px;
background: rgb(236, 236, 236);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);
border-radius: 5px;
float: left;
}

#onlinelist {
background-color: #F3F3F3;
padding: 10px;
color: rgb(155, 155, 155);
border: 1px solid rgb(214, 214, 214);
}

#onlinechat {
display: none;
}

#sc-footer {
float: left;
margin: 10px 0px 0px 0px;
width: 100%;
background: #FFF url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/brand_1.png");
border-top: 1px solid #DADADA;
}

.sc-footer-col {
width: 13.5%;
font-size: 11px;
min-width: 125px;
display: inline-block;
vertical-align: top;
line-height: 22px;
padding: 15px 0 18px 0;
}

#sc-footer a {
color: #5A5A5A;
}

#footer_utilities {
font-size: 11px;
width: 100%;
padding: 30px 0px 39px 0px;
border-top: #DADADA solid 1px;
background: #FAFAFA url("http://www.bslrpg.com/forum/public/style_images/animehaven_v3/custom/img/brand_1.png");
}

#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
}

#copyright {
color: #848484;
text-align: right;
}

#backtotop:hover {
color: #fff;
opacity: 1;
}

#backtotop {
width: 24px;
height: 24px;
line-height: 20px!important;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}

/*user*/
.pun .user-ident .username {
display: block;
font-size: 1.3em;
font-weight: 400!important;
margin-top: 5px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

/*post*/
.post h3 {
background: #F8F8F8;
border-bottom: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 15px;
margin-top: -3px;
}
span.post_id {
margin-left: 4px;
}
.post_date {
padding: 0 0 10px 0;
font-size: 12px;
color: #a4a4a4;
}
.desc.blend_links a {
font: normal 12px helvetica, arial, sans-serif;
color: #777777;
}
.post_id a img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.post_online {display: inline-block;}
.pun .post .user {
margin-left: -16em;
margin-top: -0.9em;
}
.pun .post {background: white;}
.pun .postmain {
background-color: white;
border-left: 0px;
margin-left: 14em;
}
.pun .post .user {
width: 165px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -160px;
margin-top: -0.6em;
}

.pun .post-entry {
font-size: 12px;
line-height: 1.6;
padding: 20px;
word-wrap: break-word;
}

.pun .user .user-ident .user-basic-info {
font-size: 11px;
color: #a4a4a4;
text-align: center;
font-weight: normal;
}

.postfoot {
border-top: 0px;
margin-left: -14em;
}

.sig-content {
clear: right;
color: #a4a4a4;
font-size: 0.9em;
border-top: 1px dashed #e4e4e4;
padding: 10px 0;
margin: 6px 0 4px;
position: relative;
}

.user-basic-info a img {
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
max-height: 300px;
padding: 1px;
max-width: 165px;
margin-left: 10px;
}

.exthelp{display:none;}
/*botoes*/

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
background: #353535 url(http://i57.servimg.com/u/f57/18/12/37/46/highli10.png) repeat-x top;
border: 1px solid #2b2b2b;
border-radius: 2px;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
color: #fff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
outline: none;
padding: 4px 10px!important;
}


/*box*/
.titlebox {
background: #F9F9F9;
border: 1px solid #E9EDEE;
color: #768089;
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #B3BAC1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #B3BAC1 0px 1px 3px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 650px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: white; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; height: 50px!important; padding: 1px; width: 50px!important;}
.titlebox dava a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/*quick avatar*/
#quick-avatar {
    float: left;
    padding: 11px;
}
#quick-avatar img {
margin-top: 50px;
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.mini_ava img {
width: 30px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
height: 30px;
}



.module .main-content{background:#fff}

.module.main {
    margin: 0px;
    margin-bottom: 10px !important;
}

#ajax_loading {
    background: -moz-linear-gradient(center top , #95C715 0%, #7BA60D 100%) repeat scroll 0% 0% transparent;
    border: 1px solid #7BA60D;
    color: #FFF;
    text-align: center;
    padding: 5px 0px 8px;
    width: 8%;
    top: 0px;
    left: 46%;
    border-radius: 0px 0px 5px 5px;
    z-index: 999;
    position: fixed;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
}

#header_bar
{
   background: #323232 url('http://i.imgur.com/q93OHwj.png') repeat-x 0 1px;
   padding: 0;
   text-align: right;
}

#user_link_dd,.dropdownIndicator
{
   background: url('http://i.imgur.com/rykHKuh.png') no-repeat left;
   display: inline-block;
   height: 5px;
   width: 9px;
}
#user_link_menucontent #links
li
{
   float: left;
   margin: 3px
0;
   white-space: nowrap;
   width: 50%;
}
#user_link_menucontent #links
a
{
   display: block;
}
#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active
.dropdownIndicator
{
   background-position: right;
}
#community_app_menu .menu_active
.dropdownIndicator
{
   background-position: left;
}
#community_app_menu li.active .menu_active
.dropdownIndicator
{
   background-position: right;
}
#user_link_menucontent
#statusForm
{
   margin-bottom: 15px;
}
#user_link_menucontent
#statusUpdate
{
   margin-bottom: 5px;
}
#user_link_menucontent>div
{
   margin-left: 15px;
   text-align: left;
   width: 265px;
}
#statusSubmitGlobal
{
   margin-top: 3px;
}

.services
img
{
   margin: -1px -2px 0 -2px;
}
#branding
{
   background: url('http://img.plici.ro/images/2015/02/25/10edf1.png') repeat-x 0 0;
   height: 200px;
}
#logo
{
   float: left;
padding: 80px 5px 5px 5px;
}
#logo
a.textLogo
{
   color: #fff;

   display: block;
   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size: 24px;
   font-weight: bold;
   height: 92px;
   line-height: 92px;
   padding: 0
12px;
   text-decoration: none;
}
#nav_wrap
{
   background: #171717;
   border-bottom: 1px solid #3e3e3e;
   border-top: 1px solid #2b2b2b;
   height: 35px;
}
#primary_nav
{
   float: left;
   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   padding: 3px
0 0 0;
   text-transform: uppercase;
}
#community_app_menu>li
{
   margin: 0px
3px 0 0;
   position: relative;
}
#community_app_menu>li>a
{
   background: #1d1d1d;
   border-left: 1px solid #1f1f1f;
   border-radius: 3px 3px 0 0;
   border-right: 1px solid #1f1f1f;
   border-top: 1px solid #252525;
   color: #bcbcbc;
   display: block;
   height: 31px;
   line-height: 31px;
   moz-border-radius: 3px 3px 0 0;
   outline: none;
   padding: 0px
15px;
   webkit-border-top-left-radius: 3px;
   webkit-border-top-right-radius: 3px;
}
#community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active
{
   background: #202020;
   border-left: 1px solid #272727;
   border-right: 1px solid #272727;
   border-top: 1px solid #303030;
   color: #fff;
}
#community_app_menu > li.active
a
{
   background: #212121;
   border-left: 1px solid #2f2f2f;
   border-right: 1px solid #2f2f2f;
   border-top: 1px solid #565656;
   color: #fff;
   padding-bottom: 1px;
   position: relative;
}
#community_app_menu > li > a.ipbmenu
img
{
   margin-right: -6px;
}
#primary_extra_menucontent,#more_apps_menucontent,.submenu_container
{
   background: #202020;
   border: 1px
solid #272727;
   border-radius: 0 0 4px 4px;
   border-top: 0;
   box-shadow: none;
   font-size: 11px;
   min-width: 140px;
   moz-border-radius: 0 0 4px 4px;
   moz-box-shadow: none;
   webkit-border-bottom-left-radius: 4px;
   webkit-border-bottom-right-radius: 4px;
   webkit-box-shadow: none;
}
#primary_extra_menucontent li,
#more_apps_menucontent li, .submenu_container
li
{
   background: none transparent;
   border: 0;
   float: none !important;
   min-width: 150px;
   padding: 0;
}
#primary_extra_menucontent a,
#more_apps_menucontent a, .submenu_container
a
{
   color: #fff;
   display: block;
   padding: 8px
10px;
}
#primary_extra_menucontent a:hover,
#more_apps_menucontent a:hover, .submenu_container a:hover
{
   background: #242424;
   color: #fff;
}
#primary_extra_menucontent li:last-child a,
#more_apps_menucontent li:last-child
a
{
   border-radius: 0 0 4px 4px;
   moz-border-radius: 0 0 4px 4px;
   webkit-border-bottom-left-radius: 4px;
   webkit-border-bottom-right-radius: 4px;
}
#community_app_menu
.submenu_container
{
   width: 260px;
}
#community_app_menu .submenu_container
li
{
   width: 260px;
}


.breadcrumb
{
   color: #d7d7d7;
   font-size: 11px;
}
.breadcrumb
a
{
   color: #d7d7d7;
}
.breadcrumb li
.nav_sep
{
   margin: 0
5px 0 0;
}
.breadcrumb li:first-child
{
   margin-left: 0;
}
.breadcrumb.bottom
{
   display: none;
   margin-top: 10px;
   width: 100%;
}
.ipsHeaderMenu
{
   background: #1d1d1d;
   border-radius: 0 0 6px 6px;
   moz-border-radius: 0 0 6px 6px;
   overflow: hidden;
   padding: 10px;
   webkit-border-bottom-left-radius: 6px;
   webkit-border-bottom-right-radius: 6px;
   width: 340px;
}
.ipsHeaderMenu.boxShadow
{
   box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
   moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
   webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
}
.ipsHeaderMenu
.ipsType_sectiontitle
{
   margin-bottom: 8px;
}
#user_notifications_link_menucontent.ipsHeaderMenu,#user_inbox_link_menucontent.ipsHeaderMenu
{
   width: 300px;
}