/* 
    Document   : cadastre-se
    Created on : 21/12/2011, 15:55:32
    Author     : svianet
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#divEscolha{
    text-align: center;
}
#divEscolha p {
    margin-top: 10px;
    margin-bottom: 20px;
}
#divPreTela{
    float: left;
    width: 100%;
    height: auto;       
    margin: 5px 0 0 0;
    text-align: center;
}

.btCadastroApp{
    width: 228px;        
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #fff;
    padding: 8px 0 0 0;
    cursor: pointer;
    text-align: center;


}

.btCadastroApp:hover{
    border: 1px solid #ddd;        
}

.spanBgCadastroApp{
    background: url("/images/portal/btCadastroApp.png") no-repeat left top;
    display: inline-block;
    width: 131px;
    height: 130px;  
}

#spanBgCadastroAppProfissional{
    background-position: 0 0;
}

#spanBgCadastroAppInstituicao{
    background-position: -145px 0;
}

#spanBgCadastroAppPaciente{
    background-position: -290px 0;
}




/* cadstre-se view */


#tabCadastreSe {
    border: none;
    border-radius: 0;
    background: #fff !important;
}

#tabCadastreSe ul{
    padding: 0;
}

#tabCadastreSe ul li a{
    padding: 0;
    margin: 0 20px 0 0;
}

/* Específico para o auto-complete deste formulario - Cidades */
#txtCidade {
    /*width: 100%;*/
    background: none;
}

.ui-tabs .ui-tabs-nav{
    margin: 0 0 0 20px !important;
}

#tab-1, #tab-2, #tab-5 {
    background: none;
    margin: 20px 0 0 20px;
    height: auto;
    padding: 0 20px 0 20px;
}

#tabCadastreSe #tab-1{
    margin: 50px 0 0 40px !important;
}

#tab-2{
    margin: 10px 0 0 0 !important;
}

#tab-5{
    margin: 15px 0 0 0 !important;
}

#tabCadastreSeProfissional #tab-2{
    margin: 10px 0 0 40px !important;
}

#tabCadastreSeProfissional #tab-3{
    margin: 30px 0 0 5px !important;
    padding: 0 20px 0 20px;
}

/*Remoção dos espaços causados por DTs contendo inputs hidden no cadastre profissional*/
#divCadastro #formProfissional DT{
    height: 0px;
}

#spanTxtDicaProf {
    color: #333333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 10px;
}

/*#tabCadastreSeProfissional #pess_tx_nome{
    width: 84% !important;
}*/

/*#tabCadastreSeProfissional #pess_dt_nascimento{
    width: 70% !important;
}*/

/*#tabCadastreSeProfissional .itemTelefone .textoTelefone .txtTextoTelefoneNovo{
    width: 88px !important;
}*/

#tabCadastreSeProfissional .itemTelefone .tipoTelefone .txtTipoTelefoneNovo{
    width: 89px !important;
}

#tabCadastreSe #pess_in_sexo {
    width: 95% !important;
}


#cadastroNovoProfissional #pess_in_sexo {
    width: 90px;
}



/* Estilo para o formulário de cadastre-se - Herda as definições padrão de formulário */
TABLE.Formulario TD {
    vertical-align: top;
    font-family: "Segoe Ui", "Helvetica Neue", arial;
    font-size: 11px;
    color: #666;
}

TABLE.Formulario TD input{
    -moz-box-shadow: inset 0 12px 6px -15px  #000;
    -webkit-box-shadow: inset 0 6px 7px -8px  #000;

    border-radius:3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 11px;
    padding: 2px 10px;
    font-family: "Segoe Ui", "Helvetica Neue", arial;
    height: 26px;
    width: 95%;
    background: #ffffff;
    border: 1px solid #999;
    color: #000;        
}    
TABLE.Formulario TD input:-moz-placeholder {
    color: #888;
}      
TABLE.Formulario TD input::-webkit-input-placeholder {
    color: #888;
}

TABLE.Formulario TD input:hover{
    color: #000;
}

TABLE.Formulario TD input:focus{
    color: #0099ff;
}
TABLE.Formulario TD.Campo input.Radio {      
    width: 30px;
    vertical-align: middle;
}

TABLE.Formulario TD.Perfil {
    text-align: center;
    vertical-align: top;
    margin: 0 10px 0 0;
    float: left;
    width: 140px;
}
TABLE.Formulario TD.Perfil label {
    padding-left: 2px;
    padding-bottom: 4px;
    display: block;
    white-space: nowrap;
}
TABLE.Formulario TD.Perfil INPUT.Foto {
    display: inline-block;
    width: 120px;
    height: 140px;
    cursor: pointer;
}
TABLE.Formulario TD.Perfil INPUT {
    height: 20px;
    margin: -2px 0 0 0;
    text-align: center;
    width: 85%;       
}
TABLE.Formulario TD.Perfil #divFoto {
    cursor: pointer;
}
TABLE.Formulario TD.Campo { 
    margin: 0 10px 0 0;
    width: 200px;
}

