/* 
    Document   : global
    Created on : 22/09/2011, 01:30:14
    Author     : Reivaldo Oliveira
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root { 
    display: block;
}
body {
    font-size:12px; 
    margin:0; 
    padding:0;
    font-family: Arial,Helvetica,sans-serif;
    background-image: url("../images/footer_bg.jpg");
}
html, body {
    height: 100%;
    color: #234764;
}

a {
    color: #214664;
    text-decoration: none;
    outline: none;
}
label {
    cursor: pointer;
}
input[type=text],input[type=password] {
    color: #234764;
    border: 1px solid #AED0EA;
}
input[type=checkbox] {
    cursor: pointer;
    vertical-align:middle;
    margin:0;
    padding:0;
    height:14px;
    margin-right: 5px;
    margin-bottom: 2px;
}
select {
    color: #234764;
    border: 1px solid #AED0EA;
}
button {
    font-size: 13px!important;
    font-weight: normal!important;
}
.left {
    float: left;
}
.right {
    float: right;
}
.w400 {
    width: 400px!important;
}
.cb {
    clear: both;
}
h1 { 
    font-size: 16px;
    margin: 0;
    color: #234764;
}
.legenda {
    font-size: 12px;
    font-style: italic;
}
form {
    color: #234764;
}
form label  {
    display: block;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
    font-size:12px;
}
form label input {
    padding: 3px;
    font-size: 14px;
    margin: 0;
}
form label select {
    padding: 3px;
    font-size: 14px;
    margin: 0;
}
label {
    font-size: 12px!important;
    /*color: #333!important;*/
}
#titulo {
    margin:0;
    padding: 10px 20px;
    font-size: 1.2em;
    color: #234764;
    background-color: #F1F7FB;
    text-align: left;
    font-weight: normal;
}
#home-container {
    min-height: 400px;
    padding: 15px;
    width: 640px;
    background-color: #F9FAFB;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
}
#home-container h1 {
    font-weight: normal;
    font-size: 18px;
    border-bottom: solid 2px #99CC00;
}
#home-container h3 {
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
#home-container h4 {
    text-align: right;
    font-style: italic;
    font-size: 11px;
    margin: 5px 0 0 0;
    padding: 0;
    margin-bottom: 30px;
}
#home-container table {
    width: 100%;
}
#home-container table thead tr th {
    background-color: #AED0EA!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px!important;
    text-align: left;
}
/*
#home-container table thead tr th {
    border-bottom: solid 1px #234764;
}
*/
#home-container table tbody tr td {
    padding: 5px;
    border-bottom: #AED0EA dotted 1px
}
#home-container h3 {
    text-align: center;
}
#ajuda-container {
    min-height: 400px;
    padding: 15px;
    width:930px;
    background-color: #F9FAFB;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
}
#ajuda-container h2 {
    margin: 20px 0 2px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
}
#ajuda-container h1 {
    font-weight: normal;
    font-size: 18px;
    border-bottom: solid 2px #99CC00;
}
#ajuda-container blockquote {
    margin: 0 0 0 30px;
    padding: 0;
}

#fContato {
    margin: 0px;
}
#fContato h1 {
    margin: 0px!important;
    margin-left: 20px!important;
}
#fContato fieldset {
    border: medium none;
    margin: 6px;
}
#fContato fieldset label .left {
    float: left;
}
#fContato fieldset label .right {
    float: right;
}
#fContato fieldset label  {
    display: block;
    width: 280px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fContato fieldset label input {
    padding: 3px;
    width: 280px;
}
#fContato fieldset label select {
    padding: 3px;
    width: 290px;
}

#box-grupos ul li label {
    font-size: 14px!important;
}

#fContato #box-grupos {
    float: right; 
    width: 585px;
    background-color: #FFF;
}

/* Barra de comando grid */
#BarraComandoContato select {
    padding: 3px;
    width: 240px;
}

/* Campanha */
#fCampanha h1 {
    margin-left: 35px;
}
#fCampanha {
    margin: 0px;
}
#fCampanha fieldset {
    border: medium none;
    margin: 0px 15px 0 15px;
}
#fCampanha fieldset label .left {
    float: left;
}
#fCampanha fieldset label .right {
    float: right;
}
#fCampanha fieldset label {
    display: block;
    width: 900px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fCampanha fieldset label input {
    padding: 3px;
    width: 900px;
}
#fCampanha fieldset label select {
    padding: 3px;
    width: 906px;
}
#fCampanha fieldset label textarea {
    padding: 3px;
    width: 900px;
}
#fCarregaModelo input[type=radio] {
    width: 20px;
}
#fCarregaModelo #barraOpcoesTipoModelo label {
    width: 910px;
    background-color: #AED0EA!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px!important;
}
#labelOpcaoCarregaModelo1,#labelOpcaoCarregaModelo2,#labelOpcaoCarregaModelo3 {
    font-size: 15px!important;
    font-weight: normal;
}

#fEnvioTeste fieldset {
    border: medium none;
    margin: 0px 15px 0 15px;
}
#fEnvioTeste fieldset label {
    width: 460px;
}
#fEnvioTeste fieldset label input {
    padding: 3px;
    width: 400px;
}

#fControleEnvio hr {
    height: 1px;
    border: none;
    background-color: #AED0EA;
}


/* Filtro de relatório */
#fFiltroRelatorio {
    margin: 0px;
}
#fFiltroRelatorio fieldset {
    border: medium none;
    margin: 0px 15px 0 15px;
}
#fFiltroRelatorio fieldset label .left {
    float: left;
}
#fFiltroRelatorio fieldset label .right {
    float: right;
}
#fFiltroRelatorio fieldset label {
    display: block;
    width: 500px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fFiltroRelatorio fieldset label input {
    padding: 3px;
    width: 500px;
}
#fFiltroRelatorio fieldset label select {
    padding: 3px;
    width: 506px;
}
#fFiltroRelatorio fieldset label textarea {
    padding: 3px;
    width: 400px;
}
#fDetalheRelatorio {
    width: 960px;
}

#fDetalheRelatorio hr {
    height: 1px;
    border: none;
    background-color: #AED0EA;
}
#fDetalheRelatorio a.btnDetalhe {
    background-color: #AED0EA;
    color: #234764;
    font-size: 14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 5px;
}
#fDetalheRelatorio a.btnDetalhe:hover {
    background-color: #234764;
    color: #FFF;
    font-size: 14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 5px;
}

/* Filtro de Camapnha */
#fFiltroCampanha {
    margin: 0px;
}
#fFiltroCampanha fieldset {
    border: medium none;
    margin: 0px 15px 0 15px;
}
#fFiltroCampanha fieldset label .left {
    float: left;
}
#fFiltroCampanha fieldset label .right {
    float: right;
}
#fFiltroCampanha fieldset label {
    display: block;
    width: 500px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fFiltroCampanha fieldset label input {
    padding: 3px;
    width: 500px;
}
#fFiltroCampanha fieldset label select {
    padding: 3px;
    width: 506px;
}
#fFiltroCampanha fieldset label textarea {
    padding: 3px;
    width: 400px;
}

/* Categorias de Modelo */
#fCategoriaModelo {
    margin: 10px 20px;
}
#fCategoriaModelo label .left {
    float: left;
}
#fCategoriaModelo label .right {
    float: right;
}
#fCategoriaModelo label {
    display: block;
    width: 400px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fCategoriaModelo label input {
    padding: 3px;
    width: 400px;
}
#fCategoriaModelo label select {
    padding: 3px;
    width: 406px;
}
#fCategoriaModelo label textarea {
    padding: 3px;
    width: 400px;
}

/* Filtro de Categorias de Campanha */
#fFiltroModelo {
    margin: 0px;
}
#fFiltroModelo fieldset {
    border: medium none;
    margin: 0px 15px 0 15px;
}
#fFiltroModelo fieldset label .left {
    float: left;
}
#fFiltroModelo fieldset label .right {
    float: right;
}
#fFiltroModelo fieldset label {
    display: block;
    width: 500px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fFiltroModelo fieldset label input {
    padding: 3px;
    width: 500px;
}
#fFiltroModelo fieldset label select {
    padding: 3px;
    width: 506px;
}
#fFiltroModelo fieldset label textarea {
    padding: 3px;
    width: 400px;
}

/* Categorias de Campanha */

#fCategoriaCampanha {
    margin: 10px 20px;
}
#fCategoriaCampanha label .left {
    float: left;
}
#fCategoriaCampanha label .right {
    float: right;
}
#fCategoriaCampanha label {
    display: block;
    width: 400px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fCategoriaCampanha label input {
    padding: 3px;
    width: 400px;
}
#fCategoriaCampanha label select {
    padding: 3px;
    width: 406px;
}
/* Modelos */
#fModelo h1 {
    margin-left: 35px;
}
#fModelo {
    margin: 0px;
}
#fModelo fieldset {
    border: medium none;
    margin: 10px 15px 0 15px;
}
#fModelo fieldset label .left {
    float: left;
}
#fModelo fieldset label .right {
    float: right;
}
#fModelo fieldset label {
    display: block;
    width: 900px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fModelo fieldset label input {
    padding: 3px;
    width: 900px;
}
#fModelo fieldset label select {
    padding: 3px;
    width: 906px;
}
#fModelo fieldset label textarea {
    padding: 3px;
    width: 900px;
}

