In your CSS i cannot see the code from the tutorial. Please replace the CSS with this:
- Code:
/******************** CSS GENERAL ********************/
body{font:normal 11px tahoma,helvetica,arial,sans-serif}
html{background:#2E2C2A url(http://i39.servimg.com/u/f39/16/36/74/64/i_back10.png);height:auto;width:100%}
body{background-image: url(http://i39.servimg.com/u/f39/16/36/74/64/i_back10.png);color:#5a5751}
ol,ul{list-style:none}
#pun-head{display:none}
#pun-visit,.main-box{display:none!important}
#pun-intro{display:none}
/*----------[Borrar Subrayados]------------*/a{text-decoration:none}
a:link{text-decoration:none}
a:hover{text-decoration:none!important}
a.forumtitle{text-decoration:none}
a.forumtitle:hover{text-decoration:none!important}
a.topictitle{text-decoration:none}
a.topictitle:hover{text-decoration:none!important}
#footer_utilities a#mcr-root-trigger:before{content:'Adapted by Mindlezz and the';padding-right:3px}
/*----------------FIN---------------*/img,.input_check,.input_radio{vertical-align:middle}
/************************************************************************//* LISTS */.ipsList_inline > li{display:inline-block;margin:0 3px}
.ipsList_inline > li:first-child{margin-left:0}
.ipsList_inline > li:last-child{margin-right:0}
.ipsList_inline.ipsList_reset > li:first-child{margin-left:3px}
.ipsList_inline.ipsList_reset > li:last-child{margin-right:3px}
.ipsList_inline.ipsList_nowrap{white-space:nowrap}
.ipsList_withminiphoto > li{/*margin-bottom:8px;*/ padding:7px}
.ipsList_withmediumphoto > li .list_content{margin-left:60px}
.ipsList_withminiphoto > li .list_content{margin-left:44px}
#index_stats .ipsList_withtinyphoto .list_contenwt,.ipsList_withtinyphoto > li .list_content{margin-left:32px}
.list_content{word-wrap:break-word}
.ipsList_data li{padding:6px;line-height:1.3}
.ipsList_data .row_data{display:inline-block}
.ipsList_data .row_title,.ipsList_data .ft{display:inline-block;float:left;width:120px;font-weight:bold;text-align:right;padding-right:10px}
.ipsList_data.ipsList_data_thin .row_title,.ipsList_data.ipsList_data_thin .ft{width:80px}
.ipsList_inline li.ipbmenu ul.tabsMenu{background-color:#1A1E25;position:absolute;z-index:999;width:115px;visibility:hidden;opacity:0}
ul{margin:0;padding:0;list-style:disc inside none}
.ipsList_inline li.ipbmenu ul.tabsMenu{visibility:hidden}
li,ol li{word-wrap:break-word;list-style:none outside none}
.ipsList_inline li.ipbmenu ul.tabsMenu .lili .aa{color:#B8B8B8;padding:9px 12px;display:block}
.menuTabs li.tabbed a.m_title{color:#B8B8B8;display:block;position:relative;text-decoration:none;padding:58px 30px 40px;border-left:1px solid black;border-right:1px solid #272A2B;-moz-transition:all .3s ease;border-right:1px solid #272A2B;font-size:13px;font-family:Calibri;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.ipsList_inline li.ipbmenu:hover{}
.ipsList_inline li.ipbmenu:hover a.m_title{color:#FFF}
.ipsList_inline li.ipbmenu .drop-menu{display:block;height:0;left:70%;position:absolute;top:84px;width:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ddd;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;text-indent:-9999px}
.ipsList_inline li.ipbmenu:hover .drop-menu{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid white}
.ipsList_inline li.ipbmenu ul.tabsMenu{-moz-box-shadow:rgba(0,0,0,0.58) 0 12px 25px;-webkit-box-shadow:rgba(0,0,0,0.58) 0 12px 25px;-webkit-transition:all .3s ease-in-out;background:#45423f;background-color:#45423f;border:0;box-shadow:rgba(0,0,0,0.58) 0 12px 25px;font-size:11px;margin-left:-1px;min-width:140px;opacity:0;position:absolute;visibility:hidden;width:260px;z-index:999}
.ipsList_inline li.ipbmenu:hover ul.tabsMenu{visibility:inherit;opacity:1}
.ipsList_inline li.ipbmenu ul.tabsMenu .lili .aa{color:#fff;padding:9px 12px;display:block;background:none repeat scroll 0% 0% rgba(0,0,0,0.1)}
.ipsList_inline li.ipbmenu ul.tabsMenu .lili .aa:hover{background-color:#524e4b !important;text-decoration:none}
/***CSS LIMITES***/.pun.limitex,.main_width{margin:0 auto;max-width:1300px;min-width:980px}
/**************** CSS INDEX BOX ***********/.pun table.table{background:#fdfaf7;border:1px solid #dcd6d1}
.pun .frm-form{background-color:#fdfaf7;color:#3b3632;padding:10px;border:1px solid #dcd6d1}
.pun table.table tr{background:transparent!important}
.pun table.table tr:hover{background:#f7f3ee!important}
.pun table.table td{background:transparent!important;border:0 none;line-height:130%;padding:10px;border-bottom:1px solid #eee8e3}
td.tc3.col_c_stats{text-align:right!important;width:15%!important}
.ipsType_small{font-size:11px}
.pun table.table th{background:#E0DAD5;border:0 none;color:rgb(133,132,132);font-size:12px;font-weight:100;padding:4px;font-variant:small-caps}
#ucp{padding:0}
#ucp .main-content.frm{margin:9px;background:#fdfaf7;border:1px solid #dcd6d1}
#profile-advanced-details .main-content{padding:10px;background:#fdfaf7;border:1px solid #dcd6d1}
/********************* CSS WIDGETS *********************/.module.main .main-content{background:#f9f5f0;padding:10px;margin-bottom:10px;border:1px solid #eae6e2}
.main .main-foot,.main .main-head{background:#68645f url(http://i60.tinypic.com/33mtxyv.jpg);color:#fff;padding:8px 10px 11px;font-size:12px;font-weight:bold;box-shadow:inset 0 0px 0 #8f8881;-moz-box-shadow:inset 0 1px 0 #8f8881;-webkit-box-shadow:inset 0 0px 0 #8f8881;border:1px solid #5e5955;text-shadow:0 -1px 0 #54514d}
.main .main-head .page-title,.main .main-head .page-title .h2,.main .main-head .page-title h2{font-size:12px;font-weight:bold;font-family:tahoma,helvetica,arial,sans-serif}
.module.main > .main-head{-moz-box-shadow:inset 0 1px 0 #eae3de;-webkit-box-shadow:inset 0 1px 0 #eae3de;background:#e0dad5;border:1px solid #d4cec9;box-shadow:inset 0 1px 0 #eae3de;color:#7f7a75;font-family:tahoma,helvetica,arial,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;padding:5px 10px;text-shadow:none}
.module.main .main-head h3,.module.main .main-head .h3{font-family:tahoma,helvetica,arial,sans-serif!important}
.module.main{margin:0 0 0 11px !important}
.pun table.table td .derechita{margin-left:13px}
.pun table.table td .derechita .desc{font-family:tahoma,helvetica,arial,sans-serif;font-size:11px;color:#76716b}
.table tbody.statused tr td a.forumtitle{font-family:tahoma,helvetica,arial,sans-serif;font-size:14px;font-weight:100}
.table tbody.statused tr td a.forumtitle{font-family:tahoma,helvetica,arial,sans-serif;font-size:14px;font-weight:100}
.table tbody.statused tr td div.by.smalltext{margin-left:14px;color:#a49f98;font-weight:normal;font-size:11px}
.table tbody.statused tr td.tdtopics a.topictitle{font-size:14px;margin-bottom:1px}
.pun .main-content div.ipb-content thead{display:none}
.pun .main-content div.ipb-content table.table td{vertical-align:middle}
.pun .table .tc2,.pun .table .tc3{text-align:center;width:14%}
.pun .table td.tch3xd.tc2{text-align:right!important;width:30%}
.retoret{color:#a49f98;font-weight:normal}
/*************************************************************************************CSS VIEW TOPICBODY!*****************************************************************************************/.cabezal{padding:0 10px;height:30px;line-height:30px;font-weight:normal;font-size:15px;color:#7f7a75;background:#e0dad5;box-shadow:inset 0 1px 0 #eae3de;-moz-box-shadow:inset 0 1px 0 #eae3de;-webkit-box-shadow:inset 0 1px 0 #eae3de;border:1px solid #d4cec9}
.pun .post,#stats{background:#fdfaf7;border:1px solid #dcd6d1}
.pun .post .cabezal .author a span strong{font-weight:100!important}
.pun .post .cabezal .author a,.pun .post .cabezal .author a span{color:#5b5754!important}
.pun .post .cabezal .author a span:hover,.pun .post .cabezal .author a:hover{color:#2e2c2a!important}
img.small{margin-left:3px;margin-top:-2px;max-height:12px;opacity:.5}
.desc,.desc.blend_links a,p.posted_info{font-size:11px;color:#76716b}
.pun .posthead{background:transparent;border:1 solid #dcd6d1;padding:8px;color:#a49f98;font-weight:normal;font-size:11px}
.pun .posthead h2{font-family:tahoma,helvetica,arial,sans-serif}
.pun div.post div.user{float:left;margin-left:-169px;margin-top:-30px;position:relative;text-align:center;font-weight:normal;width:166px;font-size:11px}
.pun .postmain{background:transparent;border-left:1 solid #dcd6d1;margin-left:170px}
.postfoot{background:transparent;clear:both;margin-left:-170px;padding:.5em 1em;text-align:right;border-top:1 solid #dcd6d1}
.pun .entry-content{overflow:hidden;padding-bottom:4px;width:100%;line-height:1.6;font-size:14px;word-wrap:break-word;color:#5a5854}
.pun .paged-foot,.pun .paged-head{background-color:transparent;border:0 none;margin:5px 0;padding:2px}
.pun .main .main-content.message{background:#fdfaf7;border:9px solid #ebe6e1}
/********** CSS SCEDITOR ***********/ #reply_ipb_style{background:#ebe6e1;border:1px solid #dcd7d3;padding:9px}
#content_ipb_style{background:#fdfaf7;border:1px solid #dcd6d1}
div#content_ipb_style div#pun-qpost .main-head.clearfix{display:none}
#pun-qpost .frm-form,#pun-qpost .main-content.frm{background:transparent!important;border:1 solid #dcd6d1!important;box-shadow:none!important}
.title-quickipb{color:#413f3c;font-family:Helvetica,Arial,sans-serif;font-size:18px;font-style:normal;font-variant:normal;font-weight:400;margin:12px 10px 0}
/********** BOTONES **********/input[type="button"],input[type="reset"],input[type="submit"]{-moz-box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2);background:#2d2a27 url(http://virteq.com/public/style_images/memory/topic_button.png) repeat-x top;border-color:#2d2a27;border-style:solid;border-width:1px;box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2)!important;color:#fff;cursor:pointer;padding:4px 10px;text-decoration:none;border-radius:0!important}
form#quick_reply input[name="preview"]{float:right}
#quick_reply .frm-buttons{border-top:0;margin:0 auto;padding:5px;text-align:right}
#quick_reply .frm-buttons input[type="submit"]{-moz-box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2)!important;-webkit-box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2)!important;background:#2d2a27 url(http://virteq.com/public/style_images/memory/topic_button.png) repeat-x top;border-color:#2d2a27;border-style:solid;border-width:1px;box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2)!important;color:#fff;cursor:pointer;padding:4px 10px;text-decoration:none;font-size:13px}
#quick_reply .frm-buttons input[name="preview"]{-moz-box-shadow:inset 0 1px 0 0 #f8f5ef,0 2px 3px rgba(0,0,0,0.2)!important;-webkit-box-shadow:inset 0 1px 0 0 #f8f5ef,0 2px 3px rgba(0,0,0,0.2)!important;background:#f0ece2;border-color:#eae5da;box-shadow:inset 0 1px 0 0 #f8f5ef,0 2px 3px rgba(0,0,0,0.2)!important;color:#464442}
/************************* CSS INPUTS *************************/#ucp .frm-set.multi dl input,select,.frm-form fieldset.frm-set textarea.inputbox,.pun input[type="text"],input[type="password"],dd.frm-input input,input.inputbox{padding:4px;border-width:1px;border-style:solid;border-color:#bfbbb2;background:#fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
#ucp .frm-set.multi dl input:focus,.pun input[type="text"]:focus,input[type="password"]:focus,dd.frm-input input,input.inputbox:focus{border-color:#98958d;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);outline:none}
#ucp .main-content.frm fieldset.frm-set dl.frm-buttons input.button2[type="submit"]{-moz-box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2);background:#2d2a27 url(http://virteq.com/public/style_images/memory/topic_button.png) repeat-x top;border-color:#2d2a27;border-style:solid;border-width:1px;box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2)!important;color:#fff;cursor:pointer;padding:4px 10px;text-decoration:none;border-radius:0!important}
#ucp .main-content.frm fieldset.frm-set dl.frm-buttons input.button2[type="reset"]{background:transparent;border:0 none;color:#ad2930;cursor:pointer;font-family:tahoma,helvetica,arial,sans-serif;font-size:.9em!important;font-style:normal;font-weight:700;box-shadow:none!important}
#ucp .main-content.frm fieldset.frm-set dl.frm-buttons input.button2[type="reset"]:hover{color:#2e2c2a}
#ucp .main-content.frm fieldset.frm-set dl.frm-buttons{}
.frm-buttons{border:0 none}
.main .frm-info,.pun .main .main-content p.message{background:#ebe7de;padding:10px;border:1px solid #cfcac0;color:#6f6c65;line-height:1.6;font-size:11px}
/*************** TITLE BOX ******************/.titlebox{overflow:hidden;background:#FDFAF7;border:1px solid #DCD7D3;padding:8px}
.titlebox dd{display:block}
.titlebox dava{float:left}
.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:#fff;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}
.ipsBox_withphoto{float:left;margin-left:10px}
.ipsType_pagetitle{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:525px;color:#413f3c}
.desc.lighter.blend_links{float:left;font-size:11px;color:#a49f98;font-weight:normal}
.seguir{float:right;position:relative;top:15px}
.seguir a{height:22px;line-height:22px;font-size:11px;padding:0 10px;background:#f6f1ec;background:-webkit-linear-gradient(#f6f1ec,#e5e0db);/* For Safari 5.1 to 6.0 */ background:-o-linear-gradient(#f6f1ec,#e5e0db);/* For Opera 11.1 to 12.0 */ background:-moz-linear-gradient(#f6f1ec,#e5e0db);/* For Firefox 3.6 to 15 */ background:linear-gradient(#f6f1ec,#e5e0db);/* Standard syntax (must be last) */border:1px solid #dbd6d1;-moz-box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3);box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3);color:#64615d;display:inline-block;white-space:nowrap;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out}
.seguir a:hover{color:#4c4947;border-color:#9a958f}
/************ BOTONES TOPIC BODY ***********/.topic_buttons{background:#2d2a27 url(http://virteq.com/public/style_images/memory/topic_button.png) repeat-x top;border:1px solid #2d2a27;border-width:1px 1px 0 1px;-moz-box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2);box-shadow:inset 0 1px 0 0 #756f65,0 2px 3px rgba(0,0,0,0.2);color:#fff;text-shadow:0 -1px 0 #282523;font:300 12px/1.3 Helvetica,Arial,sans-serif;line-height:30px;height:30px;padding:0 10px;text-align:center;min-width:125px;display:inline-block;cursor:pointer}
.topic_buttons:hover{color:#fff;background:#3f3c3a url(http://virteq.com/public/style_images/memory/topic_button_hover.png) repeat-x}
/************ CSS FOOTER *****************/#footer{width:100%;height:auto;background:#2E2C2A url(http://virteq.com/public/style_images/memory/bg.png)}
#footer_utilities{padding:10px;font-size:11px;position:relative}
.clear{clear:both;height:auto!important}
#backtotop{width:24px;height:24px;line-height:20px;left:50%;margin-left:-12px;position:absolute;display:inline-block;background:#57544e;text-align:center;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;opacity:0.4;outline:0}
#backtotop:hover{background:#777367;color:#fff;opacity:1}
#backtotop img{margin-top:6px}
#footer_utilities .ipsList_inline>li>a{margin-right:0;padding:4px 10px;color:#aba79e !important;text-shadow:0 -1px 0 #141312}
#footer_utilities .ipsList_inline>li>a:hover{color:#fff !important}
#copyright{color:#aba79e;text-align:right;text-shadow:0 1px 0 #000}
#copyright a{color:#aba79e}
#footer_utilities a#mcr-root-trigger{float:right;color:white;font-family:cambria;font-style:italic}
/*** css stats ***/div#stat_id{background:none;display:table;margin:0 auto!important;text-align:center!important}
ul[class="statsPers"]{display:block;list-style:none;margin:0 auto;width:100%}
li.statHide{display:none}
.statsPers li{float:left;font-size:11px;margin:2px 10px;color:#5a5751}
.statsPers li > span{display:inline-block;background:#68645F;color:#fff;padding:2px 6px;font-weight:bold;margin-right:3px}
.statsPers li > span a,.statsPers li > span a span{color:#fff!important}
#onlinechat{background-color:transparent;border-top:0;padding:15px 0 0}
#onlinechat p.page-bottom{font-size:14px;font-weight:bold}
#onlinechat #chatbox_popup{color:transparent}
#onlinechat #chatbox_popup a:after{content:url('https://cdn1.iconfinder.com/data/icons/discovery/16x16/apps/internet-group-chat.png');float:left;position:relative;top:3px;right:-3px;z-index:999}
.ibrev{background:#8db13e url(http://webflake.sx/public/style_images/wfskin/highlight_faint.png) repeat-x 0 1px;border-radius:3px;color:#fff;margin-bottom:5px;padding:0 5px;text-shadow:rgba(0,0,0,0.2) 0 -1px 0}
.statistics{margin:20px 0 0 0;padding:10px;border:1px solid #EAE6E2;line-height:1.3;overflow:hidden;background:#FDFAF7}
.statistics_head{font-size:14px;font-weight:bold;background:#E0DAD5;border:1px solid #D4CEC9;box-shadow:inset 0 1px 0 #eae3de;-webkit-box-shadow:inset 0 1px 0 #eae3de;-moz-box-shadow:inset 0 1px 0 #eae3de;color:#7F7A75;padding:4px;margin:-10px -10px 10px -10px}
.desc,.desc.blend_links a,p.posted_info{font-size:11px;color:#76716b}
#pun-about{background:transparent;border:0 none;line-height:150%;padding:.5pt;text-align:right;font-size:9px}
#tabs ul li a{float:left;font-weight:400;line-height:2em;padding:0 1em;text-decoration:none;outline:0;-webkit-transition:background-color 0.1s ease-in-out;-moz-transition:background-color 0.3s ease-in-out;background:#f3efec;color:#85807d;border:1px solid #dad4d1;font-size:13px;margin-bottom:-1px}
#tabs ul li a:hover{background:#eee9e6;color:#7f7a77}
#tabs ul li.activetab a{text-decoration:none!important;border:1px solid #C7C4C3;background:#FDFAF7!important;color:#373533!important;font-weight:bold}
.white{color:#fff !important;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1}
/******** divads *******/.divads{background:#fff;border:5px solid;border-color:rgba(0,0,0,0.05);margin:0 0 1.5em;padding:10px;color:rgba(0,0,0,0.65)}
.divads.divrojo{background:rgba(193,56,50,0.85);color:#FFF}
.divads.divamarillo{background-color:rgba(233,187,7,0.75);color:white}
.divads.divverde{background-color:#690;color:white}
.divads.divazul{background:rgba(0,83,159,0.65);color:white}
/************* CSS SOME BBCODES *************/.codebox{margin:0;background-color:#f6f2ed !important;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;color:#444;padding:5px;border:1px solid #cbc5c0;overflow:auto;margin-left:10px;font-size:13px;line-height:140%;font-family:monospace !important}
blockquote{background:transparent;border:0 none!important;margin:0;padding:8px}
.codebox dt{background:transparent;font-family:Arial;font-size:14px;border:0}
.codebox dd{background:transparent}
.pun .codebox.hidecode{background:#F8F8F8!important;border-color:#DCDCDC!important;box-shadow:0 1px 1px rgba(215, 215, 215) inset;font-family:Calibri!important;color:black!important}
.pun .codebox.hidecode:before{content:'Continut ascuns';font-family:Arial;text-shadow:0 -1px 0 rgba(0,0,0,0.3);font-size:14px;padding:8px}
.pun .codebox.hidecode dd{background:#F8F8F8!important;border:1px solid #DCDCDC!important}
.postmain blockquote,blockquote{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#f6f1ec;margin:0 0;overflow-x:auto;border:2px solid #e5e0db!important;font-size:12px;padding:10px}
.postmain cite,cite{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:-webkit-linear-gradient(#f6f1ec,#e5e0db);border-radius:5px 5px 0 0;color:#5a5854;font-weight:700;margin:-11px -10px 12px -11px;overflow-x:auto;font-size:12px;padding:8px 10px;border-left:2px solid #98938d;border-top:2px solid #e5e0db;border-right:2px solid #e5e0db}
#pun-about #qjump{display:none}
/****************************************************************************************** CSS SCEDITOR ************************/#textarea_content{text-align:inherit!important;width:100%!important}
#textarea_content .sceditor-container{background:#FFF!important;border:1px solid #d9d9d9;border-radius:0!important}
#textarea_content .sceditor-container .sceditor-toolbar{background:#FFF!important;border:0!important;text-align:left}
#textarea_content .sceditor-group{background:transparent;border:0!important;border-radius:3px!important;margin:0!important;padding:0!important}
#textarea_content .sceditor-group a.active,#textarea_content .sceditor-group a.hover,#textarea_content .sceditor-group a:hover{background:#f0ece2;border-radius:2px!important;box-shadow:none!important}
#textarea_content .sceditor-group a{margin:0 2px!important}
#textarea_content .sceditor-container textarea,#textarea_content iframe{background:none repeat scroll 0% 0% #FFF !important;border:0 none !important;border-radius:0 !important;color:#282828 !important;cursor:text !important;margin-bottom:8px !important;padding:4px !important;width:98% !important;font-size:14px !important}
#message-box #textarea_content .sceditor-container{width:100%!important}
form#quick_reply input[name="preview"]{float:right}
#quick_reply .frm-buttons{border-top:0;margin:0 auto;padding:5px;text-align:right}
/************ CSS VIEWFOUM BODY **********/.iat{font-size:14px;font-weight:bold;background:#E0DAD5!important;border:1px solid #D4CEC9!important;box-shadow:inset 0 1px 0 #eae3de!important;-webkit-box-shadow:inset 0 1px 0 #eae3de!important;-moz-box-shadow:inset 0 1px 0 #eae3de!important;color:#7F7A75;padding:4px!important}
#onlinelist{background:transparent;border-top:0;padding:0}
.main .main-content.decs{padding:10px;border:1px solid #EAE6E2;line-height:1.3;overflow:hidden;background:#FDFAF7}
/* Se sfarsete CSS */
/* Suboforum pe un rand */
.pun tbody.statused td.tcl {width: 580px !important;}
.desc a{font-size: 11px !important;}
/* Descriere forum */
.pun table .tcl {
width: 100%;
}
/* Smilies la locul lor*/
#textarea_content{
width: 80% !important;}
/* Marimea textului din topicuri */
.pun .entry-content{
font-size: 13px;
}
/* Noi butoane + si - */
.vote {
float:right;
margin-left:4px;
width: 30px;
}
.vote .vote-no-bar {
text-align: center;
}
/* Tabele colorate */
.cpinfo td{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo td{
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i.imgur.com/BZ17N.png');
}
/* Mesaj multumire */
.multumesc-msg{
text-align: center !important;
font-weight: bold;
color: orange;
font-size: 16px;
margin-top: 60px;
}
.multumesc-msg img{
position: relative;
top: 5px;
}
.multumesc-msg div{
margin-left: 5px;
margin-right: 5px;
display: inline !important;
}
/* Editare ultima editare efectuata */
.edit{ display: none; }
/* Avatar in toolbar*/
.fa_avatar {
width: 25px;
height: 25px;
position: relative;
top: -5px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
/* paleta de culori personalizata */
.color-option {
display: inline-block !important;
width: 15px !important; /* latimea iconitei unei culori */
height: 15px !important; /* latimea iconitei unei culori */
border: 2px solid #fff !important; /* chenarul din jurul unei iconite */
margin: 3px !important; /* spatiul dintre iconite */
box-shadow: 0 0 2px #778899; /* umbra unei iconite */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* latimea iconitei unei culori */
height: 15px !important; /* inaltimea iconitei unei culori */
}
.color-option, .color-option span {
border-radius: 2px; /* colturi rotunjite */
}
/* paleta de culori - de latimea acesteia depinde cate culori vor fi adaugate pe fiecare rand in parte */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important; /* latimea paletei de culori */
height: 100px !important; /* inaltimea paletei de culori */
padding: 5px !important;
border-radius: 5px !important;
}
/* Topic blocat */
.topic-blocat{
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
background-image: url(http://1.bp.blogspot.com/_5rlxf3T9Z9U/SsIXuytpYfI/AAAAAAAADcI/I4Tm0W5gDQk/lock_32.png);
color: #750000 !important;
background-color: #D26067;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
font-weight: bold;
font-size: 12px;
font-size: 18px;
text-shadow: 1px 1px 1px #AAA;
}
/* Reputatie */
#repu { margin:2px 0; }
.repuBlock {
height:8px;
width:8px;
background:#0A0;
border:1px solid #080;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 3px 3px #0C0 inset;
-moz-box-shadow:0 3px 3px #0C0 inset;
box-shadow:0 3px 3px #0C0 inset;
display:inline-block;
margin:0 0.5px;
}
#pun-navlinks li a{
text-shadow: 0px 0px 5px #ffffff !important;
}
#pun-navlinks li a{
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6) !important;;
}
#pun-navlinks li a:hover{
text-shadow: 0px 0px 5px #ffffff !important;
}
#pun-navlinks li a:hover{
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6) !important;
}
/* Warning buttons */
.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mod_mess a.postlink, .adm_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}
/* Administrator bb-Code - message block */
.adm_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
/* Administrator bb-Code - title */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505;
}
/* Administrator BB-Code - text presentation */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}
/* Moderator BB-Code - message block */
.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
/* Moderator BB-Code - title */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;
}
/* Moderator BB-Code - text presentation */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center;
}
/* imagine in mesaj editor */
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://i39.servimg.com/u/f39/18/95/05/53/rrr10.gif) !important;
}
#button_label {
/*style*/
}
.main .main-foot, .main .main-head{margin-bottom:0px!important;}
.pun .frm-form{border: 0px!important;}
.main .main-content.frm{border: 0px!important;}
.pun .user-ident .username {
color: #fff;
display: block;
font-size: 1.2em;
font-weight: 700;
position: static;
text-decoration: none;
padding-bottom: 5px;
top: 0;
}
#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}
/* bara navigare*/
.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;
}
/*****Citar Estilo IPB QUOTE - By Julinho*****/
.postmain cite,blockquote cite{margin:-10px -11px 8px;background:url('http://i.imgur.com/BiqTTKY.png') repeat-x scroll 0px 0px #F2F2F2}
blockquote cite{background-color:#282828;background-image:url('http://i.imgur.com/7PY4kwR.png') !important;background-position:800px center !important;background-repeat:no-repeat !important;padding:12px 10px;overflow:hidden;text-shadow:0px 1px 0px #FFF;clear:right;color:#535353 !important;border:1px solid #E3E3E3;border-top:0;font-size:12px;border-bottom:0}
.postmain blockquote{background-color:#FCFCFC; border:1px solid #E3E3E3;padding:10px;color:#9F9F9F;font-size:12px}
/* Sondaje */
.zzPoll{border:1px solid #DDD;margin-bottom:50px;padding:10px 20px 0 20px;background: #D8DCDC;}
.zzPoll h3{font-size:16px;height:34px;line-height:31px;position:relative;background:url(//i83.servimg.com/u/f83/16/58/89/73/combo10.png) no-repeat scroll left top transparent;border-bottom:1px solid #DDD;padding-left:40px}
.zzPoll ul{list-style:none outside none;padding:10px 0}
.zzPoll li,#messedit{position:relative;line-height:30px;height:30px}
#poll_result .poll_t{position:absolute;width:15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;left:0;top:0}
#poll_result .poll_m{height:25px;margin-left:25%;width:40%;float:left}
#poll_result .poll_w{background-color:red;border:2px solid #e6e6e6;float:left;line-height:18px;margin-top:3px;box-shadow:0 0 1px #000;padding:3px 1px}
#poll_result .percent{right:10%!important}
#poll_ballot .poll-c, #poll_ballot .poll-c label{display:block;height:30px;line-height:30px}
#poll_ballot .c_vote{background:url(//i78.servimg.com/u/f78/17/70/81/78/sinchr10.png) no-repeat left center transparent;padding-left:35px;height:30px;display:inline-block;line-height:30px}
#poll_ballot input[type="radio"],#poll_ballot input[type="checkbox"]{display:none!important}
#poll_ballot input[type="checkbox"] + label,#poll_ballot input[type="radio"] + label{cursor:pointer;padding-left:30px;background:url(//i78.servimg.com/u/f78/17/70/81/78/minus10.png) no-repeat left center transparent;height:26px;line-height:26px}
#poll_ballot input[type="checkbox"] + label{background-image:url(//i78.servimg.com/u/f78/17/70/81/78/minus11.png)}
#poll_ballot input[type="checkbox"]:checked + label,#poll_ballot input[type="radio"]:checked + label{background-image:url(//i78.servimg.com/u/f78/17/70/81/78/checkm10.png)!important;color:#0092d5}
#poll_ballot input[type="checkbox"]:disabled + label,#poll_ballot input[type="radio"]:disabled + label{background-image:url(//i79.servimg.com/u/f79/16/48/23/13/delete10.png)!important;color:#999}
.zzPoll .totalvote,#poll_result .poll_m span{position:absolute;right:0}
.zzPoll .frm-buttons{text-align:center;border-top:3px double #DDD;height:50px;line-height:25px;margin:0;padding:10px 0}
.zzPoll .frm-buttons a{margin:0 10px;font-weight:bold;height:30px;line-height:22px;vertical-align:top}
/* Sondaje */
/*Code for quick Reply*/
.sceditor-button-emoticon div{background:url(http://2img.net/i/fa/i/smiles/icon_smile.gif)!important;background-repeat:no-repeat!important;}
.sceditor-button-dailymotion div{background:url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dailymotion.png)!important;}
.sceditor-button-flash div{background:url(http://2img.net/i/fa/wysiwyg/page_white_flash.png)!important;}
.sceditor-button-servimg div{background:url(http://2img.net/i/fa/wysiwyg/picture_save.png)!important;}
.sceditor-button-faspoiler div{background:url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/faspoiler.png)!important;}
.sceditor-button-fahide div{background:url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/fahide.png)!important;}
.sceditor-button-fascroll div{background:url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/scroll.png)!important;}
.sceditor-button-faupdown div{background:url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/updown.png)!important;}
.sceditor-button-fawow div{background:url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/wow.png)!important;}
.sceditor-button-farand div{background:url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/rand.png)!important;}
.sceditor-button-faroll div{background:url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/roll.png)!important;}
.sceditor-button-more div{background:url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dotdotdot.png)!important;}
.sceditor-button.sceditor-button-font{background:url(http://i39.servimg.com/u/f39/17/68/86/50/font10.png) repeat scroll 0 0 rgba(0,0,0,0)!important;height:18px;width:77px;}
.sceditor-button.sceditor-button-font > div{display:none!important;}
.sceditor-button.sceditor-button-size{background:url(http://i39.servimg.com/u/f39/17/68/86/50/size12.png) no-repeat scroll 0 0 rgba(0,0,0,0)!important;height:18px;width:57px;}
.sceditor-button.sceditor-button-size > div{display:none!important;}
.sceditor-button.sceditor-button-color{margin-left:5px!important;margin-right:5px!important;}
#text_editor_controls{display:!important;}
.sceditor-container.ltr{background-color:#E4EBF2!important;border:2px solid #D5DDE5!important;border-radius:0!important;height:200px;padding:0 5px 21px 3px;width:auto!important;}
.sceditor-container iframe,.sceditor-container textarea{background:none repeat scroll 0 0 #FFF!important;border-color:#BBB #DDD #DDD #BBB !important;border-style:solid!important;border-width:1px!important;height:200px!important;margin:0!important;width:100%!important;}
#text_editor_textarea,#textarea_content iframe#text_editor_iframe {height:200px!important;width:100%!important;}
div.sceditor-group{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;border-bottom:medium none!important;margin:1px 5px 1px 0;padding:1px;}
div.sceditor-toolbar{background:none repeat scroll 0 0 padding-box #E4EBF2!important;border-bottom-width:0!important;padding:3px 5px 2px!important}
#smiley-box iframe{height:230px;}
#smilies_categ{padding:0;}
#smiley-box{border:1px solid #DDD;display:none!important;margin:5px 0!important;padding:5px;}
#textarea_content dt{display:none}
#textarea_content{width:98%!important;}
.sceditor-button:hover{background:#D5DDE5!important;box-shadow:none!important;}
.sceditor-button:active,.sceditor-button .active{background-color:#F0F0F0!important;border:1px solid #BBB!important;opacity:1!important;padding:2px 4px!important;}
.sceditor-button .active:focus{background-color:#86CAFF!important;}