Cmo colocar esse tipo de aviso em topicos

Código:

[table style="background-image: url(http://i81.servimg.com/u/f81/18/18/31/47/untitl12.png); width: 350px; height: 50px;"][tr][td]           Aceito[/td][/tr][/table]

Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

.cpinfo {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('Link da imagem');
}

Código:

        [table class="cpinfo"][tr][td]Seu texto vai aqui! Seu texto vai aqui!
        Seu texto vai aqui! Seu texto vai aqui!
        Seu texto vai aqui! Seu texto vai aqui!
        [/td][/tr][/table]

Spoiler:

Spoiler:

Código:

/*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }






.info, .success, .warning, .error, .mes, .tips {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info{
background-color:#d1e4f3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/inform10.png");
color:#00529B;
border:1px solid #4d8fcb;
}
.success{
background-color:#effeb9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/accept10.png");
color:#4F8A10;
border:1px solid #9ac601;
}
.warning{
background-color:#ffeaa9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/error10.png");
color:#9F6000;
border:1px solid #f9b516;
}
.error{
background-color:#fccac3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/critic10.png");
color:#D8000C;
border:1px solid #db3f23;
}
.mes{
background-color:#d9d6d6;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/mail10.png");
color:#2D2D2D;
border:1px solid #2D2D2D;
}
.tips{
background-color:#FFE873;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/light10.png");
color:#a38800;
border:1px solid #a38800;

Código:

jQuery(document).ready(function() {
if(jQuery('.i_icon_ip').length){
    jQuery('#text_editor_select_controls #other button:eq(0)').after('<br><button onclick="info();return false" style="color:#4d8fcb"><img src="http://i10.servimg.com/u/f10/17/41/76/40/inform10.png" alt="" width="16" height="16" class="acende" /> INFORMAÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(1)').after('<br><button onclick="success();return false" style="color:#9ac601"><img src="http://i10.servimg.com/u/f10/17/41/76/40/accept10.png" alt="" width="16" height="16" class="acende" /> SUCESSO</button>');
    jQuery('#text_editor_select_controls #other button:eq(2)').after('<br><button onclick="warning();return false" style="color:#f9b516"><img src="http://i10.servimg.com/u/f10/17/41/76/40/error10.png" alt="" width="16" height="16" class="acende" /> ATENÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(3)').after('<br><button onclick="error();return false" style="color:#db3f23"><img src="http://i10.servimg.com/u/f10/17/41/76/40/critic10.png" alt="" width="16" height="16" class="acende" /> ERRO</button>');
    jQuery('#text_editor_select_controls #other button:eq(4)').after('<br><button onclick="mes();return false" style="color:#AAAAAA"><img src="http://i10.servimg.com/u/f10/17/41/76/40/mail10.png" alt="" width="16" height="16" class="acende" /> MENSAGEM</button>');
    jQuery('#text_editor_select_controls #other button:eq(5)').after('<br><button onclick="tips();return false" style="color:#D38E49"><img src="http://i10.servimg.com/u/f10/17/41/76/40/light10.png" alt="" width="16" height="16" class="acende" /> IDÉIA</button>');
}
    });
    function info(){
    bbfontstyle('<div class="info">','</div>');selectWysiwyg(this,'other');return false}
    function success(){
    bbfontstyle('<div class="success">','</div>');selectWysiwyg(this,'other');return false}
    function warning(){
    bbfontstyle('<div class="warning">','</div>');selectWysiwyg(this,'other');return false}
    function error(){
    bbfontstyle('<div class="error">','</div>');selectWysiwyg(this,'other');return false}
    function mes(){
    bbfontstyle('<div class="mes">','</div>');selectWysiwyg(this,'other');return false}
    function tips(){
    bbfontstyle('<div class="tips">','</div>');selectWysiwyg(this,'other');return false}

Código:


blockquote div {
 margin-left: 20px;
 }
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://2img.net/i/fa/prosilver/icon_user_online_en.png');
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://2img.net/i/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}



/*imagem antes do nick com neon ••> iHeload */
a span[style="color:#F70505"],a[style="color:#F70505"],a[href="/g1-administradores"]{
background:url(http://2img.net/i/fa/admin/couronne.png) 0 1px no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px;
text-shadow:0px 0px 5px #F70505;}
a span[style="color:#0F0FFF"],a[style="color:#0F0FFF"],a[href="/g2-moderadores"]{
background:url(http://i.imgur.com/bd3Oq0z.png) 0 1px no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px;
text-shadow:0px 0px 5px #0000FF;}
a span[style="color:#AEFF00"],a[style="color:#AEFF00"],a[href="/g7-gerentes"]{
background:url(http://i.imgur.com/LwIr8kf.png) 0 1px no-repeat;
padding-bottom:2px;padding-left:17px;padding-top:2px;
text-shadow:0px 0px 5px #00FA11;}
a span[style="color:b500d1"],a[style="color:b500d1"],a[href="/g5-designers"]{
background:url(http://i.imgur.com/qXGkJX3.png) 0 1px no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px;
text-shadow:0px 0px 5px #91006F;}
a span[style="color:#000302"],a[style="color:#000302"],a[href="/g7-vip"]{
background:url(http://i.imgur.com/OHeR6kK.png) 0 1px no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px;
text-shadow:0px 0px 5px #000302;}
dd.lastpost span.color-groups {
float: left;
padding-left: 17px !important;
}
 
 
 
 
 
  /*MENU DO TOPO*/
  #conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: right;
background: #323232;
border-bottom: 1px solid #000;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: fixed;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url() no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}
 
 
 
 
 
/*borda dos ranks*/
        .userManagement {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #c70c0c;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
 
  /*moderadorrrr**************/
  .userModerador {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: blue;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
  .userDesigner {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: pink;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
 
  .userVip {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: yellow;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
 
  .userMembro {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: orange;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        padding: 3px 8px;
        text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
        }
 
  /*PERFIL*/
  .postbody .user{text-align:center}.postbody .user h4.username{margin-left:38%}
 
  /***chatbox**/
  #chatbox_footer .right div[class][id]{height:20px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;cursor:default}#chatbox_footer .right div[class][id]:first-child{border-left:1px solid #CFCFCF}#chatbox_main_options span,#chatbox_main_options label,#chatbox_main_options a{height:34px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;color:#000;padding-top:14px}#chatbox_main_options{position:absolute;bottom:0;left:0;z-index:1;color:#818181!important;height:34px;font-size:0;margin:0;margin-bottom:-25px}#chatbox_main_options li a[onclick*="ajax_refresh_chatbox"]{font-size:0;background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) no-repeat center #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives=1"],#chatbox_main_options a[href="/chatbox/index.forum?archives"]{font-size:0;background:url(http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives"]{background-color:#E6E6E6}#chatbox_main_options li a[onclick="CB_disconnect();"]{border-right:0;padding:0}#chatbox_main_options li a[onclick="CB_disconnect();"] span{font-size:0;background:url(http://i.imgur.com/xXA8w.gif) no-repeat 50% 50% #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_footer{padding:0;background:url() #f5f5f5;border-top:1px solid #CFCFCF;display:block!important;border-radius:0}#chatbox_messenger_form .right {padding:0;font-size:0}#chatbox_messenger_form .right input#message{height:34px;font-weight:normal;background-color:white;background-image:url();border:0;height:34px;margin-bottom:0;font-size:16px;cursor:default;padding:0 0 0 5px;outline:none;width:304px}#chatbox_messenger_form .right input[name="submit_button"]{height:33px;font-size:15px;border:0;background-color:transparent;padding-left:10px;padding-right:11px;margin-left:-4px;cursor:default;font-weight:normal}#chatbox_messenger_form .right img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],#chatbox_members h4.member-title,#chatbox_main_options li#chatbox_option_autorefresh,#chatbox p.clearfix span.date-and-time,#chatbox p.clearfix:hover span.date-and-time{display:none}#chatbox_header{height:0;font-size:0}#chatbox{top:32px;left:0}#chatbox p.clearfix:first-child{padding-top:8px}#chatbox_members{position:absolute;z-index:1;height:31px;left:0;top:0;width:100%;background:url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) 8px -3px no-repeat white;overflow-y:hidden;border-bottom:1px solid #CFCFCF}#chatbox_members li{display:inline;margin-right:0}#chatbox_members a:last-child:after{content:', '}#chatbox_members li:last-child a:last-child:after{content:''}#chatbox_members ul{padding-top:8px;font-size:12px;margin:0;overflow-y:hidden;overflow-x:auto;margin-left:46px;padding-right:8px;padding-bottom:0;white-space:nowrap;height:23px;max-width:none}#chatbox_footer #chatbox_messenger_form .right .fontbutton:hover,#chatbox_header #chatbox_main_options.chatbox-options a:hover,#chatbox_header #chatbox_main_options.chatbox-options span:hover,#chatbox_messenger_form .right input[name="submit_button"]:hover{background-color:#CFCFCF!important}#chatbox_footer #chatbox_messenger_form .right .fontbutton.fontbutton_selected{background-color:#E6E6E6}#chatbox p.clearfix{background-color:#EDEFF4;margin:0;padding:5px;padding-left:0;margin-left:7px;margin-right:7px}#chatbox p.clearfix span.user,#chatbox p.clearfix .msg,#chatbox_main_options li{font-size:0}#chatbox p.clearfix .msg,#chatbox p.clearfix span.user *{font-family:Verdana;font-size:12px}.user a[href*="/u"]{margin-right:8px}.user span:first-child strong{margin-right:4px}.user span:last-child strong{margin-right:0}a[onclick*="ajax_refresh_chatbox"]:hover{background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important}#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style:italic"]{font-size:15px;font-style:normal!important;margin-left:-66px;background-color:#EDEFF4}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child{font-size:0px}#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child{visibility:hidden}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before{margin-left:7px;background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;background-size:20px;padding-left:22px;content:'Entre para conversar';font-size:15px}#chatbox_contextmenu{z-index:1}#chatbox_messenger_form{margin-top:0px}.user-msg{display:inline-block;padding-left:38px;background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;background-size:32px 32px;min-height:32px}.user-msg .msg{display:block}.user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif)}
 
  /*last post*/
  .topiclist.forums dd.lastpost {
    border: 2px solid rgb(238, 238, 238);
    border-radius: 7px 7px 7px 7px;
    box-shadow: 2px 2px 7px rgb(156, 156, 156);
}
dd.lastpost {
    font-size: 1.1em;
    width: 20%;
}
ul.topiclist dd {
    float: left;
    padding: 4px 0px;
}

.mini_ava {
float: left;
}

.mini_ava img {
width: 36px;
height: 36px;
margin: 0 5px;
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);
}

.mini_ava 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);
}
  /*fim*/
 
 
 
 
  /*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }




.avat-miembro {
float: left;
}
.avat-miembro img {
    border: 1px solid rgb(207, 207, 207);
    float: left;
    height: 73px;
    margin: 0px 5px;
    padding: 1px;
    width: 40px;
}
/*** Botão de Neon ****/
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}
#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}
.info, .success, .warning, .error, .mes, .tips {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info{
background-color:#d1e4f3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/inform10.png");
color:#00529B;
border:1px solid #4d8fcb;
}
.success{
background-color:#effeb9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/accept10.png");
color:#4F8A10;
border:1px solid #9ac601;
}
.warning{
background-color:#ffeaa9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/error10.png");
color:#9F6000;
border:1px solid #f9b516;
}
.error{
background-color:#fccac3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/critic10.png");
color:#D8000C;
border:1px solid #db3f23;
}
.mes{
background-color:#d9d6d6;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/mail10.png");
color:#2D2D2D;
border:1px solid #2D2D2D;
}
.tips{
background-color:#FFE873;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/light10.png");
color:#a38800;
border:1px solid #a38800;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  /* Slide css3
--------------------- */
.cr-container{ /*--aqui definimos os estilos do container--*/
  width: 600px;
  height: 400px;
  position: relative;
  margin: 0 auto;
  border: 20px solid #fff;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.cr-container label{
  font-style: italic;
  width: 120px;
  height: 30px;
  cursor: pointer;
  color:#fff;  /*-----cor dos numeros-----*/
  line-height: 32px;
  font-size: 24px;
  float:left;
  position: relative;
  margin-top:350px;
        margin-left:25px;
  z-index: 999;
}
.cr-container label:before{
  content:'';
  width: 34px;
  height: 34px;
  background: #68abc2;  /*--- cor do circulos---*/
  position: absolute;
  left: 50%;
  margin-left: -70px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
  z-index:-1;
}
.cr-container label:after{
  width: 1px;
  height: 400px;
  content: '';
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  position: absolute;
  bottom:-20px;
  right: 0px;
}
.cr-container label.cr-label-img-4:after{
  width: 0px;
}
.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4{
color: #68abc2;  /*--- cor do número quando ativo---*/
}
.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1:before,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2:before,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3:before,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4:before{
background: #fff;  /*--- cor do circulo ativo---*/
box-shadow: 0px 0px 0px 4px rgba(104,171,194,0.6);
}
.cr-container input{
  display: none;
}
/*--definindo largura e altura das imagens--*/
.cr-bgimg{
  width: 600px;
  height: 400px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.cr-bgimg{
  background-repeat: no-repeat;
  background-position: 0 0;
}
.cr-bgimg div{
  width: 150px;
  height: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  background-repeat: no-repeat;
}
.cr-bgimg div span{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: -150px;
  z-index: 2;
  text-indent: -9000px;
}
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(1){
  background-image: url(http://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/1.jpg);
}
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(2){
  background-image: url(http://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/2.jpg);
}
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(3){
  background-image: url(http://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/3.jpg);
}
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(4){
  background-image: url(http://tympanus.net/Tutorials/CSS3SlidingImagePanels/images/4.jpg);
}
.cr-bgimg div:nth-child(1) span{
  background-position: 0px 0px;
}
.cr-bgimg div:nth-child(2) span{
  background-position: -150px 0px;
}
.cr-bgimg div:nth-child(3) span{
  background-position: -300px 0px;
}
.cr-bgimg div:nth-child(4) span{
  background-position: -450px 0px;
}

.cr-container input:checked ~ .cr-bgimg div span{
  -webkit-animation: slideOut 0.6s ease-in-out;
  -moz-animation: slideOut 0.6s ease-in-out;
  -o-animation: slideOut 0.6s ease-in-out;
  -ms-animation: slideOut 0.6s ease-in-out;
  animation: slideOut 0.6s ease-in-out;
}
@-webkit-keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
@-moz-keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
@-o-keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
@-ms-keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
@keyframes slideOut{
  0%{ left: 0px; }
  100%{ left: 150px; }
}
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4)
{
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
  left: 0px;
  z-index: 10;
}
/*-----estilos dos titulos----*/
.cr-titles h3{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  z-index: 999;
  opacity: 0;
  color: #fff;  /*---cor do titulo --*/
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
  -ms-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
}
.cr-titles h3 span:nth-child(1){
  font-size: 40px;  /*---tamanho da fonte do titulo--*/
  display: block;
  letter-spacing: 7px;
}
.cr-titles h3 span:nth-child(2){
  letter-spacing: 0px;
  display: block;
  background: #68abc2;  /*-- cor de fundo do subtitulo --*/
  font-size: 14px;
  padding: 10px;
  font-style: italic;
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}
.cr-container input.cr-selector-img-1:checked ~ .cr-titles h3:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-titles h3:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-titles h3:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-titles h3:nth-child(4){
  opacity: 1;
}
/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */
@media screen and (max-width: 768px) {
  .cr-container input{
      display: inline;
      width: 24%;
      margin-top: 350px;
      z-index: 999;
      position: relative;
  }
  .cr-container label{
      display: none;
  }
}

#fa_toolbar.fa_toolbar_XL_Sized, #fa_toolbar.fa_toolbar_L_Sized{
margin-top:635px!important;
  position:fixed;
}

/*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }