@charset "utf-8";
/* 20090904-1544 */

/* LOADER */
#divLoaderAnnotatio { display:block; background:transparent url(../_img/loading_small.gif) no-repeat scroll 0 0; height:16px; width:16px; }

/* LISTAGEM */
#divAnnotatio { width: 619px; }

#divFirstComment { background-color:#BEB7AF; height:23px; padding:8px 0 0 5px; }
#divFirstComment p { background-color:#BEB7AF; color:#FFFFFF; font-size:11px; font-weight:bold;}

#divContainerAnnotatio a, 
#divContainerReply a, 
#divContainerFormComment a, 
#divContainerFormAbuse a, 
#divFormAnnotatioMsg a { outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; }

#divNumComments h5.ttl-comments { background:transparent url(../_img/ttl-coments.gif) no-repeat scroll 0 0; display:block; float:left; text-indent:-9999px; width:118px; margin-right:10px; }
.LNG_en #divNumComments h5.ttl-comments { background-position:0 -30px; width:102px; }
.LNG_es #divNumComments h5.ttl-comments { background-position:0 -60px; }

#divNumComments a.btComment { background:transparent url(../_img/buttons.gif) no-repeat scroll -150px 0; height:24px; overflow:hidden; text-indent:-9999px; width:68px; float:right; margin:0; margin-top:4px; }
.LNG_en #divNumComments a.btComment { background-position:-450px 0; width:91px; }
.LNG_es #divNumComments a.btComment { background-position:-750px 0; width:69px; }

#divNumComments a.btComment:hover { background-position:-150px -30px; }
.LNG_en #divNumComments a.btComment:hover { background-position:-450px -30px; }
.LNG_es #divNumComments a.btComment:hover { background-position:-750px -30px; }

#divNumComments { margin-top:10px; height:36px; }

#divNumComments span { color: #BEB7AF; float:left; font-weight:bold; margin-top:10px; text-transform:lowercase; }

#divNumComments span em {	color: #9bc80d; font-style: normal; font-variant: normal; font-weight: bold; float: left; margin: 0; }

#divNumCommentsBottom  { height:32px; margin-top:8px; padding-bottom:12px; }

#divNumCommentsBottom a.btComment { background:transparent url(../_img/buttons.gif) no-repeat scroll -150px 0; height:24px; overflow:hidden; text-indent:-9999px; width:69px; float:right; margin:0; margin-top:4px; }
.LNG_en #divNumCommentsBottom a.btComment { background-position:-450px 0; width:93px; }
.LNG_es #divNumCommentsBottom a.btComment { background-position:-750px 0; width:69px; }

#divNumCommentsBottom a.btComment:hover { background-position:-150px -30px; }
.LNG_en #divNumCommentsBottom a.btComment:hover { background-position:-450px -30px; }
.LNG_es #divNumCommentsBottom a.btComment:hover { background-position:-750px -30px; }

#divNumCommentsBottom a.btn-bottom { margin-top:0;}

#divPagination { background-color:#BEB7AF; height:27px; padding:7px 5px 4px; clear:both; }

#divPagination span { color:#FFFFFF; float:right; font-size:11px; font-weight:bold; padding:5px 8px 0; text-align:right; text-transform: uppercase; }

#divPagination a.lnkPrevious,
#divPagination a.lnkPrevious_disable { background: transparent url(../_img/littleButtons.gif) no-repeat 0 -60px; overflow:hidden; display:block; float:right; text-indent:-9999px; height:20px; width:20px; margin-top:2px; }

#divPagination a.lnkNext,
#divPagination a.lnkNext_disable { background: transparent url(../_img/littleButtons.gif) no-repeat -20px -60px; overflow:hidden; display:block; float:right; text-indent:-9999px; height:20px; width:20px; margin-top:2px; margin-left:2px; }

#divPagination a.lnkPrevious:hover { background-position: -40px -60px; }

#divPagination a.lnkPrevious_disable { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; }
#divPagination a.lnkPrevious_disable:hover { background-position:0 -60px; cursor:default; }

#divPagination a.lnkNext:hover { background-position: -60px -60px; }

#divPagination a.lnkNext_disable { -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; }
#divPagination a.lnkNext_disable:hover { background-position:-20px -60px; cursor:default; }

#divPagination .noShow { display:none; }

