* { font-family: "Trebuchet MS", "Lucida Sans", Geneva, Helvetica, Arial, sans-serif; } body { font-size:12px; color: #333; min-width:952px;} a { color:#3399CC; font-weight:bold; } h1 { display:none; } h2 { margin:14px 0 5px; display: block; font-size: 1.5em; font-weight:bold; color:#0A6EA0; } h3 { font-size: 1.1em; color:#933; } h4 { font-size: 1em; color: #3366CC; } .interna h2 { margin: 0; } p span {color:#999999;} legend { font-size: 1.5em; font-weight:bold; color:#0A6EA0; margin:5px 0; display: block; padding:0!important;} textarea { font-size:1em; } select {border:1px solid #93bcd3; font-size: .8em;} option {padding-left:3px; padding-right:3px;} .btn-princ{float:none!important; display:inline!important; margin:0!important; position:relative!important; padding:0 5px!important; border:none!important; border-right:1px solid #666!important; border-bottom:1px solid #666!important; font-size:.95em!important; font-weight:bold!important; background-color:#FFCC66!important; color:#993300!important;} .btn-sec{float:none!important; display:inline!important; margin:0!important; position:relative!important; padding:0 5px!important; background-color:#DCF2FF!important; color:#003365!important; border:none!important; border-right:1px solid #666!important; border-bottom:1px solid #666!important; font-size:.95em!important; } /* header */ div#header { height:115px; overflow:hidden; background:url(/css/images/bg_body.png) repeat-x;} div#header a img { margin:28px 0 0 10px; } div#header img { float:left; margin-left:10px; } div#header p { position:absolute; left:110px; top:59px; color:#1270B8; font-size:.9em; width:100px; } div#header p.usuarios { top:89px; } div#header p img { padding-top:2px; } div#header ul { position:absolute; right:10px; top:25px; } div#header ul li a { font-weight:normal; text-decoration:none; } div#header ul li { margin-top:3px; list-style-image:none; float:left; padding-left:10px; } div#header span#user { position:absolute; right:160px; top:0; width:100%!important;} div#header span#user ul { background-color:#3399CC; margin-right: 70px} div#header span#user ul li {display:inline; padding:0 5px 3px 5px;} div#header span#user ul li strong { font-size:1em; color:#fff;} div#header span#user a { font-weight:normal; font-size:.9em; color:#fff;} div#header span#user span { font-weight:bold; display:inline; text-align:left; font-size:1.1em; margin-bottom:3px; } div#header #adsgoogle { float:right; border:0px solid #ccc; margin:20px 10px 0 0; } #rss a img{margin:0!important;} /* tabs */ ul#tabs { margin-left:10px; width:180px; float:left; height:23px; overflow:hidden; } ul#tabs li a { color:#e3e9ed; text-decoration:none; font-size:.9em; text-transform:uppercase; } ul#tabs li { display:block; text-align:center; padding-top:5px; height:18px; width:68px; margin-right:1px; float:left; background:url(/css/images/bg_tab_inativa.png) no-repeat; } ul#tabs li.active a { color:#3399cc; font-size:.9em; text-transform:uppercase; } ul#tabs li.active { background-image:url(/css/images/bg_tab_ativa.png); } /* conteudo */ div#content { margin-left:10px; width:174px; height:455px; float:left; clear:left; background:#fff url(/css/images/back_left.gif) top left no-repeat; overflow:auto; padding:8px; position:relative; } div#content form#searchKeywordForm { position:relative; height:25px; overflow:hidden; } div#content form#searchKeywordForm input { border:1px solid #93bcd3; width:118px; position:absolute; } div#content form#searchKeywordForm input.btn_buscar { border:none; width:50px; height:18px; top:1px; right:0; } div#content h2 { color:#ff9900; font-size:.9em; margin-top:0!important;} div#content p { color:#3499CD; font-size:1em; line-height:1.1em; } div#content p span { color:#9A9A9C; font-size:.8em; display:block; margin-bottom:5px; } /* search */ #searchHits { overflow: auto; width:174px; height:420px; position:absolute; top:45px; } #searchHits img { float:left; } #searchHits span { clear:both; margin-left:15px; } #searchHits p a { display:block; float:left; padding-left:6px; width:140px; } #searchHits div{margin-bottom:10px;} div#conteudo_meu_mapa { display:none; } /* map */ div#map {background-color:#f5f5f5; margin:0 10px 0 212px; border:1px solid #ccc; border-top:none; position:relative; height:489px; padding:3px; padding-top:0; padding-right:0;} div#map #googlemap {border:1px solid #ccc; height:404px; max-height:400px; width:auto; margin:0 125px 0 0;} div#map span.bg_left { background:url(/css/images/bg_filtros_esq.gif) no-repeat left top; position:absolute; width:11px; height:89px; top:0; left:-1px; } div#map span.bg_right { background:url(/css/images/bg_filtros_dir.gif) no-repeat left top; position:absolute; width:11px; height:89px; top:0; right:-1px; } #loading_message { position:absolute; top:61px; right:3px; background-color: white; color:#F90; width:140px; padding:3px 63px 3px 3px; display: none; border:none; text-align:center; } #loading_message img { vertical-align:-3px; margin-right:3px; } #saving_message { position:absolute; top:61px; right:3px; background-color: white; color:#F90; width:140px; padding:3px 63px 3px 3px; display: none; border:none; text-align:center; } #saving_message img { vertical-align:-3px; margin-right:3px; } #showHideStats { position:absolute; right:125px; top:250px; cursor:pointer; z-index:1; } .markerLabel { color: #993333; border: medium; font-weight: bold; } /* filters */ #filters {background:#f5f5f5; border-top:1px solid #ccc; padding-right:3px; font-size:.9em; height:86px; } #filters input, #filters select {} #filters select { border:1px solid #ccc; height:20px; font-size:.8em;} #filters fieldset {position:relative; } #filters input {padding-right:5px; padding-left:5px;} #filters fieldset.find {padding:2px 0; padding-bottom:3px; *padding:3px 0; *padding-bottom:4px;} #filters fieldset.find input { width:150px; } #filters fieldset.find input.btn_go { width:18px; height:18px; border:none; position:relative; top:4px; *top:3px; left:-5px; } #filters fieldset.find input, #filters fieldset.find select { border:1px solid #ccc; margin-right:10px; } #filters fieldset.find select.bairros { width:120px; } #filters fieldset.find select {color:#3098cd; position:relative; top:-2px; *top:0;} #filters fieldset.categories { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:5px 0; *padding-top:4px; *padding-bottom:6px; min-width:650px; height:14px; z-index:2; } #filters fieldset.categories img { vertical-align:-3px; } #filters fieldset.period { color:#3098CD; z-index:1; padding:0; padding-top:5px;} #filters fieldset.period select { width:120px; margin:0; } #filters fieldset.period img { vertical-align:top; margin-right:10px; } #filters a { color:#333; text-decoration:none; font-weight:normal; } #filters #pt1 { background-color:white; border:2px solid #0A6EA0; top:125px; display:none; left:80px; padding:10px; position:absolute; width:400px; z-index:1; height:auto; } #filters #pt1 p { margin:5px 0; } #filters #pt1 input {position:relative!important; padding:0 5px!important; border:none!important; border-right:1px solid #666!important; border-bottom:1px solid #666!important; font-size:.95em!important; font-weight:bold!important; background-color:#FFCC66!important; color:#993300!important;} #filters #findAddressResult { background-color:white; border:3px solid #0A6EA0; position:absolute; top:18px; left:100px; width:500px; display:none; padding-bottom:30px; z-index: 5} span.close { position:absolute; bottom:0; left:0; background-color:#0A6EA0; width:100%; height:auto; text-align:right!important; padding-top:4px;} span.close input { position:absolute; padding:0 5px; background-color:#DCF2FF; color:#003365; border:none; border-right:1px solid #666; border-bottom:1px solid #666; font-size:.95em; } #filters #findAddressResult ul { background:white; font-size:1.1em; float:left; } #filters #findAddressResult li { padding:3px 0 5px 5px; width:435px; background:url(/css/images/bg_seta.png) no-repeat 240px 9px; } #filters #findAddressResult a { text-decoration:underline; line-height:1.3em; } #filters #categoriesFilter { background-color:white; border:3px solid #0A6EA0; position:absolute; top:18px; left:100px; width:500px; display:none; padding-bottom:22px; } #filters #categoriesFilter ul { background:white; font-size:1.1em; float:left; } #filters #categoriesFilter li { padding:3px 0 2px; width:235px; background:url(/css/images/bg_seta.png) no-repeat 240px 9px; } #filters #categoriesFilter li * { cursor:pointer; } #filters #categoriesFilter ul input { width:20px; margin:2px -4px 3px 3px; border:none; background:none; } #filters #categoriesFilter ul.categoryMacro li { width:250px; } #filters #categoriesFilter ul.subcategories { display:none; float:right; background-color:#C3E5FF; padding:5px 10px 5px 5px; } #filters #categoriesFilter ul.subcategories li { background-image:none; } #filters #categoriesFilter ul.category1 { display:block; } /* actions */ ul#actions { position:absolute; top:92px; left:100px; z-index:1 } ul#actions li { display:inline; cursor:pointer; } ul#actions a { color:#0A8CD7; text-decoration:none; font-size:.9em; } ul#actions a img { vertical-align:-4px; } /*cara citix*/ /*div#kracitix_msn { position: absolute; /* position: relative; margin-right:300px; margin-top: 5px;*/ top: 80px; left:250px; display: inline;}*/ div#kracitix_msn a { position: relative!important; } img#msn_img { margin-top:1px!important; position: relative!important; margin-right: 0!important;} /* tag cloud */ #tag_cloud { padding:0 10px 10px; font-size:.9em; /*height:30px;*/ overflow:hidden; } #tag_cloud a { font-size:.9em; font-weight:normal; margin-right:5px; color:#FF9048; line-height:1.2em; } #tag_cloud a.tg-clds-2 { font-size:1.3em; } #tag_cloud a.tg-clds-3 { font-size:1.5em; font-weight:bold; } #tag_cloud a.tg-clds-4 { font-size:1.5em; font-weight:bold; } /* meu mapa */ #meu_mapa_form {text-align:left;} #meuMapaHits { padding-top: 20px} /* search */ #meuMapaHits img { vertical-align:top; } #meuMapaHits span { padding-left:15px; } /* footer */ #footer { margin:10px 0 30px 210px; clear:both; display:none } #footer img{float:left; vertical-align:top; margin-right:5px;} /* login */ form#login fieldset{ width:210px; } form#login label, form#login input { padding-top:5px; display:block; float:left; } form#login label{width:40px;} form#login input { padding:0; margin:0 0 5px 0; } form#login input.btn_ok { width:auto !important; float:right; margin-right:5px; } form#login ul{margin-left:40px;} form#login ul li{display:block!important;} form#login ul li { display:inline; margin-right:10px; } form#login #login_message { color:#933; } /* sign in */ form#add fieldset { width:320px;} form#add fieldset label { text-align:right; margin-right:5px; } form#add fieldset label, form#add fieldset input { padding-top:5px; width:100px; display:block; float:left; } form#add fieldset input { width:200px; padding:0; margin:0 5px 10px 0; } form#add fieldset input.btn_ok { width:auto !important; float:right; margin-right:5px; } form#add #users-error { margin-bottom:10px; } form#add #users-error p { color:#933; font-weight:bold; margin:0; padding:0; } form#add fieldset.concordo label { width:auto; margin-left:5px; *margin-left:2px;} form#add fieldset.concordo input.checkbox { width:auto; margin:0; margin-top:6px; *margin-top:1px; *margin-left:-4px;} #terms { width:400px; height:100px; overflow:auto; border:1px solid #0A6EA0; padding:3px; } #cadastro span.close { width:100%; text-align:right; padding-top:4px; height:auto;} #cadastro span.close input { right:0px; position:relative;} .btn_cadastrar{font-weight:bold; background-color:#FFCC66!important; color:#993300!important;} /*talk to us*/ form#fale_conosco fieldset{ width:280px; } form#fale_conosco fieldset label, form#fale_conosco fieldset input { padding-top:5px; width:50px; display:block; float:left; } form#fale_conosco fieldset input { width:180px; padding:0; margin:0 0 8px 0; } form#fale_conosco #subject { width:130px } form#fale_conosco #users-error { margin-bottom:10px; } form#fale_conosco #users-error p { color:#933; font-weight:bold; margin:0; padding:0; } form#fale_conosco fieldset.comment { margin-left: -1px } form#fale_conosco #fale_conosco_comment{ margin-top:8px; width:270px; height:75px; } #fale_conosco ul.buttons { display:block; clear:both; margin-right:18px; text-align:right; margin-top:8px; } #fale_conosco ul.buttons li { display:inline; margin-left:2px; } /* baloon */ #baloon { padding-left:5px; width:420px; height:230px; position:relative;} #baloon h2 { color:#36C; font-size:1.3em; margin:0; display:inline; } #baloon h2 span { font-size:.85em; color:#f66; } #baloon a { color:#36C; font-size:.9em; } #baloon p { margin:5px 0 10px; } #baloon p.details { margin:3px 0 0px; color:#999; font-size:.9em; } #baloon p.details span { color:#333; } #baloon ul.tabs { margin-top:10px; position:absolute; top:79px; z-index:2; } #baloon ul.tabs li { cursor:pointer; float:left; padding:2px 7px 0; margin-right:3px; height:15px; color:#36c; border:1px solid #36c; border-bottom:1px solid #36c; } #baloon ul.tabs li.description { background-color:#F3FBFE; border-bottom:1px solid #F3FBFE; font-weight:bold; } #baloon ul.tabs li.report_fake { border-bottom:1px solid #36c; color:#FF6666; } #baloon ul.tabs li.send_point { border-bottom:1px solid #36c; } #baloon div.content { position:absolute; top:107px; left:0; clear:both; border:1px solid #36c; padding:10px; width:400px; height:80px; overflow:auto; background-color:#F3FBFE; } #baloon div.content div { display:none; } #baloon div.content div#description { display:block; } #baloon div.content div span { color:#333; line-height:1em; padding:0; margin:0; } #baloon div.content div span.user { display:block; margin-top:3px; color:#666666; font-weight:bold; font-size:1.0em; } #baloon div.content div span.user_when { display:block; margin-bottom:10px; color:#666666; font-weight:bold; font-size:.8em; } #baloon div.content textarea { width:397px; height:50px; } #baloon div.content textarea.send_point_emails { width:385px; height:25px; font-size:.9em; } #baloon div.content textarea.send_point_comment { width:385px; height:45px; font-size:.9em; } #baloon div.content div#report_fake .button { background-color:#f66; color:white; border:none; margin-top:3px; margin-bottom:10px; padding:1px 5px; font-size:.9em; font-weight:bold;} #baloon div.content div#report_fake .report_accepted { display: none } #baloon div.content div#send_point .send_accepted { display: none } #baloon div.content div#new_comment .comment_accepted { display: none } #baloon div.content #comment_form input.button {background:#3366CC; border:none; color:white; margin-top:3px; margin-bottom:10px; font-size:.9em; font-weight:bold; padding:1px 5px;} #baloon input.user_button { background:#fc6; border:1px solid #fc6; border-right-color:#630; border-bottom-color:#630; color:#630; position:relative; top:147px; right:3px; font-size:.9em; font-weight:bold; } /* baloon / form #create_point */ #baloon form#create_point fieldset { width:208px; float:left; padding-bottom:5px; } #baloon form#create_point label { width:100px; display:block; margin-top:3px; padding-bottom:3px; font-size:.9em; color:#666; } #baloon form#create_point .hidden { display:none; } #baloon form#create_point fieldset input { width:150px; background:#f5f5f5; border:1px solid #ccc; display:inline; } #baloon form#create_point input.small { width:80px; } #baloon form#create_point fieldset img { vertical-align:-5px; } #baloon form#create_point select { margin-bottom:3px; width:160px; background:#f5f5f5; border:1px solid #ccc; display:inline; height:18px} #baloon form#create_point select#subcategory_id { display:block; } #baloon form#create_point fieldset#desc { width:400px; } #baloon form#create_point textarea { width:400px; background:#f5f5f5; border:1px solid #ccc; height:auto; } #baloon form#create_point input.button { background:#fc6; border:1px solid #fc6; border-right-color:#630; border-bottom-color:#630; margin-top:2px; color:#630; } #baloon form#create_point fieldset.check input { background:0; border:0; } #baloon form#create_point fieldset.check { margin-right:212px; } #baloon form#create_point fieldset.check label { display:inline; } #baloon form#create_point input#anonymous { width:auto; height:auto; vertical-align:-1px; } #baloon form#create_point input#private_point { width:auto; height:auto; vertical-align:-1px; } #baloon a#private_point { color:#ff2222; font-size:.9em; margin-left:170px; } #baloon form#create_point ul.buttons { display:block; clear:both; margin-right:18px; text-align:right; } #baloon form#create_point ul.buttons li { display:inline; margin-left:2px; } #baloon #send_point label { width:70px; display:block; } #baloon #send_point textarea { width:370px; height:40px; display:block; } #baloon #send_point textarea#send_point_field_emails { height:18px; width:330px; } #baloon #send_point img {float: right; margin-top: -20px; margin-right: 10px; cursor: pointer; } #baloon #send_point form span { width:300px; float:left; font-size:.8em; color:#666; margin:2px 0 10px; } #baloon #send_point input { background:#3366CC; border:none; color:white; margin-top:3px; margin-bottom:10px; font-size:.9em; font-weight:bold; padding:1px 5px;} /* Itertive Precint Baloon Dialog */ div#iterativePrecintDialog {width: 320px; height: 130px;} div#iterativePrecintDialog p#success { font-size: 1.3em; color: #222222; margin-top: 25px; margin-left: 10px; } div#iterativePrecintDialog p#question { font-family: sans-serif; font-size: 1em; color: #888888; margin-top:25px; margin-left: 10px; } div#iterativePrecintDialog a img {margin-top:15px; margin-left: 10px} /* divMarco*/ #divMarco h2 { color:#36C; font-size:1.3em; margin:0; display:inline; } #divMarco h2 span { font-size:.85em; color:#f66; } #divMarco form#create_marco fieldset { margin-top:15px; } #divMarco form#create_marco ul.marco_select li { padding: 3px 0 3px 0; margin-bottom: 8px;} #divMarco form#create_marco label { font-size:.9em; color:#666; } #divMarco form#create_marco img { vertical-align:-6px; position: absolute; right: 20px; } #divMarco form#create_marco input.button { background:#fc6; border:1px solid #fc6; border-right-color:#630; border-bottom-color:#630; margin-top:2px; color:#630; margin-bottom:30px; } #divMarco form#create_marco ul.buttons { display:block; clear:both; margin-right:12px; text-align:right; margin-top: 10px; } #divMarco form#create_marco ul.buttons li { display:inline; } #divMarco form#create_marco input#residencia_marco { vertical-align:-2px; } #divMarco form#create_marco input#trabalho_marco { vertical-align:-2px; } #divMarco form#create_marco input#instituicao_ensino_marco { vertical-align:-2px; } #divMarco form#create_marco input#outro_marco { vertical-align:-2px; } #divMarco form#formMarco h3.title {margin-top:5px; } #divMarco form#formMarco ul.buttons { display:block; clear:both; text-align:right; margin-top:5px; } #divMarco form#formMarco ul.buttons li { display:inline; } #divMarco input.user_button { background:#fc6; border:1px solid #fc6; border-right-color:#630; border-bottom-color:#630; color:#630; position:relative; right:3px; font-size:.9em; font-weight:bold; } /* baloon / group of points */ ul#group li { height:1.2em; overflow:hidden; color:#333; } ul#group li a { text-decoration:none; padding:0 0 0 5px; } ul#group li img { padding:0; margin:0; } /* stats / graphic */ #stats { position:absolute; right:3px; top:87px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height:400px; background:white url(/css/images/bg_body.png) repeat-x left top; font-size:.9em; width:121px; } #stats li { padding:10px 0 0 4px } #stats li h3 { color:#333; } #stats li select { width:113px;} #stats li strong { display:block; color:#999; font-weight:normal; margin-top:1px; } #stats div.stats_bar { float: left; height: 10px; } #stats li.footer { position:absolute; bottom:0; width:117px; padding-top:100px; padding-bottom:5px; background:url(/css/images/bg_stats_bottom.png) repeat-x left bottom;} #stats li.footer strong { display:inline; font-weight:bold; color:#333;} /* user - edit profile */ span.edit_profile {width:100%; height:auto; padding-top:4px;} span.edit_profile input { right:0; } /* invite friends */ span.invite_friends {width:100%; height:auto; padding-top:4px;} span.invite_friends input { right:0; } #invite textarea { width:400px; } /* internal pages */ #content.internal {background:none; border:none;} #content.internal h2 {margin:0 0 15px; display:block; font-size:1.2em;} #content.internal a { margin:0 0 15px; display:block; text-decoration:none; } #content.internal p { color:#333; margin-bottom:10px; } #maincontent.internal {margin:0; margin-left:230px; vertical-align:top; padding:10px;} #maincontent.internal h2 {font-size: 1.2em; margin:0; margin-bottom:15px;} /* tutorial */ #maincontent.internal .passos {overflow:auto;} #maincontent.internal .passo { width:180px; overflow:visible; float:left; margin-right:20px; margin-bottom:30px; } #maincontent.internal .passo img { margin-bottom:10px; border:1px solid #006699;} #maincontent.internal .passo p { color:#069;} #maincontent.internal .passo h4 { color:#069; font-size:100%; margin-bottom:10px; } /* ------- Approve Screen -------- */ div#content_all { margin-left:10px; height:443px; float:left; clear:left; background-color:#FFE2C4; border-bottom:2px solid #FFCB99; border-top:2px solid #FFCB99; min-height:75px; overflow:auto; padding:10px; } .users_list {margin-top: 10px} .user_tb {width: 100%; border-spacing: 2px; } .user_tb tr.header td {background-color: #F68200; color: #fff; font-weight: bold} .user_tb td {background-color: #E4E4E4} #to_approve {display: block} #not_confirmed {display: none} #confirmed {display: none} /* ------- Statistics Screen -------- */ #statsContent {margin-left: -300px; min-height: 400px} .stats_box {width:325px; padding: 5px; border: 1px solid black; float:left; margin: 3px} .stats_box h3 {display:inline; float:left; font-weight:bold} .stats_selection {display: inline; float:right} .stats_table {width: 100%; border-spacing: 2px; clear:right}