#fCarregaModelo {
    margin: 20px;
}
#fCarregaModelo {
    border: medium none;
    margin: 10px 15px 0 15px;
}
#fCarregaModelo label .left {
    float: left;
}
#fCarregaModelo label .right {
    float: right;
}
#fCarregaModelo label {
    display: block;
    width: 900px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fCarregaModelo label input {
    padding: 3px;
    width: 900px;
}
#fCarregaModelo label select {
    padding: 3px;
    width: 906px;
}
#fCarregaModelo label textarea {
    padding: 3px;
    width: 900px;
}
/* Envio */
#fFiltraCampanhaEnvio {
    margin: 0px;
}
#fFiltraCampanhaEnvio div.contentbox {
    overflow: auto; 
    height: 300px; 
    width: 910px;
    background-color: rgba(174, 208, 234, 0.38);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

}
#fFiltraCampanhaEnvio ul {}
#fFiltraCampanhaEnvio ul li label {
    width: 800px!important;
}
#fFiltraCampanhaEnvio #btnIniciarEnvio {
    background-color: #234764;
    color: #FFF;
    font-size: 28px;
    border: solid 3px #AED0EA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 20px;
}
#fFiltraCampanhaEnvio #btnIniciarEnvio:hover {
    border: solid 5px #AED0EA;
    /*    color: #AED0EA;*/
}
#fFiltraCampanhaEnvio .slidebox {
    width: 980px;
    float:left;
}
#fFiltraCampanhaEnvio .slidebox h2 {
    margin-top: 60px;
}
#fFiltraCampanhaEnvio .slidebox ul li.numero,#fFiltraCampanhaEnvio .slidebox ul li.txt {
    line-height: 28px;
}
#fFiltraCampanhaEnvio .slidebox ul li.txt input {
    padding: 3px;
    width: 80px;
}
#fFiltraCampanhaEnvio .slidebox ul li.numero {
    width: 30px; 
    float: left; 
    list-style: none; 
    clear: both;
}
#fFiltraCampanhaEnvio .slidebox ul li.txt {
    width: 600px; 
    float: left; 
    list-style: none;
}
.text-description {
    float: left;
    margin: 5px 0;
    padding: 5px 10px;
    text-align: left;
    line-height: 20px;
    clear: both;
    background-color: rgba(174, 208, 234, 0.38);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
#fFiltraCampanhaEnvio fieldset {
    margin: 0;
    padding: 5px 20px 10px 20px;
    width: 910px;
    border: solid 1px #AED0EA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#fFiltraCampanhaEnvio fieldset label .left {
    float: left;
}
#fFiltraCampanhaEnvio fieldset label .right {
    float: right;
}
#fFiltraCampanhaEnvio fieldset label {
    display: block;
    width: 900px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fFiltraCampanhaEnvio fieldset label select {
    padding: 3px;
    width: 886px;
}

/** Agrupamento */
#fAgrupamento {
    margin: 0px;
}
#fAgrupamento h1 {
    margin: 0px 0px 15px 20px!important;
}
#fAgrupamento fieldset {
    border: medium none;
    margin: 6px;
}
#fAgrupamento fieldset label .left {
    float: left;
}
#fAgrupamento fieldset label .right {
    float: right;
}
#fAgrupamento fieldset label  {
    display: block;
    width: 280px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fAgrupamento fieldset label input {
    padding: 3px;
    width: 280px;
}
#fAgrupamento fieldset label textarea {
    padding: 3px;
    width: 280px;
}
#fAgrupamento fieldset label select {
    padding: 3px;
    width: 286px;
}
#fAgrupamento #box-grupos {
    float: right; 
    width: 585px;
    background-color: #FFF;
}

#fGrupo {
    margin: 0px;
}
#fGrupo h1 {
    white-space: nowrap;
    text-align: left; 
    height: 30px;
    margin: 10px 20px;
    background-color: #FFF;
}
#fGrupo fieldset {
    border: medium none;
    margin: 6px;
}
#fGrupo fieldset label .left {
    float: left;
}
#fGrupo fieldset label .right {
    float: right;
}
#fGrupo fieldset label  {
    display: block;
    width: 280px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fGrupo fieldset label input {
    padding: 3px;
    width: 280px;
}
#fGrupo fieldset label select {
    padding: 3px;
    width: 286px;
}
#fGrupo #box-grupos {
    float: right; 
    width: 585px;
    background-color: #FFF;
}

#DivMotivoDesativacao {
    border: solid 1px #CCC;
    background-color: #EEE;
    width: 270px;
    height: 60px;
    padding: 10px;
    font-size: 14px;
    font-style: italic;
    color: #333;
    margin: auto;
}
#buttonbar {
    white-space: nowrap;
    background-color: #FFF;
    padding: 5px;
    clear: both;
    margin: auto;
}

