/* Regras Gerais */
* {
    margin:0;
    padding:0;
}
html {
    /* http://www.trap17.com/index.php/css-trick-hide-disabled-internet-explorer-vertical-scrollbar_t20688.html */
    overflow: auto;
}
a img, table {
    border:0;
}
hr {
    margin:10px 0;
    clear:both;
}
hr.hide {
    display:none;
}
hr.sep {
    margin:30px 0;
    height:1px;
    color:#d8d8ab;
    background-color:#d8d8ab;
    border:none;
}
fieldset {
    padding:10px;
}
legend {
    text-transform:uppercase;
    padding:0 5px;
    font-weight:bold;
}
a {
    color:#000;
    text-decoration:none;
    outline:0;
}
a:hover {
    color:#00C;
}

h1 {
    font-size:1.6em;
    margin:7px 0;
}
h2 {
    font-size:1.5em;
    margin:6px 0;
}
h3 {
    font-size:1.3em;
    margin:5px 0;
}
h4 {
    font-size:1.1em;
    margin:4px 0;
}
h5 {
    font-size:1em;
    margin:3px 0;
}
h6 {
    font-size:0.9em;
    margin:2px 0;
}
p {
    font-size:1em;
}

/* Corpo */
body {
    color:#333;
    font:88%/1.5em "Segoe UI", Arial, Helvetica, sans-serif;
    text-align:center;
    _width:98.7%;
}
#container {
    margin:0pt auto;
    text-align:left;
    font-size:0.95em;
    width:980px;
    overflow:hidden;
/*    position:relative;*/
}

/* Topo */
#header {
    margin-bottom:20px;
    height:135px;
}
#loader {
    background-color:#fff;
    border:1px solid #aaa;
    color:#000;
    font-weight:bold;
    left:39%;
    padding:0.6em;
    position:fixed;
    text-align:center;
    top:35%;
    width:22%;
    z-index:300;
    _position:absolute;
/*    display:none; */
}
#loader img {
    vertical-align:middle;
}
h1.logo {
    margin:0;
}
h1.logo a {
    background:url(/images/backend/logo.gif) no-repeat;
    width:174px;
    height:135px;
    display:block;
    text-indent:-999em;
    margin:0;
}
.account {
    background:#B0B032 url(/images/backend/cantol.gif) left center no-repeat;
    color:#000;
    height:31px;
    padding-left:10px;
    right:4%;
    text-align:right;
    _width:670px;
    top:8px;
    position:relative;
    max-width:570px;
    float:right;
    overflow:hidden;
    right:0;
}
.account ul {
    list-style-type:none;
    padding:5px 10px 0 0;
    height:26px;
    background:url(/images/backend/cantor.gif) right center no-repeat;
}
.account li {
    display:inline;
    padding:4px 7px 0;
    border-left:1px solid #000;
}
.account li.status {
    border-left:none;
}
.account a {
    text-decoration:none;
    color:#fff;
    font-weight:bold;
}
.account a:hover {
    color:#ff0;
}

/* Menu */
#menu {
    background:#000 url(/images/backend/menu-left.gif) left top no-repeat;
    height:28px;
    padding-left:20px;
    _width:450px;
    z-index:100;
    max-width:300px;
    position:relative;
    top:76px;
    clear:right;
    float:right;
    right:0;
}
#menu ul.level1 {
    display:block;
    height:28px;
    background:url(/images/backend/menu-right.gif) top right no-repeat;
    padding-right:20px;
    z-index:150;
}
#menu ul.level1 li {
    display:inline;
    float:left;
    position:relative;
    z-index:200;
}
#menu ul.level1 li a {
    display:block;
    float:left;
    color:#fff;
    padding:3px 10px 4px;
    border-left:1px solid #bbb;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    white-space:nowrap;
    font-weight:bold;
    text-decoration:none;
}
#menu ul.level1 li.painel a {
    border-left:none;
}
#menu ul.level1 li a:hover, #menu ul li a.ativo {
    background:#fff;
    color:#990;
}
#menu ul.level1 li a.ativo {
    border:#ccc solid 1px;
    border-bottom:#fff solid 1px;
    margin-top:-5px;
    padding-bottom:5px;
    padding-top:5px;
    float:left;
    background:url(/images/backend/bg-menu-item-selecionado.gif) top left repeat-x;
}
#menu ul.level1 li a:hover {
    color:#990;
    background:#fff url(/images/backend/bg-menu-item-selecionado.gif) top left repeat-x;
}
#menu ul.level1 li a:hover.ativo {
    color:#990;
    border-bottom:#fff solid 1px;
    border-top:#ccc solid 1px;
    background:#fff url(/images/backend/bg-menu-item-selecionado.gif) top left repeat-x;
}
#menu ul.level2 {
    position:absolute;
    top:0px;
    left:0px;
    border:1px solid #BBB;
    border-bottom-width:0; 
    border-left-width:0; 
    line-height:18px;
    background-color:#fff; 
    visibility:hidden;
    width:123px;
    z-index:250;
}
#menu ul.level2 li {
    border-bottom:1px solid #fff;
    float:none;
    margin:0;
    padding:0;
    z-index:300;
}
#menu ul.level2 li a {
    width:100px;
    display:block;
    border-bottom:1px solid #BBB;
    text-decoration:none;
    font-weight:normal;
    color:#000;
    padding:3px 12px 3px 10px;
}
#menu ul.level2 li a:hover {
    color:#990;
}

