@charset "iso-8859-1";
body {margin:0px; padding:0px; height:100%; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../imgs/background_2.png) center top no-repeat #FFF; color:#000;}

/**
 * Style para os campos dos formularios do site.
 */
textarea, iframe, input, select {background:#F2F2F2; border-top:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #EBEBEB; border-left:1px solid #EBEBEB; font:12px Arial, Helvetica, sans-serif;}
input[type=button]:hover, input[type=submit]:hover {background:#666; color:#FFF;}
fieldset {border-top:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #EBEBEB; border-left:1px solid #EBEBEB; display:block; padding:5px;}

/**
 * Styles para as TAG blocos do site
 */
h1, h2, h3, h4, h5, h6, p, fieldset {padding:0px; margin:0px; outline:none; vertical-align:baseline; display:block;}

/**
 * Style para os links do site
 */
a {text-decoration:none; color:#06C;}
a:hover {color:#009;}
h2 a, h3 a {text-decoration:none;}

/**
 * Style para imagens do site.
 */
img {border:none;}
img[name=assinatura] {max-width:700px; max-height:200px;}

/**
 * Mensagens do sistema
 */
 .err, .atencao, .ok {padding:5px 5px 5px 25px; margin:5px; font:12px Arial, Helvetica, sans-serif; min-height:25px; line-height:20px;}
.atencao {background:url(../imgs/icons/atencao_icon.png) no-repeat left center #F2F2F2; border:medium dashed #FF0; color:#06C;}
.ok {background:url(../imgs/icons/ok_icon.png) no-repeat left center #F2F2F2; border:medium dashed #0F0; color:#066;}
.err {background:url(../imgs/icons/error_icon.png) no-repeat left center #F2F2F2; border:medium dashed #F00; color:#F00;}


/** TOPO **/
div#topo {background:url(../imgs/bg_topo.png) center top no-repeat; position:absolute; top:0px; min-width:100%; height:100px; z-index:6;}
div#topo #banner {background:url(../imgs/banner.png) no-repeat; width:272px; height:100px; position:absolute; left:0px; z-index:5}

/** Menu **/
div#menu {background:url(../imgs/bg_menu.png) repeat-x; position:absolute; top:100px; height:30px; min-width:100%; z-index:4;}
div#menu a {display:block; height:30px; color:#FFF; text-decoration:none; font:14px Tahoma, Geneva, sans-serif; padding:0px 10px; line-height:30px; float:left; text-align:center;}
div#menu .separador {background:url(../imgs/separador_topo.png) no-repeat; display:block; height:30px; width:2px; float:left;}
div#menu a:hover {background:url(../imgs/bg_menu.png) repeat-x bottom;}

div#menu_hidden {position:absolute; top:100px; height:30px; min-width:100%; z-index:3;}
div#menu_hidden a {color:#FFF; text-decoration:none; font:14px Tahoma, Geneva, sans-serif;}

div#menu_hidden div#open_menu_cqo {background:#003399; position:absolute; top:-300px; width:126px; left:168px;}
div#menu_hidden div#open_menu_cqo a {display:block; height:30px; padding:0px 10px; line-height:30px;}
div#menu_hidden div#open_menu_cqo a:hover {background:url(../imgs/bg_menu.png) repeat-x bottom;}

div#menu_hidden div#open_menu_cqa {background:#003399; position:absolute; top:-300px; width:118px; left:296px;}
div#menu_hidden div#open_menu_cqa a {display:block; height:30px; padding:0px 10px; line-height:30px;}
div#menu_hidden div#open_menu_cqa a:hover {background:url(../imgs/bg_menu.png) repeat-x bottom;}

div#menu_hidden div#open_menu_sh {background:#003399; position:absolute; top:-90px; width:138px; left:416px;}
div#menu_hidden div#open_menu_sh a {display:block; height:30px; padding:0px 10px; line-height:30px;}
div#menu_hidden div#open_menu_sh a:hover {background:url(../imgs/bg_menu.png) repeat-x bottom;}

div#menu_hidden div#open_menu_cj {background:#003399; position:absolute; top:-90px; width:86px; left:556px;}
div#menu_hidden div#open_menu_cj a {display:block; height:30px; padding:0px 10px; line-height:30px;}
div#menu_hidden div#open_menu_cj a:hover {background:url(../imgs/bg_menu.png) repeat-x bottom;}

div#menu_hidden div#open_menu_cp {background:#003399; position:absolute; top:-120px; width:200px; left:644px;}
div#menu_hidden div#open_menu_cp a {color:#F2F2F2;}
div#menu_hidden div#open_menu_cp a:hover {color:#CCF8FF}

div#menu_hidden div#open_menu_cp #painel_login {height:120px; padding:0px 5px;}
div#menu_hidden div#open_menu_cp #painel_login a {font:10px Tahoma, Geneva, sans-serif;}
div#menu_hidden div#open_menu_cp #painel_login .line1 {margin:5px 0px; clear:left;}
div#menu_hidden div#open_menu_cp #painel_login .line2 {margin:5px 0px; text-align:right; padding-right:15px;}
div#menu_hidden div#open_menu_cp #painel_login label {display:block; color:#FFF; font:12px Tahoma, Geneva, sans-serif; width:70px; text-align:right; float:left; margin:0px 2.5px;}
div#menu_hidden div#open_menu_cp #painel_login input[type=text] {width:100px;}
div#menu_hidden div#open_menu_cp #painel_login input[type=password] {width:100px;}

div#menu_hidden div#open_menu_cp #painel_user a {display:block; height:30px; padding:0px 10px; line-height:30px;}
div#menu_hidden div#open_menu_cp #painel_user a:hover {background:url(../imgs/bg_menu.png) repeat-x bottom;}

div#menu_hidden div#open_menu_cp #painel_user .line1 {background:#F2F2F2; border:1px solid #EBEBEB; margin:2px; padding:2px; color:#000; font:10px Arial, Helvetica, sans-serif;}
div#menu_hidden div#open_menu_cp #painel_user .line1 img {float:right; margin-left:5px; max-width:50px;}
div#menu_hidden div#open_menu_cp #painel_user .line1 ul {line-height:15px;}
div#menu_hidden div#open_menu_cp #painel_user .line2 {text-align:right;}
/** Fim - Menu **/

/* Autores */
div#autores {}
div#autores .line {background:#F2F2F2; border:1px solid #EBEBEB; margin:0px 5px 20px 5px; padding:5px;}
div#autores .line .foto {float:right; width:200px;}
div#autores .c1 {font:12px Arial, Helvetica, sans-serif; line-height:17px;}

/**
 * Botões e Links
 */
.button_edit {background:url(../imgs/buttons/button_edit.png) bottom no-repeat; width:68px; height:20px; display:block; text-decoration:none;}
.button_edit:hover {background:url(../imgs/buttons/button_edit.png) top no-repeat;}
.button_save {background:url(../imgs/buttons/button_save.png) bottom no-repeat; width:68px; height:20px; display:block; text-decoration:none;}
.button_save:hover {background:url(../imgs/buttons/button_save.png) top no-repeat;}
.button_atalho{background:url(../imgs/atalho.png) no-repeat; height:10px; width:10px; display:block;}

/**
 * Box's do site (Padrão Cinza)
 */
div.box {clear:both; margin:5px 0px; border:1px solid #EBEBEB;}
div.box .boxTop a {color:#EBEBEB; text-decoration:none;}
div.box .boxTop h2 {font:16px Arial, Helvetica, sans-serif; font-weight:500; line-height:30px;}
div.boxTop {background:url(../imgs/bg_menu.png) top repeat-x; height:30px; padding:0px 10px; color:#FFF; line-height:30px;}
div.boxTop:hover {background:url(../imgs/bg_menu.png) bottom repeat-x;}
div.boxCenter {padding:5px;}

/**
 * Confirmação de email
 */
div#confirm_reg {}
div#confirm_reg .line1 {text-align:right;}

/**
 * Mural BOX
 */
div#mural {margin:0px 305px 10px 5px;}
div#mural .top {background:url(../imgs/bg_menu.png) repeat-x top; height:20px; color:#FFF;}
div#mural .bloco {}


/**
 * Twitter BOX
 */
div#twitter_box {float:right; width:300px; max-height:290px; overflow:auto; padding:0px 2px;}
div#twitter_box .line1 {clear:both; background:#CCF8FF; border:1px solid #999; height:68px; margin:2px 0px;}
div#twitter_box .line2 {clear:both; background:#C1F8FF; border:1px solid #999; height:68px; margin:2px 0px;}
div#twitter_box .line1 .top {background:url(../imgs/bgTopBlue20px.jpg) repeat-x top; color:#FFF; font:10px Arial, Helvetica, sans-serif; height:18px; line-height:18px;}
div#twitter_box .line2 .top {background:url(../imgs/bgTopBlue20px.jpg) repeat-x bottom; color:#FFF; font:10px Arial, Helvetica, sans-serif; height:18px; line-height:18px;}
div#twitter_box .top a {color:#CCF8FF;}
div#twitter_box .foto {float:left; width:48px; height:48px;}
div#twitter_box .foto .img {max-width:48px; max-height:48px; margin:0px auto;}
div#twitter_box .text {font:10px Arial, Helvetica, sans-serif; margin:0px 0px 0px 50px;}


/**
 * Painel de controle
 */
div#cpainel {}
div#cpainel .bloco {border:1px solid #EBEBEB; clear:both; margin:0px 0px 10px 0px;}
div#cpainel .bloco .top {background:#003399; color:#FFF; height:25px; font:14px Arial, Helvetica, sans-serif; padding:0px 5px; line-height:25px;}
div#cpainel .bloco .line1 {clear:both; margin:0px 5px; padding:5px;}
div#cpainel .bloco .line1 .c1 {float:left; text-align:right; width:200px; padding:0px 5px;}
div#cpainel .bloco .line1 #msg_key {line-height:100px;}
div#cpainel .bloco .line1 #msg_value {background:#F2F2F2; margin-left:205px; max-height:100px; overflow:auto;}
div#cpainel .bloco .line2 {clear:both; text-align:right; margin:0px 5px; padding:5px; min-height:30px;}
div#cpainel .bloco .line2 a {float:right;}

div#body-top #navegador {margin-right:10px;}

div#_home {width:990px; margin:0px auto; padding:135px 0px 30px 0px;}
div#_home h4.apresentacao, div#_home div.apresentacao {margin:10px 5px; border:1px solid #EBEBEB; font:12px Tahoma, Geneva, sans-serif; font-weight:100; background:#F2F2F2; padding:5px; line-height:25px;}
div#_home h4.apresentacao:first-letter {color:#333;}

/**
 * Cadastro
 */
div#cadastro {}
div#cadastro fieldset {margin:5px 10px;}
div#cadastro .line1 {margin:5px 0px;}
div#cadastro .line1 .c1 {float:left; width:120px; padding-right:5px; text-align:right;}
div#cadastro .line1 .c2 input#usuario {width:200px;}
div#cadastro .line1 .c2 input#login {width:100px;}
div#cadastro .line1 .c2 input#senha, div#cadastro .line1 .c2 input#rsenha {width:100px;}
div#cadastro .line1 .c2 input#email {width:400px;}
div#cadastro .line1 .c2 input#nome {width:300px;}
div#cadastro .line1 .c2 input#sobrenome {width:300px;}
div#cadastro .line2 {text-align:center;}

/** Style para a Navegação **/
div#_nav{padding:5px 0px 15px 5px; z-index:15;}
div#_nav a {font-size:14px; font-weight:bold; color:#666; text-decoration:none; display:block; height:20px; float:left;}
div#_nav a:hover {text-decoration:underline;}

a#link-home {background:url(../imgs/icons/home-icon.png) no-repeat; padding-left:25px;}
a#link-tipo {background:url(../imgs/icons/cat-icon.png) no-repeat; padding-left:25px;}
a#link-categoria {background:url(../imgs/icons/sub-cat-icon.png) no-repeat; padding-left:25px;}
a#link-artigo {background:url(../imgs/icons/art-icon.png) no-repeat; padding-left:20px;}
a#link-comentario {background:url(../imgs/icons/coment-icon.png) no-repeat; padding-left:20px;}
a#link-busca {background:url(../imgs/icons/search-icon.png) no-repeat; padding-left:20px;}
a#link-login {background:url(../imgs/icons/login-icon.png) no-repeat; padding-left:25px;}

a#linkSendArtigo {
	background:url(../imgs/icons/send-icon.png) no-repeat;
	padding-left:30px;
}

a#linkAddArtigo {
	background:url(../imgs/icons/add-art-icon.png) no-repeat;
	padding-left:25px;
}

a#linkCp {
	background:url(../imgs/icons/cp-icon.png) no-repeat;
	padding-left:25px;
}

a#linkChangePwd {
	background:url(../imgs/icons/change-pwd-icon.png) no-repeat;
	padding-left:30px;
}

a#linkChangeAvatar {
	background:url(../imgs/icons/change-avatar-icon.png) no-repeat;
	padding-left:30px;
}

/** Style para progress bar dos artigos **/
div._bar {}
div._bar .line {height:25px; width:100%;}
div._bar .line .positivo {background:url(../imgs/bar/positivo.png) no-repeat; height:20px; width:18px; float:left; margin:2px; text-decoration:none; display:block;}
div._bar .line .negativo {background:url(../imgs/bar/negativo.png) no-repeat; height:20px; width:18px; float:left; margin:2px; text-decoration:none; display:block;}
div._bar .line .border {background:url(../imgs/bar/bar_border.png) no-repeat; height:18px; width:300px; padding:2px; margin:0px 5px 0px 2px; float:left;}
div._bar .line .border .positiveBar {background:url(../imgs/bar/bar_positivo.png) no-repeat; height:16px;}
div._bar .line .border .negativeBar {background:url(../imgs/bar/bar_negativo.png) no-repeat; height:16px;}
div._bar .line .totalPos {font:14px Tahoma, Geneva, sans-serif; height:20px; color:#066; line-height:20px;}
div._bar .line .totalNeg {font:14px Tahoma, Geneva, sans-serif; height:20px; color:#F00; line-height:20px;}

/** Formulario para adicionar novos artigos **/
div#addArtigo {}
div#addArtigo input[name=titulo], div#addArtigo input[name=video] {width:500px;}
div#addArtigo textarea[name=msg] {display:block; margin:0px auto; width:900px; height:700px;}
div#addArtigo input[name=bt_add] {float:right; margin-right:20px;}
div#addArtigo .line {clear:both; margin:5px 0px; }
div#addArtigo .c1 {float:left; padding:0px 5px; width:150px; text-align:right; }
div#addArtigo .c2 {}
div#addArtigo div#div_folder {width:850px; height:295px; overflow:auto; border:1px solid #666; margin:0px auto; }
div#addArtigo div#div_folder div.folderIcon {background:url(../imgs/folder_icon.png) no-repeat center; width:150px; height:100px;}
div#addArtigo div#div_folder div.folderItem {width:150px; height:125px;	border:2px solid #000; margin:5px; font:12px Arial, Helvetica, sans-serif; text-align:center; float:left;}
div#addArtigo div#div_folder div.folderImg {width:150px; height:100px;}

a.top_button, a.edit_button, a.save_button, a.print_button {height:17px; width:72px; float:right; margin:5px; text-decoration:none; }
a.top_button {background:url(../imgs/bgs/top_button.png) no-repeat;}
a.top_button:hover {background:url(../imgs/bgs/top_buttonHover.png) no-repeat;}
a.edit_button {background:url(../imgs/bgs/edit_button.png) no-repeat;}
a.edit_button:hover {background:url(../imgs/bgs/edit_buttonHover.png) no-repeat;}
a.print_button {background:url(../imgs/bgs/button_print.png) no-repeat;}
a.print_button:hover {background:url(../imgs/bgs/button_printHover.png) no-repeat;}

div#view-tipo {clear:both;}
div#view-tipo div.header {color:#F00; font:12px Tahoma, Geneva, sans-serif; margin:0px 0px 10px 0px;}
div#view-tipo div.header h2 {color:#009; font:16px Tahoma, Geneva, sans-serif;}
div#view-tipo div.header h3 {color:#009; font:14px Tahoma, Geneva, sans-serif;}
div#view-tipo .foto {float:left; border:5px solid #FFF; margin:0px 5px 0px 5px;}


/**
 * Ultimos artigos escritos / HOME
 */
div#ultimos {border:1px solid #E1E1E1;}
div#ultimos .top {background:#06C; color:#FFF; height:25px; font:14px Arial, Helvetica, sans-serif; line-height:25px;}
div#ultimos .top .space {float:left; background:#004364; height:23px; padding:1px 0px; width:2px;}
div#ultimos .top .colun {float:left; height:25px; padding:0px 20px; cursor:pointer; line-height:25px;}
div#ultimos .top .colun:hover {background:#09F;}
div#ultimos #uBody .line1 {margin:1px 0px; padding:0px 2px; color:#FFF;}
div#ultimos #uBody .line1 .c1 {background:#666; margin:0px 465px 0px 1px; padding:2px;}
div#ultimos #uBody .line1 .c2 {background:#666; margin:0px 1px; float:right; padding:2px 2px; width:130px;}
div#ultimos #uBody .line1 .c3 {background:#666; margin:0px 1px; float:right; padding:2px 2px; width:70px;}
div#ultimos #uBody .line1 .c4 {background:#666; margin:0px 1px; float:right; padding:2px 2px; width:70px;}
div#ultimos #uBody .line1 .c5 {background:#666; margin:0px 1px; float:right; padding:2px 2px; width:170px;}
div#ultimos #uBody .line2 {clear:both; margin:1px 0px; padding:0px 2px;}
div#ultimos #uBody .line2 .c1 {background:#F2F2F2; height:35px; margin:0px 465px 0px 1px; padding:2px 2px;}
div#ultimos #uBody .line2 .c2 {background:#F2F2F2; height:35px; margin:0px 1px; float:right; padding:2px 2px; width:130px; line-height:35px;}
div#ultimos #uBody .line2 .c3 {background:#F2F2F2; height:35px; margin:0px 1px; float:right; padding:2px 2px; width:70px; line-height:35px;}
div#ultimos #uBody .line2 .c4 {background:#F2F2F2; height:35px; margin:0px 1px; float:right; padding:2px 2px; width:70px; line-height:35px;}
div#ultimos #uBody .line2 .c5 {background:#F2F2F2; height:35px; margin:0px 1px; float:right; padding:2px 2px; width:170px;}
div#ultimos #uBody .line2 .c5 a {float:left; margin:0px 2px;}

div.body_all {min-width:1000px; position:relative;}

div.info-user {margin:10px; font-weight:bold; font-family:"Comic Sans MS", cursive; font-size:14px; clear:both;}



div.raquo {float:left; margin:0px 5px 0px 5px;}

div#rodape {position:absolute; bottom:0px; height:40px; background:#000; color:#FFF; min-width:100%; text-align:center;}
div#rodape .imgs {float:right; margin:5px 0px;}

div.search {margin:5px 0px 5px 0px; float:right;}

div.flagsC {float:right;}

div.userOnline {float:left;}

div.null {clear:both; height:1px;}

div.search input {background:url(../imgs/bgs/bgSearch.png) no-repeat #333; height:15px; width:150px; font-weight:bold; padding:0px 5px 0px 15px; border:1px solid #CCC; font-size:10px; color:#FFF;}

/** Style para o painel de login **/
div#_login {width:300px; margin:10px auto; border:1px solid #EBEBEB;}
div#_login .line1 {background:url(../imgs/box/box_top.png) top; height:40px; font:16px Tahoma, Geneva, sans-serif; text-align:center; color:#FFF; line-height:40px;}
div#_login .line2 {clear:both; margin:5px 0px;}
div#_login .line2 .c1 {float:left; width:100px; font:12px Tahoma, Geneva, sans-serif; text-align:right; height:20px; line-height:20px;}
div#_login .line2 .c2 {margin:0px 0px  5px 105px;}
div#_login .line2 .c2 input[type=password], div#_login .line2 .c2 input[type=text] {width:150px;}
div#_login .line3 {clear:both; margin:5px 0px; text-align:right; padding:5px 10px;}

div.aviso {
	background:url(../imgs/bgs/aviso.png) no-repeat;
	width:181px;
	height:191px;
	float:left;
	padding:120px 20px 30px 20px;
	color:#F00;
	font-weight:bold;
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	font-style:oblique;
	margin-right:20px;
}

div.novidade {
	background:url(../imgs/bgs/novidades.png) no-repeat;
	width:186px;
	height:191px;
	float:left;
	padding:120px 15px 30px 20px;
	color:#000;
	font-weight:bold;
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	font-style:oblique;
	margin-right:20px;
}

div.result_busca {
}

div.result_busca hr {
	margin:10px;
	border:1px solid #665;
	/*background:#666;*/
}

div.result_busca a {
	color:#0CF;
	text-decoration:none;
}

div.result_busca a:hover {
	color:#CCC;
	text-decoration:underline;
}

div.result_busca fieldset {
	color:#FFF;
	border-bottom:2px solid #666;
	border-left:2px solid #666;
	border-top:1px solid #999;
	border-right:1px solid #999;
	padding:10px;
}

div.result_busca legend {
	color:#FFF;
	font-weight:bold;
	font-style:oblique;
}

div.view_busca {
	margin:5px;
}

span.destaque {
	color:#FF3;
	font-weight:bold;
	font-style:oblique;
}

/** Pesudo First Letter **/
p:first-letter, #view_mensagem:first-letter {font:250% Arial, Helvetica, sans-serif; font-weight:bold; color:#7E7E7E;}


/** Imagem avatar **/
img[name=avatar] {max-height:250px; max-width:200px;}

/** Classificação do usuario **/
div.master_class {background:url(../imgs/class/webmaster_class.png) no-repeat; height:42px; width:172px; margin:5px auto;}
div.admin_class {background:url(../imgs/class/admin_class.png) no-repeat; height:42px; width:172px; margin:5px auto;}
div.membro_class {background:url(../imgs/class/membro_class.png) no-repeat; height:42px; width:172px; margin:5px auto;}

/** Buttons **/
a.promoteOrkutArt {background:url(../imgs/buttons/button_promoteOrkutArt.png) no-repeat; height:17px; width:160px; display:block; float:right; margin:5px; text-decoration:none;}
a.promoteOrkutArt:hover {background:url(../imgs/buttons/button_promoteOrkutArtHover.png) no-repeat;}

a.promoteOrkutComent {background:url(../imgs/buttons/button_promoteOrkutComent.png) no-repeat; height:17px; width:185px; display:block; float:right; margin:5px; text-decoration:none;}
a.promoteOrkutComent:hover {background:url(../imgs/buttons/button_promoteOrkutComentHover.png) no-repeat;}


a.definir_btn {background:url(../imgs/buttons/definir_button.png) bottom no-repeat; height:17px; width:72px; display:block; float:right; margin:5px; text-decoration:none;}
a.definir_btn:hover {background:url(../imgs/buttons/definir_button.png) top no-repeat;}

a.delet_btn {background:url(../imgs/buttons/del_button.png) bottom no-repeat; height:17px; width:72px; display:block; float:right; margin:5px; text-decoration:none;}
a.delet_btn:hover {background:url(../imgs/buttons/del_button.png) top no-repeat;}

a.twitter_btn {background:url(../imgs/buttons/twitter_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.twitter_btn:hover {background:url(../imgs/buttons/twitter_button.png) top no-repeat;}

a.blog_btn {background:url(../imgs/buttons/blog_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.blog_btn:hover {background:url(../imgs/buttons/blog_button.png) top no-repeat;}

a.orkut_btn {background:url(../imgs/buttons/orkut_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.orkut_btn:hover {background:url(../imgs/buttons/orkut_button.png) top no-repeat;}

a.www_btn {background:url(../imgs/buttons/www_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.www_btn:hover {background:url(../imgs/buttons/www_button.png) top no-repeat;}

a.myspace_btn {background:url(../imgs/buttons/myspace_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.myspace_btn:hover {background:url(../imgs/buttons/myspace_button.png) top no-repeat;}

a.edit_btn {background:url(../imgs/buttons/edit_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.edit_btn:hover {background:url(../imgs/buttons/edit_button.png) top no-repeat;}

a.mail_btn {background:url(../imgs/buttons/email_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.mail_btn:hover {background:url(../imgs/buttons/email_button.png) top no-repeat;}

a.quote_btn {background:url(../imgs/buttons/quote_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.quote_btn:hover {background:url(../imgs/buttons/quote_button.png) top no-repeat;}

a.pm_btn {background:url(../imgs/buttons/email_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.pm_btn:hover {background:url(../imgs/buttons/email_button.png) top no-repeat;}

a.top_btn {background:url(../imgs/buttons/top_button.png) bottom no-repeat; height:25px; width:100px; display:block; text-decoration:none;}
a.top_btn:hover {background:url(../imgs/buttons/top_button.png) top no-repeat;}

a.edit_foto_btn {background:url(../imgs/buttons/alterar_foto_button.png) bottom no-repeat; height:17px; width:72px; display:block; text-decoration:none;}
a.edit_foto_btn:hover {background:url(../imgs/buttons/alterar_foto_button.png) top no-repeat;}


/** Avatar **/
.avatar {float:left;}
a.avatar, span.avatar {display:block; text-decoration:none;}
div.img_mask_offline {background:url(../imgs/icons/offline_icon.png) no-repeat right bottom; display:block; position:absolute; max-width:200px; max-height:250px; cursor:pointer;}

div.img_mask_offline:hover {background:url(../imgs/bgs/mask_avatar_offlineHover.png) no-repeat bottom right;}
div.img_mask_online {background:url(../imgs/icons/online_icon.png) no-repeat right bottom; display:block; position:absolute; max-width:200px; max-height:250px; cursor:pointer;}
div.img_mask_online:hover {background:url(../imgs/bgs/mask_avatar_onlineHover.png) no-repeat bottom right;}

div.img_mask_offline span.btns, div.img_mask_online span.btns {display:block; visibility:hidden;}
div.img_mask_offline:hover span.btns, div.img_mask_online:hover span.btns {visibility:visible;}
div.img_mask_offline span.btns a.edit_foto_btn, div.img_mask_online span.btns a.edit_foto_btn {margin:0px auto;}



/** Categorias **/
/** ID: view-cat **/
div#view-cat {font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}
/** Links **/
div#view-cat a {color:#A2021E; text-decoration:none;}
div#view-cat a:hover {color:#00F;}
/** CLASS: boxCenter **/
div#view-cat .boxCenter {padding:0px;}
/** CLASS: c1, c2, c3, c4 **/
div#view-cat .c1 {}
div#view-cat .c2 {width:100px;}
div#view-cat .c3 {width:120px;}
div#view-cat .c4 {width:150px;}
div#view-cat .c1, div#view-cat .c2, div#view-cat .c3, div#view-cat .c4 {height:40px; border-left:1px solid #999; padding:0px 5px;}
div#view-cat .c2, div#view-cat .c3, div#view-cat .c4 {float:right;}
/** CLASS: line1 **/
div#view-cat .line1 {clear:both; background:#CCC; height:40px; font:14px Tahoma, Geneva, sans-serif; line-height:40px;}
/** CLASS: line2 **/
div#view-cat .line2 {clear:both; height:40px; border-top:1px solid #999;}
div#view-cat .line2:hover {background:#F2F2F2}
div#view-cat .line2 .icon {background:url(../imgs/icons/art-icon.png) center left no-repeat; height:40px; width:20px; float:left; margin-left:5px;}
div#view-cat .line2 .c1, div#view-cat .line2 .c4 {line-height:20px;}
div#view-cat .line2 .c2, div#view-cat .line2 .c3 {line-height:40px;}

/** Style para span frase **/
span#_frase {color:#F00; font-weight:bold; font-style:italic;}


/** Style para View Artigo **/
/**ID: view-artigos **/
div#view-artigos {}
div#view-artigos a {color:#06F; text-decoration:none;}
div#view-artigos a:hover {color:#333;}
div#view-artigos .foto {float:left; width:200px;}
div#view-artigos .foto img {margin:0px auto; display:block;}
div#view-artigos .head {background:#F2F2F2; padding:5px 102px 5px 5px; margin:0px 5px 10px 210px; border:1px solid #EBEBEB; font:12px Tahoma, Geneva, sans-serif; line-height:25px;}
div#view-artigos #cj_negativa {background:url(../imgs/icons/cj_iconsNegativa.png) center right no-repeat #F2F2F2;}
div#view-artigos #cj_positiva {background:url(../imgs/icons/cj_iconsPositiva.png) center right no-repeat #F2F2F2;}
div#view-artigos #cj_neutra {background:url(../imgs/icons/cj_iconsNeutra.png) center right no-repeat #F2F2F2;}
div#view-artigos #cqo {background:url(../imgs/icons/cqo_icons.png) center right no-repeat #F2F2F2;}
div#view-artigos #cqa {background:url(../imgs/icons/cqa_icon.png) center right no-repeat #F2F2F2;}

/** Style para View Artigo - View Comentarios **/
/** ID: view-coment **/
div#view-coment {}#view-coment .twitter_btn {float:right; margin:5px 2px;}
#view-coment .www_btn {float:right; margin:5px 2px;}
#view-coment .myspace_btn {float:right; margin:5px 2px;}
#view-coment .blog_btn {float:right; margin:5px 2px;}
#view-coment .orkut_btn {float:right; margin:5px 2px;}
#view-coment .edit_btn {float:right; margin:5px 2px;}
#view-coment .mail_btn {float:right; margin:5px 2px;}
#view-coment .top_btn {float:right; margin:5px 2px;}
#view-coment .quote_btn {float:right; margin:5px 2px;}
div#view-coment .coment {border:1px solid #EBEBEB; margin:5px 0px; background:url(../imgs/bgs/view_coment.png) left repeat-y #FFF;}
div#view-coment .coment .line1 {clear:both;}
div#view-coment .coment .line1 .top {background:url(../imgs/box/coment_top.png) top repeat-x; height:40px; font-family:Tahoma, Geneva, sans-serif; padding:0px 5px; line-height:40px;}
div#view-coment .coment .line1 .top:hover {background:url(../imgs/box/coment_top.png) bottom repeat-x;}
div#view-coment .coment .line2 {clear:both;}
div#view-coment .coment .line2 .quote {display:none;}
div#view-coment .coment .line2 .c1 {background:#F2F2F2; float:left; width:200px; padding:5px;}
div#view-coment .coment .line2 .c1 .top {background:#CCC; height:30px; font:14px Tahoma, Geneva, sans-serif; font-weight:bold; line-height:30px; padding:0px 5px;}
div#view-coment .coment .line2 .c1 .top img {float:left; margin-right:5px;}
div#view-coment .coment .line2 .c1 .top a {color:#666; text-decoration:none;}
div#view-coment .coment .line2 .c1 .infos img {margin:0px auto; display:block;}
div#view-coment .coment .line2 .c1 .infos .uinfos {margin:5px 0px; border:1px solid #CCC;}
div#view-coment .coment .line2 .c1 .infos .uinfos .top {text-align:center; font:14px Tahoma, Geneva, sans-serif; font-weight:800; height:30px; line-height:30px;}
div#view-coment .coment .line2 .c1 .infos .uinfos .uinfo {padding:5px; font:12px Tahoma, Geneva, sans-serif; font-weight:500; line-height:18px;}
div#view-coment .coment .line2 .c2 {font:12px Arial, Helvetica, sans-serif; margin-left:215px; padding:5px 5px 5px 0px;}
div#view-coment .coment .line3 {clear:both; font:12px Arial, Helvetica, sans-serif; margin-left:215px; padding:5px 5px 5px 0px;}
div#view-coment .coment .line4 {clear:both; font:12px Arial, Helvetica, sans-serif; margin-left:215px; padding:5px 5px 5px 0px;}
div#view-coment .coment .line5 {clear:both; font:12px Arial, Helvetica, sans-serif; margin-left:215px; padding:5px 5px 5px 0px;}

div#view-artigos .comentarios {}
div#view-artigos .comentarios .infos {clear:left; margin:5px 10px; border:1px solid #666; background:#F8F8F8; text-align:left;}
div#view-artigos .comentarios .infos_top {background:url(../imgs/bgs/top_userInfos.png) repeat-x; height:30px; font:14px Tahoma, Geneva, sans-serif; color:#FFF; font-weight:bold; text-align:center; line-height:30px;}

/** Style para adicionar comentarios **/
div#add-coment {}
div#add-coment textarea {width:900px; height:300px; display:block; padding:5px; margin:5px auto;}
div#add-coment iframe {width:910px; height:300px; margin:0px auto; display:none; margin-bottom:5px; overflow:hidden;}
div#add-coment .line2 {text-align:right; padding-right:10px;}

div#div_iframe {padding:5px; width:890px; height:290px; margin:0px auto; line-height:20px; overflow:auto;}

/** Style para visualização da TAG [QUOTE] **/
span.view_quote {display:block; padding:5px; margin:5px; background:#F2F2F2; border:1px solid #CCC; font-family:Tahoma, Geneva, sans-serif;}
span.view_quote span.info {display:block; font-weight:bold; color:#F00; margin:5px 0px; font-size:14px;}

/** Style para alterar avatar **/
/** ID: edit-avatar **/
div#edit-avatar {}
div#edit-avatar #line1 {clear:both; margin:0px 0px 10px 0px;}
div#edit-avatar #line1 .bloco {border:1px solid #CCC; background:#F2F2F2; padding:0px 5px; line-height:20px;}
div#edit-avatar #line1 .c1 {float:left;}
div#edit-avatar #line1 .c2 {font-weight:bold; font:12px Tahoma, Geneva, sans-serif;}
div#edit-avatar #line1 .c2 #info {font-weight:bold; font:16px Tahoma, Geneva, sans-serif; display:block; margin:0px 0px 5px 0px}
div#edit-avatar #line1 .c2 .infos {font-weight:bold; font-style:italic;}
div#edit-avatar #line2 {clear:both; margin:5px 0px 10px 0px;}
div#edit-avatar #line2 .top, div#edit-avatar #line3 .top {background:#CCC; height:40px; font:18px Tahoma, Geneva, sans-serif; padding:0px 5px; font-weight:500; line-height:40px;}
div#edit-avatar #line2 .line {clear:both; width:850px; margin:0px auto;}
div#edit-avatar #line2 .line .fotos {float:left; width:200px; height:280px; border:1px solid #666; margin:5px; text-align:center;}
div#edit-avatar #line2 .line .fotos img {display:block; margin:0px auto;}
div#edit-avatar #line2 .line .fotos .foto {height:250px;}
div#edit-avatar #line2 .line .fotos .definir_btn {margin-right:23px;}
div#edit-avatar #line3 {}
div#edit-avatar #line3 .c1 {float:left; margin-right:5px; padding:5px 0px; font-weight:bold; font:12px Tahoma, Geneva, sans-serif; text-align:right; width:150px; height:25px; line-height:25px;}
div#edit-avatar #line3 .c2 {padding:5px 0px;}
div#edit-avatar #line3 #aviso {background:#F2F2F2; color:#F00; display:block; border:thin dashed #FF0; padding:5px; margin:10px 0px; font:12px Tahoma, Geneva, sans-serif;}
div#edit-avatar #line3 #aviso legend {color:#F00; font:14px Tahoma, Geneva, sans-serif;}

/** Style para buttons Add **/
div#buttons_add a {text-decoration:none;}
div#buttons_add input[type=text] {width:300px;}

div#buttons_add .fonts {background:url(../imgs/bgs/bg_comboBox.png) top right no-repeat; margin:7.5px 5px; height:20px; width:140px; padding:0px 5px; float:left; display:block; border:1px solid #EBEBEB; border-bottom:none; line-height:20px;}
div#buttons_add #addfont {position:absolute; background:#F2F2F2; border:1px solid #EBEBEB; border-top:none; margin:27.5px 0px 0px 5px; display:none; width:140px;}
div#buttons_add #addfont a {display:block; height:20px; line-height:20px; padding:0px 5px;}
div#buttons_add #addfont a:hover {background:#333; color:#FFF;}

div#buttons_add .imagem {background:url(../imgs/buttons/buttons_addTubeFoto.png) top right no-repeat; height:35px; width:35px; float:left; display:block;}
div#buttons_add .smile {background:url(../imgs/buttons/buttons_addSmileColor.png) top left no-repeat; height:35px; width:35px; float:left; display:block;}

div#buttons_add .color {background:url(../imgs/buttons/buttons_addSmileColor.png) top right no-repeat; height:35px; width:35px; float:left; display:block;}
div#buttons_add .colors {position:absolute; background:#FFF; border:1px solid #EBEBEB; margin-top:36px; margin-left:30px; padding:5px; display:none;}
div#buttons_add .colors .color {display:block; width:20px; height:20px; float:left; margin:2px; border:1px solid #EBEBEB;}
div#buttons_add #addimg {position:absolute; background:#FFF; border:1px solid #EBEBEB; margin:36px 0px 0px 210px; padding:5px; display:none;}

div#buttons_add .youtube {background:url(../imgs/buttons/buttons_addTubeFoto.png) top left no-repeat; height:35px; width:35px; float:left; display:block;}
div#buttons_add #addtube {position:absolute; background:#FFF; border:1px solid #EBEBEB; margin:36px 0px 0px 280px; padding:5px; display:none;}

div#buttons_add #addsmile {position:absolute; background:#FFF; border:1px solid #EBEBEB; margin:36px 0px 0px 240px; padding:5px; display:none; overflow:auto; height:200px;}
div#buttons_add #addsmile a {display:block; padding:5px; border:1px solid #CCC; margin:2px;}
div#buttons_add #addsmile a:hover {background:#F2F2F2;}