Problemas na caixa de busca

• Descrição:

Olá,

Bem, entre em meu fórum, e veja que quando clicamos em buscar, a caixa de busca abre, e passa do tamanho, voltando rapidamente logo após, eu gostaria de resolver isso, que ela abra e trave em um tamanho, não passe do tamanho certo e logo apos volte, desculpe não sei explicar bem, só vocês testando para saber.

CSS da caixa de busca:

Código:

#search { margin: 19px 0; opacity: .6; transition: all 0,2s; }

#search:hover { opacity: 2; }

fieldset, img { border: 0; }

.hide { display: none; }

#adv_search { width: 16px; height: 16px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/advanced_search.png) no-repeat right 50%; text-indent: -3000em; display: inline-block; margin: 4px 0 4px 4px; }

#search_wrap { position: relative; background: #fff; display: block; padding: 0 26px 0 4px; height: 26px; line-height: 25px; -moz-border-radius: 3px 4px 4px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px 4px 4px 3px; -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); min-width: 230px; border: 2px solid #BEBDBD; }

#main_search { background: transparent; border: 3px #BFBFBF; font-size: 12px; outline: 0; padding: 0; width: 300px; margin-top: 5px; }

#search_options { font-size: 10px; height: 20px; margin: 3px 3px 3px 0; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eaeaea; display: inline-block; float: right; max-width: 80px; text-overflow: ellipsis; overflow: hidden; }

.clickable { cursor: pointer; }

#search .submit_input { background: transparent url(http://ipbskinning.com/demoboard/public/style_images/sylopro/search_icon.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; }

#search {
  margin-top: 10px;
}
      
#search-box {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
  background: rgba(0,0,0,0.38);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
  padding: 9px;
}

#search_wrap {
  -moz-border-radius: 3px 4px 4px 3px;
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  background: #fff;
  border-radius: 3px 4px 4px 3px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  display: block;
  height: 26px;
  line-height: 25px;
  min-width: 300px;
  padding: 0 26px 0 4px;
  position: relative;
  border: none;
  width: 300px;
}
#search .submit_input {
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  background: #1b9bff url(http://i.imgur.com/iFuV6BO.png) no-repeat 50%;
  border: 1px solid #1b9bff;
  border-radius: 0 3px 3px 0;
  bottom: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  display: block;
  height: 26px;
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: -3000em;
  top: 0;
  width: 26px;
}
#main_search {
  width: 130px;
}

Até mais.

• Informações:

Código:

#search { margin: 19px 0; opacity: .6; }

#search:hover { opacity: 2; }

fieldset, img { border: 0; }

.hide { display: none; }

#adv_search { width: 16px; height: 16px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/advanced_search.png) no-repeat right 50%; text-indent: -3000em; display: inline-block; margin: 4px 0 4px 4px; }

#search_wrap { position: relative; background: #fff; display: block; padding: 0 26px 0 4px; height: 26px; line-height: 25px; -moz-border-radius: 3px 4px 4px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px 4px 4px 3px; -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); min-width: 230px; border: 2px solid #BEBDBD; }

#main_search { background: transparent; border: 3px #BFBFBF; font-size: 12px; outline: 0; padding: 0; width: 300px; margin-top: 5px; }

#search_options { font-size: 10px; height: 20px; margin: 3px 3px 3px 0; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eaeaea; display: inline-block; float: right; max-width: 80px; text-overflow: ellipsis; overflow: hidden; }

.clickable { cursor: pointer; }

#search .submit_input { background: transparent url(http://ipbskinning.com/demoboard/public/style_images/sylopro/search_icon.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; }

#search {
  margin-top: 10px;
}
     
#search-box {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
  background: rgba(0,0,0,0.38);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
  padding: 9px;
}

#search_wrap {
  -moz-border-radius: 3px 4px 4px 3px;
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  background: #fff;
  border-radius: 3px 4px 4px 3px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  display: block;
  height: 26px;
  line-height: 25px;
  min-width: 300px;
  padding: 0 26px 0 4px;
  position: relative;
  border: none;
  width: 300px;
}
#search .submit_input {
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  background: #1b9bff url(http://i.imgur.com/iFuV6BO.png) no-repeat 50%;
  border: 1px solid #1b9bff;
  border-radius: 0 3px 3px 0;
  bottom: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  display: block;
  height: 26px;
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: -3000em;
  top: 0;
  width: 26px;
}
#main_search {
  width: 130px;
}