TABLE.Formulario TD.Campo select {
    height: 26px;
    padding: 3px 3px 2px 10px;
    font-size: 11px;
    color: #333;
    cursor: pointer;

    width: auto;

    -webkit-appearance: none;

    -webkit-box-shadow: inset 0 0px 6px #fff;
    box-shadow: inset 0 0px 6px -6px #fff;

    border-radius:3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #999;
    font-family: "Segoe Ui", "Helvetica Neue", arial;        
    margin-bottom: 10px;

    background: #ffffff; /* Old browsers */
    background: url("/images/agenda/setaDownBt.png") no-repeat 98% center, -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); /* FF3.6+ */
    background: url("/images/agenda/setaDownBt.png") no-repeat 98% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: url("/images/agenda/setaDownBt.png") no-repeat 98% center, -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: url("/images/agenda/setaDownBt.png") no-repeat 98% center, -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
    background: url("/images/agenda/setaDownBt.png") no-repeat 98% center, -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* IE10+ */
    background: url("/images/agenda/setaDownBt.png") no-repeat 98% center, linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
    -webkit-appearance: initial;


}


TABLE.Formulario TD.Campo select option {
    font-family: "Segoe Ui", "Helvetica Neue", arial;
    color: #333;
    padding: 3px 0 3px 10px;
}

TABLE.Formulario TD.Campo input {      
    margin-bottom: 10px;        
}

TABLE.Formulario TD.Campo label {
    padding-left: 2px;
    padding-bottom: 2px;
    display: block;
    white-space: nowrap;
}


/* cadastro profissional*/

#tabCadastreSeProfissional ul{
    margin: 0 !important;
}

.EscolhaCadastro{

    padding: 30px 0 0 160px; 
}

.EscolhaCadastro a, #linkVoltarNovoProf, #linkVoltarNovoGestor, #linkVoltarGestorCadastrado {
    display: block;
    width: 200px;
    padding: 10px;
    border: 1px solid #999;    

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%) !important; /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#cccccc 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ) !important; /* IE6-8 */

    margin-bottom: 10px;
    color: #333;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;

    -moz-transition: all 0.3s ease 0s;
}

.EscolhaCadastro a:hover, #linkVoltarNovoProf:hover, #linkVoltarNovoGestor:hover, #linkVoltarGestorCadastrado:hover {
    background: #ccc !important;
    color: #000;
    text-shadow: none;

    -moz-transition: all 0.3s ease 0s;
}

.MensagemCadProf a, #linkVoltarNovoProf a, #linkProfCadastrado a {
    text-decoration: none;
}
.MensagemCadProf a:hover, #linkVoltarNovoProf a:hover, #linkProfCadastrado a:hover {
    /*background: #ccc;*/
    color: #004182;    
    text-decoration: underline;
}

TABLE.Formulario TD.Fit {
    padding:0; 
    width: 100px;
    padding-right: 8px;
}

#tdCategConselho {
    float: left !important;
    margin: 0 0 0 10px;
}

#tabCadastreSeProfissional ul li, #tabCadastreSeInstituicao ul li{
    background: none !important;
    font-size: 12px !important;
    border: none !important;
}

#cadastroGestorCadastrado{
    padding: 30px 0 0 70px;
}

#linkVoltarNovoGestor{
    float: right !important;    
    margin: -70px 80px 0 0 !important;
}

#linkVoltarGestorCadastrado {
    float: right !important;
    margin: -42px 69px 0 0 !important;
    width: 150px;
}



#cadastroNovoGestor{
    padding: 30px 0 0 64px;    
}

#inst_tx_nome{
    width: 90% !important;
}


#cadastroNovoGestor .Formulario .Perfil{
    margin-top: 17px !important; 
}

#cadastroNovoGestor .Formulario .Perfil input{
    margin-top: 11px !important; 
}

#cadastroNovoProfissional .Fit {
    width: 100px !important;
    padding: 0 !important;
}

#cadastroNovoGestor #pess_dt_nascimento, #cadastroNovoGestor #pess_tx_nome{
    width: 180px !important;

}

#cadastroNovoGestor #pess_in_sexo{
    width: 90px;
}


#tdCadastroProfissionalEstado select, #tdCadastroProfissionalEstado label{
    margin: 0 0 0 10px;
    padding: 0 15px 0 10px;
}

#tabCadastreSeProfissional #arat_id{
    width: 100% !important;
}

.tdCadastroProfissionalCampos input{
    width: 86% !important;
}

#tab-3 .Campo input{
    margin: 0 5px 15px 0;
    width: 125px;
}

#tab-3 .Campo #ende_tx_logradouro{
    width: 430px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
    float: none !important;
    text-align: center;
}

/*#btVoltar, #btAvancar{
    padding: 0 !important;
    width: 100px;
    height: 29px;
    margin: 3px 50px; 

}*/

#btVoltar p{
    float: right;
    width: auto;
    margin: 3px 9px 0 12px ;
}

#btAvancar p{
    float: left;
    width: auto;
    margin: 3px 0 0 7px;
}

#btVoltar img, #btAvancar img{
    margin: 5px 0 0 0;
}

.itemTelefone .textoTelefone .txtTextoTelefoneNovo {
    background: none;
    font-family: "Segoe Ui", "Helvetica Neue", arial;    
    width: 191px;
    padding-left: 92px;
}

#divLoadingProf {
    bottom: 58px;
    left: 484px;
    position: absolute;
    width: 50px;
}

#divLoadingInst {
    bottom: -2px;
    left: 284px;
    position: absolute;
    width: 50px;
}

#divOpcoesInstARegistrar, #divInstARegistrar{
    display: none;
}

#divMsgCriacaoConsultorio {
    margin-bottom: 10px;
    margin-top: -6px;
    width: 520px;
}