#divTopComment { width: 113px; float: left; overflow: hidden; padding-left: 12px; padding-top: 16px; *padding-top:17px;}

#divBodyComment { float:left; overflow:hidden; padding-left:18px; padding-right:10px; padding-top:15px;  width:464px; *padding-top:14px;}

#divListComment {
	min-height: 129px;
	_height: 129px;
}

#divListComment .img-news a {
	margin-right: 5px;
	_margin-right: 2px;
	width: 35px;
	height: 35px;
}
	#divListComment .img-news a:hover {
		width: 29px;
		height: 29px;
	}
	#divListComment .img-news .off {
		cursor: default;
	}
		#divListComment .img-news .off:hover {
			border: none;
			width: 35px;
			height: 35px;
		}
#divListComment .nntt-avatar {
	background: url(../_img/ico-login.gif) left -150px no-repeat;
}
	#divListComment .nntt-avatar em {
		width: 11px;
		height: 11px;
		right: 6px;
		_right: 2px;
		_bottom: -1px;
	}
		#divListComment .nntt-terra {
			background-position: left -50px !important;
		}
		#divListComment .nntt-facebook {
			background-position: -50px -50px !important;
		}
		#divListComment .nntt-twitter {
			background-position: -100px -50px !important;
		}

#divListComment #divTopComment h3 { font-size:14px; font-weight: bold; margin: 0; padding-bottom: 4px; color:#5d5850; }

#divListComment #divTopComment .txtDate {	color:#BEB7AF; font-size: 11px; font-weight: bold; line-height: 15px; text-transform: lowercase; display: block; clear: both; }

#divListComment #divBodyComment .txtText { color:#5d5850;  font-size: 12px; line-height:16px; overflow: hidden; }

#divListComment #lnk { float:left; font-size:11px; margin-bottom:20px; margin-left:0; margin-top:7px; padding-left:143px; *margin-top:8px; }

#divListComment #lnk a { color: #47423A; 	text-decoration: none; 	font-weight: bold; }

#divListComment #lnk a:hover { color: #FF9900; text-decoration: none; font-weight: bold; }

#divListComment #txtScore { float:left; font-size:11px; font-weight:bold; margin-left:8px; margin-right:15px; margin-top:7px; }

#divListComment #txtScore .txtScoreUpOn,
#divListComment #txtScore .txtScoreUpOff { font-style: normal; font-variant: normal; display: block; float: left; }

#divListComment #txtScore .txtScoreUpOn  { color:#9BC80D; }

#divListComment #txtScore .txtScoreDownOn,
#divListComment #txtScore .txtScoreDownOff  { font-style: normal; font-variant: normal; display: block; float: left; }

#divListComment #txtScore .txtScoreDownOn { color:#9BC80D; }

#divListComment .lnkUpOff { background: transparent url(../_img/littleButtons.gif) no-repeat scroll 0 -20px; width: 14px; height: 15px; overflow: hidden; text-indent: -999px; display: block; margin-right: 10px; float: left; cursor:default;}
#divListComment .lnkDownOff { background: transparent url(../_img/littleButtons.gif) no-repeat scroll -20px -20px; width: 14px; height: 15px; overflow: hidden; text-indent: -999px; display: block; float: left; cursor:default;}

#divListComment .lnkUpOn { background: transparent url(../_img/littleButtons.gif) no-repeat scroll 0 0; width: 14px; height: 15px; overflow: hidden; text-indent: -999px; display: block; margin-right: 10px; float: left; }
#divListComment .lnkDownOn { background: transparent url(../_img/littleButtons.gif) no-repeat scroll -20px 0; width: 14px; height: 15px; overflow: hidden; text-indent: -999px; display: block; float: left;  }

#divListComments .clear { clear: both; height:1px; overflow:hidden; }

#divListComments .zbd { background-color:#ECEAE7; }

#divListReply, #lnkReply { margin: 0; padding-left: 143px; }

#divListReply #divTopReply { overflow: hidden; }

#divListReply #divTopReply h3 { font-size: 11px; font-weight: bold; margin: 0; padding-bottom: 10px; float: left;	line-height:15px; }

#divListReply .txtDateReply { color: #BEB7AF; font-size: 11px; font-weight: bold; line-height: 15px; text-transform: lowercase; margin-left: 10px; }