Código:

/*Linhas no forum*/
.frm-buttons {
border-top: 3px double rgba(255, 255, 255, 0);
margin-bottom: -.7em;
margin-top: .5em;
padding: .7em 0 0 17.5em;
}

/*Login*/
.main .frm-info {
background: #F0F3FA;
border: 1px solid #E6E6E6;
margin: 1.7em;
padding: 1em;
height: 30px;
box-shadow: 0 0px 5px rgba(0,0,0,0.1) inset;
}

/*View topic body*/
.main-head p.h2 {
display: none !important;
}
.cabezal, .main .main-foot, .main .main-head {
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 3px rgba(0,0,0,0.8) inset;
color: #fff;
font-size: 13px;
font-weight: 300;
padding: 9px 9px 9px;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display: none !important;
}

/*Fonte*/
body, html {
font-family: 'Verdana',sans-serif !important;
}

/*Perfil no post*/
.post_date {
color: #A4A4A4 !important;
padding: 1px !important;
font-size: 11px !important;
}
.pun .entry-content {
overflow: hidden;
padding-bottom: .8em;
width: 100%;
}
.post_username, .desc.blend_links {
line-height: 36px !important;
background: #E4E8F3 !important;
}
.pun .post .user {
margin-top: 0px !important;
}
.pun .main-content {
background: #ebf0f3;
border: 1px solid #E4E8F3;
border-top: 0;
padding: 9px;
}
.pun .topic {
border: 1px solid #ddd !important;
border-style: none solid !important;
}
.pun .post {
background: #fff !important;
border: 1px solid #E4E8F3 !important;
}
.pun .user .user-ident .user-basic-info {
color: #a4a4a4;
font-size: 11px;
font-weight: 400;
text-align: center;
}
.user-basic-info img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2) !important;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2) !important;
border-color: #A1A1A1 !important;
box-shadow: 0 2px 2px rgba(0,0,0,0.2) !important;
}
.user-basic-info 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;
border-radius: 3px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 100px;
padding: 1px;
width: 113px;
}

/*Numero das páginas*/
.pun .paging b, .pagination b, .pagination span strong {
border-image: initial;
border-radius: 3px;
color: white!important;
font-size: 12px;
font-weight: 400!important;
margin-left: -1px!important;
padding: 5px 5px!important;
text-shadow: 0 1px 0 black;
visibility: visible;
background: #7BA60D;
color: #fff;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px 5px;
}
 .paging a , .paging input, .pagination a, .pagination input {
border-image: initial;
border-radius: 3px;
font-size: 12px!important;
margin: 2px;
padding: 5px 5px!important;
text-shadow: 0 1px 0 white;
visibility: visible;
color: #333;
display: inline-block;
display: inline-block;
padding: 1px 4px;
color: #999;
}

/*Registro*/
.pun .main-content {
background: #fff!important;
border: 0;
padding: 9px;
}
#outer-wrapper input#email.ltr, #outer-wrapper input#password_reg.ltr {
width: 450px !important;
}

/*Post*/
.pun .paged-foot, .pun .paged-head {
background-color: #fff;
border: #FFF;
padding: .6em 1.3em .3em;
}

/*Efeito no RANKS*/
.dono {
background: #9c22ba;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.sub-dono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF0000;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.administrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0099FF;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.designer {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00BF69;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.vip {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F7FF00;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.lider {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #33FF00;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.lendario {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F7C6AF;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.fiel {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF00BB;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.viciado {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CDA3D6;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.ativo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #9C5E35;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.membro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #ABABAB;
border-radius: 3px;
color: #fff;
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 4px 13px;
width: 90px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

/*Ocultar widgets no fórum*/
#content-container div#left {
  width: 0;
  overflow: hidden;
}

/*Informações do usuário em balão*/
#user-hoverbox:before {
border-bottom: 5px solid #363636;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
left: 12px;
position: absolute;
top: -4px;
width: 0;
}
#user-hoverbox {
display: initial !important;
margin-left: 5px;
min-width: 160px;
padding-top: 1px;
position: absolute;
z-index: 999;
}
#user-hoverbox-inner {
border: 1px solid #000000;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.31);
width: 210px;
}
#user-hoverbox #user-hoverbox-inner a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.87);
color: #DADADA;
border-bottom: 0.9px solid #AAAAAA;
display: block;
font-size: 11px;
padding: 8px;
text-align: left;
text-shadow: none !important;
z-index: 999;
}
.pun #page-body #user-hoverbox #user-hoverbox-inner a {
font-style: normal;
font-weight: 400;
}
#user-hoverbox #user-hoverbox-inner a:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.93);
color: #FCFCFC;
}