/* Conteudo */
#content {
    padding-bottom:20px;
    overflow:hidden;
}
#content h1 {
    color:#000;
    font-size:1.8em;
    line-height:1.5em;
    display:block;
    border-bottom:#ddd solid 5px;
    padding:10px 0;
    margin-bottom:15px;
}
#content h2 {
    color:#000;
    font-size:1.1em;
    margin:10px 0;
}
#content ul, #content ol {
    margin-left:36px;
}
#content li {
    padding-left:5px;
}
#content h2.novo, #content h2.lista {
    color:#fff;
    font-size:1em;
    float:right;
    clear:right;
    padding:2px 0;
    margin:0;
}
#content .prebotoes {
    width:97.1%;
}
#content h2.novo a, #content h2.lista a {
    color:#fff !important;
    background-color:#555;
    padding:4px 7px;
    border:2px solid #fff;
}
#content h2.novo a:hover, #content h2.lista a:hover {
    color:#fff !important;
    background-color:#777;
    border:2px solid #fff;
}
#content h2.novo a img {
    vertical-align:middle;
}
.acoes {
    width:210px;
    text-align:center;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2em;
}
#content a {
    color:#440;
    font-family:Arial, Helvetica, sans-serif;
}
#content a:hover {
    color:#110;
}
#content a:visited {
    color:#660;
}
#content .action {
    text-align:center;
    width:20px;
    white-space:nowrap;
}
#content .action a {
    display:block;
    width:100%;
}
.pagination {
    text-align:right;
    margin:20px 3% 0 0;
}
.pagination .current {
    padding:5px 8px;
    border:1px solid #aaa;
    color:#666;
    background-color:#f7f7f7;
    font-weight:bold;
}
.pagination a {
    padding:2px 7px;
    border:1px solid #ddd;
}
.pagination .disabled {
    padding:2px 7px;
    color:#777;
    border:1px solid #eee;
}

