/*------------------------------------------Painel ----------------------------------------------------*/
#CertPanel
{
    position: absolute;
    top: 10px;
    width: 530px;
    left: 30%;
    visibility: hidden;
    z-index: 100;
}
#CertPanel img
{
    border: 0;
}

/*--------------------------------Contorno do Painel----------------------------------------------------*/

#CertPanelRound
{
    width: 100%;
    background: #fff url(leftside.gif) repeat-y left top;
}

#CertPanel .top
{
    width: 100%;
    height: 20px;
    background: url(top.gif) no-repeat left top;
}
#CertPanel .top span
{
    display: block;
    position: relative;
    height: 20px;
    background: url(top-right.gif) no-repeat right top;
}
#CertPanel .center-content
{
    position: relative;
    background: url(rightside.gif) repeat-y right top;
    padding: 1px 10px 1px 15px;
    margin: -1px 0 -33px 0;
}
#CertPanel .bottom
{
    width: 100%;
    height: 43px;
    background: url(bottom.gif) no-repeat left bottom;
}
#CertPanel .bottom span
{
    display: block;
    position: relative;
    height: 43px;
    background: url(bottom-right.gif) no-repeat right top;
}

/*----------------------------Header do painel-------------------------------------------------------*/

#CertPanel .header
{
    border-bottom: 1px solid #DDDDDD;
    height: 70px;
}
#CertPanel .header .title
{
    float: left;
    height: 70px;
    line-height: 70px;
    color: #7A7A7A;
    font-family: Verdana;
    font-size: 20px;
    font-weight: bold;
}
#CertPanel .header .logo
{
    float: left;
    background-image: url(Logo60.gif);
    background-repeat: no-repeat;
    width: 60px;
    height: 68px;
}
/*------------------------------------------Footer do painel ----------------------------------------*/
#CertPanel .footer
{
    border-top: 1px solid #DDDDDD;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
    width: 100%;
    height: 58px;
}

/*--------------------------------------------------Botoes ------------------------------------------*/
#CertPanel .close
{
    background-image: url(bgbtcloseout.png);
    background-repeat: no-repeat;
    text-align: left;
    font-family: Verdana;
    font-size: 12px;
    color: #595959;
    height: 24px;
    line-height: 24px;
    display: block;
    border: 1px solid #8DB2E3;
    text-decoration: none;
    width: 100px;
    text-indent: 10px;
    float: right;
}
#CertPanel .close:hover
{
    background-image: url(bgbtclose.png);
    background-repeat: repeat-x;
    border: 1px solid #DDCF9B;
}
#CertPanel .ok_disable
{
    background-image: url(bgbuttondis.png);
    background-repeat: repeat-x;
    text-indent: 10px;
    text-decoration: none;
    font-family: Verdana;
    font-size: 12px;
    color: #ccc;
    cursor: default;
    margin-right: 10px;
    display: block;
    float: right;
    width: 100px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ccc;
    text-align: left;
}
#CertPanel .ok_hidden
{
    display: none;
}

#CertPanel .ok_enable
{
    background-image: url(bgbtloginout.png);
    background-repeat: no-repeat;
    text-align: left;
    text-decoration: none;
    font-family: Verdana;
    font-size: 12px;
    color: #595959;
    margin-right: 10px;
    display: block;
    float: right;
    width: 100px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #8DB2E3;
    text-indent: 10px;
}
#CertPanel .ok_enable:hover
{
    background-image: url(bgbtlogin.png);
    background-repeat: repeat-x;
    border: 1px solid #DDCF9B;
}

#CertPanel .btNext_disable
{
    background-image: url(bgbuttondis.png);
    background-repeat: repeat-x;
    text-indent: 10px;
    text-decoration: none;
    font-family: Verdana;
    font-size: 12px;
    color: #ccc;
    cursor: default;
    margin-right: 10px;
    display: block;
    float: right;
    width: 100px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ccc;
    text-align: left;
}
#CertPanel .btNext_hidden
{
    display: none;
}