/*Data da postagen*/
.tcr > span > strong:before {
  content: "Postado por ";
  font-weight: normal;
}

/*Estatisticas*/
.statistics_head { background: #e2e2e2; color: #4a4a4a; font-size: 13px!important; font-weight: 700; padding: 7px 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); }

#onlinelist { -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; background: #fcfcfc; border: 1px solid #e5e5e5; border-radius: 0 0 4px 4px; border-top: 0; line-height: 1.3; margin: 0; overflow: hidden; padding: 0 10px 10px!important; }

p.leyenda_css { color: transparent; font-size: 12px; font-style: italic; padding: 1px 0 0 0; border-top: 1px dashed rgba(0, 0, 0, 0.08); margin: 4px 0 0 0; }

#stats {
  border: none !important;
}
#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
font-family: 'Verdana',sans-serif;;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}

/*topics_list_box*/
.pun .main table td.tc2, .pun .main table td.tc3 {
width: 150px;
}

/*Footer*/
#qjump > fieldset {
    display: none;
}
#pun-about ul li a {
font-size: 10px;
color: #666;
font-family: 'Verdana',sans-serif;
text-shadow: none;
}
#pun-about ul li {
display: inline;
color: #666;
font-size: 10px;
}
#pun-about {
text-align: left;
background-color: #f0f0f0;
border-color: #bfbfbf;
border-style: solid;
border-width: 0px;
padding: 3px;
width: relative;
}

/*Alerta de MPs*/
#alertMp{
  padding:13px;
  border:1px solid #adadad;
  background:white;
  box-shadow:0px 0px 30px black;
  position:fixed;
  margin-left:530;
  margin-top:175;
  border-radius:8px;
  z-index: 999;
}

/*Atalhos de navegação*/
.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}
p.crumbs a {
  transition: none;
} 
p.crumbs a:hover {
  background-position: 100% -1px;
}
p.crumbs a {
  position: relative;
}

p.crumbs a:hover {
  margin-left: -17px;
  padding-left: 17px;
}

p.crumbs a:before,
p.crumbs a:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
  width: 16px;
}

p.crumbs a:hover:before {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 60% -1px; 
}

p.crumbs a:hover:after {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 100% center;
}
.pun-crumbs {
  background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png);
}

/*Retirar [ ] da legenda dos grupos*/
#onlinelist > p:nth-child(5) {
  padding-top: 8px;
  color: transparent;
  font-size: 0px;
}
#onlinelist > p:nth-child(5) a {
  font-size: 12px !important;
  padding-left: 7px;
  rgba(5,5,5,0.4) 0 1px 0;
}
#onlinelist > p:nth-child(5):before {
  content: 'Grupos:';
  color: #4F4F4F !important;
  font-size: 12px !important;
  rgba(5,5,5,0.4) 0 1px 0;
}

/*Hover nos links*/
a {-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;text-decoration: none!important;transition-duration: .8s;}