/* Tabelas */
td, th, table {
    border-collapse:collapse;
    vertical-align:top;
    border:#CCC dotted 1px;
    padding:4px 5px;
}
th {
    background:#f0f0f0;
    text-align:left;
}
table {
    border:1px solid #ccc;
    width:94%;
    margin:auto;
    margin-top:20px;
}
table caption {
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    padding:30px 0 10px 0;
    margin-top:20px;
    width:94%;
    margin:auto;
}
#content form table, #content form table tr, #content form table th, #content form table td {
    border:none;
}
#content form table th {
    background:none;
    text-align:right;
    vertical-align:top;
}
#content table .on {
    background:#F3F3F3;
}
#content .list-events {
    border:none;
    border-bottom:1px solid #ccc;
}
#content .list-events td {
    border:none;
    border-right:1px solid #ccc;
}
#content .list-events th {
    color:#000;
    width:100px;
    text-align:right;
    padding-right:7px;
    background-color:transparent !important;
    border:none;
    border-left:1px solid #ccc;
}
#content .list-events th.evento {
    width:auto;
    text-align:left;
    padding-left:28px;
    background:#fff url(/images/icons/event.gif) 5px center no-repeat;
    border:none;
    border-bottom:2px solid #CCC;
}
#content table.event-details {
    border:none;
    border-bottom:1px solid #ccc;
}
#content table.event-details th {
    width: 150px;
}
#content table.event-participants {
    border:none;
}
#content table.event-participants td.header {
    width:auto;
    text-align:left;
    background-color:#fff;
    border:none;
    border-bottom:2px solid #CCC;
}
#content table .on th {
    background-color:#F3F3F3 !important;
}
#content .position {
    text-align: center;
    width: 60px;
}
#content .resume, #content .progress {
    width:44%;
    margin:3% 3% 16px;
    _margin:3% 1.5% 16px;
    float:left;
    border:1px solid #bababa;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    overflow:hidden;
}
#content .resume em, #content .progress em {
    text-align: center;
    width: 100%;
    display: block;
}
#content .left {
    clear:left;
}
#content .resume th, #content .progress th {
    background:url(/images/backend/bg-resume-top.gif) left top repeat-x;
    border:none;
}
#content .resume th p, #content .progress th p {
    background:url(/images/icons/event.gif) 6px center no-repeat;
    padding-left:28px;
}
#content .resume td {
    background:#f4f4f4 url(/images/backend/bg-resume-bottom.gif) left bottom repeat-x;
    border:none;
}
#content .resume td.middle {
    padding: 10px 0 10px 0;
}
#content .progress th p {
    background:url(/images/icons/event_progress.gif) 5px center no-repeat;
    padding-left:28px;
    color:#ca0000;
}
#content .progress ul {
    list-style-type:none;
    margin:0;
}
#content .progress li {
    border-bottom:1px solid #e3e3e3;
}
#content .progress li.last {
    border-bottom:none;
}
#content .progress .icon {
    margin:4px 2px 4px 0;
    padding:1px 5px 1px 0;
    vertical-align:middle;
    border-right:1px solid #e3e3e3;
}
#content .progress a {
    color:#0782d0;
    text-decoration:none;
}
#content .progress td {
    background:#fff;
    border:none;
    padding:10px 12px;
}
.event_floating_details {
    background:#fff;
    border:1px solid #c3c3c3;
    padding:8px 10px;
    position:absolute;
    width: 401px;
}
#content .resume .mais {
    text-align:right;
    padding-right:10px;
    background-image:none;
}
#content p.graph {
    text-align:center;
}
#content table.result {
    width:500px;
    color:#440;
    background-color:#f1f1db;
    border:1px solid #d8d8ab;
}
#content table.result td {
    border:none;
    text-align:center;
    border:none;
    border:1px solid #d8d8ab;
}
#content table.result th {
    color:#000;
    background-color:#eaeacc !important;
    text-align:left;
    border:none;
    border:1px solid #d8d8ab;
}
#content table.result th.meio {
    text-align:center;
}
#content table.result tfoot td, #content table.result tfoot th {
    background-color:#f5f5e5 !important;
}

#content #painel-suporte {
    width:44%;
    margin:3% 3% 16px;
    _margin:3% 1.5% 16px;
    float:left;
    border:none;
    overflow:hidden;
    background:#f4f4f4 url(/images/backend/bg-resume-bottom.gif) left top repeat-x;
}
#content #painel-suporte h3, #content #painel-suporte p {
    padding-left:12px;
}
#content #painel-suporte form p {
    padding-left:0;
}
#content #painel-suporte form p label {
    width:100px;
}
#content #painel-suporte input, #content #painel-suporte select, #content #painel-suporte textarea {
    width:280px;
}
#content #painel-suporte input, #content #painel-suporte textarea {
    width:280px;
}
#content #painel-suporte .conclusion input.botoes {
    margin-left:108px;
    width:auto;
}
#content .events-actions a {
    width: 100px;
    display: block;
    float: left;
    padding: 0 5px 0 5px;
}
#content .events-actions a img {
    vertical-align: middle;
}

#content a.disabled {
    color: #ccc !important;
}