#divListReply #divBodyReply { float:left; font-size:13px; line-height:16px; overflow:hidden; padding-right:10px; width:464px; }

#divListReply #lnkReply { float: left; margin-top: 35px; margin-left: 0; margin-top: 20px; margin-bottom: 20px; padding-left: 0px; }

#divListReply #lnkReply a { color: #47433A; text-decoration: none; font-weight: bold; }

#divListReply #lnkReply a:hover { color: #FF9900; text-decoration: none; font-weight: bold; }

#divListReply #txtScoreReply { float: left; font-weight: bold; margin-top: 20px; margin-right: 15px; margin-left:8px;}

#divListReply #txtScoreReply .txtScoreUpOn, 
#divListReply #txtScoreReply .txtScoreUpOff { font-weight:bold; display:block; float:left; font-style:normal; }

#divListReply #txtScoreReply .txtScoreUpOn { color:#9bc80d; }

#divListReply #txtScoreReply .txtScoreDownOn,
#divListReply #txtScoreReply .txtScoreDownOff  { font-weight:bold; display:block; float:left; font-style:normal; }

#divListReply #txtScoreReply .txtScoreDownOn  { color:#9bc80d; }

#divListReply .lnkUpOff { background: transparent url(../_img/littleButtons.gif) no-repeat scroll 0 -20px; width: 14px; height: 15px; overflow: hidden; text-indent: -999px; display: block; margin-right: 10px; cursor:default; }
#divListReply .lnkDownOff { background: transparent url(../_img/littleButtons.gif) no-repeat scroll -20px -20px; width: 14px; height: 15px; overflow: hidden; text-indent: -999px; display: block; cursor:default; }

#divListReply .lnkUpOn{ background: transparent url(../_img/littleButtons.gif) no-repeat scroll 0 0; width: 14px; height: 15px; overflow: hidden; text-indent: -999px; display: block; margin-right: 10px;  }
#divListReply .lnkDownOn { background: transparent url(../_img/littleButtons.gif) no-repeat scroll -20px 0;  width: 14px; height: 15px; overflow: hidden; text-indent: -999px; display: block;  }

.lnkRepliesClosed { width: 10px; height: 10px; margin: 2px; float:left; background: url(../_img/littleButtons.gif) no-repeat -60px 0; }

.lnkRepliesOpen { width: 10px; height: 10px; margin: 2px; float:left; background: url(../_img/littleButtons.gif) no-repeat -80px 0; }

/* ICONES SOCIAL MEDIA */
#socialCommentBox {
	margin-top: 7px;
	overflow: hidden;
}
	#socialCommentBox strong, #socialCommentBox ol {
		float: left;
	}
	#socialCommentBox strong {
		text-transform: lowercase;
		display: block;
		line-height: 24px;
		color: #474139;
		text-align: right;
		/*width: 367px;*/
		width: 367px;
	}
	#socialCommentBox ol {
		overflow: hidden;
	}
	#socialCommentBox li {
		float: left;
		background: url(http://stf.terra.com/portal/_img/lin-dotted.gif) 11px top repeat-y;
		padding-left: 21px;
		line-height: 0;
		*font-size: 0;
	}
	#socialCommentBox .first {
		padding-left: 16px;
		background: none;
	}

/* POPUP CONTAINER STYLES */
#popupMask { position:fixed; _position:absolute; z-index: 99990; top: 0px; left: 0px; width: 100%; height: 100%; min-height:100%; min-width:100%; opacity:0.4; filter: alpha(opacity=40); -moz-opacity:0.5; background: #333333; }
#popupContainer { position: absolute; z-index: 99997; top: 0px; left: 0px; display:none; padding: 0px; }
#popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 99998; }
#popupTitleBar { display: none; }
#popupTitle { float:left; font-size: 1.1em; }
#popupControls { float: right; cursor: pointer; cursor:pointer; }