#CertPanel .btNext_enable
{
    background-image: url(bgbtnextout.png);
    background-repeat: no-repeat;
    text-align: left;
    text-decoration: none;
    font-family: Verdana;
    font-size: 12px;
    color: #595959;
    margin-right: 10px;
    display: block;
    float: right;
    width: 100px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #8DB2E3;
    text-indent: 10px;
}
#CertPanel .btNext_enable:hover
{
    background-image: url(bgbtnext.png);
    background-repeat: repeat-x;
    border: 1px solid #DDCF9B;
}


#CertPanel .btBack_disable
{
    background-image: url(bgbuttondis.png);
    background-repeat: repeat-x;
    text-indent: 10px;
    text-decoration: none;
    font-family: Verdana;
    font-size: 12px;
    color: #ccc;
    cursor: default;
    margin-right: 10px;
    display: block;
    float: right;
    width: 100px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ccc;
    text-align: right;
}
#CertPanel .btBack_hidden
{
    display: none;
}

#CertPanel .btBack_enable
{
    background-image: url(bgbtbackout.png);
    background-repeat: no-repeat;
    text-align: left;
    text-decoration: none;
    font-family: Verdana;
    font-size: 12px;
    color: #595959;
    margin-right: 10px;
    display: block;
    float: right;
    width: 100px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #8DB2E3;
    text-indent: 30px;
}
#CertPanel .btBack_enable:hover
{
    background-image: url(bgbtback.png);
    background-repeat: repeat-x;
    border: 1px solid #DDCF9B;
}

/*-------------------------------------------------------------------------------------------------*/
#UIContent
{
    font-family: Verdana;
    font-size: 11px;
}

#UIContent .tableContainer
{
    /*height:200px;overflow-y: scroll;*/
}
/*------------------------------------Grid--------------------------------------------------------*/
#CertPanel .Grid
{
    width: 500px;
    margin-top: 6px;
}
#CertPanel .Grid .tdTitle1   /* Titulo da tabela de certificados coluna 1 */
{
    background-color: #DDE7EE;
    height: 26px;
    color: #00156E;   
    padding-left:2px;width:130px;
	font-size:11px;
}
#CertPanel .Grid .tdTitle2 /* Titulo da tabela de certificados coluna 2 */
{
    background-color: #DDE7EE;
    height: 26px;
    color: #00156E;
    font-size:11px;
}
#CertPanel .Grid .tdTitle3 /* Titulo da tabela de certificados coluna 3 */
{
    background-color: #DDE7EE;
    height: 26px;
    color: #00156E;
    font-size:11px;
}
#CertPanel .Grid .tdOut1
{
    border-bottom: 1px solid #e0e0e0;
    padding-left: 4px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    height: 24px;
	font-size:11px;
}
#CertPanel .Grid .tdOver
{
    padding-left: 4px;
    background-color: #C9E0FF;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    height: 24px;
	font-size:11px;
}
#CertPanel .Grid .tdClickOut
{
    padding-left: 4px;
    background-color: #FFEB87;
    cursor: pointer;
    height: 24px;
	font-size:11px;
}
#CertPanel .Grid .tdClickOver
{
    padding-left: 4px;
    background-color: #FFD800;
    cursor: pointer;
    height: 24px;
	font-size:11px;
}

/*----------------------------------PROGRESS -------------------------------------------------------*/
#CertPanel .loading
{
    background-image: url(loading.gif);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*---------------------------------------------------------------------------------------------------*/
#CertPanel .labelleft{
display:block;width:150px;float:left;margin-right:5px;
}

#CertPanel .labelOK{
background: url(ok.gif) no-repeat center top;
display:block; text-align:center;
padding-top:70px;font-size:12px;margin:auto;width:250px;
}
#CertPanel .labelError{
background: url(error.gif) no-repeat center top;
display:block; text-align:center;
padding-top:70px;font-size:12px;margin:auto;width:250px;
}