/* 20090330-1500 */ /* LOADER */ #divLoaderAnnotatio { width: 16px; height: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 a.btComment_pt-br, #divNumComments a.btComment_en-us, #divNumComments a.btComment_es-es { 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; } #divNumComments a.btComment_en-us { background-position:-450px 0; width:91px; } #divNumComments a.btComment_es-es { background-position:-750px 0; width:69px; } #divNumComments a.btComment_pt-br:hover { background-position:-150px -30px; } #divNumComments a.btComment_en-us:hover { background-position:-450px -30px; } #divNumComments a.btComment_es-es: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_pt-br, #divNumCommentsBottom a.btComment_en-us, #divNumCommentsBottom a.btComment_es-es { 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; } #divNumCommentsBottom a.btComment_en-us { background-position:-450px 0; width:93px; } #divNumCommentsBottom a.btComment_es-es { background-position:-750px 0; width:69px; } #divNumCommentsBottom a.btComment_pt-br:hover { background-position:-150px -30px; } #divNumCommentsBottom a.btComment_en-us:hover { background-position:-450px -30px; } #divNumCommentsBottom a.btComment_es-es: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_pt-br, #divPagination a.lnkPrevious_en-us, #divPagination a.lnkPrevious_es-es, #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_pt-br, #divPagination a.lnkNext_en-us, #divPagination a.lnkNext_es-es, #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_pt-br:hover, #divPagination a.lnkPrevious_en-us:hover, #divPagination a.lnkPrevious_es-es: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_pt-br:hover, #divPagination a.lnkNext_en-us:hover, #divPagination a.lnkNext_es-es: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; } #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 #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; } #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; } .clear { clear: both; height:1px; overflow:hidden; } .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; } /* FORMULARIOS */ #divFormAnnotatio { background-color: #FFF; width: 380px; /* height: 351px; */ border: 2px solid #FF9900; font-family:"Arial"; font-size: 12px; margin: 0 auto 0 auto; } #divFormAnnotatio input, textarea { font-family: 'Arial'; font-size: 12px; } #divFormAnnotatio a { text-decoration: none; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; } #divFormAnnotatio a:hover { text-decoration: underline; } #divFormAnnotatio #divHeader { height:14px; width:100%; } #divFormAnnotatio #divHeader span.ttl-form_pt-br, #divFormAnnotatio #divHeader span.ttl-form_en-us, #divFormAnnotatio #divHeader span.ttl-form_es-es { background:#FFFFFF url(../_img/ttl-forms.gif) no-repeat scroll 1px -8px; display:block; float:left; font-size:11px; font-weight:bold; height:10px; margin-left:5px; overflow:hidden; padding:5px; text-indent:-9999px; width:230px; } #divFormAnnotatio #divHeader span.ttl-form_en-us { background-position: 0 -38px;} #divFormAnnotatio #divHeader span.ttl-form_es-es { background-position: 0 -68px;} #divFormAnnotatio #divHeader span.ttl-flag_pt-br, #divFormAnnotatio #divHeader span.ttl-flag_en-us, #divFormAnnotatio #divHeader span.ttl-flag_es-es { background:#FFFFFF url(../_img/ttl-flag.gif) no-repeat scroll 1px -8px; display:block; float:left; font-size:10px; font-weight:bold; height:10px; margin-left:5px; overflow:hidden; padding:5px; text-indent:-9999px; width:230px; } #divFormAnnotatio #divHeader span.ttl-flag_en-us { background-position: 0 -38px;} #divFormAnnotatio #divHeader span.ttl-flag_es-es { background-position: 0 -68px;} #divFormAnnotatio #divHeader span.ttl-answer_pt-br, #divFormAnnotatio #divHeader span.ttl-answer_en-us, #divFormAnnotatio #divHeader span.ttl-answer_es-es { background:#FFFFFF url(../_img/ttl-answer.gif) no-repeat scroll 1px -8px; display:block; float:left; font-size:15px; font-weight:bold; height:10px; margin-left:5px; overflow:hidden; padding:5px; text-indent:-9999px; width:230px; } #divFormAnnotatio #divHeader span.ttl-answer_en-us { background-position: 0 -38px;} #divFormAnnotatio #divHeader span.ttl-answer_es-es { background-position: 0 -68px;} #divFormAnnotatio #divHeader a { color: #FFF; float:right; background:#FFFFFF url(../_img/ttl-forms.gif) no-repeat scroll -243px -8px; display:block; font-size:15px; height:10px; padding:5px; overflow:hidden; text-indent:-9999px; width:10px; } #divFormAnnotatio #divContent label { display:block; margin: 12px 0 3px 7px; text-align: left; font-size:11px; color:#5d5850; } #divFormAnnotatio #divContent input, textarea { border: 1px solid #BEB7AF; margin-left: 7px; width: 362px; outline:none; } #divFormAnnotatio #divContent textarea { min-width:364px; /* GECKO - EVITA EXPAND DO TEXTAREA */ max-width:364px; /* GECKO - EVITA EXPAND DO TEXTAREA */ width: 362px; /* IE 6 */ %min-width: 362px; /* IE 7 */ %max-width: 362px; /* IE 7 */ min-height:70px; max-height:70px; height:70px; overflow: auto; } #divFormAnnotatio #divContent #spanConditions { display: block; margin: 10px 0 10px 7px; text-align: left; font-size:11px; } #divFormAnnotatio #divContent #spanConditions a { color: #FE9900; font-weight: bold; text-decoration: underline; } #divFormAnnotatio #divContent #spanConditions span { font-weight:bold; } #divFormAnnotatio #divContent #divCaptcha { margin: 0 0 5px 7px; _margin-left: 5px; _margin-bottom : 0; clear: both; width: 300px; float:left; padding-top:12px; } #divFormAnnotatio #divContent #divCaptcha img { float:left; } #divFormAnnotatio #divContent #divCaptcha .annotatioCaptcha { width: 50px; float: left; margin: 15px 0 0 5px; } #divFormAnnotatio #divContent #divCaptcha p { font-size: 11px; margin:0; clear:both; } #divFormAnnotatio #divContent .annotatioEnviar_pt-br, #divFormAnnotatio #divContent .annotatioEnviar_en-us, #divFormAnnotatio #divContent .annotatioEnviar_es-es { background:transparent url(../_img/buttons.gif) no-repeat scroll 0 0; display:block; float:right; height:24px; margin:12px 7px 0 0; text-indent:-9999px; width:50px; } #divFormAnnotatio #divContent .annotatioEnviar_en-us { background-position:-300px 0; width:39px; } #divFormAnnotatio #divContent .annotatioEnviar_es-es { background-position:-600px 0; width: 50px;} #divFormAnnotatio #divContent .annotatioEnviar_pt-br:hover { background-position:0 -30px; } #divFormAnnotatio #divContent .annotatioEnviar_en-us:hover { background-position:-300px -30px; } #divFormAnnotatio #divContent .annotatioEnviar_es-es:hover { background-position:-600px -30px; } #divFormAnnotatio #divContent .annotatioAviso { padding: 0 7px 6px 7px; font-size: 11px; display:block; clear: both; text-align: left; } #divFormAnnotatio #divContent .annotatioErrorMsg { font-size: 11px; margin: 0 0 0 7px; display:block; clear: both; color: #FF0000; text-align: left; font-weight:bold;} #divFormAnnotatio #divContent .annotatioTituloMsg, .annotatioSubtituloMsg { color:#5D5850; display:block; font-size:12px; font-weight:bold; margin:130px 0 10px; text-align:center; } #divFormAnnotatio #divContent .annotatioSubtituloMsg { margin: 0 0 154px; font-size: 14px; font-weight: normal; } #divFormAnnotatio #divContent .annotatioSubtituloMsg a { background:transparent url(../_img/btn-back.gif) no-repeat scroll 0 0; color:transparent; display:block; height:24px; margin:0 auto; text-decoration:none; text-indent:-9999px; text-transform:lowercase; width:50px; } #divFormAnnotatio #divContent .btn-back_pt-br a { background-position:0 0; } #divFormAnnotatio #divContent .btn-back_en-us a { background-position:-150px 0; width:53px; } #divFormAnnotatio #divContent .btn-back_es-es a { background-position:-300px 0; } #divFormAnnotatio #divContent .btn-back_pt-br a:hover { background-position:0 -30px; } #divFormAnnotatio #divContent .btn-back_en-us a:hover { background-position:-150px -30px; } #divFormAnnotatio #divContent .btn-back_es-es a:hover { background-position:-300px -30px; } /*SUBMODAL-CSS */ /** * 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; } #divNumComments h5.ttl-comments_pt-br, #divNumComments h5.ttl-comments_en-us, #divNumComments h5.ttl-comments_es-es { background:transparent url(../_img/ttl-coments.gif) no-repeat scroll 0 0; display:block; float:left; text-indent:-9999px; width:118px; margin-right:10px; } #divNumComments h5.ttl-comments_en-us { background-position:0 -30px; width:102px; } #divNumComments h5.ttl-comments_es-es { background-position:0 -60px; } #divLoaderAnnotatio { display:block; background:transparent url(../_img/loading_small.gif) no-repeat scroll 0 0; height:16px; width:16px; } #divPagination .noShow { display:none; } /* TERMS AND CONDITIONS */ #divContainerConditionsContent { width: 619px; height: 100px; max-height: 400px; z-index: 99999; background: #FFF; font-family: Arial,Helvetica,sans-serif; font-size: 11px; position: relative; top: -404px; left: -122px; } #divContainerConditionsContent #divHeader { border: 2px solid #FF9900; border-bottom:0; height: 20px; background-color: #FFF; color: #FFF; font-size: 15px; font-weight: bold; } #divContainerConditionsContent #divHeader span { background:transparent url(../_img/ttl-terms.gif) no-repeat scroll 4px -8px; color:#BEB7AF; float:left; height:15px; text-indent:-9999px; width:110px;} #divContainerConditionsContent #divHeader a { font-size: 14px; text-decoration:none; color: #FF9900; font-weight: bold; float:right; } #divContainerConditionsContent #divHeader a { background:#FFFFFF url(../_img/ttl-terms.gif) no-repeat scroll -243px -8px; color:#FFFFFF; display:block; float:right; font-size:15px; height:10px; overflow:hidden; padding:5px; text-indent:-9999px; width:10px; } #divContainerConditionsContent #divCondition { background:#fff; } #divContainerConditionsContent #divContent { border: 2px solid #FF9900; border-top: 0; width: 615px; height: 375px; overflow:none; } /* CSS SCROLL // */ /* Classe utilizada no conteudo quando houver rolagem */ /* .scrolling .scr-content { overflow:auto; } .scrolling .content-scroll { overflow:hidden; } .scrolling .scr-scrollbar { position:relative; } .scrolling .scr-bar { position:absolute; left:0; top:0; background:#FF9900; cursor:pointer; } .scrolling .scr-track { cursor:pointer; } .scr-vertical .content-scroll { float:left; } .scr-vertical .scr-scrollbar { float:right; width:6px; } .scr-vertical .scr-track { width:6px; background:url(../_img/bgr-scrolltrack-vertical.gif) repeat-y; } .scr-vertical .scr-bar { width:6px; height:52px; left:0!important; } .scr-horizontal .scr-scrollbar { height:6px; } .scr-horizontal .scr-track { height:6px; background:url(../_img/bgr-scrolltrack-horizontal.gif) repeat-x; } .scr-horizontal .scr-bar { width:52px; height:6px; top:0!important; } */ /* // CSS SCROLL // */