/* MODAL */
.pseudo {
	width: 100%;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.nntt-box {
	padding: 7px;
	width: 468px;
	border: 3px solid #FF9300;
	background-color: #FFF;
}
	.nntt-header {
		clear: both;
		overflow: hidden;
		margin-bottom: 16px;
		height: 12px;
	}
		.nntt-header h6, .nntt-header a {
			height: 12px;
		}
		.nntt-header h6 {
			float: left;
			text-indent: -9999px;
			width: 50%;
			background: url(../_img/ttl-sendlayer.gif) left -10px no-repeat;
		}
			.LNG_en .nntt-header h6 {
				background-position: left -40px;
			}
			.LNG_es .nntt-header h6 {
				background-position: left -70px;
			}
		.nntt-header a {
			float: right;
			display: block;
			width: 8px;
			text-indent: -9999px;
			background: url(http://stf.terra.com/portal/_img/ico-general.gif) -4px -602px no-repeat;
		}
	.nntt-content {
		overflow: hidden;
		_clear: both;
	}
		.logged {
			margin-top: -1px;
		}
		.nntt-form, .nntt-message, .nntt-logged {
			float: left;
		}
		.nntt-form {
			width: 252px;
		}
			.logged .nntt-form {
				_display: inline;
			}
			.nntt-form label {
				display: block;
				text-transform: lowercase;
				margin-bottom: 1px;
			}
			.nntt-form input, .nntt-form textarea {
				width: 246px;
				border: 1px solid #BEB7AF;
				padding: 1px 2px;
				*padding:  2px 2px 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #5D5850;
				line-height: 13px;
			}
			.nntt-form input {
				margin-bottom: 9px;
				*margin-bottom: 8px;
			}
			.nntt-form textarea {
				height: 97px;
				margin-bottom: 14px;
			}
				.logged textarea {
					height: 74px;
				}
				.nntt-captcha {
					height: 41px;
					clear:both;
				}
					.nntt-captcha label {
						display: none;
					}
					.nntt-captcha img {
						margin-bottom: -16px;
					}
					.nntt-captcha input {
						width: 70px;
						margin-bottom: 0;
						*margin-bottom: -1px;
					}
						.LNG_en .nntt-captcha input {
							width: 81px;
						}
					.nntt-captcha, .nntt-send {
						float: left;
					}
					.nntt-captcha input, .nntt-send {
						margin-left: 7px;
					}
				.nntt-form a {
					display: block;
					text-indent: -9999px;
					width: 52px;
					height: 20px;
					background: url(http://stf.terra.com.br/portal/_img/btn-general.gif) left -510px no-repeat;
				}
					.nntt-form a:hover {
						background-position: -240px -510px;
					}
					.LNG_en .nntt-form a {
						background-image: url(http://stf.terra.com/portal/en/_img/btn-general.gif);
						width: 41px;
					}
					.LNG_es .nntt-form a {
						background-image: url(http://stf.terra.com/portal/es/_img/btn-general.gif);
					}
				.nntt-send {
					margin-top: 11px;
				}
				.nntt-info {
					clear: both;
					padding-top: 8px;
					*padding-top: 4px;
				}
				.logged .nntt-name {
					display: none;
				}

		.nntt-message, .nntt-logged {
			width: 192px;
		}
		.nntt-message, .nntt-logged {
			background-color: #ECEAE7;
			padding: 7px;
			margin: 14px 0 0 10px;
			*margin-top: 15px;
		}
			.logged .nntt-message {
				display: none;
			}
			.nntt-message ol {
				min-height: 84px;
				_height: 84px;
			}
				.nntt-message li {
					height: 24px;
					_font-size: 0;
					margin-top: 6px;
				}
			/* About Anonymous Comment */
			.nntt-message-notAnnonymous {
				width : 100%;
				height: 61px;
				margin : 0;
			}
			.nntt-message-notAnnonymous  ol{
				margin-left: 63px;
			}
			.nntt-message-notAnnonymous  ol li{
				float: left;
				margin-right: 10px;
			}			
			
			
		.nntt-logged {
			display: none;
			margin-top: 15px;
		}
			.logged .nntt-logged {
				display: block;
			}
			.nntt-logged div {
				float: left;
				position: relative;
				margin-right: 10px;
				*margin-right: 9px;
				_margin-right: 7px;
				width: 50px;
				height: 50px;
				background: url(../_img/ico-login.gif) left -100px no-repeat;
			}
			.nntt-avatar em {
				position: absolute;
				bottom: 0;
				right: 0;
				display: block;
				width: 14px;
				height: 14px;
				background: url(../_img/ico-login.gif) left top no-repeat;
				text-indent: -9999px;
			}
				.nntt-terra {
					/**/
				}
				.nntt-facebook {
					background-position: -50px top !important;
				}
				.nntt-twitter {
					background-position: -100px top !important;
				}
			.nntt-logged p strong {
				display: block;
			}
			.nntt-logged .clear {
				padding: 9px 0 8px;
				*padding-top: 5px;
			}
			.nntt-logged a {
				font-weight: bold;
			}

	.nntt-footer {
		_clear: both;
		_margin-top: -7px;
		padding-top: 8px;
		_padding-top: 4px;
	}
		.nntt-error {
			font-weight: bold;
			color: #CB3906;
			font-size: 12px;
			padding-bottom: 6px;
		}

	.nntt-adv {
		margin-top: 19px;
	}

.nntt-sent {
	text-align: center;
	margin: 140px 0;
	font-size: 12px;
}
	.nntt-sent a {
		display: block;
		text-indent: -9999px;
		width: 54px;
		height: 20px;
		background: url(http://stf.terra.com.br/portal/_img/btn-general.gif) left -540px no-repeat;
		margin: 16px 0 0 207px;
		*margin-left: 0 !important;
	}
		.nntt-sent a:hover {
			background-position: -240px -540px;
		}
		.LNG_en .nntt-sent a {
			background-image: url(http://stf.terra.com/portal/en/_img/btn-general.gif);
			width: 41px;
			margin-left: 213px;
		}
		.LNG_es .nntt-sent a {
			background-image: url(http://stf.terra.com/portal/es/_img/btn-general.gif);
			width: 68px;
			margin-left: 200px;
		}

.nntt-abuse {
	/**/
}
	.nntt-abuse h6 {
		background-image: url(../_img/ttl-abuse.gif);
	}
	.nntt-abuse input, .nntt-abuse textarea {
		width: 462px;
	}
	.nntt-abuse .nntt-send {
		margin: 0 !important;
	}
	.nntt-abuse .nntt-sent {
		_clear: both;
	}
	
/* SUB-MODAL LOGIN TERRA */
.trr-login {
	width: 224px;
	position: absolute;
	margin: -282px 0 0 122px;
}
.trr-login-not-anonymous {
	margin: -216px 0 0 122px;
}
	.trr-login .nntt-header {
		margin-bottom: 12px;
	}
		.trr-login h6 {
			background-image: url(../_img/ttl-loginterra.gif);
		}
			.LNG_en .trr-login h6 {
				/**/
			}
			.LNG_es .trr-login h6 {
				/**/
			}
	.trr-login .nntt-error {
		float: none;
		font-size: 11px;
		padding-bottom: 13px;
	}
	.trr-login .nntt-form {
		width: 100%;
	}
	.trr-login label {
		display: none;
	}
	.trr-login p {
		float: left;
	}
	.trr-login input {
		width: 73px;
		margin: 0 7px 0 0;
	}
		.LNG_en .trr-login input {
			width: 78px;
		}
	.trr-login .nntt-send {
		margin: -1px 0 0 0;
		*margin: 0;
	}
		.LNG_en .trr-login .nntt-send {
			margin-left: 1px;
		}
	.trr-login .nntt-footer {
		_margin-top: -17px;
	}

	.twitter .left{ float:left }
	.twitter .left .chk-rdo-replace{ width:14px;}
	.twitter .left label{ width:114px;}
	.twitter .right{ 
		float:right; 
		width:60px;
		background:transparent url(../_img/lin-dotted.gif) repeat-y scroll 38px 0;
		height:20px;
	}
	.twitter .right a{background:none;width:20px;display:inline;}  
	.twitter .right input{ border:0px; width:34px;float:left;text-align:right;}
	.twitter .right img{float:right;cursor:pointer;}
	
	.toolTip{
		display:none; 
		width:180px; 
		height:90px; 
		z-index:30000; 
		border:3px solid #ff9300; 
		left:81px; 
		top:23px; 
		background:#fff; 
		position:absolute;
	}
	.toolTip p{
		float:left; 
		font:Arial; 
		font-size:11px; 
		width:120px; 
		padding:5px;
	 }
	
	.toolTip .options{
		float:right;	
	}
	
	.toolTip .close{
		padding:5px;
		cursor:pointer;
	}
	
	
	.toolTip .arow{
		position:absolute; 
		top:89px; 
		left:152px;
	}