/* =============================================================================
   Comentários Styles
   ========================================================================== */

#captcha { width: 210px; padding: 5px 5px 10px 5px; background-color: #f0f0f0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#captcha img { border: 5px solid #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#captcha a { display: block; background-color: #ffffff; padding: 1px 5px; margin: -5px 0 10px 0; font-size: 11px; text-align: right; }
#captcha label { font-size: 11px; color: #666; line-height: 20px; }
#captcha input[type="submit"] { cursor: pointer; }

#articleNew { padding-top: 5px }
#articleNew h4 { font-size: 18px; font-weight: 100; line-height: 20px; margin-bottom: 15px; padding-bottom: 15px }
#articleNew form fieldset { margin: 0; padding: 0; border: 0; }
#articleNew form legend { display: none; }
#articleNew .vote { border-bottom: 1px solid #ccc; margin-bottom: 15px }
#articleNew .vote li,
#articleNew .msg li { line-height: 16px; list-style: none outside none; margin-bottom: 10px }
#articleNew .vote li input { margin-right: 10px }

#articleNew #articleDate { font: 700 14px/16px verdana, tahoma, arial, helvetica, sans-serif }

#articleNew .actions,
#articleNew .total{ font-weight: 700; padding-bottom: 15px; text-align: center }

/* Comments table */
table.comments { font: 14px/130% Arial, helvetica,sans-serif; clear: both; width: 100%; }
table.comments tbody td { padding: 10px; border: 1px solid #e0e0e0; border-width: 0 0 1px; }
table.comments tbody tr:hover td { background-color: #f0f0f0; }
table.comments tbody td.title { text-align: left; border-left: none; }
table.comments tbody td.title a { font-size: 15px; font-weight: 700; }
table.comments tbody td.replies { text-align: center; border-width: 0 1px 1px; }
table.comments tbody td.details { text-align: right; }
table.comments tbody td.details a { color: #cc0000; }
table.comments th { background-color: #e9e9e9; padding: 5px 5px 15px; }
table.comments th.separator { border: 1px solid #ffffff; border-width: 0 1px; }

/* Messages, warning, notices and errors inside comments */
div.comments div.message { padding: 0; width: 678px; }
div.comments div.message h2 { margin: 8px 8px 0 !important; }
div.comments div.message p { margin: 4px 8px 8px; padding: 0; }

/* articleNew substitute */
div.comments { margin-top: 10px; font: 12px/130% Verdana, helvetica,sans-serif; }

.comments form a:link,
.comments form a:visited{ color: #000043 }
.comments p{ margin: 15px 0 }

/* Evaluate */
div.evaluate { border: solid 1px #eeeeee; margin: 10px 0; padding: 0px 10px; }
p.confirm { height:30px; padding: 3px 0 0 25px; }
p.confirm.up { background: #ffffff url('http://f.i.uol.com.br/comentarios/images/btn-aprovar.gif') no-repeat; }
p.confirm.down { background: #ffffff url('http://f.i.uol.com.br/comentarios/images/btn-reprovar.gif') no-repeat; }
p.confirm span { font-weight: bold; color: #ffffff; padding-right: 15px; }

/* Div header */
div.header { font: 700 14px/24px Arial, helvetica,sans-serif; background-color: #f0f0f0; padding: 2px 5px; text-align: right; overflow: hidden; height: 24px; margin: 0 0 1px; }
div.header address { display: block; float: left; font: 400 10px Arial, helvetica,sans-serif; }
div.header span { display: block; float: left; }
div.header a { font: 700 14px/24px Arial, helvetica,sans-serif; text-decoration: none !important; }
div.header a:hover { text-decoration: underline !important; }
div.header.alternate { font: 700 14px/24px Arial, helvetica,sans-serif; text-align: left; background-color: #bfd4ea; }
div.header.terms { text-align: center; }
div.header input,
div.header select { vertical-align: 0%; }

/* p header */
p.header { font: 700 15px/24px tahoma,'DejaVu Sans Condensed',arial,verdana,sans-serif; background-color: #f0f0f0; padding: 2px 5px; text-align: right; overflow: hidden; height: 24px; margin: 0 0 1px; }
p.header a { text-decoration: none !important; }
p.header a:hover { text-decoration: underline !important; }
p.header span { display: block; float: left;  }
p.header.alternate span { }
p.header.alternate { background-color: #bfd4ea; }
p.header.terms { text-align: center; }
p.header input, p.header select { vertical-align: 0%; }

div.buttons { text-align: center; }

p.description { font-size: 14px; font-weight: 700; padding: 10px; margin: 0; background-color: #cccccc; }
p.doneLink { padding: 0 16px 0 0 !important; margin: 0; text-align: right; }
.reply-header { margin: 0 auto; width: 485px; padding-right: 115px; }
.reply-header p, 
.reply-header h1 { margin: 0 !important; }
p.reply-rules { margin: 0 auto !important; width: 600px; font-size: 10px !important; text-align: right; }
#comments { padding: 0; margin: 0; list-style: none; font: 12px/100% tahoma,'DejaVu Sans Condensed',arial,verdana,sans-serif; }
#comments li { list-style-image: none !important; list-style-position: inside !important; list-style-type: none !important; }
#comments a { text-decoration: none !important; }
#comments a:hover { text-decoration: underline !important; }
#comments * { padding: 0; margin: 0; }
#comments li.comment { display: block; margin-bottom: 24px; border: 1px solid #fff; }
#comments li.comment ol { list-style: none; }
#comments li.comment ol ul.interact { padding-left: 40px; }
#comments li.comment ol p { padding-left: 52px; }
#comments li.comment ol h6 { border-top: 3px solid #cccccc; background-color: #ffffff; padding-left: 52px; }
#comments li.comment div.response { padding-left: 52px; padding-bottom: 5px; }
#comments li.comment div.response p { margin: 0 0 -30px; padding: 0; font-size: 13px; }
#comments li.comment div.response input { margin-right: 10px; }
#comments li.comment div.message { padding: 0; width: auto; }
#comments li.comment div.message h2 { margin: 8px 8px 0 !important; }
#comments li.comment div.message p { margin: 4px 8px 8px; padding: 0; }
#comments li.comment .folha{ border-top:1px dotted #000; color: #666; font-style: italic; margin-top:14px; text-align: center }
#comments li.readmore { font-weight: 700; padding-top: 5px; border-top: 1px dashed #cccccc; text-align: right; }
#comments h6 { background-color: #eee; padding: 8px; text-align: right; font: 400 1em/1.2em tahoma,'DejaVu Sans Condensed',arial,verdana,sans-serif; display: block; }
#comments h6 address, #comments h6 span { display: block; float: left; font-size: 10px; font-weight: 400; line-height: 100%; font-style: normal; }
#comments h6 a { font-size: 14px; font-weight: 700; line-height: 100%; }
#comments h6 a:visited { color: #000066 !important; }
#comments ul.interact { overflow: hidden; height: 25px; display: block; border: 0 solid #cccccc; border-width: 1px 0; padding: 2px 0; }
#comments ul.interact li { float: left; display: block; padding: 0 12px; line-height: 25px; }
#comments ul.interact li.rating { float: right; padding-right: 0; }
#comments ul.interact li.rating a { display: block; width: 23px; height: 25px; padding: 0 4px 0 18px; text-align: center; font-size: 14px; letter-spacing: -1px; font-weight: 700; color: #ffffff; }
#comments ul.interact li.rating a:visited { color: #ffffff !important; }
#comments ul.interact a.good { background: #ffffff url('http://f.i.uol.com.br/comentarios/images/btn-aprovar.gif') no-repeat 50%; }
#comments ul.interact a.bad { background: #ffffff url('http://f.i.uol.com.br/comentarios/images/btn-reprovar.gif') no-repeat 50%; }
#comments ul.interact li.action { float: right; }
#comments ul.interact li.separator { border-left: 1px solid #cccccc; padding-right: 100px; }
#comments ul.interact li.noborder { border: 0 !important; }
#comments ul.interact li.left { text-transform: none; padding:0 12px 0 8px }
#comments ul.interact a.twitter, #comments ul a.facebook { background: #fff url('http://f.i.uol.com.br/folha/furniture/4/images/ico-acompanhe-facebook-16x16.gif') no-repeat 0 50%; padding: 2px 0 2px 20px; }
#comments ul.interact a.twitter { background-image: url('http://f.i.uol.com.br/folha/furniture/4/images/ico-acompanhe-twitter-16x16.gif'); }
#comments ul.interact li img { margin: -4px 0; }
#comments p { padding: 8px 15px 0; line-height: 120%; font: 13px tahoma,'DejaVu Sans Condensed',arial,verdana,sans-serif }
#comments p.admin { padding: 0; margin: 10px 0; background-color: #fffff0; line-height: 22px; text-align: right; }
p.profile { margin: 0 0 10px; padding: 5px; border-top: 1px solid #ccc; }
p.profile span { float: right; }
h6.date { display: block; margin: 8px 0; font: 700 13px/100% Arial, helvetica,sans-serif; color: #cc0000; }
dl.comments { margin: 0 0 20px; padding: 0; font-family: Arial, helvetica,sans-serif; }
dl.comments a { text-decoration: none !important; }
dl.comments dt { margin: 0; padding: 0; text-transform: uppercase; font-weight: 700; color: #666666; }
dl.comments dd { margin: 0 0 8px; padding: 0; }
dl.comments { font-weight: 700; }
dl.comments a { font-size: 16px; }
textarea.rte { margin: 10px 0; width: 600px; }

/* RTE add/edit comment */
.rte-zone { margin: -10px auto 10px; padding: 0; clear: both; }
.rte-zone iframe { border: 1px #cccccc solid; cursor: text; }
.rte-zone textarea { padding: 0; margin: 0; border: 0; position: relative; left:0; clear: both; }
.rte-toolbar { width: 100%; margin:0; padding: 0; display: block; font: bold 18px Arial,helvetica,sans-serif; }
.rte-toolbar p { margin: 0; padding: 0; clear: both; }
.rte-toolbar div.clear { display: block; clear: both; border: 0; padding: 0; padding: 2px 0 0 0; margin: 0; }
.rte-toolbar ul { display: block; margin: 0px; padding: 0; width: 100%; }
.rte-toolbar ul li { list-style-type: none !important; list-style-image: none !important; float: right; padding: 0; margin: 5px 2px !important; height: 20px; }
.rte-toolbar ul li.separator { height: 20px; margin: 5px; border-left: 1px solid #ccc; }
.rte-toolbar ul li a { border: 1px solid #ccc; border-color: #f0f0f0 #ccc #ccc #f0f0f0; display: block; width: 20px; height: 20px; background: #e0e0e0 url('http://f.i.uol.com.br/comentarios/images/rte_icons.gif') no-repeat 0 0; cursor: pointer; margin: 0; padding: 0; }
.rte-toolbar ul li a:hover, 
.rte-toolbar ul li a.active { background-color: #d0d0d0; }
.rte-toolbar ul li a.active, 
.rte-toolbar ul li a:active { background-color: #e0e0e0; border-color: #ccc #f0f0f0 #f0f0f0 #ccc; }

form.denounce { border-top: 1px dashed #333333; }
span.greylist { background-color: #f3f380; color: #333333; }
ul#commentsIndex { padding: 0; margin: 10px 0; font: 11px/16px Arial, helvetica,sans-serif; }
ul#commentsIndex li { display: block; list-style: none none; padding: 0 0 10px 120px; margin: 0; }
ul#commentsIndex li a { font: 12px/14px Verdana, helvetica,sans-serif; }
ul#commentsIndex li.date { font-size: 12px; font-weight: 700; padding: 10px 0; }
ul#commentsIndex li span.section { color: #6699cc; font-weight: 700; display: block; float: left; width: 115px; text-align: right; margin-left: -120px; height: 16px; }
* html ul#commentsIndex li span.section { margin-left: -60px; }
ul#commentsIndex li span.section b { color: #000000; }
ul#commentsIndex li span.details { display: block; color: #666666; font-size: 10px; }
ul#commentsIndex li span.details a { font: 10px/16px Arial, helvetica,sans-serif; }
ul#commentsIndex.selectedSection li { padding-left: 10px; }
ul#commentsIndex.selectedSection span.details { padding-left: 35px; }

#articleComments { float: left; width: 100%; margin: 14px 0; }
#articleComments p { margin: 0; }
#articleComments { color: #333 }
#articleComments a { color: #000043; text-decoration: none !important; }
#articleComments a:visited { color: #666 }
#articleComments a:hover { text-decoration: underline !important; }

#articleNew.comments.liveblog { padding-top: 5px; }
#articleNew.comments.liveblog h2 { margin-bottom: 20px; }

/* livebloging */
#liveblogging { width: 100%; }
#liveblogging th { background-color: #E6E6E6; text-align: left; padding: 4px 6px 4px 6px; border-left: 1px solid #FFF;  }
#liveblogging td { border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; margin: 1px; padding: 6px 6px 4px 6px; vertical-align: top; }
#liveblogging tr td p img { float: left; }
#liveblogging p { width: 520px !important; text-align: left; margin: 0 0 0 0; vertical-align: top; }
#liveblogging img { width: 330px; height: 220px; padding: 3px 6px 0 0; }
#liveblogging .highlight { background-color: #ffffee; }