/** * Myer Web - CSS Reset * Learn more ~ http://meyerweb.com/eric/tools/css/reset/ * v1.0 | 20080212 * @author mcosta */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus, :active { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }/** * 960 Grid System ~ Core CSS. * Learn more ~ http://960.gs/ * Licensed under GPL and MIT. */ /* Containers ----------------------------------------------------------------------------------------------------*/ .container_16 { margin: 0 auto; width: 960px; overflow: hidden; } #wrap-content.container_16 { display: table; overflow: visible; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; position: relative; margin: 0 10px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { width: 40px; } .container_16 .grid_2 { width: 100px; } .container_16 .grid_3 { width: 160px; } .container_16 .grid_4 { width: 220px; } .container_16 .grid_5 { width: 280px; } .container_16 .grid_6 { width: 340px; } .container_16 .grid_7 { width: 400px; } .container_16 .grid_8 { width: 460px; } .container_16 .grid_9 { width: 520px; } .container_16 .grid_10 { width: 580px; } .container_16 .grid_11 { width: 640px; } .container_16 .grid_12 { width: 700px; top: 0px; left: 0px; } .container_16 .grid_13 { width: 760px; } .container_16 .grid_14 { width: 820px; } .container_16 .grid_15 { width: 880px; } .container_16 .grid_16 { width: 940px; } /* Prefix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1 { padding-left: 60px; } .container_16 .prefix_2 { padding-left: 120px; } .container_16 .prefix_3 { padding-left: 180px; } .container_16 .prefix_4 { padding-left: 240px; } .container_16 .prefix_5 { padding-left: 300px; } .container_16 .prefix_6 { padding-left: 360px; } .container_16 .prefix_7 { padding-left: 420px; } .container_16 .prefix_8 { padding-left: 480px; } .container_16 .prefix_9 { padding-left: 540px; } .container_16 .prefix_10 { padding-left: 600px; } .container_16 .prefix_11 { padding-left: 660px; } .container_16 .prefix_12 { padding-left: 720px; } .container_16 .prefix_13 { padding-left: 780px; } .container_16 .prefix_14 { padding-left: 840px; } .container_16 .prefix_15 { padding-left: 900px; } /* Suffix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 { padding-right: 60px; } .container_16 .suffix_2 { padding-right: 120px; } .container_16 .suffix_3 { padding-right: 180px; } .container_16 .suffix_4 { padding-right: 240px; } .container_16 .suffix_5 { padding-right: 300px; } .container_16 .suffix_6 { padding-right: 360px; } .container_16 .suffix_7 { padding-right: 420px; } .container_16 .suffix_8 { padding-right: 480px; } .container_16 .suffix_9 { padding-right: 540px; } .container_16 .suffix_10 { padding-right: 600px; } .container_16 .suffix_11 { padding-right: 660px; } .container_16 .suffix_13 { padding-right: 780px; } .container_16 .suffix_14 { padding-right: 840px; } .container_16 .suffix_15 { padding-right: 900px; } /* Push Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { left: 60px; } .container_16 .push_2 { left: 120px; } .container_16 .push_3 { left: 180px; } .container_16 .push_4 { left: 240px; } .container_16 .push_5 { left: 300px; } .container_16 .push_6 { left: 360px; } .container_16 .push_7 { left: 420px; } .container_16 .push_8 { left: 480px; } .container_16 .push_9 { left: 540px; } .container_16 .push_10 { left: 600px; } .container_16 .push_11 { left: 660px; } .container_16 .push_12 { left: 720px; } .container_16 .push_13 { left: 780px; } .container_16 .push_14 { left: 840px; } .container_16 .push_15 { left: 900px; } /* Pull Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { left: -60px; } .container_16 .pull_2 { left: -120px; } .container_16 .pull_3 { left: -180px; } .container_16 .pull_4 { left: -240px; } .container_16 .pull_12 { left: -720px; } .container_16 .pull_5 { left: -300px; } .container_16 .pull_6 { left: -360px; } .container_16 .pull_7 { left: -420px; } .container_16 .pull_8 { left: -480px; } .container_16 .pull_9 { left: -540px; } .container_16 .pull_10 { left: -600px; } .container_16 .pull_11 { left: -660px; } .container_16 .pull_13 { left: -780px; } .container_16 .pull_14 { left: -840px; } .container_16 .pull_15 { left: -900px; }html{width: 100%;height: 100%;background: url("../images/body_background.png") repeat-x;} /* all.css */ body{width: 100%;height: 100%;margin: 0;} /* Global classes ---------------------------------------------------------------------------------------------------- Float */ img, a, input { behavior: url(../content/iepngfix.htc) } .podcast-icon{margin-right: 10px;} .podcast-page{position:absolute;} .podcast-page img {width:228px;height:228px;float:left;margin:0 20px 20px 0;/*top:0;left:-190px; width:600px;height:600px;clip: rect(190px 460px 370px 190px);z-index:999;overflow: hidden; */} .podcast-page .tw img{width:11px;height:11px;} .left{float: left;} .right{float: right;} .full-input{width: 94%;} #criar-categoria-form .full-input{width: 66%;} .aviso-balao2 .half-input{margin-top: 10px;} .half-input{width: 70%;} .search-input{ width:420px;height:19px; padding:0 0 10px 10px; background: url("../images/bg-busca-form.png") no-repeat; font-size:14px;font-weight:700;color:#45667C; text-indent:5px;} .medium-input{width: 48%;} .small-input{width: 23%;} .image-input{width: 87%;} .micro-input{width: 38.5%;} .other-input{width: 27%;} .mini-input{width: 30px;} .hidden{display: none;} .box-content dl dd.left{margin-left: 4px;} #interna .box-content h4{margin: 0;} .aviso{height: 25px;display: block;padding-left: 40px;background: url("../images/aviso_background.png") no-repeat;} .status{margin-top: 16px;overflow: hidden;background: url("../images/status_background.png") repeat-x;} .sucesso{background-position: 0 0;} .sucesso .aviso {background-position: 0 0;border-right: 1px solid #00cd34;} .erro{background-position: 0 -25px;} .erro .aviso {background-position: 0 -25px;border-right: 1px solid #e81411;} .validacao{background-position: 0 -50px;} .validacao .aviso{background-position: 0 -50px;border-right: 1px solid #d1dae1; } .pontilhado{clear: both;margin-bottom: 10px;height: 3px;display: block;background: url(../images/pontilhado.png) center center repeat-x;} .linha{border-bottom: 1px solid #CBD9E2;clear: both;height: 1px;display: block;} .rounded-corners{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 20px 50px;} .rounded-corners .detalhe-box{bottom: -26px;position: absolute;width: 25px;height: 22px;display: block;background: url("../images/rounded_box_background.png") 0 0 no-repeat;} .rounded-corners.sucesso .detalhe-box{background-position: 0 -22px;} /* tooltip */ .tooltip{display: block;width: 130px;background: #6D8D9E;color: #fff; position: relative;padding: 10px;} .tooltip .detalhe-box{bottom: -9px;position: absolute;width: 9px;height: 9px;display: block;background: url("../images/rounded_tooltip_background.png") 0 0 no-repeat;} /* modal */ .modal{width: 429px;background: url(../images/modal_topo.png) top left no-repeat;padding-top: 20px;} .modal .content{display: block;background: url(../images/modal_content.png) top left repeat-y;position: relative;padding: 10px 40px;} .modal .rodape{display: block;background: url(../images/modal_rodape.png) bottom left no-repeat;height: 20px;} .modal .btn-fechar a{display: block;background: url(../images/btn_fechar.png) top left no-repeat;width: 24px;height: 24px;text-indent: -99999px;position: absolute;top: 0;right: 20px;} .modal .btn-fechar a:hover{background-position: 0 -24px !important;} /* Clear */ .clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .clearfix:after{clear: both;content: ' ';display: block; font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;} * html .clearfix {height: 1%;} .termos-uso{ width:700px; height:500px; overflow:scroll;font: 13px "Tahoma", Geneva, Arial, Helvetica, sans-serif;border: 1px solid #e3e9ef;padding: 4px 0 5px;} /* Containers ---------------------------------------------------------------------------------------------------- */ #main-container{width: 100%;height: auto;min-height: 100%;margin: 0 auto;} #content{background: url("../images/content_background.png") repeat-x;} /* Header */ #header{height: 57px;} #oi-novosom{margin-left:20px;} #logo{margin-top:7px;z-index:2500;} #large-publicity{height: 92px;width:730px;position: absolute;background-color:#fff;top:20px;} #large-publicity #large-banner{position: absolute;top: 50%;right: 0;margin-top: -44px;} /* Bread-crumbs */ #passos{height: 27px;clear: both;padding-left: 120px;margin-bottom: 30px;overflow: hidden;background: url("../images/passo_cadastro_background.png") no-repeat;} #bread-crumbs li{margin-right: 4px;float: left;display: inline;} #passos li{float: left;display: inline;background: url("../images/passos_background.png") repeat-x;} #passos li:first-child span{padding-left: 0;} #passos li span{position: relative;left: 11px;background: url("../images/seta_passos.png") right center no-repeat;float: left;display: block;padding: 0 15px 0 10px;} /* Navigation */ #wrap-navigation{overflow: visible;} #navigation{z-index: 2000;position: relative;height: 35px;background: url("../images/menu_principal_bg.png") bottom left repeat-x;} .linear-navigation{position: relative;margin: 0;} #interna .linear-navigation{overflow: hidden;} #footer .linear-navigation{overflow: hidden;} .linear-navigation li{float: left;display: inline;margin-right: 10px;z-index: 11000;} .linear-navigation li.first{background-color: #ef4060;padding: 0 5px;} .linear-navigation li.second{margin-left: 87px;} .linear-navigation li a{border-right: 1px solid #ec5674;padding: 2px 10px 2px 7px;} #wrap-content .linear-navigation li a{border: none;} .linear-navigation li:last-child a{border-right: none;padding-right: 0;} #main-navigation li:hover .sub-menu{display: block;} /* Main Navigation */ #main-navigation.linear-navigation{overflow: visible;height: 35px;margin-left:150px;} #main-navigation.linear-navigation .conta-controle a{font-size:1.3em;color:#fddbdb;padding:11px; font-weight:700;} #main-navigation.linear-navigation .conta-controle li a{background: url(../images/controle-bullet-off.png) 0 12px no-repeat;} #main-navigation.linear-navigation .conta-controle li a:hover{background: url(../images/controle-bullet-on.png) 0 12px no-repeat;} #main-navigation li a{background: url(../images/menu-bullet-off.png) 0 12px no-repeat;} #main-navigation li a:hover{background: url(../images/menu-bullet-on.png) 0 12px no-repeat;} /* Sub-menu */ #main-navigation .sub-menu{display: none;float: none;top: 35px;position: absolute;z-index: 7000;background: #fff;border: 1px solid #c92344;border-top: none;margin: 0; *margin-left:-70px; padding: 13px 15px;} #main-navigation .sub-menu li{float: none;display: block;background: none;border-bottom: 1px solid #ecf2f7;margin: 0;padding: 2px 0;} #main-navigation .sub-menu li:last-child{border: none;} #main-navigation .sub-menu li a{border: none;display: inline-block;background: none;padding: 5px 10px;} #main-navigation .sub-menu li a:hover{background: #ef4060;} #main-navigation .conta-controle .sub-menu li a{border: none;display: inline-block;background: none;padding: 5px 10px;} #main-navigation.linear-navigation .conta-controle{float: right;max-width: 300px;overflow: hidden; width:200px; border-left: 1px solid #ec5674; padding-left:10px;} #main-navigation .conta-controle .sub-menu{display: none;float: none;top: 35px;position: absolute;z-index: 10000;background: #fff;border: 1px solid #c92344;border-top: none;margin: 0;padding: 13px 15px;} #main-navigation .conta-controle .sub-menu li{float: none;display: block;background: none;border-bottom: 1px solid #ecf2f7;padding: 2px 0;} #main-navigation .conta-controle .sub-menu li:last-child{border: none;} #main-navigation .conta-controle .sub-menu li a:hover{background: #ef4060;} /* Footer Navigation */ .map-navigation li a{background: url(../images/seta_bullet_background.png) 0 8px no-repeat;padding-left: 10px;} /* Tabs */ #interna ul.tabs{margin-top: 30px;margin-bottom: 50px;} ul.tabs{width: 100%;float: left;border-bottom: 1px solid #cbd9e2;margin: 0;} ul.tabs li{float: left;position: relative;margin-bottom: -1px;} ul.tabs li a{float: left;margin-left: 10px;border: 1px solid #cbd9e2;background: #fbfcfd;margin-bottom: -1px;padding: 5px 10px;} #interna ul.tabs li a{margin-left: 0;margin-right: 10px;} ul.tabs li.active{margin-bottom: 0;} ul.tabs li.active a{background: #fff;border-bottom: 1px solid #fff;} /* Login */ #login-form label{display: inline;} /* Twitter */ #wrap-content #twitter p{margin-bottom: 10px;} .twitter-count{ background-color:#ebebeb; padding: 0 4px 1px 4px; float:right;} /* Ranking */ #ranking .box-content{padding: 10px 0 0 10px;} #ranking .half{width: 240px;margin-bottom: 15px;overflow: hidden;} #ranking .half.left{margin-right: 10px;} #ranking .half.right{padding-left: 10px;} #ranking .half table{width: 100%;background: url("../images/pontilhado.png") 0 bottom repeat-x;} #ranking .half table col{width: 80px;} #ranking .half table col.span{width: 10%;} #ranking .half table td{padding: 10px 0 15px;} #ranking .half table:last-child{margin-bottom: 0;} #ranking .box-content h2{margin: 0;} #wrap-content #ranking .box-content h2 a{background: none;padding: 0;} #wrap-content #ranking .half table p{background: none;padding: 0;} /* Premiaçoes */ #premiacoes{width: 100%;} #premiacoes td{width: 20%;border: 1px solid #D4DBE2;padding: 4px 4px 6px 7px;} #selo td{width: 20%;} #premiacoes td span.selo{display: block;height: 28px;font-size: 9px;} #selo td span.selo{display: block;height: 28px;font-size: 9px;} #premiacoes td img{margin-right: 5px;} #selo td img{margin-right: 5px;} #premiacoes td p{font-size: 9px;color: #6D8D9E;display: block;text-align: right;} /* Tools */ #tools{height: auto;min-height: 62px;background: #d9e0e8 url("../images/tools_background.png") 0 top repeat-x;} #box-search{width:460px;margin-top: 10px;margin-left:-27px;background: url("../images/bg-busca.png") no-repeat;} #box-search span.cantoTopo{display: block;position: relative;clear: both;height: 5px;background: url(../images/cantos_search_background.png) no-repeat;top: -1px;left: -1px;} #box-search span.cantoTopo span{display: block;position: relative;clear: both;height: 5px;background: url(../images/cantos_search_background.png) no-repeat;background-position: 100% -5px;left: 2px;} #box-search span.cantoBase{display: block;position: relative;clear: both;height: 5px;top: 1px;left: -1px;background-position: 0 -10px;} #box-search span.cantoBase span{display: block;position: relative;clear: both;height: 5px;background: url(../images/cantos_search_background.png) no-repeat;left: 2px;background-position: 100% -15px;} #search-bar{height:39px;overflow: hidden;margin: 1px auto 0 0;} #search input.search-input{border:none;} #search input:focus{background: url(../images/bg-busca-form-hover.png) no-repeat;} #search select{width: 180px;position: relative;top: 3px;margin: 0;} #search ul{height: 29px;border: none;margin-bottom: 0;padding:0;} #search ul li{margin-bottom: 0;} #search button{width: 63px;height: 27px;background: url("../images/botao_search_background.png") no-repeat;border: none;margin: -23px 20px 0 0;padding:7px 0 0 0;float:right;} #search button img{padding: 0;} #radio{float:right;} #radio img{margin-top: 10px;margin-left:15px;} /* Sua Conta */ #sua-conta .form .full-input{width: 158px;} #search-bar .form{margin:5px 0 0 7px;} #sua-conta .form button{width: 100%;} /* Cadastro */ #wrap-content #cadastro{position: relative;margin: 30px 0;padding: 0 50px;} #wrap-content #cadastro .box-content{width: 250px;background: #f4f6f8 url("../images/cadastro_box_background.png") repeat-y;margin: 0;padding: 10px 15px;} #wrap-content #comofunciona {font-size:1.1em;line-height:140%;} #wrap-content #comofunciona p{font-size:1.1em;line-height:140%;} #wrap-content #cadastro #usuario{margin-right: 20px;} #wrap-content #cadastro .box-content ul{margin-left: 20px;} #wrap-content #comofunciona .box-content ul{margin-left: 20px;} #wrap-content #comofunciona .box-content p{margin: 0 0 20px 20px;} #wrap-content #cadastro .box-content p{margin: 0 0 20px 20px;} #wrap-content #comofunciona .box-content h2 a{display: block;width: 250px;height: 100px;margin-bottom: 20px;padding: 0;} #wrap-content #cadastro .box-content a h2{display: block;width: 250px;height: 100px;margin-bottom: 20px;padding: 0;} #wrap-content #cadastro #usuario a h2 {background: #f4f6f8 url("../images/criar_usuario_background.png") center 0 no-repeat;} #wrap-content #cadastro #banda a h2 {background: #f4f6f8 url("../images/criar_banda_background.png") center 0 no-repeat;} #wrap-content #cadastro .box-content li{padding-left: 10px;margin-bottom: 10px;background: url("../images/square_bullet_background.png") 0 6px no-repeat;} #wrap-content #comofunciona .box-content li{padding-left: 10px;margin-bottom: 10px;background: url("../images/square_bullet_background.png") 0 6px no-repeat;} /* Confirmação */ #confirmacao-cadastro{width: auto;margin-top: 30px;margin-bottom: 50px;position: relative;border: 4px solid #d0d9e0;} #confirmacao-cadastro.sucesso{border: 4px solid #01cb37;} #confirmacao-cadastro h3.user{position: relative;left: -25px;padding-left: 15px;background: url("../images/seta_user_background.png") no-repeat;} #confirmacao-cadastro.sucesso h3.user{background-position: 0 -15px;} /* Content */ #wrap-content{padding: 25px 0 280px;} #wrap-content h1{clear: both;margin-top: 0;border-bottom: 3px solid #CBD9E2;padding-bottom: 8px;margin-bottom: 15px;} #wrap-content h1.destaque{border-bottom: 3px solid #ef4060;} #interna #left-content h1{padding-bottom: 10px;margin-bottom: 30px;} #interna #wrap-content h1 span{display: block;margin-bottom: 5px;} .subTitulo2colunas{display: inline-block;margin-bottom: 5px;border-bottom: 1px solid #CBD9E2;padding-bottom: 3px;} #interna #left-content h2{margin-bottom: 15px;} #interna #left-content #promocoes-encerradas h2{margin-bottom: 0;} #interna #left-content #box-premiacoes h2{margin-bottom: 10px;} #interna #left-content h3{margin-left: 0;} #interna #left-content #promocoes-encerradas h3{margin-top: 0;} /* Right Content ---------------------------------------------------------------------------------------------------- */ #interna #right-content{margin-top: 18px;} #interna #right-content img{margin-bottom: 30px;} .box-content h2{margin: 0 0 4px;} .box-content h2 a{display: inline;background: #ef4060;padding: 0 2px;} .box-content h2 a.blog-title{ background-color:#fff; } #como-funciona p a{display: inline;background: #ef4060;padding: 0 2px;} .editar span{display: inline;background: #ef4060;padding: 0 2px;} #wrap-content .box{overflow: hidden;clear: both;margin-bottom: 30px;} #wrap-content .box-content .foto{float: left;overflow: hidden;margin: 0 10px 5px 0;} #wrap-content .box-content .foto img{float: left;overflow: hidden;} #wrap-content .box-content .foto:hover{border: 4px solid #ef4060;} #wrap-content .box-content .foto:hover img{margin: -4px;} /*dentro do album*/ #wrap-content .box-content .lista-albuns .lista-arquivos .left .foto{float: left;overflow: hidden;margin: 0 10px 0 0;width: 85px;height: 68px;background: url("../images/fotos_background.png") no-repeat;} #wrap-content .box-content .lista-albuns .lista-arquivos .left .foto img{float: left;overflow: hidden;} #wrap-content .box-content .lista-albuns .lista-arquivos .left .foto:hover{border: 4px solid #ef4060;} #wrap-content .box-content .lista-albuns .lista-arquivos .left .foto:hover{margin: -4px;} #wrap-content span.botao + #wrap-content .box p{margin-bottom: 0;} #wrap-content .box-content{overflow: visible;clear: both;margin-bottom: 15px;position: relative;} #wrap-content .box-content h3{margin-bottom: 0;} #wrap-content .box p{margin-bottom: 0;} /* Middle Content ---------------------------------------------------------------------------------------------------- Promoções */ #promocoes .box-content h2{margin-bottom: 0;} #middle-content #blog h2 a{background: none;padding: 0;} #middle-content #noticias h2 a{background: none;padding: 0;} #blog .pontilhado{height: auto;background-position: 0 100%;} #blog h4.pontilhado{margin-bottom: 0;padding-bottom: 10px;} #blog ul li.pontilhado{margin-bottom: 0;padding: 5px 0 10px;} #blog ul li.pontilhado a{padding-left: 10px;background: url("../images/square_bullet_background.png") 0 center no-repeat;} /* Estudio */ #botao-play{display: block;background: url(../images/ico-play.png) center center no-repeat;width: 220px;height: 152px;position: absolute;top: 0;left: 0;text-indent: -99999px;} #estudio .video{position: relative;} #estudio .informacao{background: #f5f6f7 url("../images/pontilhado.png") 0 top repeat-x;padding: 15px 0 0;} #estudio .informacao dl{margin: 0 20px 20px;} #estudio .informacao dl dt{margin-bottom: 10px;} #estudio .rating{margin: 20px;} #estudio .informacao ul{margin: 0 0 10px;} /* Membro */ #associe{color: #d6dbe1;border-top: 1px solid #d6dbe1;margin: 10px 0;} /* Atividades */ #wrap-content #atividades .box-content .foto{margin-top: 2px;} #wrap-content #atividades .foto:hover{border: 4px solid #cbd9e2;} /* Noticias */ #wrap-content #noticias .foto:hover{border: 4px solid #cbd9e2;} .midia .escutar{margin-right: 5px;display: block;height: 16px;background: url("../images/icone_escutar_background.png") 0 -18px no-repeat;padding: 0 0 2px 24px;} .midia .baixar{margin-right: 5px;width: 18px;position: relative;top: 4px;float: left;margin-bottom: 10px;height: 18px;display: block;background: url("../images/icone_baixar_background.png") 0 -18px no-repeat;} .midia .escutar:hover{background-position: 0 0;} .baixar:hover{background-position: 0 0;} /* Lembreto #lembreto{display: block;background: #F5F6F7;border-top: 1px dotted #CBD9E2;border-bottom: 1px dotted #CBD9E2;margin-top: 15px;padding: 10px;} #lembreto a{display: block;width: 95px;font-size: 10px;color: #6D8D9E;float: left;margin-left: 5px;} #lembreto .icone a{display: block;background: url(../images/ico-lembreto.png) top left no-repeat;width: 37px;height: 37px;text-indent: -99999px;float: left;} .txt-lembreto{float:left;margin-left:45px;margin-top:-40px;} #lembreto .seta a{display: block;background: url(../images/seta-lembreto.png) top left no-repeat;width: 20px;height: 20px;text-indent: -99999px;float: left;margin-top:-20px;margin-left:120px;}*/ #lembreto { display: block; background: #F5F6F7; border-top: 1px dotted #CBD9E2; border-bottom: 1px dotted #CBD9E2; padding: 10px; margin-top: 15px; } #lembreto a { display: block; width: 95px; font-size: 14px; color: #6D8D9E; float: left; margin-left: 10px; } #lembreto .icone a { display: block; background: url(../images/ico-lembreto.png) top left no-repeat; width: 37px; height: 37px; text-indent: -99999px; float: left; } #lembreto .seta a { display: block; background: url(../images/seta-lembreto.png) top left no-repeat; width: 20px; height: 20px; text-indent: -99999px; float: left; margin-top: 20px; } /* Cadastro fotos */ #wrap-content .box-content .numeracao{position: absolute;top: 0;left: 0;} #wrap-content .album .foto{width: 85px;height: 68px;background: url("../images/fotos_background.png") no-repeat;margin-left: 25px;display: inline;} #wrap-content .em-destaque .album .foto{width: 297px;height: 230px;background: none;} #wrap-content .nesta-semana .album .foto{width: 81px;height: 64px;background: none;} #wrap-content .album .foto:hover{border: none;} #wrap-content .album .foto img{margin: 0 0 0 4px;} #wrap-content .album .foto:hover img{margin: 0 0 0 4px;} #wrap-content .edicao-tooltip{width: 72px;z-index: 10000;position: absolute;padding-right: 3px;left: -55px;top: 20px;overflow: visible;height: 27px;background: url("../images/edicao_background.png") right 0 no-repeat;} #wrap-content .em-destaque .edicao-tooltip{left: -85px;} #wrap-content .nesta-semana .edicao-tooltip{left: -85px;} #wrap-content .edicao-tooltip .editar{margin: 0 5px;} #wrap-content div.excluir{width: 26px;left: -30px;padding-right: 0;} #wrap-content .edicao-tooltip a.excluir{display: block;width: 20px;height: 27px;background: url("../images/excluir_background.png") no-repeat;} .box-destaque-home{width: 340px;height: 409px;display: block;overflow: hidden;margin-top: -92px;margin-bottom:30px;} .box-destaque-home-bg{background: url("../images/destaqueEX.jpg") no-repeat 5px;height: 320px;} .box-destaque-home-texto{position: relative;z-index: 5000;top: 300px;left: 10px;color: #fff;} .box-destaque-home-titulo{display: block;font-size: 16px;font-weight: 700;} .box-destaque-home-setas{display: inline;position: relative;z-index: 200;top: 297px;left: 250px;height: 19px;width: 80px;} .box-destaque-home-seta-direita{height: 19px;display: inline-block;} .box-destaque-home-seta-direita a{background: url("../images/seta-destaque-direita.gif") no-repeat;padding-top: 19px;padding-left: 35px;} .box-destaque-home-seta-direita a:hover{background: url("../images/seta-destaque-direita-hover.gif") no-repeat;} .box-destaque-home-seta-esquerda{display: inline;} .box-destaque-home-seta-esquerda a{background: url("../images/seta-destaque-esquerda.gif") no-repeat;padding-top: 19px;padding-left: 31px;} .box-destaque-home-seta-esquerda a:hover{background: url("../images/seta-destaque-esquerda-hover.gif") no-repeat;} .box-destaque-home-controle{position: relative;width: 14px;height: 30px;z-index: 1000;top: 93px;left: 33px;} .box-destaque-home-controle-um{background-color: #c9d2da;width: 14px;height: 6px;margin-bottom: 2px;cursor: pointer;} .box-destaque-home-controle-um.selected{background-color: #93aab7;} /* Comentários */ #wrap-content #comentarios .box-content{padding-bottom: 5px;border-bottom: 1px solid #CBD9E2;} #wrap-content #comentarios .box-content h2{background: none;margin: 0;padding: 0;} #wrap-content #comentarios .box-content h2 a{background: none;margin: 0;padding: 0;} #wrap-content #comentarios .foto:hover{border: 4px solid #cbd9e2;} #wrap-content #comentarios .edicao-tooltip{top: 8px;} /* Podcast */ #podcast .box-content{margin-bottom: 0;padding: 15px 0 15px 10px;} #podcast .box-content:nth-of-type(even){background-color: #f5f6f7;} #podcast .box-content:hover{background-color: #ececec;} #podcast .pontilhado{margin-bottom: 0;} /* Ranking */ #ranking table.midia{width: 100%;} #ranking table.midia:nth-of-type(odd){background-color: #f5f6f7;} #ranking table.midia:hover{background-color: #ececec;} #ranking .escutar{width: 18px;height: 18px;display: block;background-position: 100% -18px;padding: 0;} #ranking .escutar:hover{background-position: 100% 0;} #ranking .baixar{width: 18px;position: relative;top: 0;margin-bottom: 0;right: -1px;height: 18px;display: block;background: url("../images/icone_baixar_background.png") 0 -18px no-repeat;} #ranking .baixar:hover{background-position: 0 0;} #interna #albuns{margin-top: 15px;} #interna #pefil{margin-top: 15px;} #interna #arquivos .album{clear: none;width: 340px;padding-bottom: 15px;border-bottom: 1px solid #CBD9E2;} #interna #arquivos .noticias .album{width: 100%;} #interna #arquivos .em-destaque .album{width: 100%;} #interna #arquivos .nesta-semana .album{width: 100%;} #interna #arquivos .album.ultimo{border-bottom: 3px solid #0C3;} #interna #arquivos .album p{width: 90%;} #wrap-content #cadastro-album .lista-arquivos .edicao-tooltip{margin-top: 0;top: 0;} #wrap-content .album{width: 100%;float: left;overflow: visible;} #arquivos{clear: both;margin-top: 15px;} #interna #arquivos #box{padding-top: 15px;} #interna #arquivos .pontilhado{margin-bottom: 5px;} .box-content .lista-arquivos{background: none;margin: 10px 0;} #interna #arquivos .lista-arquivos{overflow: visible;} .album .lista-arquivos{float: left;background: url(../images/pontilhado.png) repeat-x;} #interna #wrap-content .lista-arquivos li{position: relative;} #interna #wrap-content .lista-arquivos li.pontilhado{width: 100%;height: auto;min-height: 15px;overflow: visible;clear: both;background-position: 0 100%;margin: 0;padding: 5px 0 10px;} #interna #wrap-content .lista-arquivos li.pontilhado:nth-of-type(odd){background-color: #f5f6f7;} /*fotos do álbum*/ #wrap-content .lista-albuns .lista-arquivos .edicao-tooltip{top: 30px;margin-top: -30px;left: 45px;} #wrap-content .lista-albuns .lista-arquivos .edicao-tooltip .editar{margin-top: -28px;} #wrap-content .lista-albuns .lista-arquivos .excluir{width: 26px;left: -30px;padding-right: 0;} /*fotos do álbum*/ #wrap-content .lista-arquivos .edicao-tooltip{top: 50%;margin-top: -30px;left: -75px;} #wrap-content .lista-arquivos .excluir{width: 26px;left: -30px;padding-right: 0;} #interna #wrap-content .lista-arquivos .icone{margin: 0 5px;} #interna #wrap-content .em-destaque .icone{margin: 20px 0 0;} #interna #wrap-content .nesta-semana .icone{margin: 20px 0 0;} #interna #wrap-content .lista-arquivos img.icone{position: relative;top: -2px;} #interna #wrap-content .lista-arquivos .ampliar{width: 21px;overflow: hidden;margin-right: 5px;height: 13px;display: block;} #interna #wrap-content .fotos .lista-arquivos .ampliar{background: url("../images/icone_ampliar_foto.png") 0 0 no-repeat;} #interna #wrap-content .musicas .lista-arquivos .ampliar{background: url("../images/icone_ampliar_musica.png") 0 0 no-repeat;} #interna #wrap-content .videos .lista-arquivos .ampliar{background: url("../images/icone_ampliar_video.png") 0 0 no-repeat;} #interna #wrap-content .lista-arquivos .ampliar.active{background-position: 0 -13px;} #interna #wrap-content .lista-arquivos .ampliar:hover{background-position: 0 -13px;} #interna #wrap-content .lista-arquivos .edicao{margin: 10px 10px 0;} /* Footer */ #footer{margin-top: -280px;height: 235px;padding-top: 45px;position:relative; background: #D31234 url("../images/footer_background.png") repeat-x;} #wrap-footer{height: 235px;overflow: hidden;position: relative;padding: 0 20px;} #footer-navigation h2 {margin: 20px 0 10px;} /* Galeria */ #interna #arquivos .linear-navigation{margin: 0 0 5px;} #interna .em-destaque .linear-navigation{padding-left: 30px;margin: 0 0 5px;} #interna .nesta-semana .linear-navigation{padding-left: 30px;margin: 0 0 5px;} #interna #arquivos .linear-navigation li{margin: 0 10px 0 0;} #interna #arquivos .linear-navigation li a{padding: 0 10px 0 0;} #wrap-content #arquivos #opcoes-edicao{border-bottom: 1px solid #CBD9E2;padding-bottom: 5px;margin: 15px 0 0;} #interna .lista-arquivos #arquivos li{margin: 0 8px 0 0;} #interna #wrap-content .lista-arquivos .foto:hover{border: 4px solid #cbd9e2;} #interna #wrap-content .lista-albuns .lista-arquivos .foto:hover{border: 4px solid #cbd9e2;} /* Detalhe Galeria */ #carroussel{width: 700px;position: relative;} #carroussel-content{width: 620px;height: 98px;padding-bottom: 10px;position: relative;overflow: hidden;background-position: 0 bottom;margin: 0 auto;} #carroussel-content span{display: block;margin: 5px 0;} #carroussel .rolagem a{position: absolute;display: block;} #carroussel .seta-esquerda a{top: 60px;width: 15px;height: 15px;background: url("../images/carroussel_setas_background.png") no-repeat;left: 10px;background-position: 0 0;} #carroussel .seta-esquerda a:hover{background-position: 0 -15px;} #carroussel .seta-direita a{top: 60px;width: 15px;height: 15px;background: url("../images/carroussel_setas_background.png") no-repeat;right: 10px;background-position: -15px 0;} #carroussel .seta-direita a:hover{background-position: -15px -15px;} #carroussel-content #scroll{width: 1200px;padding-top: 10px;position: absolute;background-position: 0 top;} .box-content #carroussel-content .lista-arquivos{margin: 0;padding: 0;} #interna #foto-ampliada{width: 700px;height: 450px;display: block;} #interna #wrap-content #foto-ampliada .edicao-tooltip{top: 0;left: -77px;} #interna #foto-ampliada .rolagem a{width: 50%;top: 0;height: 100%;} #interna #foto-ampliada .seta-esquerda a{z-index: 16000;left: 0;background: url("../images/ampliada_seta_esquerda_background.png") 5% center no-repeat;} #interna #foto-ampliada .seta-direita a{z-index: 16000;right: 0;background: url("../images/ampliada_seta_direita_background.png") 95% center no-repeat;} #carroussel #foto-info{display: block;padding-bottom: 10px;border-bottom: 1px solid #CBD9E2;margin: 5px 0;} /* Navegação Secundária */ #navegacao-secundaria{width: 100%;clear: both;} #navegacao-secundaria li a{padding: 2px 10px 2px 0;} /* Navegação Conteudo */ #navegacao-conteudo{width: 100%;clear: both;background: url("../images/pontilhado.png") bottom left repeat-x;margin-bottom: 30px;padding-bottom: 8px;} #navegacao-conteudo li a{padding: 2px 10px 2px 0;} #navegacao-conteudo li.pontilhado{display: block;background: url(../images/pontilhado.png) bottom left repeat-x;float: none;margin-bottom: 3px;padding-bottom: 3px;} /* Player */ #player{position: absolute;bottom: 10%;right: -85%;font-size: 12px;color: #e03c5a;z-index:10000;} #player a{text-decoration: none;color: #e03c5a;} /* Blog */ #interna #left-content #blog h2{margin-top: 5px;font-size: 2.2em;line-height: 130%;} #interna #left-content #blog #comentarios h2{margin-bottom: 10px;border-bottom: 1px solid #CBD9E2;padding-bottom: 8px;} #interna #wrap-content #blog .recado{border: none;margin-bottom: 0;padding: 10px 15px;} #interna #wrap-content #blog .recado p{margin-bottom: 0;} #interna #wrap-content #blog .pontilhado{margin-bottom: 2px;background-position: 0 0;} #interna #wrap-content #blog .recado:nth-of-type(even){background-color: #f5f6f7;} /* Cadastro eventos */ #interna #wrap-content #busca-eventos ul li{width: 20%;} #interna #wrap-content #busca-eventos ul li.left{clear: none;} #interna #wrap-content #busca-eventos ul li button{position: relative;top: 12px;padding: 0 5px;} /* Calendario-eventos */ #interna #calendario-eventos #detalhe-evento h2{margin: 5px 0 15px;} #calendario-eventos .box-content table{width: 100%;} #calendario-eventos #controle-calendario{margin-top: 30px;background: #d7e1e8;} #calendario-eventos #controle-calendario tbody td{padding-bottom: 10px;} #calendario-eventos #controle-calendario #controle-calendario col{width: 33%;} #calendario-eventos #controle-calendario .controle{width: 35px;height: 35px;overflow: hidden;display: block;position: relative;} #calendario-eventos #controle-calendario img{position: absolute;} #calendario-eventos #controle-calendario .anterior:hover img{left: 0;bottom: 0;} #calendario-eventos #controle-calendario .proximo img{top: 0;right: 0;} #calendario-eventos #controle-calendario .proximo:hover img{top: -35px;right: 0;} #calendario-eventos #calendario-info{background: #fff;} #calendario{background: #fff;position: relative; top: -10px; clear: both;border: 1px solid #CBD9E2; border-top: none; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;padding: 5px;} #calendario-info th{padding: 10px 20px;} #calendario-info td{background: #F8F9FA url("../images/calendario_info_background.png") 0 0 no-repeat;height: 38px;} #calendario-info td a{display: block;padding: 12px 20px;} #calendario-info td a:hover{border: 4px solid #E9EBED;background: #fff;padding: 8px 16px;} #calendario-info td a.agendado{border: 4px solid #FDB317;background: #fff;padding: 8px 12px;} #calendario-info tbody{border-right: 1px dotted #CBD9E2;border-bottom: 1px dotted #CBD9E2;} #calendario-eventos #fechar{width: 100px;height: 8px;position: absolute;left: 50%;margin-left: -50px;bottom: -10px;display: block;background: #D4DFE7;border-bottom: 2px solid #45667C;padding: 5px 0;} /* Detalhe evento */ #detalhe-evento{margin-top: 30px;} #detalhe-evento dt{margin-right: 4px;} #detalhe-evento dd{clear: right;margin: 0 0 5px;} #detalhe-info{padding-top: 15px;border-top: 1px solid #B8CBD8;} #detalhe-info .flyer{margin: 0 0 15px;} .data-box{position: relative;top: -5px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: #45667C;margin: 0 10px 10px 0;padding: 5px;} .data-box span{display: block;padding: 0 5px;} .data-box span.mes{background: #fff;margin-bottom: 5px;} #mapa .box-content{border: 1px solid #45667C;background: #D4DFE7;padding: 10px 15px 15px;width:425px;height:350px;} #mapa .box-content img{border: 1px solid #B8CBD8;} /* Blog */ #interna #wrap-content #blog .box-content .data-box{margin-bottom: 0;} #interna #wrap-content #blog h3{margin: 0 0 30px;} #interna #wrap-content #blog h4{margin: 0;} #interna #wrap-content #blog .box-content dl{clear: both;overflow: hidden;border-top: 1px solid #CBD9E2;margin: 0 0 10px;} #interna #wrap-content #blog .box-content img.left{margin: 0 20px 20px 0;} #interna #blog .pontilhado{margin-bottom: 5px;height: 3px;} #interna #wrap-content #blog .linear-navigation{margin: 5px 0;}#interna #wrap-content #blog .linear-navigation li{margin: 0 10px 0 0;} #interna #wrap-content #blog .linear-navigation li a{padding-left: 18px;} #interna #wrap-content #blog a.retweet {display: inline-block;line-height: 16px;background: #45667C;padding: 0 4px 0 0;} #interna #wrap-content #blog a.retweet span{float: left;display: block;margin-right: 4px;background: #CBD9E2;padding: 0 4px;} #interna #wrap-content #blog .linear-navigation li a.comentario{background: url("../images/icone_comentario.png") left -10px no-repeat;} #interna #wrap-content #blog .linear-navigation li a.email{background: url("../images/icone_email.png") left -10px no-repeat;} .compartilhar-list .retweet {margin:0 15px;} #interna #wrap-content #blog .linear-navigation li a.indique{background: url("../images/icone_indique.png") left -10px no-repeat;} #interna #wrap-content #blog .linear-navigation li a.active{background-position: 0 3px;} #interna #wrap-content #blog .linear-navigation li a:hover{background-position: 0 3px;} /* Navegação contextual */ #interna #right-content #navegacao-contextual .box-content h2{margin-bottom: 10px;border-bottom: 1px solid #CBD9E2;padding-bottom: 8px;} #interna #wrap-content #navegacao-contextual ul li.pontilhado{margin-bottom: 0;background-position: 0 100%;height: auto;padding: 5px 0 10px;} #interna #wrap-content #navegacao-contextual ul li.pontilhado a{background: transparent url(../images/square_bullet_background.png) no-repeat scroll 0 center;padding-left: 10px;} /* Recados */ #wrap-content .recado .edicao-tooltip{top: 16px;left: -8px;} /* Form ---------------------------------------------------------------------------------------------------- */ .form{clear: both;} #nesta-semana-form.form{clear: none !important;} .form #submit{margin-top: 10px;padding-top: 30px;border-top: 1px solid #CBD9E2;} .form label{display: block;margin-bottom: 1px;} .form ul{overflow: hidden;} .form ul.upload{margin: 30px 0;} .form ul li{margin: 0 0 10px;} .form ul li span{font-size: 9px;margin-right: 40px;} .form ul li span.aviso{float: none;margin-right: 0;} .form ul li .editar span{float: none;margin-right: 0;} #criar-categoria-form.form ul li a{display: block;background: url(../images/ico-mais.png) center left no-repeat;padding-left: 15px !important;margin-bottom: 10px;} #interna #wrap-content .form ul li{width: 50%;} .modal .form ul li{width: 100% !important;} #adm-blog-form ul li{width: 100% !important;} #criar-categoria-form ul li{width: 100% !important;} #em-destaque-form ul li{width: 100% !important;} #nesta-semana-form ul li{width: 100% !important;} #em-destaque-form ul{width: 297px;margin-left: 25px;margin-top: 20px;} #nesta-semana-form ul{display: block;width: 340px;} #interna #wrap-content .form ul li.left{clear: left;} input:focus{background: #f6f7f9;} textarea:focus{background: #f6f7f9;} input[type="text"]{border: 1px solid #e3e9ef;padding: 4px 0 5px;} input[type=password]{border: 1px solid #e3e9ef;padding: 4px 0 5px;} textarea{border: 1px solid #e3e9ef;} input[type="checkbox"]{margin-left: 0;border: none;width: auto;} #interna button{padding: 5px 10px;} #interna #criar-categoria-form button{padding: 3px;} #interna #busca-banda-form button{padding: 3px;} #interna #nesta-semana-form button{padding: 3px;} #interna .aviso-balao2 button{padding: 1px;} button{cursor: pointer;background: #97b1c2;border-bottom-style: outset;border-color: #dde7ec #000 #000 #dde7ec;padding: 5px 10px;} .button{cursor: pointer;background: #45667C;border-bottom-style: outset;display: inline-block;border-color: #dde7ec #000 #000 #dde7ec;padding: 5px 10px;} button:hover{background: #5d87a3;} .button:hover{background: #5d87a3;} button.claro{cursor: pointer;background: #6a899d;border-bottom-style: outset;border-color: #dde7ec #000 #000 #dde7ec;padding: 5px 10px;} button.claro:hover{background: #78a5c1;} button.finalizar{cursor: pointer;background: #0C3;border-bottom-style: outset;border-color: #00EC3C #009F28 #009F28 #00EC3C;padding: 5px 10px;} button.finalizar:hover {background: #3adf63;} .botao-link{display: inline-block;cursor: pointer;background: #45667C;border-left: solid 2px #dde7ec;border-top: solid 2px #dde7ec;border-right: solid 2px #000;border-bottom: solid 2px #000;border-bottom-style: outset;font-size: 15px;font-weight: 700;color: #fff;padding: 8px 15px;} .botao-link:hover{background: #5d87a3;text-decoration: none;} .botao-crie{display: inline-block;cursor: pointer; background: #00CC33; padding: 5px 10px; border-left-color: #00EC3C; border-top-color: #00EC3C; border-right-color: #009F28; border-bottom-color: #009F28; border-style:solid; border-width:2px; border-bottom-style:outset;font-size: 15px;font-weight: 700;color: #fff;padding: 8px 15px;} .botao-crie:hover{background: #3adf63;text-decoration: none;} #promocoes-vigentes span.botao{margin-top: -20px;} #promocoes-encerradas span.botao{margin-top: -20px;} span.botao{float: right;padding-left: 10px;display: block;height: 19px;background: url("../images/botao_esq_background.png") left 0 no-repeat;} span.botao:hover{background-position: left -19px;} span.botao a{padding-right: 15px;display: block;height: 19px;background: url("../images/botao_dir_background.png") right 0 no-repeat;}span.botao:hover a {background-position: right -19px;} #selo-busca img{margin-right: 10px;} #selo-busca span.voltar{margin-top: -20px;} span.voltar{float: right;padding-left: 10px;display: block;height: 19px;background: url("../images/botao_dir_background2.png") left 0 no-repeat;} span.voltar:hover{background-position: left -19px;} span.voltar a{padding-right: 15px;display: block;height: 19px;background: url("../images/botao_esq_background2.png") right 0 no-repeat;} span.voltar:hover a{background-position: right -19px;} .lista-arquivos .videos .descricao{width: 100px;overflow: hidden;display: block;text-align: left !important;} /* Abre fecha */ #abre-fecha{margin-top: 30px;} #abre-fecha li img{margin-right: 10px;} #abre-fecha li p{margin: 20px 20px 20px 23px;} #abre-fecha li span.pontilhado{margin-top: 10px;} /* Paginacao */ .paginacao{clear: both;margin: 15px auto 0;} .paginacao p{margin-right: 10px;} .paginacao ul{overflow: visible;} .paginacao ul li{display: inline;margin-right: 5px;float: left;} .paginacao a{display: block;float: left;border: 1px solid #CBD9E2;padding: 5px;} .paginacao a:hover{border: 1px solid #45667C;} /*.paginacao a.atual { border: 1px solid #fff; }*/ .paginacao a.active{border: 1px solid #fff;} #pesquisa-banda{display: block;margin-bottom: 60px;} #pesquisa-banda span{background: #45667C;color: #fff;text-transform: uppercase;padding: 1px 2px;} #menu-fale li a{display: block;height: 25px;line-height: 25px;border-bottom: 1px solid #CBD9E2;border-left: 1px solid #CBD9E2;border-right: 1px solid #CBD9E2;background: #FBFCFD;padding-left: 10px;} #menu-fale li.active a{border-right: none;background: none;color: #ef4060;} #menu-fale li.vazio{display: block;height: 25px;border-bottom: 1px solid #CBD9E2;} #menu-lembreto li a{display: block;height: 25px;line-height: 25px;border-bottom: 1px solid #CBD9E2;border-left: 1px solid #CBD9E2;border-right: 1px solid #CBD9E2;background: #FBFCFD;padding-left: 10px;} #menu-lembreto li.active a{border-right: none;background: none;color: #ef4060;} #menu-lembreto li.vazio{display: block;height: 25px;border-bottom: 1px solid #CBD9E2;} .mensagem {display: block;margin-bottom: 30px;} .mensagem .cabecalho{display: block;background: #E3EBF0;border-top: 1px dotted #CBD9E2;border-bottom: 1px dotted #CBD9E2;clear: both;padding: 8px;} .header-table{background: #E3EBF0;border-top: 1px dotted #CBD9E2;border-bottom: 1px dotted #CBD9E2;} .table-td{text-align: left;padding: 8px;} .mensagem .cabecalho .data{float: right;font-size: 11px !important;color: #45667C !important;} .mensagem .cabecalho .banda{font-size: 12px;color: #45667C;} .mensagem .cabecalho .detalhes{font-size: 12px;color: #45667C;} .mensagem p{margin: 0 8px;} .mensagem .preto{color: #333;} .mensagem .pontilhado{margin-bottom: 5px;margin-top: 5px;} .mensagem .info-canal{padding-top: 15px;margin-bottom: 10px;} .mensagem .controle-canal{padding-left: 5px;width: 130px;margin-bottom: 10px;float: right;} .mensagem ul li.responder{display: block;background: url(../images/icone-responder.png) top left no-repeat;padding-left: 8px;} ul li.alterar{display: block;background: url(../images/icone-alterar.png) top left no-repeat;padding-left: 9px;} .mensagem ul li.postar-sms{display: block;background: url(../images/icone-postar-sms.png) top left no-repeat;padding-left: 8px;height: 15px;} .mensagem ul li.excluir{display: block;background: url(../images/icone-excluir.png) top left no-repeat;padding-left: 8px;} .mensagem ul li.lixeira{display: block;background: url(../images/icone-lixeira.gif) top left no-repeat;padding-left: 8px;} #pesquisa-por{display: block;margin-bottom: 30px;margin-top: 30px;} #pesquisa-por span{background: #45667C;color: #fff;text-transform: uppercase;padding: 1px 2px;} /* tabelas */ .gridCompacta{border-collapse: collapse;font-size: .9em;border-left: none;border-top: #CBD9E2 1px solid;border-right: none;border-bottom: #CBD9E2 1px solid;background: #FFF;color: #45667C;} .gridCompacta td{vertical-align: top;border-bottom: 1px solid #CBD9E2;padding: 7px;} .gridCompacta thead th{font-weight: 700;background: #E3EBF0;border-top: 1px dotted #CBD9E2;border-bottom: 1px dotted #CBD9E2;padding: 8px;} .tituloTabela{padding: 8px;} .gridCompacta tfoot th{background-color: #Fff;border-bottom: none;font-weight: 700;text-transform: uppercase;padding: 2px 5px;} .relatorioAberto{margin-top: 2px;height: 18px;width: 16px;float: left;padding-right: 10px;} .gridCompacta .odd{background-color: #fff;} .gridCompacta tr:hover{background: #E3EBF0;} th{border-bottom: 1px solid #CBD9E2;} .gridCompacta tbody td{padding: 4px;} .gridCompacta tbody th{background-color: #fff;border-bottom: 1px solid #CBD9E2;padding: 2px;} .gridCompacta tfoot tr{background-color: #F5F8FA;color: #333;font-size: 1.3em;padding: 2px;} .gridCompacta tfoot tr:hover{background-color: #F5F8FA;} #lembreto-meusdados .gridCompacta{border-collapse: collapse;font-size: 1.1em; border-left: none;border-top: #CBD9E2 1px solid;border-right: none;border-bottom: #CBD9E2 1px solid;background: #FFF;color: #8a8a8a;} #lembreto-meusdados .gridCompacta td{vertical-align: top;border-bottom: 1px solid #CBD9E2;padding: 7px;} #lembreto-meusdados .gridCompacta thead th{font-weight: 700;background: #E3EBF0;border-top: 1px dotted #CBD9E2;border-bottom: 1px dotted #CBD9E2;padding: 8px;} #lembreto-meusdados .gridCompacta tfoot th{background-color: #Fff;border-bottom: none;font-weight: 700;text-transform: uppercase;padding: 2px 5px;} #lembreto-meusdados .gridCompacta .odd{background-color: #fff;} #lembreto-meusdados .gridCompacta tr:hover{background: #fff;} #lembreto-meusdados .gridCompacta tbody td{padding: 4px;} #lembreto-meusdados .gridCompacta tbody th{background-color: #fff;border-bottom: 1px solid #CBD9E2;padding: 2px;} #lembreto-meusdados .gridCompacta tfoot tr{background-color: #F5F8FA;color: #333;font-size: 1.3em;padding: 2px;} #lembreto-meusdados .gridCompacta tfoot tr:hover{background-color: #F5F8FA;} .tableMesTitulo{margin-left: 5px;font-weight: 700;font-size: small;} .titulo{width:85px;overflow:hidden;} .tituloModal{width:250px;overflow:hidden;} .tableValorTitulo{margin-right: 5px;font-weight: 700;font-size: small;} .tableMesConteudo{margin-left: 3px;} .tableMesConteudo2{margin-left: 5px;} .tableValorConteudo{margin-right: 5px;width: 120px;} .tableInternaOperadoras{width: 100%;border-bottom: #CBD9E2 1px solid;background: #E3EBF0;} .tableInternaOperadoras tr:hover{background: #fff;} .tableInternaOperadoras td:hover{background: #fff;} .tableInternaOperadorasStatusOK{color: Green;} .tableInternaOperadorasStatusNO{color: Red;} .tableInternaOperadorasStatusPEN{color: Gray;} .tableMesResgate{margin-left: 3px;color: Red;} .tableValorResgate{margin-right: 5px;color: Red;} .tableOBS{color: #000;background-color: #fbe7db;border-bottom: solid 1px red;border-top: solid 1px red;padding: 2px 10px;} td .tableAvisoReporcessado{border: none;background-color: #EF4060;color: #fff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width: 310px;padding: 15px 5px;} .tableAvisoReporcessado a{color: #FF9;} .valorLiquidoSaldo{background-color: #6D8D9E;color: #fff;font-weight: 700;} .seta-aviso{background: url(../images/setaAviso.png) top left no-repeat;padding-left: 28px;height: 22px;margin: 0 0 25px 15px;} .aviso-balao{display: block;width: 440px;color: #948201;position: relative;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: #FEDF0B;padding: 10px;} .aviso-balao a{color: #4A4100;} .aviso-balao .detalhe-box{bottom: -22px;position: absolute;width: 27px;height: 22px;display: block;background: url("../images/setaAvisoAmarelo.png") 0 0 no-repeat;} .aviso-balao2{display: block;width: 88%;color: #948201;position: relative;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: #FEDF0B;padding: 10px;} .aviso-balao2 a{color: #4A4100;} .aviso-balao2 .detalhe-box{bottom: -22px;position: absolute;width: 27px;height: 22px;display: block;background: url("../images/setaAvisoAmarelo.png") 0 0 no-repeat;} .legendaSaldo{font-size: 0.85em;cursor: text;} .legendaSaldo a{text-decoration: none;} div.hover{position: relative;} .box-content .edicao-tooltip{background: url(../images/bg-btns.gif) no-repeat;width: 80px;height: 15px;position: absolute;display: none;left: -113px;margin: -2px 0 0 -20px;padding: 0 119px 6px 0;} /*.box-content:hover .edicao-tooltip, div.hover .edicao-tooltip{ display:block; } */ .fechar-aviso-ie6{ height:15px; width:15px;float:right; margin:5px 5px 0 0;} .aviso-ie6{width:99,8%; height:60px; border: solid 1px #f0e4c3; background-color:#ffffd6; z-index:2000; display:block; clear:both;} .aviso-ie6-conteudo{width:940px; margin:0 auto; padding:10px 0 0 0;} .aviso-ie6-browsers{float:right; display:inline;} .aviso-ie6-conteudo span{font-size:16px; line-height:140%;} #editClose{display: inline;margin-left: 10px;cursor: pointer;color: #6d8d9e;} #editClose:hover{text-decoration: underline;} .box-content .edicao-tooltip .excluir{overflow: hidden;height: 13px;width: 12px;margin: 0 5px 0 -6px;} .box-content .edicao-tooltip .editar{overflow: hidden;width: 40px;margin: 0;} .form-estudio{float: left;width: 500px;margin-top: -195px;margin-left: 260px;position: relative;} .novo-estudio{margin-top: -150px;} img{border: none;} form{border-style: none;margin: 0;padding: 0;} fieldset{border-style: none;margin: 0;padding: 0;} /* main */ .main{width: 910px;margin: 0 auto;} /* items */ #interna #wrap-content #blog .btn-back{cursor: pointer;float: right;height: 19px;background: url(../images/bg-btn-back.gif) no-repeat 100% -38px #fff;color: #fff;margin: 8px 0 0;} #interna #wrap-content #blog .btn-back span{float: left;height: 19px;line-height: 17px;background: url(../images/bg-btn-back.gif) no-repeat 0 0;font-size: 10px;padding: 0 7px 0 15px;} #interna #wrap-content #blog .btn-back:hover{background-position: 100% -57px;text-decoration: none;} #interna #wrap-content #blog .btn-back:hover span{background-position: 0 -19px;} /* list-song */ .list-song .hold{overflow: hidden;min-height: 64px;padding: 10px 0 22px;} .column .list-items.videos-list li{display:inline-block;height: 77px;overflow: visible;border:10px solid #fff;background:#fff;} .list-items .color .hold{background: #f5f8fa;} .list-song .color .hold{background: #f5f8fa;} .list-items .date{display: block;color: #333;font-size: 9px;font-style: normal;} .list-song .date{display: block;color: #333;font-size: 9px;font-style: normal;} .list-items strong{display: block;color: #45667c;padding: 5px 0 2px;} .list-song strong{display: block;color: #45667c;padding: 5px 0 2px;} .list-items .ratings .stars{float: left;width: auto;margin: 7px 0 0 5px;} .list-song .ratings .stars{float: left;width: auto;margin: 7px 0 0 5px;} .list-items .ratings{height: 1%;overflow: hidden;} .list-song .ratings{height: 1%;overflow: hidden;} .list-items .ratings strong{float: left;} .list-song .ratings strong{float: left;} .list-items .number{vertical-align: top;width: 24px;font-size: 18px;line-height: 22px;color: #cbd9e2;display: table-cell;} .list-song .number{vertical-align: top;width: 24px;font-size: 18px;line-height: 22px;color: #cbd9e2;display: table-cell;} .list-items img{vertical-align: top;} .list-song img{vertical-align: top;} .list-items .info{display: table-cell;vertical-align: middle;} .list-song .info{display: table-cell;vertical-align: middle;} .list-items .stars{display: block;width: 100%;overflow: hidden;} .list-song .stars{display: block;width: 100%;overflow: hidden;} .list-items .stars img{float: left;} .list-song .stars img{float: left;} .list-items p{line-height: 12px;margin: 0;} .list-song p{line-height: 12px;margin: 0;} .three-columns .link{display: block;text-align: right;padding: 2px 0 0;} .tabs .link{display: block;text-align: right;padding: 2px 0 0;} .three-columns .link a{color: #ef4060;} .tabs .link a{color: #ef4060;} .list-items .name{display: block;margin: 0 0 9px;} .list-song .name{display: block;margin: 0 0 9px;} /*aviso*/ .uploadStatus{width: 112px;height: 6px;background-color: #D6DBE2;cursor: hand;padding-top: 2px;} .uploadProgress{width: 0px;height: 4px;background-color: green;} .ui-state-highlight{height: auto;min-height: 15px;padding: 5px 0 5px 0;} .radio-pop-up img{ margin:2000px;} /* tooltips */ a.tt{position:relative;z-index:24;color:#45667c;text-decoration:none} a.tt span{ display: none} /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25} a.tt:hover span.tooltip{display:block;position:absolute;left:0; width:350px; padding:15px 0 5px 5px;top:0px;*top:50px;color:#533A35;filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90} a.tt:hover span.top{display: block;padding: 0;/*background: url(../images/bubble.gif) no-repeat top;*/} a.tt:hover span.middle{ /* different middle bg for stretch */color: #fff;display: block;padding: 5px ; font-size:13px;} a.tt:hover span.middle p{ color: #fff;} a.tt:hover span.bottom{display: block;padding:3px 8px 10px 0;color: #663390;} form, fieldset{margin:0;padding:0;border-style:none;} /* main */ /* panel */ .panel {margin:0 0 33px;} /* nav */ .panel .nav{background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;height:1%;overflow:hidden;padding:0 0 5px;margin:0 0 3px;} .panel ul{margin:0;padding:0 0 0 77px;list-style:none;overflow:hidden;float:left;} .panel ul li{float:left;padding:0 11px;background:url(../images/separator.gif) no-repeat 100% 10px;margin:0 -1px 0 1px;} .panel ul a:hover, .panel ul .active a{color:#d9271b;text-decoration:none;} /* link */ .panel .link{position:relative;background:#d9271b;color:#fff;float:left;padding:0 6px;margin:0 -89px 0 0;font-size:10px;} strong.welcome{font-size:13px;display:block;color:#45667c;} #wrap-content .main h1{font-weight:bold;margin:0;font-size:35px;line-height:36px;} /* breadcrumbs */ .breadcrumbs{font-size:14px;color:#6d8d9e;margin:0 0 31px -3px;padding:5px 0 0;list-style:none;height:1%;overflow:hidden;} .breadcrumbs li{font-weight:bold;float:left;padding:0 4px 0 6px;margin:0 3px 0 -3px;background:url(../images/separator1.gif) no-repeat 0 2px;} .breadcrumbs a{font-weight:normal;} .main h2{font-size:30px;line-height:37px;font-weight:normal;color:#45667c;margin:0;} .main p{margin:0 0 10px;} /* items */ .items-holder h3{font-size:19px;color:#333;font-weight:normal;padding:34px 0 10px;margin:0 0 11px;border-bottom:1px solid #cbd9e2;} .items .item{height:1%;padding:0 253px 16px 0;margin:0 0 14px;background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;} .items .item:after{content:"";display:block;clear:both;} .items .item .number{float:left;width:20px;font-size:18px;color:#cbd9e2;background:url(../images/bg-item.gif) no-repeat 3px 100%;padding:4px 0 33px;margin:0 7px 0 0;} /* block */ .block {color:#45667c;float:left;width:210px;background:#eaf0f4;margin:0 10px 0 0;position:relative;} .block .image{width:100%; position:relative;border-bottom:1px solid #cbd9e2;} .block .caption{background:#0c3;color:#fff;position:absolute;right:0;bottom:0;padding:8px 8px;font-size:9px;line-height:12px;} .block .caption strong{font-size:11px;} .block .image img{vertical-align:top;} .block .info{padding:7px 11px 9px;} .block .date{display:block;} /* add-group */ .add-group .row{height:1%;overflow:hidden;margin:0 0 6px;} .add-group .text{float:left;background:url(../images/bg-input01.gif) no-repeat;width:77px;height:15px;padding:5px 5px 5px 7px;} .add-group .text input{float:left;padding:0;margin:0;text-indent:0;background:none;border:0;width:77px;} .add-group .date input{width:58px;margin:0 2px 0 0;} .add-group .calendar{float:left;text-indent:-9999px;overflow:hidden;background:url(../images/ico-calendar.gif) no-repeat;width:16px;height:16px;} .add-group .row .question, .items .question{float:left;margin:10px 0 0 5px;font-size:13px;font-weight:bold;} .items .question{margin:95px 0 0;float:right;} .add-group .medium{background:url(../images/bg-input02.gif) no-repeat;width:91px;margin:0 0 0 8px;} .add-group .medium input{width:91px;} .add-group .larger{background:url(../images/bg-input03.gif) no-repeat;width:314px;margin:0 6px 0 0;} .add-group .larger input{width:314px;} .add-group .btn-submit{background:url(../images/btn-submit.gif) no-repeat;width:99px;height:25px;color:#fff;font-weight:bold;border:0;cursor:pointer;} .block-image:hover, div.hover, .photo:hover{position:relative;} .block .buttons, .photo .buttons{background:url(../images/bg-btns.gif) no-repeat;width:70px;height:15px;padding:6px 119px 6px 6px;position:absolute;top:23px;left:-113px;display:none;} .block:hover .buttons, div.hover .buttons, .photo:hover .buttons{display:block;} .block .buttons .delete, .photo .buttons .delete{text-indent:-9999px;overflow:hidden;float:left;height:13px;width:12px;margin:2px 11px 0 1px;} .block .buttons .edit, .photo .buttons .edit{text-decoration:none;background:#d9271b;color:#fff;padding:0 3px;line-height:15px;float:left;} /* btn-back*/ .btn-back{cursor:pointer;float:right;height:19px;background:url(../images/bg-btn-back.gif) no-repeat 100% -38px;color:#fff;margin:8px 0 0;} h2 .btn-back span{float:left;height:19px;line-height:17px;padding:0 7px 0 15px;background:url(../images/bg-btn-back.gif) no-repeat 0 0;font-size:10px;} .btn-back span{float:left;height:19px;line-height:17px;padding:0 7px 0 15px;background:url(../images/bg-btn-back.gif) no-repeat 0 0;font-size:10px;} .btn-back:hover{background-position:100% -57px;text-decoration:none;} .btn-back:hover span{background-position:0 -19px;} /* columns */ .columns{width:936px;margin:0 -28px 0 0;overflow:hidden;} .members{width:210px;float:right;padding:13px 28px 0 0;} .columns .blog{height:1%;overflow:hidden;padding:0 24px 0 0;float:left;display:inline;/*width:600px;*/} /* members */ .members ul{margin:0;padding:0;list-style:none;} .members ul li{height:1%;padding:0 0 1px;margin:0 0 8px;background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;} .members ul li:after{content:"";display:block;clear:both;} .members ul .photo{float:left;position:relative;} .members ul .info{height:1%;overflow:hidden;} .members ul em{display:block;font-size:9px;color:#333;margin:0 0 8px;font-style:normal;} .photo .buttons{padding:6px 10px 6px 6px;left:-85px;top:1px;} .members .image{display:block;width:81px;height:64px;overflow:hidden;} .members .image img{float:left;} .members .image:hover{border:4px solid #cbd9e2;width:73px;height:56px;} .members .image:hover img{margin:-4px;} .members h2{margin:0 0 15px;font-size:14px;line-height:19px;font-weight:bold;border-bottom:1px solid #cbd9e2;} .members .photo {margin:0 11px 0 0;} * html .members .photo {margin:0 8px 0 0;} .members .title{font-size:14px;display:block;} /* blog */ .columns .blog h2{margin:0 0 12px;font-size:23px;} .columns .blog dl{margin:0 0 20px;padding:0;height:1%;overflow:hidden;} .columns .column .blog dl{margin:0 0 12px;} .columns .blog dl dt{float:left;color:#333;padding:0 3px 0 0;font-weight:normal;} * html .columns .blog dl dt{margin:0 -3px 0 0;} .columns .blog dl dd{height:1%;overflow:hidden;} .columns .blog dl dd a{color:#8a8a8a;} .columns .blog dl dd strong{ color:#333;} /* info-holder */ .info-holder{width:696px;margin:0 -25px 0 0;padding:8px 0 0;overflow:hidden;} .info-holder .info{line-height:18px;width:325px;float:left;margin:0 23px 0 0;} .info-holder .head{background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;margin:0 0 8px;} .info-holder .head h3{font-size:11px;line-height:23px;color:#333;margin:0;} .columns .blog .info-holder dd{height:auto;overflow:visible;} .columns .blog .info-holder dt{color:#8a8a8a;} .columns .blog .info-holder dd a{color:#6d8d9e;} /* social */ .info-holder .social, .artist-info .social{clear:both;margin:0;padding:0;list-style:none;width:100%;overflow:hidden;} .artist-info .social{width:auto;clear:none;padding:3px 0 2px;} .info-holder .social li, .artist-info .social li{float:left;margin:0 2px 0 0;} .info-holder .social li a, .artist-info .social li a{float:left;text-indent:-9999px;overflow:hidden;background:url(../images/social.gif) no-repeat -1px -1px;width:23px;height:24px;} .info-holder .social .facebook a, .artist-info .social .facebook a{background-position:-26px -1px;} .info-holder .social .twitter a, .artist-info .social .twitter a{background-position:-52px -1px;} .info-holder .social .youtube a, .artist-info .social .youtube a{background-position:-78px -1px;} .info-holder .social .orkut a, .artist-info .social .orkut a{background-position:-104px -1px;} .info-holder .name, .info-holder .phone{ display:block;} .info-holder address{font-style:normal;} .columns .column{width:443px;float:left;margin:0 24px 0 0;} /* artist-box */ .artist-box{margin:0 0 25px;} .artist-box img{vertical-align:top;} #wrap-content .main .columns h1{margin:0 0 17px;} /* caption */ .artist-box .caption{padding:5px;border:1px solid #cbd9e2;} .artist-box .caption ul{margin:0 0 0 -10px;padding:0;list-style:none;height:1%;overflow:hidden;} .artist-box .caption ul li{float:left;background:url(../images/separator2.gif) no-repeat;padding:0 12px;margin:0 1px 0 -1px;} .artist-box .caption ul .add a{float:left;background:url(../images/ico-plus.gif) no-repeat;padding:0 0 0 20px;color:#0c3;font-size:11px;font-weight:bold;} .columns .column h2{font-size:19px;line-height:24px;margin:0 0 15px;border-bottom:3px solid #cbd9e2;} .columns .column .info-holder{width:464px;padding:10px 0 0;} .columns .column .info-holder .info{line-height:14px;width:210px;margin:0 22px 0 0;} .columns .column .blog{padding:0;margin:0 0 20px;} /* image-list */ .image-list{margin:0;padding:0;list-style:none;width:432px;overflow:hidden;} .image-list li{float:left;width:81px;margin:0 27px 0 0;padding:0 0 17px;} .image-list .image{width:81px;height:64px;display:block;overflow:hidden;margin:0 0 2px;} .image-list .image img{float:left;} .image-list .image:hover{border:4px solid #cbd9e2;width:73px;height:56px;} .image-list .image:hover img{margin:-4px;} /* paging */ .paging{background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;margin:0 0 10px;} .paging .holder{background:url(../images/bg-nav-manage.gif) repeat-x;height:1%;padding:0 15px;position:relative;} .paging ul{margin:0;padding:5px 0 6px;list-style:none;text-align:center;} .paging ul li{display:inline;margin:0 2px;} .paging ul li.active a, .paging ul a:hover{color:#333;text-decoration:none;} .paging .link-next, .paging .link-prev{position:absolute;top:5px;text-indent:-9999px;overflow:hidden;display:block;height:15px;width:15px;background:url(../images/links.gif) no-repeat 0 0;} .paging .link-prev {left:0;} .paging .active-prev{ background-position:0 -15px;} .paging .link-next{right:0;background-position:-15px 0;} .paging .active-next{background-position:-15px -15px;} .columns .column .link{height:1%;overflow:hidden;} /* btn-next */ .btn-next{float:right;background:url(../images/bg-btn-next.gif) no-repeat 0 -38px;height:19px;color:#fff;} .btn-next span{float:left;height:19px;line-height:17px;font-size:10px;background:url(../images/bg-btn-next.gif) no-repeat 100% 0;padding:0 15px 0 8px;} .btn-next:hover{text-decoration:none;background-position:0 -57px;} .btn-next:hover span{background-position:100% -19px;} .image-list div{width:81px;position:relative;} .image-list .play, .list-items .photo .play{display:block;background:url(../images/btn-play.png) no-repeat;width:24px;height:24px;text-indent:-9999px;overflow:hidden;position:absolute;top:20px;left:27px;} /* section */ .section{width:443px;overflow:hidden;margin:0 0 24px;} /* events */ .events{margin:0;padding:0;list-style:none;} .events li{height:1%;overflow:hidden;padding:0 45px 8px 0;margin:0 0 9px;background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;} .events .photo {float:left;margin:0 10px 0 0;} * html .events .photo {margin:0 7px 0 0;} .events .photo a{width:52px;height:41px;display:block;overflow:hidden;} .events .photo a img{float:left;} .events .photo a:hover{border:4px solid #cbd9e2;width:44px;height:33px;} .events .photo a:hover img{margin:-4px;} .events .date{font-style:normal;font-size:9px;display:block;color:#333;} .events .info{line-height:14px;height:1%;overflow:hidden;} .events .info .title{display:block;margin:0 0 5px;} .events .info p{margin:0;line-height:13px;} .events .medal{float:left;margin:0 8px 0 0;} .medals .info{padding:5px 0 0;} /* calendar */ .calendar{margin:0 -30px 0 0;padding:0;overflow:hidden;list-style:none;width:468px;} .calendar .date{background:#ef4060;color:#fff;font-style:normal;display:inline-block;line-height:13px;padding:0 2px;font-size:9px;} .calendar li{background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;float:left;width:209px;padding:0;margin:0 24px 9px 0;} .calendar .title{display:block;margin:10px 0 0;} /* player */ .table-song { width: 100%; } .player { background: url(../images/bg-player.gif) no-repeat; width: 423px; margin: 25px -3px 28px; height: 414px; padding: 0 12px 11px; } .player .heading { width: 102px; padding: 10px 0 10px 22px; float: left; } .player .heading:hover, .player .hover{position:relative;} .player .heading:hover .drop, .player .hover .drop{display:block;} /* drop */ .player .drop .t{background:url(../images/bg-drop-t.png) no-repeat;height:5px;overflow:hidden;} .player .drop .b{background:url(../images/bg-drop-b.png) no-repeat;height:6px;overflow:hidden;} .player .drop .c{height:1%;padding:0 5px;background:url(../images/bg-drop-r.png) repeat-y;} .player .drop{display:none;width:192px;position:absolute;top:22px;left:0;} .player .drop ul{position:relative;margin:0;padding:0;list-style:none;overflow:hidden;} .player .drop ul li{padding:4px 7px 8px 11px;margin:1px 0 -1px;background:url(../images/border.gif) repeat-x 0 100%;} .player .drop .new{color:#ef4060;font-weight:bold;padding:0 0 0 18px;background:url(../images/ico-plus2.gif) no-repeat;} .player .drop .row{height:1%;overflow:hidden;padding:4px 0 0;margin:0 0 0 -4px;position:relative;} .player .drop .row .text{float:left;background:url(../images/bg-input04.gif) no-repeat;width:127px;height:15px;padding:5px;margin:0 3px 0 0;} .player .drop .row input{float:left;} .player .drop .row .text input{padding:0;margin:0;background:none;border:0;width:127px;} .player h3 a{color:#fff;} .player h3 a:hover{text-decoration:none;} .player h3{margin:0;padding:0 0 0 15px;font-size:11px;line-height:11px;background:url(../images/ico-player.gif) no-repeat 0 2px;} .player .holder{clear:both;background:#fff url(../images/bg-player-hold.gif) no-repeat;} .player .frame{width:100%;height: 375px; padding:6px 0 0;background:url(../images/bg-player-hold.gif) no-repeat -423px 100%;} .player h4{font-size:9px;margin:0;font-weight:normal;color:#45667c;letter-spacing:5px;} .player .head{background:#cbd9e2 url(../images/border.gif) repeat-x 0 100%;height:15px; min-height: 15px;padding:5px 10px 9px;margin:0 0 10px;overflow:hidden;} .player .collapse{float:right;text-indent:-9999px;overflow:hidden;background:url(../images/minus.gif) no-repeat;width:17px;height:1px;margin:7px 0 0;} .player .name{margin:0;padding: 0 0 12px 9px;list-style:none;height:15px; min-height: 15px;overflow:hidden;background:url(../images/border.gif) repeat-x 0 100%;} .player .name li{float:left;padding:0 8px 0 9px;background:url(../images/separator3.gif) no-repeat 0 10px;margin:0 1px 0 -1px;} .player .name a{color:#333;} /* player-panel */ .player-panel{height:35px; max-height:35px; overflow:hidden;background:#f5f8fa url(../images/border.gif) repeat-x 0 100%;} .player .list{position: relative; height: 227px; max-height:227px; overflow: auto; padding: 0 2px 0 6px;z-index: 5; } .player .list table { margin: 0; padding: 0; border-collapse: collapse; } .player .list table th{text-align: left; padding: 0; background: url(../images/border.gif) repeat-x 0 100%; border: 0; color: #45667c; font-weight: normal; } .player .list table td span, .player .list table th span{ padding: 4px 8px 8px;display: block; background: url(../images/border2.gif) repeat-y;} .player .list table th span {padding: 4px 8px 9px;} .player .list table td{overflow:hidden;width:125px;max-width:125px;height:30px;max-height:30px;margin: 0; padding: 0; background: url(../images/border.gif) repeat-x 0 100%;} .player .list table td:first-child{width:25px;max-width:25px;} .player .list table .color td{background: #f8f9fa url(../images/border.gif) repeat-x 0 100%;} .player .list table tr:hover td, .player .list table tr.hover td, .player .list table tr.active td{ color: #333;background-color: #d8e1e6;cursor: pointer;} .player .list table .name{width: 162px;} .player .list table .artist {width: 96px;} .player .list table .name-album{ width: 113px; } .player .list table .open { display: block;width: 16px; height: 16px;text-indent: -9999px; overflow: hidden;background: url(../images/ico-plus1.gif) no-repeat; margin: 0 5px;} .player .list table .open:hover{background-position: -16px 0;} .playlist-holder{position: relative; width: 100%; } .control{margin:0;width:108px;padding:10px 0 7px;list-style:none;float:left;overflow:hidden;background:url(../images/border1.gif) repeat-y 100% 0;} * html .control{margin:0 -3px 0 0;} .control li{float:left;padding:0 0 0 10px;background:url(../images/separator4.gif) no-repeat 0 1px;margin:0 10px 0 -1px;display:inline;} .control li a{text-indent:-9999px;overflow:hidden;float:left;height:15px;width:16px;background:url(../images/bg-control.gif) no-repeat;} .control .pause a{background-position:-16px 0;width:14px;} .control .next a{background-position:-30px 0;} .control .play a{background-position:-46px 0;width:15px;} .control .prev.disabled a { background-position: 0 -15px; cursor: default; } .control .pause.disabled a { background-position: -16px -15px; width: 14px; cursor: default; } .control .next.disabled a { background-position: -30px -15px; cursor: default; } .control .play.disabled a { background-position: -46px -15px; width: 15px; cursor: default; } .player .bar{width:237px;background:url(../images/border1.gif) repeat-y 100% 0;float:left;padding:9px 10px;} .player .bar-grow{margin-top:3px;width:237px;height:4px;background-color:#cbd9e2;float:left;padding:2px;overflow:hidden;} .player .bar img{display:block;} .player .time {font-size:9px;color:#45667c;line-height:10px;height:1%;overflow:hidden;} .player .time .length{float:right;} /* sound-control */ .sound-control{margin:0;padding:9px 0 0 10px;list-style:none;height:1%;overflow:hidden;} .sound-control li{float:left;margin:0 5px 0 0;} .sound-control li a{float:left;background:url(../images/sound-control.gif) no-repeat;height:16px;width:16px;text-indent:-9999px;overflow:hidden;} .sound-control .minus a{background-position:-16px 0;} .sound-control .minus.disabled a { background-position: 0 -16px; } .sound-control .plus.disabled a { background-position: 0 -16px; } .sub-panel{margin:0 0 5px;padding:11px 0 7px;list-style:none;height:15px;overflow:hidden;border-bottom:2px solid #45667c;} .sub-panel li, .popup ul li{font-size:9px;float:left;background:url(../images/border2.gif) repeat-y;margin:0 1px 0 -1px;padding:0 5px;} .sub-panel .favorite a, .sub-panel .download a, .sub-panel .mobile a, .sub-panel .send a, .sub-panel .facebook a, .sub-panel .twitter a, .popup ul .favorite a, .popup ul .download a, .popup ul .mobile a, .popup ul .send a, .popup ul .facebook a, .popup ul .twitter a { height: 17px; width: 16px; text-indent: -9999px; overflow: hidden; float: left; background: url(../images/icos.gif) no-repeat; } .sub-panel .comment a, .popup ul .comment a{float:left;background:url(../images/ico-comment.gif) no-repeat 100% 0;padding:0 22px 0 0;color:#8a8a8a;} a.send { height: 17px; width: 16px; text-indent: -9999px; overflow: hidden; float: left; background: url(../images/icos.gif) no-repeat; width: 21px; background-position: -42px 0; margin: 0 15px 0 15px; } .sub-panel img { vertical-align: top; } .sub-panel .comment a, .popup ul .comment a { float: left; background: url(../images/ico-comment.gif) no-repeat 100% 0; padding: 0 22px 0 0; color: #8a8a8a; } .sub-panel .favorite.disabled a, .popup ul .favorite.disabled a { background-position: 0px -17px; cursor: default; } .sub-panel .favorite.remove a, .popup ul .favorite.remove a { background-position: -95px 0; cursor: default; } .sub-panel .favorite.remove.disabled a, .popup ul .favorite.remove.disabled a { background-position: -95px -17px; cursor: default; } .sub-panel .download a, .popup ul .download a { background-position: -16px 0; } .sub-panel .download.disabled a, .popup ul .download.disabled a { background-position: -16px -17px; cursor: default; } .sub-panel .mobile a, .popup ul .mobile a { width: 10px; background-position: -32px 0; } .sub-panel .mobile.disabled a, .popup ul .mobile.disabled a { width: 10px; background-position: -32px -17px; cursor: default; } .sub-panel .send a, .popup ul .send a { width: 21px; background-position: -42px 0; } .sub-panel .send.disabled a, .popup ul .send.disabled a { width: 21px; background-position: -42px -17px; cursor: default; } .sub-panel .facebook a, .popup ul .facebook a { background-position: -63px 0; } .sub-panel .facebook.disabled a, .popup ul .facebook.disabled a { background-position: -63px -17px; cursor: default; } .sub-panel .twitter a, .popup ul .twitter a { background-position: -79px 0; } .sub-panel .twitter.disabled a, .popup ul .twitter.disabled a { background-position: -79px -17px; cursor: default; } .stars-title { float: left; padding-right: 5px; } div.rating-cancel, div.star-rating { float: left; width: 12px; height: 11px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; } div.rating-cancel, div.rating-cancel a { background: url(../images/delete.gif) no-repeat 0 -11px; } div.star-rating, div.star-rating a { background: url(../images/star.gif) no-repeat 0 0px; } div.rating-cancel a, div.star-rating a { display: block; width: 12px; height: 100%; background-position: 0 0px; border: 0; } div.star-rating-on a { background-position: 0 -11px !important; } div.star-rating-hover a { background-position: 0 -22px; } div.star-rating-readonly a { cursor: default !important; } div.star-rating { background: transparent !important; overflow: hidden !important; } /* popup */ .popup{width:167px;position: absolute;top:0;left:26px;display:none;z-index:999;} .popup .t{background:url(../images/bg-popup-t.png) no-repeat;height:6px;overflow:hidden;} .popup .b{background:url(../images/bg-popup-b.png) no-repeat;height:7px;overflow:hidden;} .popup .c{width:100%;background:url(../images/bg-popup-r.png) repeat-y;} .popup .content{position:relative;padding:0 6px;height:1%;} .popup .arrow{position:absolute;background:url(../images/arrow.gif) no-repeat;width:5px;height:9px;text-indent:-9999px;overflow:hidden;left:0; top:42%;} .popup .headline{background:#f8f9fa;color:#45667c;padding:4px 10px;} .popup ul{margin:0;padding:4px 0;list-style:none;height:1%;overflow:hidden;background:#f8f9fa url(../images/border.gif) repeat-x;} .popup ul li{float:left;padding:0 6px;} .popup span{padding:0 !important;background:none !important;float:left !important;} /*#box-search{background:url(../images/bg-box-search.png) no-repeat;width:551px;height:45px;border:0;} #search-bar{width:540px;padding:9px 0 0 8px;} * html #search ul{margin:0 6px 0 0;}*/ #wrap-tools{padding:0 0 7px;} /* list-events */ .list-events{margin:0;padding:5px 0 0;list-style:none;} .list-events li{background:url(../images/bullet.gif) no-repeat 0 7px;padding:0 0 0 12px;margin:0 0 5px;} /* calendar-group */ .calendar-group{margin:0 -20px 0 0;padding:0;overflow:hidden;list-style:none;width:462px;} .calendar-group li{float:left;width:213px;padding:0 18px 24px 0;} .calendar-group .title{display:block;} .section .tags{line-height:25px;margin:-9px 0 0;} .calendar-group .date{font-style:normal;font-size:9px;line-height:13px;color:#fff;display:block;padding:0 2px 0 0;border-left:2px solid #ef4060;background:#ef4060 url(../images/bg-date.gif) repeat-x 0 100%;} .calendar-group .date span{background:#ef4060;padding:1px 2px 1px 0;} * html .calendar-group .date span{padding:1px 2px 0 0;} .calendar-group .info{height:1%;overflow:hidden;} .calendar-group .image{width:81px;height:64px;float:left;overflow:hidden;margin:0 10px 0 0;} * html .calendar-group .image{margin:0 7px 0 0;} .calendar-group .image img{float:left;} .calendar-group .image:hover{border:4px solid #ef4060;width:73px;height:56px;} .calendar-group .image:hover img{margin:-4px;} /* artist-info */ .artist-info{width:100%;overflow:hidden;margin:-3px 0 21px;} .artist-info .artist-box{border:solid #fff;border-width:0 10px 4px 0;float:left; margin:0;} * html .artist-info .artist-box{margin:0 -3px 0 0;} .artist-info dl {margin:0;} .artist-info dl a{ color:#8a8a8a;} .artist-info dl dt{margin:0 0 5px;} .artist-info dl dt span{color:#fff;font-size:9px;background:#6d8d9e;font-weight:normal;display:inline-block;padding:0 5px;} .artist-info dl dd{margin:0 0 9px;padding:0 0 10px;height:1%;background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;} .artist-info .artist-box .caption {width:214px;background:#fff;} .artist-info dl dd p{line-height:13px;} /* tabs */ div.tabs{margin-bottom: 30px;} .tabs{padding:10px 0 50px;} /* tabset */ .tabset{margin:0;padding:0;list-style:none;height:1%;border-bottom:1px solid #cbd9e2;} .tabset:after{content:"";display:block;clear:both;} .tabset li{padding:0 7px 0 0;float:left;} .tabset a{border:solid #cbd9e2;border-width:1px 1px 0;background:#f5f8fa;line-height:25px;padding:0 9px;font-weight:bold;float:left;} .tabset a:hover, .tabset a.active{color:#ef4060;background:#fff;padding:0 9px 1px;margin:0 0 -1px;text-decoration:none;position:relative;} .promo .activeRED{color:#EF4060;text-decoration:none; font-size:14px; margin-top:-15px; cursor:pointer; font-weight:700;} ul.redLink li a {color:#EF4060;text-decoration:none; font-weight:700;} /* tab-content */ .tab-content{padding:37px 0;} .main .tabs h2{font-size:25px;} .tabs .container{width:928px;margin:0 -22px 0 0;overflow:hidden;padding:24px 0 0;} .tabs .container .column{width:210px;float:left;margin:0 22px 0 0;} .tabs h3{font-size:14px;color:#45667c;border-bottom:1px solid #cbd9e2;padding:0 0 4px;} /* list-items */ .resultados{ background-color:#fff; display:inline;} .list-items, .list-song{margin:0;padding:0;list-style:none;} .list-items li, .list-song li{height:1%;vertical-align:top;background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;padding:0 0 3px;margin:0 0 2px;} .list-items .hold, .list-song .hold{min-height:57px;overflow:hidden;padding:19px 0 22px;} .resultados .column .container .list-items li .hold{_display:inline;*display:inline;} .resultados .column .container .list-items li {*padding:0 0 15px 0; *width:210px; *max-width:210px; _min-width:210px; _margin:0 0 15px 0; _width:210px; _max-width:210px; _min-width:210px;} .resultados .column .container .list-items li .hold .photo{_display:inline;*display:inline; *margin-right:3px;} .tabs .container .column .list-items .hold{display:table;width:210px;} .tabs .container .column .list-items .photo{width:81px;} * html .list-items .hold{height:57px;overflow:visible;} .list-items .color .hold, .list-song .color .hold{background:#f5f8fa;} .list-items .photo{display:table-cell;vertical-align:top;padding:0 10px 0 0;} .list-items .photo a{float:left;overflow:hidden;} .list-items .photo a img{float:left;} .list-items .photo a:hover{border:4px solid #cbd9e2;} .list-items .photo a:hover img{ margin:-4px;} .list-items .date, .list-song .date{display:block;color:#333;font-size:9px;font-style:normal;} .list-items strong, .list-song strong{display:block;padding:5px 0 2px;color:#45667c;} .list-items .ratings .stars, .list-song .ratings .stars{float:left;width:auto;margin:7px 0 0 5px;} .list-items .ratings, .list-song .ratings {height:1%;overflow:hidden;} .list-items .ratings strong, .list-song .ratings strong{float:left;} .list-items .number, .list-song .number{vertical-align:top;width:24px;font-size:18px;line-height:22px;color:#cbd9e2;display:table-cell;} .list-items img, .list-song img{vertical-align:top;} .list-items .info, .list-song .info{display:table-cell;vertical-align:middle;} .list-items .stars, .list-song .stars{display:block;width:100%;overflow:hidden;} .list-items .stars img, .list-song .stars img{float:left;} .list-items p, .list-song p{margin:0;line-height:12px;} /*resultados*/ .container .resultados .column .list-items li { width:210px; display:inline;} .container .resultados .column { width:100%; height:100%;} .container .resultados .column .list-items .hold {display:inline-block; height:57px;} /*resultados*/ .three-columns .link, .tabs .link{display:block;text-align:right;padding:2px 0 0;} .three-columns .link a, .tabs .link a{ color:#ef4060;} .link-song{background:url(../images/bullet1.gif) no-repeat;padding:0 0 0 27px;} .list-items .name, .list-song .name{display:block;margin:0 0 9px;} /* search-panel */ .search-panel .row{height:1%;padding:9px 0 0;overflow:hidden;} .search-panel .row label{float:left;color:#333;font-size:19px;margin:0 14px 0 0;} .search-panel .row select{float:left;width:158px;margin:0 9px 0 0;} .search-panel .row input{float:left;margin:-5px 0 0;} .search-panel .hold{ height:1%;overflow:hidden;padding:11px 0 5px;background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;} .search-panel {margin:0 0 46px;} .search-panel .hold p{margin:0;} .search-panel .hold p strong{color:#8a8a8a;} .search-panel .hold span{float:right;} /* three-columns */ .three-columns{width:936px;margin:0 -28px 0 0;} .three-columns .column{width:284px;float:left;margin:0 28px 0 0;} .three-columns h2{font-size:14px;line-height:19px;font-weight:bold;border-bottom:1px solid #cbd9e2;} .three-columns .music .hold{min-height:0;padding:15px 0 14px;} .three-columns .music .link-song{padding:0 0 0 30px;} * html .three-columns .music .hold{height:auto;} .three-columns .calendar-event .date{display:inline-block;background:#ef4060;color:#fff;padding:0 2px;margin:0 0 5px;} .three-columns .calendar-event .photo a:hover{border:4px solid #ef4060;width:73px;height:56px;} .list-items .photo div{position:relative;width:81px;} .promotions .hold{min-height:0;padding:18px 0 14px;} * html .promotions .hold {height:1%;} /* song-panel */ .song-panel{margin:-5px 0 0;padding:0 10px 0 0;list-style:none;float:left;overflow:hidden;} .song-panel li{margin:1px 0 -1px;padding:5px 0;float:left;clear:left;} .song-panel a{float:left;text-indent:-9999px;overflow:hidden;background:url(../images/btns-song.gif) no-repeat;width:18px;height:16px;} .song-panel .download a{background-position:0 -16px;} .three-columns .section{margin:0 0 60px;} .label-holder{width:677px;padding:35px 0 0;} /* add-label */ .add-label{margin:0 0 40px;padding:6px 0 0;background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;} .add-label div{padding:5px 6px;background:url(../images/bg-nav-manage.gif) repeat-x;} .add-label a{color:#d9271b;background:url(../images/bullet2.gif) no-repeat 0 8px;padding:0 0 0 15px;} .label-holder table{width:100%;margin:0 0 67px;border-collapse:collapse;border:solid #d4dbe2;border-width:0 0 1px 1px;} .label-holder table td{padding:0;margin:0;border:solid #d4dbe2;border-width:1px 1px 0 0;} .label-holder table .bands{display:block;text-align:right;color:#6d8d9e;font-size:9px;} .label-holder table .cell{width:121px;padding:2px 5px 3px 8px;} .label-holder table .cell div{height:1%;overflow:hidden;padding:2px 0 1px;} .label-holder table img{vertical-align:top;} .label-holder table a{float:left;margin:0 5px 0 0;} .label-holder table .cell div span{display:block;font-size:9px;line-height:11px;} .label-holder table .delete, .awards .delete{text-indent:-9999px;overflow:hidden;background:url(../images/btn-delete.gif) no-repeat;width:26px;height:27px;position:absolute;top:16px;left:-22px;display:none;} .label-holder table .cell:hover, .label-holder table .hover{position:relative;} .label-holder table .cell:hover .delete, .label-holder table .hover .delete{display:block;} .label-holder h3{color:#333;font-size:19px;font-weight:normal;margin:0 0 7px;} .search-band .row{height:1%;overflow:hidden;padding:6px 0 20px;} .search-band .row .text{background:url(../images/bg-input-search.gif) no-repeat;width:319px;height:17px;float:left;padding:4px 9px;} .search-band .row .text input{text-indent:0;float:left;margin:0;padding:0;border:0;width:319px;background:none;color:#8a8a8a;} /* result */ .result{height:1%;overflow:hidden;padding:19px 0 12px;} .result h4{margin:0;font-size:11px;line-height:19px;} .result h5{font-size:9px;margin:0;font-weight:normal;color:#333;} .result .photo{float:left;margin:0 12px 0 0;} * html .result .photo{margin:0 9px 0 0;} .result .info{height:1%;} .result .info:after{content:"";display:block; clear:both;} /* awards */ .awards{margin:0;padding:5px 0 0;list-style:none;height:1%;} .awards:after{content:"";display:block;clear:both;} .awards li{width:110px;float:left;margin:0 5px 0 0;} .awards li a{float:left;margin:0 5px 0 0;} .awards li span{display:block;} .awards li:hover, .awards li.hover{position:relative;} .awards li:hover .delete, .awards li.hover .delete{display:block;} .awards .delete{top:1px;left:-26px} /* results */ .results {background:url(../images/bg-nav-manage.gif) repeat-x;margin:0 0 34px;} .results .result {background:url(../images/bg-nav-manage.gif) repeat-x 0 100%;} .head-holder{height:1%;overflow:hidden;margin:0 0 15px;padding:32px 0 4px;border-bottom:1px solid #cbd9e2;} .head-holder img{float:left;margin:0 8px 0 0;} .head-holder .line{background:#d9271b;display:inline-block;font-size:9px;color:#fff;padding:0 2px;} .head-holder .title{display:block;color:#45667c;font-size:15px;line-height:19px;} .search-band-form .row{height:1%;overflow:hidden;padding:0 0 40px;} .search-band-form .text{float:left;background:url(../images/bg-input-search1.gif) no-repeat;width:239px;height:17px;margin:0 8px 0 0;padding:4px 9px;} .search-band-form .text input{width:239px;float:left;margin:0;padding:0;border:0;background:none;text-indent:0;color:#8a8a8a;} .search-band-form .btn-submit{background:url(../images/bg-btn-search.gif) no-repeat;width:91px;height:25px;color:#fff;font-weight:bold;padding:0;border:0;margin:0;float:left;cursor:pointer;} /* paging */ .label-holder .paging .hold{float:left;position:relative;left:50%;text-align:center;} .label-holder .paging .frame{position:relative;left:-50%;float:left;} .label-holder .paging {width:100%;overflow:hidden;position:relative;margin:0 0 22px;background:none;} .label-holder .paging .page{float:left;border:1px solid #cbd9e2;padding:2px 5px;margin:0 20px 0 0;color:#6d8d9e;} .label-holder .paging ul {margin:0;padding:0;list-style:none;float:left;} .label-holder .paging ul li{float:left;margin:0 3px 0 0;} .label-holder .paging ul a{float:left;padding:2px 5px;line-height:16px;border:1px solid #cbd9e2;margin:1px 0 0;} .label-holder .paging ul a:hover{color:#d9271b;} .label-holder .paging .active a{font-weight:bold;color:#d9271b;border:0;} .label-holder .paging .first a, .label-holder .paging .last a{font-weight:bold;margin:0;} .label-holder .paging .next a, .label-holder .paging .prev a{font-weight:bold;margin:0;border:1px solid #46677d;} /* promo */ .promo {height:1%;overflow:hidden;padding:0 0 34px;} .promo p{margin:0 0 18px;} .promo img{margin:0 25px 0 0;float:left;} /* votes-holder */ .votes-holder{margin:0 -23px 0 0;padding:0;list-style:none;width:932px;} /* votes */ .votes{width:441px;margin:0 23px 0 0;padding:16px 0 47px;float:left;background:url(../images/bg-nav-manage.gif) repeat-x;} .votes .photo{float:left;margin:0 15px 0 0;} .votes .photo img{vertical-align:top;} * html .votes .photo{margin:0 12px 0 0;} .votes .info{padding:1px 15px 0 0;height:1%;overflow:hidden;} .votes .list{margin:0;padding:0;list-style:none;} .votes .list li{background:url(../images/bullet.gif) no-repeat 0 5px;padding:0 0 2px 10px;line-height:13px;} .votes .title{display:block;margin:0 0 5px;} .votes .vote{height:1%;overflow:hidden;padding:2px 2px 15px 0;} .votes .btn-vote{background:url(../images/btn-vote.gif) no-repeat;width:81px;margin:2px 0 0;height:25px;color:#fff;font-weight:bold;float:right;text-align:center;line-height:24px;} .votes .btn-vote:hover{text-decoration:none;} .votes .vote strong{font-weight:normal;font-size:19px;line-height:30px;display:block;color:#45667c;} .votes .vote strong em{font-style:normal;font-size:29px;} .votes .link-song{color:#8a8a8a;font-size:9px;display:inline-block;} .heading-holder{height:1%;overflow:hidden;} input.emptyLogonField{color: Silver;} #progresso { background: url(textarea.png) no-repeat; background-position: -335px 0px; width: 335px; height: 14px; text-align: center; color: #000000; font-size: 8pt; font-family: Arial; text-transform: uppercase; } div.div-error { border: 1px solid #E71411; color: Red; background-color: #FFFFE8; } .estilos-box{ width:390px; height:200px; overflow:auto; max-height:200px; padding:5px; margin: 10px 0 20px 0; border: solid 5px #4f6f87;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} .estilos-box table tr {height:35px;} .estilos-box table{margin:0 0 0 10px;} /* SWU */ #search-bar-swu .form{margin:5px 0 0 7px;} #box-search-swu{width:460px;margin-top: 10px;/*margin-left:-27px;*/background: url("../images/bg-busca-swu.png") no-repeat;} #box-search-swu span.cantoTopo{display: block;position: relative;clear: both;height: 5px;background: url(../images/cantos_search_background.png) no-repeat;top: -1px;left: -1px;} #box-search-swu span.cantoTopo span{display: block;position: relative;clear: both;height: 5px;background: url(../images/cantos_search_background.png) no-repeat;background-position: 100% -5px;left: 2px;} #box-search-swu span.cantoBase{display: block;position: relative;clear: both;height: 5px;top: 1px;left: -1px;background-position: 0 -10px;} #box-search-swu span.cantoBase span{display: block;position: relative;clear: both;height: 5px;background: url(../images/cantos_search_background.png) no-repeat;left: 2px;background-position: 100% -15px;} #search-bar-swu{height:39px;overflow: hidden;margin: 1px auto 0 0;} #search-swu input.search-input{border:none;} #search-swu input:focus{background: url(../images/bg-busca-form-hover-swu.png) no-repeat;} #search-swu select{width: 180px;position: relative;top: 3px;margin: 0;} #search-swu ul{height: 29px;border: none;margin-bottom: 0;padding:0;} #search-swu ul li{margin-bottom: 0;} #search-swu button{width: 63px;height: 27px;background: url("../images/botao_ok_search_background.png") no-repeat;border: none;margin: -23px 20px 0 0;padding:7px 0 0 0;float:right;} #search-swu button img{padding: 0;} #box-band-search-swu{width: 450px; float: left;} #box-band-search-swu .hold { width: 220px; height: 70px;} #box-band-search-swu .number { float: left;} #box-band-search-swu .info { margin-left: 115px;} #box-band-subscribe{float: right; width:286px; height:315px; background: url("../images/bg-band-subscribe-swu.jpg") no-repeat; } .votes-holder-swu{margin:0 -23px 0 0;padding:0;list-style:none;width:450px;} .botao-crie-swu{position: relative; top: 235px; background:none repeat scroll 0 0 #00CC33;border-color:#00EC3C #009F28 #009F28 #00EC3C;border-left:2px solid #00EC3C;border-style:solid solid outset;border-width:2px;color:#FFFFFF;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;padding:8px 35px;} .botao-crie-swu:hover{background: #3adf63;text-decoration: none;} .votes-holder-swu button{cursor: pointer;background: #6D8D9E;border-bottom-style: outset;border-color: #dde7ec #000 #000 #dde7ec;padding: 3px 12px;text-align: center;font-size: 11px; font-weight: bold; color: #fff;} .votes-holder-swu button:hover{background: #5d87a3;} #info-voted-band .photo{float: left;} #info-voted-band .info{margin-left: 92px;} #info-voted-band .info .voted-band{padding: 3px 5px;width: 101px;background-color: #00CC33;margin-bottom: 10px;text-align: center;font-weight: bold;color: #fff;} #info-voted-band{width: auto;margin-top: 30px;margin-bottom: 50px;position: relative;border: 4px solid #d0d9e0;} #info-voted-band.sucesso-swu{border: 4px solid #01cb37;} #info-voted-band h3.user{position: relative;left: -25px;padding-left: 25px;background: url("../images/seta_user_background.png") no-repeat;} #info-voted-band.sucesso-swu h3.user{background-position: 0 -15px;} .rounded-corners-swu{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 20px 50px;} .rounded-corners-swu .detalhe-box-swu{bottom: -26px;position: absolute;width: 25px;height: 22px;display: block;background: url("../images/rounded_box_background.png") 0 0 no-repeat;} .rounded-corners-swu.sucesso-swu .detalhe-box-swu{background-position: 0 -22px;} /*Artista não encontrado*/ #searchNoResult{width: auto;margin-top: 30px;margin-bottom: 50px;position: relative;border: 4px solid #d0d9e0;} #searchNoResult.atencao-swu{border: 4px solid #D1D8DE;} #searchNoResult h3.user{position: relative;left: -25px;padding-left: 25px;background: url("../images/seta_user_background.png") no-repeat;} #searchNoResult.atencao-swu h3.user{background-position: 0 0px;} #searchNoResult .detalhe-box-swu{ bottom: -26px; position: absolute;width: 27px;height: 22px;display: block;background: url("../images/rounded_box_background.png") 0 0 no-repeat;} #searchNoResult.atencao-swu .detalhe-box-swu{/*background-position: 0 -22px;*/} #info-voted-band.atencao-swu h3.user {color: #01cb37;} /*Artista não encontrado*/ /*text*/ #info-voted-band.sucesso-swu h3.user {color: #01cb37;} .promo .entrelinhas{font-size: 9px;} /* SWU */ #div-input-file{ background:url("../images/browserBT.gif") no-repeat 100% 1px; height:29px; width:338px; margin:15px 0 0 0; } #div-input-file #Music{ opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:18px; } #div-input-falso{ margin-top:-290px; } #div-input-falso #file-falso{ width:260px; height:18px; font-size:18px; font-family: Verdana; } /* Browser Viewport ----------------------------------------------------------------------------------------------------*/ body {font: 12px/14px "Trebuchet MS",Tahoma, Geneva, Arial, Helvetica, sans-serif;color: #696969;} #header { font-size: 12px; } #main-container { font-size: 12px; } #interna #main-container { font-size: 12px; } /* Headings ----------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4 {margin: 10px 0;font-weight: normal;} h1 {font-size: 19px;color: #45667B;} h1 a {color:#45667B;} #interna #left-content h1 {font-size: 35px;line-height: 28px;font-weight: bold;color: #45667C;} #interna #wrap-content h1 span {line-height: normal;font-size: 11px;color: #45667B;} .subTitulo2colunas{font-size: 16px;color: #45667B;line-height: normal;} h2 { font-size: 15px; } h2.tituloModal{font-size: 20px; color:#45667C; } #interna #left-content h2 {font-size: 33px;color: #45667C;} #interna #left-content .box-content h2 { font-size: 15px; } #interna #left-content #comentarios .box-content h2 a {font-size: 11px;font-weight: bold;} h3 {font-size: 13px;font-weight: bold;} #interna #left-content h3 {color: #000;font-size: 19px;font-weight: normal;} #interna #left-content .album h3 {margin-top: 0;font-size: 14px;} #interna #left-content #promocoes-vigentes h2, #interna #left-content #promocoes-encerradas h2 {margin-bottom: 10px;} #interna #left-content #promocoes-vigentes h3, #interna #left-content #promocoes-encerradas h3 {margin-top: 0;font-weight: bold;font-size: 11px;} #interna #left-content .rounded-corners h3 { text-indent: 10px; } #interna #left-content h4 {font-size: 11px;} h4 { font-size: 12px;} h4 {color: #333;font-weight: bold;} h5 { font-size: 11px; } /* Global Classes */ #wrap-content .destaque, #wrap-content .atual, #wrap-content .linear-navigation li a .atual {color: #ef4060;} #wrap-content .data {color: #000;font-size: 9px;} #wrap-content .linear-navigation .interrogacao { color: #45667C; } .descricao { color: #666; } /* Paragraphs ----------------------------------------------------------------------------------------------------*/ p { margin-bottom: 10px; } p strong { color: #6d8d9e; } p.bem-vindo {font-weight: bold;color: #45667C;font-size: 13px;} /* Lists ----------------------------------------------------------------------------------------------------*/ ol {list-style: decimal;margin-bottom: 10px;} ul {list-style-type: none;margin-bottom: 10px;} ul li, dt, dd {margin: 0;} /* Links ----------------------------------------------------------------------------------------------------*/ a {color: #6d8d9e;text-decoration: none;} a:hover { text-decoration: underline; } a:focus { outline: 1px dotted invert; } /* Buttons ----------------------------------------------------------------------------------------------------*/ span.botao a, span.voltar a {font-size: 9px;color: #fff;line-height: 18px;text-decoration: none;} /* Content */ .box-content p { line-height: 10px; } #promocoes-vigentes .box-content p { width: 80%; } #promocoes-vigentes.box-content span.data { background-color: #ef4060; text-transform: uppercase; font-weight: bold; color: #fff; } .box-content p, .box-content dl dd {font-size: 9px;} .box-content h2 { line-height: 12px; } #como-funciona.box p { line-height: 15px; } .box h2 a, #como-funciona.box p a {color: #fff;font-size: 11px;} #promocoes-encerradas h2 a {background: none;font-size: 11px !important;color: #8a8a8a;} #box-premiacoes h2 a {background: none;font-size: 11px;font-weight: bold;} #box-premiacoes p { margin: 0 0 3px 0; color: #000; } #selo-busca span.banda { background: #D9271B; color: #fff; font-size: 9px; padding: 2px; } #selo-busca span.termo { color: #45667C; font-size: 15px; display: block; margin-top: 5px; } .nesta-semana .album h2 a {font-size: 11px;color: #fff;} /* Left Content ----------------------------------------------------------------------------------------------------*/ #interna #left-content .box-content h2 { color: #000; } /* Right Content ----------------------------------------------------------------------------------------------------*/ #interna #right-content .box-content h2 { color: #000; } /* Middle Content ----------------------------------------------------------------------------------------------------*/ #middle-content .box-content p {font-size: 11px;line-height: inherit;} /* Blog / Notícias */ #middle-content #blog h2 a, #middle-content #noticias h2 a {color: #6d8d9e;font-weight: bold;font-size: 11px;} /* Comentários */ #left-content #comentarios .box-content p {font-size: 11px;line-height: inherit;} /* Breadcrumbs */ #bread-crumbs { font-size: 10px; } #bread-crumbs li strong { color: #6d8d9e; } /* Cadastro steps */ #passos {font-size: 11px;color: #6D8D9E;line-height: 27px;} #confirmacao-cadastro.sucesso h3.user { color: #01cb37; } /* Atividades */ .box h3 {font-size: 11px;font-weight: bold;} #estudio .informacao dl dd {font-size: 9px;line-height: 10px;} /* Busca */ #search button { text-indent: -9999px; } /* Midia */ #wrap-content #ranking .box-content { margin-bottom: 0; } #wrap-content .midia dt .escutar { line-height: 16px; } #wrap-content #ranking .half table h2, #wrap-content #ranking .half table p {font-size: 9px;text-indent: 10px;} #wrap-content #ranking .half table h2 a { color: #6d8d9e; } .midia .baixar, table.midia .escutar, table.midia .baixar {text-indent: -9999px;} #wrap-content #ranking .half table p { } /* Cadastro */ #cadastro .box-content h2 a { text-indent: -9999px; } #cadastro .box-content p {color: #45667B;font-size: 14px;font-weight: normal;} #cadastro .box-content ul li { line-height: 12px; } /* Podcast */ #podcast .box-content dl dd { line-height: 10px; } /* Cadastro fotos */ #wrap-content .box-content .numeracao {color: #ccc;font-size: 15px;} #wrap-content .box-content .numeracao.ultimo {color: #00CC33 !important;} #wrap-content .edicao-tooltip .editar {font-size: 9px;color: #fff;line-height: 27px;} #wrap-content .edicao-tooltip .excluir, #wrap-content .ampliar { text-indent: -9999px;} /* Album */ #interna #wrap-content .album p {font-size: 11px;line-height: 12px;margin-bottom: 0;} #interna #wrap-content #arquivos .lista-arquivos p, #interna #arquivos #carroussel p {text-align: center;} #interna #wrap-content #arquivos .edicao p { text-align: left; } #interna #arquivos #wrap-content .album p, #interna #arquivos .box-content p {font-size: 11px;line-height: inherit;} #wrap-content .lista-arquivos li.pontilhado {color: #000;font-size: 11px;line-height: 15px;} /* Galeria */ #wrap-content #arquivos #opcoes-edicao li a { color: #ef4060; } #wrap-content #arquivos .linear-navigation li .atual { font-weight: bold; } #interna #wrap-content h5 {color: #666;font-weight: normal;} #interna #wrap-content h5 { text-align: center; } /* Tooltip */ .tooltip { font-size: 9px; } /* Footer ----------------------------------------------------------------------------------------------------*/ #footer { font-size: 12px; } #footer h2 { color: #fff; } #wrap-footer address { font-style: italic; } #player { line-height: 0; } /* Form ----------------------------------------------------------------------------------------------------*/ .titCadastro{ font-size:14px; color:#000; margin:15px 0} .form-url-escolhida {background-image: url("../images/edit-url.gif"); background-position: 100% -1px; display:inline;padding-right:25px;color:#fff; background-color:#4f6f87; background-repeat:no-repeat;} .form p { margin-bottom: 0; } .form .erro .aviso { color: #e81411; } .form .sucesso .aviso { color: #00cd34; } .form .validacao .aviso { color: #000; } .form .status { line-height: 22px; } /* Elements */ label { font-size: 11px; } input, select, textarea {color: #45667B;font: 11px "Tahoma", Geneva, Arial, Helvetica, sans-serif;} input[type=text], input[type=password] {text-indent: 5px;} html>body textarea { text-indent: 5px; } button, .button {text-align: center;font-size: 15px;color: #fff;} #interna button {font-size: 15px;font-weight: bold;} #interna button.finalizar {font-size: 15px;font-weight: bold;} #interna #criar-categoria-form button, #interna #nesta-semana-form button {font-size: 11px;} /* Navigation */ .linear-navigation li a { line-height: 35px; } #wrap-content .linear-navigation li.first {color: #fff;text-transform: uppercase;} #navigation .linear-navigation li a, #footer .linear-navigation li a, #footer .map-navigation li a {color: #fff;font-size: 13px;} #navigation .linear-navigation .sub-menu li a {font-size: 11px;font-weight: bold;line-height: normal;color: #6d8d9e;} #navigation .linear-navigation .sub-menu li a:hover { color: #fff; } #footer .map-navigation li a { line-height: 18px; } /* Navigation Content */ #wrap-content .linear-navigation li, #wrap-content .linear-navigation li a {line-height: 12px;font-size: 11px;} #wrap-content #left-content .linear-navigation, #wrap-content #left-content .linear-navigation li a {color: #ccc;} #interna #wrap-content #blog a.retweet {text-decoration: none;font-size: 9px;color: #fff;} #interna #wrap-content #blog a.retweet span {font-size: 10px;color: #45667C;font-weight: bold;} #wrap-content #left-content .linear-navigation li a.atual, #wrap-content #left-content .linear-navigation li a:hover {color: #ef4060;text-decoration: none;} /* Tabs */ ul.tabs li a {font-size: 11px;font-weight: bold;text-align: center;} ul.tabs li.atual a { color: #ef4060; } ul.tabs li#current a { color: #ef4060; } /* Carroussel */ #carroussel .rolagem { text-indent: -9999px; } #carroussel #foto-info, #carroussel-content span {text-align: center;font-size: 9px;} /* Calendario */ #interna #calendario-eventos #detalhe-evento h2 {font-size: 15px;color: #45667B;} #interna #calendario-eventos h3 { font-size: 18px; } #interna #calendario-eventos .album h3 { font-size: 13px; } #calendario-eventos #calendario { font-size: 15px; } #calendario-eventos #controle-calendario { color: #45667C; } #calendario-eventos #calendario-info td {text-align: center;color: #DBDBDB;} #calendario-eventos #calendario-info td a:hover {text-decoration: none;color: #F0A302;} #calendario-eventos #calendario-info td a.agendado { color: #F0A302; } #calendario-eventos #fechar {line-height: 8px;font-size: 10px;text-align: center;} #interna #busca-eventos button {font-size: 12px;font-weight: normal;} /* Detalhe evento */ dt { font-weight: bold; } .data-box span { text-align: center; } .data-box .mes {font-size: 9px;color: #333;} .data-box .dia {font-size: 15px;color: #fff;} #mapa .box-content { text-align: center; } p {color:#7c7d7e;} #mapa .box-content a {color: #45667B;font-size: 11px;} /* Blog */ #interna #left-content #blog h2 { color: #45667B; } #interna #left-content #blog #comentarios h2 { color: #000; } #interna #blog .box-content dl { font-size: 9px; } #interna #blog .box-content dl dt { font-weight: normal; } #interna #blog .box-content p {font-size: 13px;clear: both;line-height:140%;} #interna #wrap-content #blog .linear-navigation li .atual {font-weight: bold;line-height: 13px;} /* Recados */ #arquivos .recado h4 {color: #45667B;font-weight: normal;} /* Paginacao */ #interna .paginacao { font-size: 11px; } #interna .paginacao p, #interna #blog .paginacao p {line-height: 26px;} #interna .paginacao a.atual:hover { color: #ef4060 } #interna .paginacao a:hover { color: #45667C; } .pendente{color:#CC0000;} .indisponivel{color:#FF6600;} .disponivel{color:#00CC66;} .solicitado{color:#0099CC;} .pago{color:#0066CC;} /* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } /* .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } */ .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(../../../images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(../../../images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(../../../images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(../../../images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(../../../images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(../../../images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(../../../images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../../../images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(../../../images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(../../../images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(../../../images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../../images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(../../../images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(../../../images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../../images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(../../../images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(../../../images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; }/*alertas*/ .tipo{ font-size:2.4em; display:block; margin-top:23px; *margin-top:10px;} /* sucesso */ div.sucesso { background-color: #000; border-bottom:4px solid #00E138; height:60px; width:100%;top:0;left:0;right:0;filter: alpha(opacity:80);KHTMLOpacity: 0.80;MozOpacity: 0.80;opacity: 0.80; z-index:10000; position:absolute; overflow:hidden; } div.sucesso h1, div.sucesso h2, div.sucesso .tipo { color: #fff;text-align: center; *padding:10px 0; } div.sucesso span{background:url(../images/icone-sucesso-alerta.png) no-repeat;top:3px; padding-left:35px; position:relative;margin:10px 10px 0 0; } div.sucesso .tipo .msg-alerta{ font-size:0.6em; display:inline;} /* erro */ div.erro { background-color: #000; border-bottom:4px solid #C51030;height:60px; width:100%;top:0;left:0;right:0;filter: alpha(opacity:80);KHTMLOpacity: 0.80;MozOpacity: 0.80;opacity: 0.80; z-index:10000; position:absolute; overflow:hidden; } div.erro h1, div.erro h2, div.erro .tipo { color: #fff;text-align: center; *padding:10px 0; } div.erro span{background:url(../images/icone-erro-alerta.png) no-repeat;top:3px; padding-left:35px; position:relative;margin:10px 10px 0 0; } div.erro .tipo .msg-alerta{ font-size:0.6em; display:inline;} /* aviso */ div.avisoBAR { background-color: #000; border-bottom:4px solid #FEC005;height:60px; width:100%;top:0;left:0;right:0;filter: alpha(opacity:80);KHTMLOpacity: 0.80;MozOpacity: 0.80;opacity: 0.80; z-index:10000; position:absolute; } div.avisoBAR h1, div.avisoBAR h2, div.avisoBAR .tipo { color: #fff;text-align: center; *padding:10px 0; } div.avisoBAR span{background:url(../images/icone-aviso-alerta.png) no-repeat;top:3px; padding-left:35px; position:relative;} div.avisoBAR .tipo .msg-alerta{ font-size:0.6em;display:inline;} /* carregando */ div.carregando { background-color:#999999; border-bottom:4px solid #CCCCCC; height:42px; width:252px;top:0;left:40%;right:0; opacity: 1; z-index:10000; position:absolute; overflow:hidden; } div.carregando h1, div.carregando h2 { color: #fff; font-size:1.2em; text-align: center; text-transform:uppercase; letter-spacing:6px; padding-top:3px; } div.carregando .tipo img{ float:left; margin-left:40px; margin-right:-30px; margin-top:3px;}label.error { padding-right: 10px; height: 23px; min-height: 23px; vertical-align: middle; display: table-cell; border-bottom: 1px solid #e81411; border-top: 1px solid #e81411; border-right: 1px solid #e81411; color: #e81411; } label.sucess { height: 23px; border-bottom: 1px solid #00cd34; border-top: 1px solid #00cd34; border-right: 1px solid #00cd34; color: #00cd34; } label.warning { height: 23px; border-bottom: 1px solid #d1dae1; border-top: 1px solid #d1dae1; border-right: 1px solid #d1dae1; color: #d1dae1; } div.error { overflow: hidden; margin-top: 16px; height: 25px; display: block; padding-left: 40px; background: url("../../images/aviso_background.png") 0px -25px no-repeat; z-index: 999999; } div.sucess { overflow: hidden; margin-top: 16px; height: 25px; display: block; padding-left: 40px; background: url("../../images/aviso_background.png") 0px 0px no-repeat; z-index: 999999; } div.warning { overflow: hidden; margin-top: 16px; height: 25px; display: block; padding-left: 40px; background: url("../../images/aviso_background.png") 0px -50px no-repeat; z-index: 999999; } .result-validation-success, .result-validation-error, .result-validation-warning{ padding:5px 10px; margin:10px 5px; width:325px;} .result-validation-success { border:1px solid #00CC33; color:#00CC33; } .result-validation-error { border:1px solid #E71411; color:Red; background-color:#FFFFE8; } .result-validation-warning { border:1px solid #D1DAE0; color:#000; }div.logon-error { border:1px solid #E71411; color:Red; background-color:#FFFFE8; }