/*Quote - Code - Spoiler*/
/*Quote*/
.content blockquote {
color: rgb(83, 100, 130);
}
blockquote {
word-wrap: break-word;
}
blockquote, blockquote blockquote, blockquote blockquote blockquote {
-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
background: none rgb(249, 249, 249);
border: 1px solid rgb(222, 222, 222);
border-image: initial;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
padding: 10px 20px;
}
blockquote cite {
  background: none !important;
}
/*Code*/
.prettyprint ol.linenums {
list-style: decimal outside;
padding-left: 47px;
color: #afafaf;
font-size: 12px;
}
dl.codebox code {
color: rgb(46, 139, 87);
display: block;
font-family: Courier, CourierNew, sans-serif;
font-size: 0.9em;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 1.3em;
margin: 2px 0px;
max-height: 200px;
overflow: auto;
padding-top: 5px;
white-space: normal;
}
dl.codebox {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(201, 210, 216);
border-image: initial;
font-size: 1em;
padding: 3px;
}
dl.codebox {
border: 1px solid rgb(201, 210, 216);
font-size: 1em;
padding: 3px;
}
dl.codebox dt {
background: url(http://i45.servimg.com/u/f45/12/05/75/97/script10.png) 0px 0px no-repeat scroll transparent;
border: 0px none;
border-image: initial;
color: rgb(3, 114, 190);
font-size: 0.9em;
padding-left: 22px;
text-transform: none;
}
.prettyprint li.L0, .prettyprint li.L1, .prettyprint li.L2, .prettyprint li.L3, .prettyprint li.L4, .prettyprint li.L5, .prettyprint li.L6, .prettyprint li.L7, .prettyprint li.L8, .prettyprint li.L9 {
list-style: inherit;
background: 0;
}
.prettyprint ol.linenums li {
padding-left: 15px;
border-left: 3px #6ce26c solid;
}

/*Spoiler*/
dl.codebox dt {
background: url(http://i45.servimg.com/u/f45/12/05/75/97/script10.png) 0 0 no-repeat scroll transparent;
border: 0 none;
color: #4F4F4F;
padding-left: 22px;
}
dl.codebox {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(201, 210, 216);
border-image: initial;
font-size: 1em;
padding: 3px;
}

/*LightBox para imagens*/
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 999;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
.lightbox .lb-image {
  width: auto;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  min-width: 250px;
  min-height: 130px;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-container {
  padding: 4px;
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(http://i56.servimg.com/u/f56/18/07/42/17/loadin10.gif) no-repeat;
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: none;
}
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
 
  display: block;
}
.lb-prev {
  left: 0;
  float: left;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background: url(http://i56.servimg.com/u/f56/18/07/42/17/prev11.png) left 48% no-repeat;
}
.lb-next {
  right: 0;
  float: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background: url(http://i56.servimg.com/u/f56/18/07/42/17/next11.png) right 48% no-repeat;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  min-width: 250px;
  width: 100%;
  background: white;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  padding: 0 4px;
  color: #666;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 66px;
  height: 30px;
  background: url(http://i56.servimg.com/u/f56/18/07/42/17/closel10.gif) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*Retirar conectado como*/
#pun-visit {display: none;}

/*Ajax de Loading*/
#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}

/*Confirmar para deletar o Post*/
.popup_delete {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 999;
bottom: 5px;
right: 5px;
position: fixed;
}
.popup_delete_Inner {
background: white;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
width: 350px;
max-height: 642px;
}
.popup_delete_Inner h3 {
background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png) repeat-x 0 0;
text-align: left;
color: white;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.Box_delete {
background: #f0f0f0;
padding: 9px;
}
.Box_container {
background: #fdfdfd;
border: 1px solid #dcdcdc;
}
.delete_center {
padding: 9px;
text-align: center;
}
.delete_center p {
margin-bottom: 5px;
}
.popup_delete_Close {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}

/* Avata na resposta rápida */ 
.jsUserPhoto {
margin-left: 3px !important;
position: absolute !important;
top: 79% !important;
}
#quick_reply #av_quickreply{
  display: table-cell;
  width: 200px;
}
       
#quick_reply #textarea_content{
  width: 900px !important;
  display: table;
}
       
#quick_reply #text_editor_controls{
  position: relative;
  left: 100px;
}

/*Caixa de Busca*/
#search { margin: 19px 0; opacity: .6; }

#search:hover { opacity: 2; }

fieldset, img { border: 0; }

.hide { display: none; }

#adv_search { width: 16px; height: 16px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/advanced_search.png) no-repeat right 50%; text-indent: -3000em; display: inline-block; margin: 4px 0 4px 4px; }

#search_wrap { position: relative; background: #fff; display: block; padding: 0 26px 0 4px; height: 26px; line-height: 25px; -moz-border-radius: 3px 4px 4px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px 4px 4px 3px; -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); min-width: 230px; border: 2px solid #BEBDBD; }

#main_search { background: transparent; border: 3px #BFBFBF; font-size: 12px; outline: 0; padding: 0; width: 300px; margin-top: 5px; }

#search_options { font-size: 10px; height: 20px; margin: 3px 3px 3px 0; padding: 0 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eaeaea; display: inline-block; float: right; max-width: 80px; text-overflow: ellipsis; overflow: hidden; }

.clickable { cursor: pointer; }

#search .submit_input { background: transparent url(http://ipbskinning.com/demoboard/public/style_images/sylopro/search_icon.png) no-repeat 50%; text-indent: -3000em; padding: 0; border: 0; display: block; width: 26px; height: 26px; position: absolute; right: 0; top: 0; bottom: 0; }

#search {
  margin-top: 10px;
}
     
#search-box {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
  background: rgba(0,0,0,0.38);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
  padding: 9px;
}

#search_wrap {
  -moz-border-radius: 3px 4px 4px 3px;
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  background: #fff;
  border-radius: 3px 4px 4px 3px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  display: block;
  height: 26px;
  line-height: 25px;
  min-width: 300px;
  padding: 0 26px 0 4px;
  position: relative;
  border: none;
  width: 300px;
}
#search .submit_input {
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  background: #1b9bff url(http://i.imgur.com/iFuV6BO.png) no-repeat 50%;
  border: 1px solid #1b9bff;
  border-radius: 0 3px 3px 0;
  bottom: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  display: block;
  height: 26px;
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: -3000em;
  top: 0;
  width: 26px;
}
#main_search {
  width: 130px;
}