/* Formulários */
form {
    width:96.5%;
    margin:5px auto;
}
form p, form h3 {
    float:left;
    clear:both;
    width:100%;
}
form p {
    padding:6px 0;
    border-bottom:1px solid #e1e1e1;
}
input, textarea, select {
    padding:2px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    border:solid 1px;
    border-color:#787a7e #929499 #929499 #787a7e;
}
select {
    width:360px;
    padding:0;
    vertical-align:middle;
    height: 20px;
}
textarea {
    width:360px;
    height:128px;
}
textarea.large {
    width:750px;
    height:900px;
}
input[type="text"], input[type="password"], input[type="file"] {
    width:360px;
}
input.edit, input#search {
    height:18px;
    padding:1px 2px;
    width:220px;
    vertical-align:middle;
}
select#order {
    width:auto;
    z-index:2;
}
select#order option {
    padding-right:20px;
}
input.edit {
    width:360px;
}
form p label {
    width:120px;
    display:-moz-inline-box;
    display:inline-block;
    padding-right:8px;
    font-weight:bold;
    text-align:right;
    vertical-align:top;
    float:left;
    height:26px;
}
form #remember_me {
    margin-left:128px;
}
form .listagem {
    display:block;
    float:left;
}
form .listagem input[type="checkbox"] {
    border:none;
}
form .listagem label {
    float:left;
    width:auto;
    clear:left;
    text-align:left;
}
/* form.poll .listagem label:hover {
    background-color: #F8F6B6;
}*/
form p .help, form p help {
    font-size:0.85em;
    display:block;
}
form p .help tt, form p help tt {
    font-size:1.15em;
    color:#000;
}
form span.help {
    margin: auto auto auto 128px;
    _margin: auto auto auto 120px;
}
form .conclusion p label {
    display:inline;
    float:none;
    font-weight:normal;
    height:auto;
    padding:0;
    text-align:left;
    vertical-align:middle;
    width:auto;
}
fieldset {
    border:#ddd solid 1px;
    margin:10px 0;
}
.botoes {
    background:#666;
    color:#fff;
    border:1px solid #333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.85em;
    padding:1px 10px 2px;
    height:21px;
    font-weight:bold;
}
button.botoes {
    margin-right:5px;
    padding:0 6px !important;
}
.botoes:hover {
    background:#333;
    border:1px solid #666;
}
#mail_subscribers_list_button_add_all {
    width:240px;
}
#mail_subscribers_list_button_add_selection {
    width:120px;
}
#mail_subscribers_list_button_clear {
    width:60px;
}
#mail_addresses_button_remove_all {
    width:218px;
}
#mail_addresses_button_remove_one {
    width:120px;
}
.filtragem .botoes {
    margin-top: 4px;
}
.filtragem {
    text-align: right;
    margin-right:1.2%;
}
.filtragem input#search {
    width:220px;
}
.filtragem select#order {
    width:auto;
    z-index:2;
}
.filtragem select#order option {
    padding-right:20px;
}
.conclusion .botoes {
    margin:8px 8px 0 128px;
}
.information #email {
    background:url(/images/icons/login_user.gif) 2px 2px no-repeat;
    padding-left:22px;
}
.information #password {
    background:url(/images/icons/login_password.gif) 2px 2px no-repeat;
    padding-left:22px;
}
form .divisao p {
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    background-color:#f7f7f7;
}

form #avaliable_image_assets .imagens {
    display: block;
    margin-left: 130px;
}

form #avaliable_image_assets a img {
    margin: 2px 10px 2px 10px;
    border: 5px solid #dfdfdf;
}
#event_start_forecast_1i,
#newspage_datetime_1i {
    width:75px !important;
}
#event_start_forecast_2i, #event_start_forecast_3i,
#newspage_datetime_2i, #newspage_datetime_3i {
    width:65px !important;
}
#event_start_forecast_4i, #event_start_forecast_5i,
#newspage_datetime_4i, #newspage_datetime_5i {
    width:60px !important;
} 
form.poll {
    margin:0;
}
form.poll h3 {
    font-size:1em;
}
form.poll p label {
    font-weight:normal;
    width:auto !important;
    margin-right:14px;
}
.poll .conclusion .botoes {
    margin-left:24px;
}

/* Erros e alertas */
#content .notice,
#content .error,
#content .errorExplanation {
    margin:10px auto 20px;
    padding:10px;
    color:#000;
    width:94%;
}
#content .notice {
    background-color:#d5eace;
    border:1px solid #aad59b;
}
#content .error,
#content .errorExplanation {
    background-color:#f9e1de;
    border:1px solid #eb7464;
}
#content .errorExplanation ul {
    margin-left:20px;
}
#content .fieldWithErrors input, #content .fieldWithErrors textarea {
    border:1px solid #eb7464 !important;
}

/* Rodape */
#footer {
    background:url(/images/backend/footer_bg.gif) top center no-repeat;
    margin-top:20px;
    padding:20px 10px 16px;
    clear:both;
    text-align:center;
}
#footer p {
    display:block;
}
#footer p a {
    color:#036;
}