#frameController {
    display:none;
    width:97%;
    height:450px;
    border:solid 1px #666;
    background-color:#FFFFFF;
    position:absolute;
    z-index:1000000002;
    top:100px;
    left:20px;
}

#container-optout {
    text-align: center;
    margin: 120px auto 0px auto;
    width: 500px;
    height: 220px;
    background-color: #FFF;
    font-size: 14px;
    padding: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
#container-optout div#img {
    text-align: center;
    margin: 10px auto 30px auto;
}

/* Remetente */

#fRemetente {
    margin: 0;
}
#fRemetente .w190 {
    width: 190px!important;
}
#fRemetente .w400 {
    width: 400px!important;
}
#fRemetente label .left {
    float: left;
}
#fRemetente label .right {
    float: right;
}
#fRemetente label {
    display: block;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fRemetente label input {
    padding: 3px;
}
#fRemetente label select {
    padding: 3px;
}
#fRemetente fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

#tbl-cname {
    width: 850px!important;
}

#tbl-cname tr td {
    border: solid 1px #CCC;
    padding: 10px;
}

#fRemetente #btnValidarCname,#fRemetente #btnValidarDKIM {
    font-size: 16px!important;
}

#fRemetente pre {

    border: solid 1px #CCC;
    background-color: #EEE;
    width: auto;
/*    margin: auto; */
}

/**
Usuários
*/
#fUsuario {
    margin: 0px;
}

#fUsuario fieldset {
    border: medium none;
    border: solid 1px #CCC;
    margin: 0;
}
#fUsuario input[type=text],#fUsuario input[type=password] {
    padding: 3px;
    width: 300px;
}

/** AcessoRelatorio */

#fAcessoRelatorio {
    margin: 0px;
}
#fAcessoRelatorio h1 {
    margin: 0px 0px 15px 20px!important;
}
#fAcessoRelatorio fieldset {
    border: medium none;
    margin: 6px;
}
#fAcessoRelatorio fieldset label .left {
    float: left;
}
#fAcessoRelatorio fieldset label .right {
    float: right;
}
#fAcessoRelatorio fieldset label  {
    display: block;
    width: 280px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}
#fAcessoRelatorio fieldset label input {
    padding: 3px;
    width: 280px;
}
#fAcessoRelatorio fieldset label textarea {
    padding: 3px;
    width: 280px;
}
#fAcessoRelatorio fieldset label select {
    padding: 3px;
    width: 286px;
}
#fAcessoRelatorio #box-grupos {
    float: right; 
    width: 585px;
    background-color: #FFF;
}

#filtroGridDetalhe {
    width: 948px;
    margin: 5px 0;
}
#filtroGridDetalhe select {
    width: 850px;
    padding: 3px;
    font-size: 14px;
    margin: 0;
}

#help-container {
    font-size: 14px;
    margin: 20px;
    line-height: 20px;
}

/**
* Cliente
*/

.trLabel td {
    vertical-align:text-bottom!important;
    padding: 0px;
    padding-top:20px!important;
    font-size: 12px;
}

#fCliente input,#fCliente select {
    font-family: Arial, Tahoma, Verdana;
    font-size: 13px;
    text-decoration: none;
    padding:3px;
    margin: 0;
}

#fCliente .Input420 {
    width:410px;
}
#fCliente .Input120 {
    width:110px;
}
#fCliente .Input150 {
    width:150px;
}
#fCliente .Select420 {
    width:416px;
}
#fCliente .Select120 {
    width:116px;
}
#tabsCliente fieldset legend {
    color: #234764;
    font-weight: bold;
    font-size: 14px;
}
#tabsCliente fieldset {
    margin: 20px 0 0 0;
    border: solid 1px #AED0EA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#tabsCliente fieldset div {
    color: #234764;
    margin: 10px;
    font-size: 14px;
    line-height: 20px;
}

#windowGateway .source {
    clear: both;
    border: solid 1px #CCC;
    padding: 20px;
    margin: 0 20px;
    background-color: #EEE
}
#windowGateway .preview {
    clear: both;
    border: solid 1px #CCC;
    padding: 20px;
    margin: 0 20px;
    background-color: #EEE
}
#windowGateway h2 {
    margin: 10px 0 0 20px;
    font-size: 14px;
}
#windowGateway h3 {
    margin: 10px 20px 0 20px;
    font-size: 11px;
    text-align: left;
    font-weight: normal;
    color: #666;
}
#windowGateway .obs {
    clear: both;
    padding: 0;
    margin: 0 20px;
}
pre {
    background-color: #CCC;
    padding: 40px 60px;
    text-align: left;
    border: solid 1px #AED0EA;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 500px;
}
.download_api {
    text-decoration: underline;
}

#WindowConfiguraAPS {
    font-size: 14px;
    line-height: 20px;
    padding: 40px;
}