/* TEMA ---------------------------------------------------------------------------------------------------- */


/********** CSS FUENTES **********/

@font-face { font-family: 'Verdana'; font-style: normal; font-weight: 400; src: local('Verdana'), local('Verdana'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

/********** CSS GENERAL **********/

html, body, .main .main-foot, .main .main-head, .popupInner h3, .cabezal { background: #323232 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png ) repeat; }
body { font-size: 13px; position: relative; font-family: 'Verdana',sans-serif; }
#pun-head {
display: none;
}
#pun-visit, .main-box {
display: none!important;
}
#pun-intro {
display: none;
}
ul, ol, li { list-style-type: none; }

.pun { background: #fff; padding: 10px 10px; line-height: 120%; -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1); box-shadow: 0 5px 9px rgba(0,0,0,0.1); margin-top: 6px; border-radius: 5px; }
/*----------[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;}
/*----------------FIN---------------*/

 .pun a:link { color: #666; }
.pun a:hover { color: #474747; }
    /*Inline CSS for CSS values and limits*/

#branding, #header_bar, #primary_nav { min-width: 980px; }

.pun, .main_width { width: 87%; }

.pun, .main_width { margin: 0 auto; min-width: 800px; }

.main .main-head { margin-top: 9px; }

#copyright:last-child a:first-child:before { content: 'Skin adaptada por Mindlez y diseñada por'; padding-right: 5px; }

#primary_nav.floating { background: #102030 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png ) repeat-x; }

/************************************************************************/
/* 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_content,
.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;
}
/***CSS HEADER***/

#header_bar { background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x; padding: 0; text-align: right; }

.socialicons { float: left; margin: 10px -10px 0 14px; }

.socialicons
.twitter{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/twitter.png)}.socialicons .twitter:hover{opacity:0.2}.socialicons
.facebook{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/facebook.png)}.socialicons .facebook:hover{opacity:0.2}.socialicons
.rss{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/rss.png)}.socialicons .rss:hover{opacity:0.2}.socialicons
.google{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/googleplus.png)}.socialicons .google:hover{opacity:0.2}.socialicons
.youtube{background-image:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/youtube.png)}.socialicons .youtube:hover{opacity:0.2}#bcholder{width:100%;height:50px;background:blue;margin-bottom:10px}#primary_nav.floating{border-radius:0 0 4px 4px;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.4);color:#FFF;left:0;margin:0
auto;position:fixed;right:0;text-shadow:none;top:0;z-index:1000}#navcontainer{height:60px}

.socialicons a { display: block; float: left; height: 16px; margin: 0 10px 0 0; opacity: 0.7; text-indent: -9999px; width: 16px; }

/*no logeado css fix issues */

#user_navigation.not_logged_in { height: 26px; padding: 6px 0 4px; }

/*** CSS USER ***/

#user_navigation { color: #9f9f9f; font-size: 11px; }

#user_navigation .ipsList_inline li { margin: 0; }

#user_navigation a { color: #fff; }

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

#user_navigation #register_link { color: #fff; display: inline-block; padding: 3px 8px; }

/*** CSS BRANDING ***/

#branding { min-height: 64px; }

#logo { display: inline; }

/* este css es el que modifica la apariencia del logo http://i.imgur.com/ilnfbol.png */#textlogo { float: left; padding: 10px; font-size: 24px; margin-top: 6px; text-shadow: 1px 1px 3px #000; transition: all 0.3s ease-in-out 0s; color: #fff; }