.fail, .pass {
    padding:10px 10px 10px 70px;
    background-repeat:no-repeat;
    background-position:8px 10px;
    border-bottom:1px solid #dadada;
    margin-bottom:10px;
}
.fail h2, .pass h2 {
    margin-top:0 !important;
}
.fail {
    background-image:url(/images/icons/status_fail.gif);
}
.pass {
    background-image:url(/images/icons/status_pass.gif);
}
#flash_message.fail, #flash_message.pass {
    border:none;
}
#final_message {
    margin-top:10px;
}
#final_message.fail {
    background:#ffe5e6 url(/images/icons/status_final_fail.gif) 8px 10px no-repeat;
    border:1px solid #dabada;
}
#final_message.pass {
    background:#e4fad8 url(/images/icons/status_final_pass.gif) 8px 10px no-repeat;
    border:1px solid #badada;
}

table.noborder,
table.noborder tr,
table.noborder tr td {
  border:0;
}

div.graph { 
  position: relative; 
  width: 200px; 
  border: 1px solid #B1D632; 
  padding: 2px; 
}
div.graph .bar { 
  display: block;
  position: relative;
  background: #B1D632; 
  text-align: center; 
  color: #333; 
  height: 2em; 
  line-height: 2em;            
}
.graph .bar span { position: absolute; left: 1em; }

td.graph, td.percentage, td.count { width: 100px }
td.right{ text-align: right }
td.center { text-align: center }

/* Novo 2009-02 */
#auth, #praticas, .conexao, #requisitos {
  width:465px;
  float:left;
  margin-bottom:28px;
}
#auth, #teste {
  padding-right:23px;
}
#praticas, #requisitos {
  border-left:1px dashed #dadada;
  padding-left:23px;
  clear:right;
}
#eventos, #teste {
  width:976px;
  float:left;
  clear:both;
  margin-bottom:28px;
}
#auth input.edit {
  width:280px;
}
#auth p {
  border:none;
}
#auth p label {
  width:90px;
}
#auth .conclusion .botoes, #auth #remember_me {
  margin-left:98px;
}
#praticas ol li {
  font-size:0.85em;
  font-weight:bold;
  margin-bottom:9px;
  line-height:1.4em;
  padding:0;
}
#praticas ol li span {
  font-weight:normal;
}
#eventos ul {
  list-style-type:none;
  margin:0 26px;
}
#eventos ul li {
  border-bottom:1px dashed #DADADA;
  clear:both;
  float:left;
  overflow:hidden;
  width:100%;
  font-size:0.85em;
  padding:9px 10px;
  line-height:1.4em;
}
#eventos ul li p a img { padding-top:5px }
#eventos .dest {
  color:#990;
  font-weight:bold;
}
#teste p, #requisitos p {
  font-size:0.85em;
  margin:9px 36px;
  line-height:1.4em;
}
#content .st {
  color:#990;
  line-height:1.5em;
  margin:14px 0 9px;
  font-size:0.85em;
}
#teste ul, #requisitos ul {
  font-size:0.85em;
}
#teste ul li, #requisitos ul li {
  line-height:1.4em;
  padding:0;
  margin-bottom:9px;
}
.titulo {
  background:url(/images/backend/bg-titulos.gif) repeat-x left bottom;
  clear:both;
  height:40px;
  margin:10px 0;
}
.titulo span {
  display:block;
  height:40px;
  text-indent:-999em;
}
.auth span {
  background:url(/images/backend/tit-auth.gif) no-repeat;
  width:180px;
}
.praticas span {
  background:url(/images/backend/tit-praticas.gif) no-repeat;
  width:148px;
}
.eventos span {
  background:url(/images/backend/tit-eventos.gif) no-repeat;
  width:173px;
}
.teste span {
  background:url(/images/backend/tit-teste.gif) no-repeat;
  width:173px;
}
.requisitos span {
  background:url(/images/backend/tit-requisitos.gif) no-repeat;
  width:188px;
}

.important { position:relative; top:0; left:0; padding:10px 0; width:100%; z-index:0; background:#FFFADA; text-align:center; }
.important h1 { font-family:Arial, Helvetica, Arial; font-size:0.8em; margin:0 0 10px 0; color:#000; }
#content_body { background:url(/images/backend/bg.gif) top left repeat-x; }