/********** CSS NAVBAR **********/

#navcontainer { height: 60px; }

#primary_nav { font-size: 13px; background: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/navbg.png) repeat-x; }

#community_app_menu>li { margin: 0px 3px 0 0; position: relative; }

 #community_app_menu>li>a { color: #dfdfdf; display: block; padding: 15px 15px 17px; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); }

#community_app_menu>li.active>a { margin-top: 0; text-shadow: none; box-shadow: 0 1px 15px #000 inset, 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 rgba(255, 255, 255, 0.05); }

#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active { color: #fff; }

/********** CSS INDEX_BOX **********/

#stats,.pun .frm-form, .pun .post { background: #fff; border: 1px solid #E4E2E2; }

.pun .main-content { background: #f2f2f2!important; border: 0px; padding: 9px; }

.pun table.table { background: #fff; border: 1px solid #E4E2E2; }

.table tbody.statused tr td { background: #fff!important; border: 0; border-bottom: 1px solid #f3f3f3; padding: 10px; color: #5a5a5a; }

.table tbody.statused tr td div.by.smalltext { font-size: 11px; color: #a4a4a4; }

.pun .table .tch3xd { text-align: right; }

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

.pun table.table th { background-color: transparent; color: #333; padding: .5em 0; font-variant: small-caps; font-family: tahoma; font-size: 13px; }

.table tbody.statused tr td a.forumtitle { color: #666!Important; font-family: 'Verdana',sans-serif; font-size: 14px; font-weight: 100; }
.table tbody.statused tr td a.forumtitle:hover { color: #666!Important; }

.table tbody.statused tr td .desc { color: #8B8A8A; font-size: 12px; line-height: 18px; }

.main .main-head .page-title, .main .main-head .page-title .h2, .main .main-head .page-title h2 { color: #fff; font-size: 16px; font-weight: 300; }

div.derechita { margin-left: 26px; }

.table tbody.statused tr td.tdtopics a.topictitle { display: inline-block; font-size: 14px; margin-bottom: 1px; }

.main .ipb-content thead { display: none; }

/******************************************************************
************** CSS VIEW TOPIC BODY, HELL YEAH ********************/

.pun h2, .pun h3, .pun input, .pun select, .pun th { font-family: 'Verdana',sans-serif;; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; }

img.small { max-height: 12px; margin-left: 3px; margin-top: -2px; opacity: 0.5; }

.desc.blend_links  { font-size: 11px; color: #76716b; }

.desc.blend_links a { font-size: 11px; color: #76716b; }

.pun .post { border-bottom: 0px none }

.pun .post:last-child { border-bottom: 1px solid #dcd6d1!important }

.pun .post .cabezal .author a span strong { font-weight: 100!important; }

.pun .post .cabezal .author a span { color: white!important; }

.pun .post .cabezal .author a { color: white!important; }

.postfoot { border: 0px; clear: both; margin-left: -16em; padding: .5em 1em; text-align: right; }

.pun .posthead { background: transparent; border-bottom: 0px; padding: 10px 6px 10px 9px; font-size: 11px; color: #a49f98; font-weight: normal; }

.pun .posthead h2 { font-family: 'Verdana',sans-serif;; font-size: 12px; }

.pun .post-entry { padding: 1px; line-height: 1.6; word-wrap: break-word; color: #282828; }

.pun .post .user { display: inline; float: left; margin-left: -191px; margin-top: -2.8em; position: relative; text-align: center; width: 164px; }

.pun .postmain { background-color: transparent; border-left: 0px; margin-left: 16em; }

.pun .user-ident .user-basic-info div#Avatar_For_IPB a img:hover { border-color: #7b7672; }

.pun .user-ident .user-basic-info { font-weight: 100; }

/*** CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/

.mini_ava { float: left; }

.mini_ava img { background: none repeat scroll 0 0 #FFF; border: 1px solid #d5d1c8; box-shadow: 0 2px 2px rgba(0,0,0,0.1); margin: 4PX 10px; padding: 1px; width: 40px; height: 40px; }

.mini_ava img:hover { border-color: #7b7672; }

/** END CSS MINI AVATAR EN ÍNDICE & SUBFOROS ***/

td.tcr span a:empty:before { color: #a49f98; content: "Sem postagens!"; ffont-family: 'Verdana',sans-serif; cursor: default; font-size: 11px; font-style: italic; text-shadow: none; pointer-events: none; word-wrap: break-word; }

/**********************************************************************
********************        CSS SCEDITOR      ************************/
#textarea_content { text-align: inherit!important; width: 71%!important; }

#textarea_content .sceditor-container { background: #ebe6e1!important; border: 1px solid #C9C4C1; border-radius: 0!important; }

#textarea_content .sceditor-container .sceditor-toolbar { background: none!important; border: 0!important; }

#textarea_content .sceditor-group { background: transparent; border: 0!important; border-radius: 3px!important; border-right: 1px solid rgba(170, 170, 170, 0.53)!important; padding-right: 4px; padding-left: 4px; }

#textarea_content .sceditor-group:last-child { border-right: 0px none!important; }

#textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover, #textarea_content .sceditor-group a:hover { background: #fdfaf7!important; border-radius: 0!important; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.76); }

#textarea_content .sceditor-container textarea, #textarea_content iframe { background: #FFF!important; border: 1px solid #C9C4C1; border-radius: 0!important; box-shadow: inset rgba(201, 196, 193, 0.44) 0 2px 10px!important; color: #5c5c5c!important; cursor: text!important; padding: 1px 5px!important; width: 96%!important; }

#message-box #textarea_content .sceditor-container { width: 100%!important; }

/**********************************************************************
********************      END CSS SCEDITOR      **********************/


/****CSS AVISO NO-LOGEADOS ****/
h1, h2, h3, h4, h5, h6 { font-size: 100%!important; font-weight: normal; }

#guestcontainer { width: 100%; }
 
.registerbutton { background: none repeat scroll 0 0 #F5C572; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px #B0720A inset, 0 1px 0 rgba(255,255,255,0.5); float: right; font-size: 16px; font-weight: lighter; height: 15px; line-height: 17px; margin-bottom: 11px; margin-right: 19px; padding: 11px; text-align: center; width: 222px; opacity: 0.8; }
 
.registerbutton:hover { opacity: 1; }
 
  h3, strong { font-weight: bold!important; }
 
.registerbutton h3 a { color: #B85F1D!important; text-shadow: 0 1px 0 rgba(255,255,255,0.55); }
 
.guestmessage { background: none repeat scroll 0 0 #E4E4E4; font-size: 13px; font-weight: lighter; margin-bottom: 11px; padding: 11px; border-radius: 3px; margin-right: 281px; box-shadow: 0 1px 4px #8e8e8e inset, 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255,255,255,0.55); }
 
/**********************************************************************
********************        CSS WIDGETS      ************************/

.module.main { margin: 0 0 0 11px !important; }

.module > .main-head { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #E0DFDF; color: #666; font-family: 'Verdana',sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; padding: 5px 10px; text-shadow: inherit!important; box-shadow: none!important; border-radius: 0px; }

.module .main-content { background: transparent!important; border: 0px none; border-radius: 0!important; border-top: 0 none!important; color: #666; font-size: 12px; margin-top: -5px; padding: 10px!important; }

/******** CSS FOOTER ********/

#footer_utilities { padding: 10px; font-size: 11px; position: relative; }

/***ir arriba***/ #backtotop { width: 24px; height: 24px; line-height: 20px; 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.2; outline: 0; }

/***ir arriba hover***/ #backtotop:hover{background:#bbbaba;color:#fff;opacity:1}

#backtotop img { margin-top: 5px; }

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

#footer_utilities .ipsList_inline>li>a:hover{opacity:1}

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

#copyright a { color: #fff; }

/***fix issues***/
#user_navigation.logged_in a { font-family: 'Verdana',sans-serif; !important; color: #fff; float: left; height: 28px; line-height: 21px; outline: none; padding: 6px 12px 0; }

#avatar img { height: 29px; margin: -4px -6px 0; padding: 0; position: relative; vertical-align: top; width: auto; }

#inbox_link img, #notify_link img {
margin-top: 9px;
}
#inbox_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_inbox.png); }

#notify_link img { background-image: url(http://ipbskinning.com/demoboard/public/style_images/sylopro/icon_notify.png); }

#inbox_link img, #notify_link img {
background-position: 0 0;
background-repeat: no-repeat;
height: 20px;
margin-top: -2px;
width: 20px;
}