HTML {
    overflow-y: scroll;
}

HTML, BODY {
    width: 100%;
    height: 100%;
}

BODY {
    margin: 0px;
    padding: 0px;
    font-family: Tahoma,Verdana,sans-serif;
    font-size: 11px;
    min-width: 1002px;
}

.dvModalSolicitacao {
    background: #FFF;
    width: 100%;
}

    .dvModalSolicitacao .ladoEsq {
        width: 660px;
        height: 100%;
        border: #CCC solid 0px;
        float: left;
    }

    .dvModalSolicitacao .ladoDir {
        width: 300px;
        text-align: center;
        height: 100%;
        border: #CCC solid 0px;
        background: #EFEFEF;
        min-height: 500px;
        float: right;
    }

#wrap {
    min-height: 100%;
    height: auto;
    background: #FFF;
}

    #wrap > #header {
        background: url(../Images/Header/bannerLimpo.jpg) repeat-x center;
        height: 135px;
        width: 100%;
        position: relative;
        z-index: 1000;
    }

    #wrap > #main {
        display: block;
        margin: 0px auto;
        min-height: 350px;
        min-width: 1002px;
        height: 100%;
        width: 1002px;
        padding-bottom: 40px;
        position: relative;
        height: auto;
    }

#header > DIV {
    background: url(../Images/Header/banner.png) no-repeat center;
    height: 135px;
    width: 100%;
}

#header .DvAba {
    border: #C00 solid 0px;
    height: 106px;
    width: 95%;
    margin: auto;
}

    #header .DvAba UL {
        list-style: none;
        margin: 0px;
        padding: 77px 0px 0px 0px;
        height: 30px;
        float: right;
    }

        #header .DvAba UL .LiEsq {
            float: left;
            background: url(../Images/Header/LoginEsq.png) no-repeat top center;
            width: 9px;
            height: 30px;
        }

        #header .DvAba UL .LiCen {
            float: left;
            line-height: 30px;
            background: url(../Images/Header/LoginCen.png) repeat-x top center;
            height: 30px;
            padding: 0px 8px;
            font-weight: bold;
        }

            #header .DvAba UL .LiCen A {
                padding-left: 10px;
            }

        #header .DvAba UL .LiDir {
            float: left;
            background: url(../Images/Header/LoginDir.png) no-repeat top center;
            width: 9px;
            height: 30px;
        }

        #header .DvAba UL .LiDir02 {
            float: left;
            background: url(../Images/Header/LoginDir02.png) no-repeat top center;
            width: 15px;
            height: 30px;
        }
DIV.Clear, DIV.clear{ clear: both; }
#footer {
    margin: -30px auto 0px auto;
    position: relative;
    clear: both;
    color: #666;
    height: 26px;
    width: 98%;
    background: url(../Images/Footer/backCentro.png) repeat-x center;
    font-family: Tahoma,Verdana,sans-serif;
    font-size: 11px;
    line-height: 24px;
}

    #footer DIV {
        margin: 0px;
        padding: 0px;
    }

    #footer .esquerda {
        width: 10px;
        display: inline-table;
        height: 26px;
        background: #FFF url(../Images/Footer/backEsquerda.png) no-repeat center;
        float: left;
    }

    #footer .logoNw {
        float: left;
        background: url(../Images/Footer/logoNw.png)no-repeat left center;
        width: 33px;
        height: 26px;
    }

    #footer .txtEsquerda {
        float: left;
    }

    #footer .txtDireita {
        float: right;
    }

    #footer .direita {
        width: 10px;
        display: inline-block;
        height: 26px;
        background: #FFF url(../Images/Footer/backDireita.png) no-repeat center;
        float: right;
    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

#dvPagina {
    border: #C00 solid 0px;
    width: auto;
    height: 100%;
    padding: 35px 0px 0px 0px;
    display: block;
}

#dvMenu {
    border: #C00 solid 0px;
    width: 167px;
    position: absolute;
    display: block;
    float: left;
}

.dvContainer {
    width: 98%;
    margin: auto;
    border: #C00 solid 0px;
}

.FormPagina {
    min-height: 100%;
    height: 100%;
    background: #FFF;
}

.PanelFormulario.DvPergunta {
    display: block;
    margin-bottom: 10px;
}

.DvPergunta SPAN {
    display: block;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
}

    .DvPergunta SPAN.Hover {
        color: #019F00;
    }

.DvPergunta .Borda, .DvPergunta .Borda[type=text], .DvPergunta .Borda[type=password] {
    border: #C00 solid 1px;
}

#divImput {
    margin: 0 auto;
    width: 550px;
}

#divDados {
    margin: 0 auto;
    width: 550px;
}

.divClear {
    clear: both;
    border-bottom: 1px dashed #ccc;
    width: 100%;
    height: 3px;
}

/**** ULCAIXA *****************************************************************************************************************************************/
.UlCaixa {
    padding: 0px;
    margin: 0px auto;
    list-style: none;
}

    .UlCaixa .TopLeft {
        width: 8px;
        height: 30px;
        float: left;
        background: #FFF url(../images/Header/LoginEsq.png) no-repeat top left;
    }

    .UlCaixa .TopRight {
        width: 8px;
        height: 30px;
        float: right;
        background: #FFF url(../images/Header/LoginDir.png) no-repeat top right;
    }

    .UlCaixa .TopCenter {
        height: 30px;
        background: url(../images/Header/LoginCen.png) repeat-x top center;
        text-align: left;
        color: #2A8101;
        font-size: 13px;
        font-weight: bold;
        line-height: 30px;
        text-transform: uppercase;
    }

    .UlCaixa .BottomContent {
        display: block;
        border-top: #CCC solid 1px;
        border-right: #CCC dotted 1px;
        border-bottom: #CCC dotted 1px;
        border-left: #CCC dotted 1px;
        padding: 7px;
    }

/**** GRID01 ******************************************************************************************************************************************/
.TopGrid01 {
    font-weight: bold;
    color: #069;
    font-size: 10px;
    padding: 5px;
    display: block;
    border: 1px solid #AAA;
    height: 22px;
    clear: both;
    content: '.';
    border-radius: 4px 4px 0px 0px;
    background: url(jquery-ui/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll center #CCC;
}

    .TopGrid01 .DvDrop {
        width: 768px;
        float: left;
        height: 22px;
    }

    .TopGrid01 .DvBusca {
        float: right;
        background: #FAFAFA;
        padding: 0px 3px;
        border: #DDD solid 1px;
        border-radius: 5px;
        width: 180px;
        height: 20px;
        line-height: 20px;
    }

        .TopGrid01 .DvBusca INPUT[type=text] {
            color: #666;
            font-size: 9px;
            font-style: italic;
            padding: 0px 4px;
            float: left;
            border: 0px;
            width: 150px;
            height: 20px;
        }


.Grid01 {
    border: #D3D3D3 solid 1px;
    margin: auto;
    border-radius: 5px;
}

    .Grid01 A {
        text-decoration: none;
        color: #008000;
        line-height: 18px;
    }

        .Grid01 A:HOVER {
            text-decoration: underline;
        }

    .Grid01 TH {
        background: url(../images/Header/LoginCen.png) repeat-x center;
        cursor: pointer;
        padding: 3px 0px;
        border: 1px solid #D3D3D3;
        font-weight: normal;
        color: #069;
        height: 25px;
    }

    .Grid01 TR.gradeA {
        background: #F5F5F5;
        border-bottom: #D3D3D3 solid 1px;
    }

    .Grid01 TR.gradeB {
        background: #E8E8E8;
        border-bottom: #D3D3D3 solid 1px;
    }

        .Grid01 TR.gradeA TD, .Grid01 TR.gradeB TD {
            border: #D3D3D3 solid 1px;
            text-align: center;
            overflow: hidden;
            height: 25px;
            padding: 0px;
        }

    .Grid01 TR.hover {
        background: #E9E9E9;
        cursor: pointer;
    }

    .Grid01 TD .DvEsconde {
        height: 25px;
        line-height: 25px;
        overflow: hidden;
    }

    .Grid01 TD .ToolTip SPAN {
        height: 25px;
        overflow: hidden;
    }

    .Grid01 INPUT[type=text], .Grid01 INPUT[type=password], .Grid01 SELECT {
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
    }

    .Grid01 .Empty {
        border: 0px;
        color: #C00;
        line-height: 30px;
    }

    .Grid01 TR.Paginacao {
        background: url(jquery-ui/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x center;
        border-top: #CCC solid 1px;
        color: #008000;
        height: 20px;
    }

        .Grid01 TR.Paginacao A {
            padding: 0px;
            color: #555;
            text-decoration: none;
        }

        .Grid01 TR.Paginacao TD {
            height: 25px;
            border: #D3D3D3 solid 1px;
        }

        .Grid01 TR.Paginacao TABLE {
            border-collapse: collapse;
            float: right;
            height: 20px;
            margin: 1px 10px 1px 0;
            padding: 0px;
        }

            .Grid01 TR.Paginacao TABLE TD {
                background: #E6E6E6;
                border: #CCC solid 1px;
                text-align: center;
                height: 16px;
                line-height: 16px;
                margin: 0px;
                font-weight: normal;
                min-width: 15px;
            }

                .Grid01 TR.Paginacao TABLE TD SPAN {
                    color: #AAA;
                    cursor: not-allowed;
                    font-weight: normal;
                    padding: 0px;
                }

/**** GRID02 ******************************************************************************************************************************************/
.Grid02 {
    border: #D3D3D3 solid 1px;
    margin: auto;
    border-radius: 5px;
}

    .Grid02 A {
        text-decoration: none;
        color: #008000;
        line-height: 18px;
    }

        .Grid02 A:HOVER {
            text-decoration: underline;
        }

    .Grid02 TH {
        background: url(../images/Header/LoginCen.png) repeat-x center;
        min-width: 40px;
        cursor: pointer;
        padding: 3px 0px;
        border: 1px solid #D3D3D3;
        font-weight: normal;
        color: #008000;
        height: 25px;
    }

    .Grid02 TR.gradeA {
        background: #F5F5F5;
        border-bottom: #D3D3D3 solid 1px;
    }

    .Grid02 TR.gradeB {
        background: #EEFFEE;
        border-bottom: #D3D3D3 solid 1px;
    }

    .Grid02 TR.gradeVazia {
        background: #DDFFDD;
        border-bottom: #D3D3D3 solid 1px;
    }

    .Grid02 TR.gradeA TD, .Grid02 TR.gradeB TD {
        border: #D3D3D3 solid 1px;
        font-size: 10px;
        text-align: center;
        overflow: hidden;
        height: 20px;
        padding: 0px;
        color: #333;
    }

    .Grid02 TR.gradeVazia TD {
        border: #D3D3D3 solid 1px;
        font-size: 10px;
        text-align: center;
        overflow: hidden;
        font-style: italic;
        height: 25px;
        padding: 0px;
        color: #C00;
    }

    .Grid02 TR.hover {
        background: #E9E9E9;
        cursor: pointer;
    }

    .Grid02 TD .DvEsconde {
        height: 25px;
        line-height: 25px;
        overflow: hidden;
    }

    .Grid02 TD .ToolTip SPAN {
        height: 25px;
        overflow: hidden;
    }

    .Grid02 INPUT[type=text], .Grid01 INPUT[type=password], .Grid01 SELECT {
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
    }

    .Grid02 .Empty {
        border: 0px;
        color: #C00;
        line-height: 30px;
    }

    .Grid02 TR.Paginacao {
        background: url(../images/Header/LoginCen.png) repeat-x center;
        border-top: #CCC solid 1px;
        color: #008000;
        height: 16px;
    }

        .Grid02 TR.Paginacao A {
            padding: 0px;
            color: #555;
            text-decoration: none;
        }

        .Grid02 TR.Paginacao TD {
            height: 22px;
            border: #D3D3D3 solid 1px;
            padding: 1px;
        }

        .Grid02 TR.Paginacao TABLE {
            border-collapse: collapse;
            float: right;
            height: 15px;
            margin: 0px 10px 0px 0;
            padding: 0px;
        }

            .Grid02 TR.Paginacao TABLE TD {
                background: #E6E6E6;
                border: #CCC solid 1px;
                text-align: center;
                padding: 1px;
                height: 12px;
                line-height: 12px;
                margin: 0px;
                font-weight: normal;
                min-width: 15px;
            }

                .Grid02 TR.Paginacao TABLE TD SPAN {
                    color: #AAA;
                    cursor: not-allowed;
                    font-weight: normal;
                    padding: 0px;
                }

.TopGrid {
    clear: both;
    display: block;
    height: 20px;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #AAA;
    background: url(jquery-ui/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x center #CCC;
    color: #222;
    font-weight: bold;
    padding: 5px;
}

    .TopGrid DIV {
        background: #FAFAFA;
        padding: 1px 3px;
        border: #DDD solid 1px;
        border-radius: 5px;
        width: 180px;
        height: 18px;
        line-height: 20px;
    }

/**** ULHISTORICO *************************************************************************************************************************************/
.UlHistorico {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .UlHistorico LI {
        display: block;
    }

    .UlHistorico .title01 {
        width: 100%;
        padding: 4px 0px;
        display: block;
        background: #EFEFEF;
        text-decoration: none;
        color: #222;
        font-weight: bold;
        border-bottom: #FFF solid 1px;
    }

    .UlHistorico .title02 {
        width: 100%;
        padding: 4px 0px;
        display: block;
        text-decoration: none;
        color: #222;
        font-weight: bold;
        border-bottom: #FFF solid 0px;
    }

        .UlHistorico .title01 DIV.Fechada, .UlHistorico .title02 DIV.Fechada {
            background: url(../Images/Icones/iconListFechada.png) no-repeat center left;
            padding: 0px 15px;
        }

        .UlHistorico .title01 DIV.Aberta, .UlHistorico .title02 DIV.Aberta {
            background: url(../Images/Icones/iconListAberta.png) no-repeat center left;
            padding: 0px 15px;
        }

    .UlHistorico .UlOcorrencia {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    .UlHistorico .UlAcao {
        border: #CCC solid 1px;
        padding: 0px;
        margin: 7px 0px;
        list-style: none;
    }

        .UlHistorico .UlAcao .title {
            background: url('../images/Header/LoginCen.png') repeat-x scroll center center transparent;
            border-top: 0px solid #CCC;
            color: #008000;
            font-weight: bold;
            text-transform: uppercase;
            text-align: left;
            margin: 0px;
            height: 22px;
            line-height: 22px;
        }

        .UlHistorico .UlAcao .Li01 {
            margin: 0px 3px;
            border-bottom: #CCC dashed 1px;
            padding: 3px 0px;
            text-align: justify;
        }

            .UlHistorico .UlAcao .Li01:last-child {
                border: 0px;
            }

        .UlHistorico .UlAcao .Li02 {
            height: 22px;
            line-height: 22px;
            margin: 0px 3px;
        }

        .UlHistorico .UlAcao .Li03 {
            display: block;
            margin-top: 7px;
            padding: 5px;
        }
/*.UlHistorico .UlAcao LI DIV { float: left; }*/


/**** MENUPRINCIPAL ***********************************************************************************************************************************/
/*.Menu { z-index: 10000; border: #C00 solid 0px; height: 28px; line-height: 28px; margin-top: -1px; font-weight: bold; font-family: Tahoma, Verdana, Sans-Serif; font-size: 11px; }
.LkStatic { padding: 0px 7px; color: #333; }
.LkStatic.selected { padding: 0px 7px; color: #018F00; }
.LkStatic.highlighted { color: #018F00; }
.MnnDynamic { background-color: #E6E6E6; }
.LkDynamic{ padding: 0px 7px; color: #333; }
.LkDynamic.selected { color: #018F00; background: #E1E1E1; }
.LkDynamic.highlighted { color: #018F00; background: #E1E1E1; }*/
.Menu {
    z-index: 10000;
    border: #C00 solid 0px;
    height: 28px;
    line-height: 28px;
    margin-top: -1px; /*font-weight: bold;*/
    font-family: Tahoma, Verdana, Sans-Serif;
    font-size: 11px;
}

.LkStatic {
    padding: 0px 7px;
    color: #333;
    outline: 0px;
}

    .LkStatic.selected {
        padding: 0px 7px;
        color: #018F00;
    }

    .LkStatic.highlighted {
        color: #018F00;
    }

.MnnDynamic {
    background-color: #F1EFEF;
    border-radius: 0px 0px 10px 10px;
    border-color: #DDD;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}

.LkDynamic {
    padding: 0px 7px;
    color: #333;
}

    .LkDynamic.selected {
        color: #C00;
    }

    .LkDynamic.highlighted {
        color: #018F00;
    }

.fRight {
    float: right;
}

.fLeft {
    float: left;
}

/**** MENUPRINCIPAL ***********************************************************************************************************************************/
DIV.boxVaga {
    width: 980px;
    margin: auto;
}

    DIV.boxVaga UL.vaga {
        width: 980px;
        list-style: none;
        margin: 0px 0px 35px 0px;
        padding: 0px;
        border: #C00 solid 0px;
    }

        DIV.boxVaga UL.vaga LI {
            margin: 1px;
            padding: 0px 3px;
        }

            DIV.boxVaga UL.vaga LI.header {
                background: #4CA644;
                height: 20px;
                line-height: 18px;
                float: left;
                color: #FFF;
                font-weight: bold;
            }

            DIV.boxVaga UL.vaga LI.dadosHeader {
                height: 20px;
                line-height: 18px;
                float: left;
                font-weight: bold;
            }

            DIV.boxVaga UL.vaga LI.campoData {
                width: 90px;
            }

            DIV.boxVaga UL.vaga LI.campoTitulo {
                width: 398px;
            }

            DIV.boxVaga UL.vaga LI.campoLocal {
                width: 230px;
            }

            DIV.boxVaga UL.vaga LI.campoSalario {
                width: 230px;
            }

            DIV.boxVaga UL.vaga LI.dadosVaga {
                padding: 5px 0px;
                text-align: justify;
                margin: 10px 5px;
                border-bottom: 1px solid #666;
            }

                DIV.boxVaga UL.vaga LI.dadosVaga DIV.esquerda {
                    float: left;
                    width: 48%;
                    padding-bottom: 20px;
                }

                DIV.boxVaga UL.vaga LI.dadosVaga DIV.direita {
                    float: right;
                    width: 48%;
                    padding-bottom: 20px;
                }

                DIV.boxVaga UL.vaga LI.dadosVaga UL, DIV.boxVaga UL.vaga LI.dadosVaga OL {
                    list-style: disc;
                    margin: 0px 0px 0px 12px;
                    padding: 0px;
                }

            DIV.boxVaga UL.vaga LI.botao {
                padding: 0px 0px 10px 0px;
                text-align: center;
            }

            DIV.boxVaga UL.vaga LI.ancora {
                display: none;
            }

            DIV.boxVaga UL.vaga LI.clear {
                clear: both;
            }

    DIV.boxVaga TABLE.vaga {
        width: 980px;
        list-style: none;
        margin: 0px 0px 35px 0px;
        padding: 0px;
        border: #C00 solid 0px;
    }

        DIV.boxVaga TABLE.vaga TD {
            margin: 1px;
            padding: 0px 3px;
        }

            DIV.boxVaga TABLE.vaga TD.header {
                background: #4CA644;
                height: 20px;
                line-height: 18px;
                float: left;
                color: #FFF;
                font-weight: bold;
            }

/**** MSGALERTA ***************************************************************************************************************************************/
.MsgAlerta {
    background: #FCEEC9;
    border: 1px solid #FFC73A;
    color: #A67911;
    margin: 5px 0 30px;
    padding: 7px;
    display: block;
}

    .MsgAlerta H1 {
        border-bottom: #A67911 solid 1px;
    }


/**** ULMODAL *****************************************************************************************************************************************/
.UlModal {
    padding: 0px;
    list-style: none;
    border: #C00 solid 0px;
    top: 50%;
    left: 50%;
    position: fixed;
    z-index: 200;
}

    .UlModal .TopLeft {
        width: 29px;
        height: 45px; /*margin-top: -45px;*/
        float: left;
        background: #F00;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgTopLeft.png) no-repeat left center;
    }

    .UlModal .TopRight {
        width: 29px;
        height: 45px; /*margin-top: -45px;*/
        float: right;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgTopRight.png) no-repeat left center;
    }

    .UlModal .TopCenter {
        height: 45px; /*margin-top: -45px;*/
        float: left;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgTopCenter.png) repeat-x center;
    }

        .UlModal .TopCenter .btnNormalizar {
            border: 1px;
            cursor: pointer;
            margin-top: 8px;
            height: 20px;
            width: 29px;
            float: right;
            background: url(../Images/Modal/Normalizebutton_29x20.png) no-repeat center;
        }

        .UlModal .TopCenter .btnMaximizar {
            border: 1px;
            cursor: pointer;
            margin-top: 8px;
            height: 20px;
            width: 29px;
            float: right;
            background: url(../Images/Modal/Maximizebutton_29x20.png) no-repeat center;
        }

        .UlModal .TopCenter .btnFechar {
            border: 1px;
            cursor: pointer;
            margin-top: 8px;
            height: 20px;
            width: 29px;
            float: right;
            background: url(../Images/Modal/Closebutton_29x20.png) no-repeat center;
        }

    .UlModal .CenterLeft {
        width: 29px;
        height: 100%;
        float: left;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgCenterLeft.png) repeat-y left center;
    }

    .UlModal .CenterRight {
        width: 29px;
        height: 100%;
        float: right;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgCenterRight.png) repeat-y left center;
    }

    .UlModal .CenterContent {
        height: 100%;
        background: #FFF;
        float: left;
        border-bottom: 0px solid #0FF;
    }

    .UlModal .BottomLeft {
        width: 29px;
        height: 29px;
        float: left;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgBottomLeft.png) no-repeat left center;
    }

    .UlModal .BottomRight {
        width: 29px;
        height: 29px;
        float: right;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgBottomRight.png) no-repeat left center;
    }

    .UlModal .BottomCenter {
        height: 29px;
        float: left;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgBottomCenter.png) repeat-x left center;
    }

/**** DIVMODAL ****************************************************************************************************************************************/
.PnnDivModal {
    z-index: 9999;
    left: 0px;
    top: 0px;
    position: absolute;
}

.UPnnDivModal {
    z-index: 9999;
    left: 0px;
    top: 0px;
}

.DivModalBackground {
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9999;
}

.DivModal {
    margin: -187px 0px 0px -200px;
    width: 400px;
    height: 300px;
    padding: 0px;
    list-style: none;
    border: #C00 solid 0px;
    top: 50;
    left: 50%;
    position: fixed;
    z-index: 10000;
    border: #C00 solid 1px;
    min-width: 150px;
    min-height: 100px;
    max-width: 95%;
    max-height: 95%;
}

    .DivModal > DIV {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .DivModal .TopLeft {
        clear: both;
        margin-top: -45px;
        margin-left: -29px;
        width: 29px;
        height: 45px;
        float: left;
        background: #F00;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgTopLeft.png) no-repeat left center;
    }

    .DivModal .TopCenter {
        margin-top: -45px;
        width: 100%; /*cursor: move;*/
        height: 45px;
        float: left;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgTopCenter.png) repeat-x center;
    }

        .DivModal .TopCenter DIV {
            float: left;
            margin-top: 16px;
            color: #F0F0F0;
            font-weight: bold;
            text-transform: uppercase;
            width: 100%;
            height: 14px;
            padding-bottom: 5px;
            overflow: hidden;
        }

    .DivModal .TopRight {
        width: 29px;
        margin-right: -29px;
        margin-top: -45px;
        height: 45px;
        float: right;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgTopRight.png) no-repeat left center;
    }

    .DivModal .TopCenter .btnNormalizar {
        border: 1px;
        cursor: pointer;
        margin-top: -28px; /*margin-top: 8px;*/
        height: 20px;
        width: 29px;
        float: right;
        background: url(../Images/Modal/Normalizebutton_29x20.png) no-repeat center;
    }

    .DivModal .TopCenter .btnMaximizar {
        border: 1px;
        cursor: pointer;
        margin-top: -28px; /*margin-top: 8px;*/
        height: 20px;
        width: 29px;
        float: right;
        background: url(../Images/Modal/Maximizebutton_29x20.png) no-repeat center;
    }

    .DivModal .TopCenter .btnFechar {
        border: 1px;
        cursor: pointer;
        margin-top: -28px; /*margin-top: 8px;*/
        height: 20px;
        width: 29px;
        float: right;
        background: url(../Images/Modal/Closebutton_29x20.png) no-repeat center;
    }

    .DivModal .CenterLeft {
        clear: both;
        width: 29px;
        height: 100%;
        margin-left: -29px;
        float: left;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgCenterLeft.png) repeat-y left center;
    }

    .DivModal .CenterContent {
        width: 100%;
        height: 100%;
        background: #FFF;
        float: left;
        border: 0px solid #C00;
        overflow: auto;
    }

    .DivModal .CenterRight {
        width: 29px;
        margin-right: -29px;
        height: 100%;
        float: right;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgCenterRight.png) repeat-y left center;
    }

    .DivModal .BottomLeft {
        clear: both;
        width: 29px;
        margin-left: -29px;
        height: 29px;
        float: left;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgBottomLeft.png) no-repeat left center;
    }

    .DivModal .BottomRight {
        width: 29px;
        margin-right: -29px;
        height: 29px;
        float: right;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgBottomRight.png) no-repeat left center;
    }

    .DivModal .BottomCenter {
        width: 100%;
        height: 29px;
        float: left;
        border-bottom: 0px solid #0FF;
        background: url(../Images/Modal/BgBottomCenter.png) repeat-x left center;
    }

.MsgAguarde {
    top: 50%;
    min-height: 100px;
    height: 100px;
    margin: -63px 0pt 0pt -75px;
    width: 150px;
}

/**** JQUERY-UI-TIMEPICKER ****************************************************************************************************************************/
.ui-timepicker-inline {
    display: inline;
}

#ui-timepicker-div {
    padding: 0.2em;
}

.ui-timepicker-table {
    display: inline-table;
    width: 0;
}

    .ui-timepicker-table table {
        margin: 0px;
        border-collapse: collapse;
    }

.ui-timepicker-hours, .ui-timepicker-minutes {
    padding: 0.2em 0.2em 15px 0.2em;
}

.ui-timepicker-table .ui-timepicker-title {
    line-height: 1.8em;
    text-align: center;
}

.ui-timepicker-table td {
    padding: 0.1em;
    width: 2.2em;
}

    .ui-timepicker-table TD.ui-timepicker-hours, .ui-timepicker-table TD.ui-timepicker-minutes {
        padding: 0.2em 0.2em 69px 0.2em;
    }

.ui-timepicker-table th.periods {
    padding: 0.1em;
    width: 2.2em;
}

.ui-timepicker-table td span {
    display: block;
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    text-align: right;
    text-decoration: none;
}

.ui-timepicker-table td a {
    display: block;
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align: right;
    text-decoration: none;
}

.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

    .ui-timepicker .ui-timepicker-buttonpane button {
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
    }

.ui-timepicker .ui-timepicker-close {
    float: right;
}

.ui-timepicker .ui-timepicker-now {
    float: left;
}

.ui-timepicker .ui-timepicker-deselect {
    float: left;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-timepicker-cover {
    display: none;
    display: /**/ block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

/**** INETTUTS ****************************************************************************************************************************************/
/* Reset */
body, img, h1, h2, h3, h4, h5, h6, ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

/* Colors */
.color-yellow {
    background: #f2bc00;
}

.color-red {
    background: #dd0000;
}

.color-blue {
    background: #148ea4;
}

.color-white {
    background: #dfdfdf;
}

.color-orange {
    background: #f66e00;
}

.color-green {
    background: #8dc100;
}

.display-none {
    display: none;
}

.color-yellow h3, .color-white h3, .color-green h3 {
    color: #000;
}

.color-red h3, .color-blue h3, .color-orange h3 {
    color: #FFF;
}

/* Head section */
#head {
    background: #000 url(../images/inettuts/head-bg.png) repeat-x;
    height: 100px;
}

    #head h1 {
        line-height: 100px;
        color: #FFF;
        text-align: center;
        background: url(../images/inettuts/inettuts.png) no-repeat center;
        text-indent: -9999em;
    }

/* Columns section */
#columns .column {
    float: left;
    width: 50%;
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

/* Column dividers (background-images) : */
#columns #column1 .widget {
    margin: 30px 35px 0 25px;
}

#columns #column2 .widget {
    margin: 30px 25px 0 35px;
}

#columns .widget {
    margin: 30px 20px 0 20px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    #columns .widget .widget-head {
        color: #000;
        overflow: hidden;
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

        #columns .widget .widget-head h3 {
            padding: 0 5px;
            float: left;
        }

    #columns .widget .widget-content {
        background: #333 url(../images/inettuts/widget-content-bg.png) repeat-x;
        padding: 0 5px;
        color: #DDD;
        -moz-border-radius-bottomleft: 2px;
        -moz-border-radius-bottomright: 2px;
        -webkit-border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        line-height: 1.2em;
        overflow: hidden;
    }

        #columns .widget .widget-content p {
            padding: 0.8em 0;
            border-bottom: 1px solid #666;
        }

        #columns .widget .widget-content img {
            float: right;
            margin: 10px;
            border: 1px solid #FFF;
        }

        #columns .widget .widget-content pre {
            padding: 0.5em 5px;
            color: #EEE;
            font-size: 12px;
        }

        #columns .widget .widget-content ul {
            padding: 5px 0 5px 20px;
            list-style: disc;
        }

            #columns .widget .widget-content ul li {
                padding: 3px 0;
            }

            #columns .widget .widget-content ul.images {
                padding: 7px 0 0 0;
                list-style: none;
                height: 1%;
            }

                #columns .widget .widget-content ul.images li {
                    display: inline;
                    float: left;
                }

                #columns .widget .widget-content ul.images img {
                    display: inline;
                    float: left;
                    margin: 0 0 7px 7px;
                }

/* JS-Enabled CSS */
.widget-head a.remove {
    float: right;
    display: inline;
    background: url(../images/inettuts/buttons.gif) no-repeat -24px 0;
    width: 14px;
    height: 14px;
    margin: 8px 4px 8px 0;
    text-indent: -9999em;
    outline: none;
}

.widget-head a.edit {
    float: right;
    display: inline;
    background: url(../images/inettuts/buttons.gif) no-repeat;
    width: 24px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 4px;
    outline: none;
}

.widget-head a.collapse {
    float: left;
    display: inline;
    background: url(../images/inettuts/buttons.gif) no-repeat -52px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 0 8px 4px;
    outline: none;
}

.collapsed .widget-head a.collapse {
    background-position: -38px 0;
}

.collapsed .widget-content {
    display: none !important;
}

.widget-placeholder {
    border: 2px dashed #999;
}

#column1 .widget-placeholder {
    margin: 30px 35px 0 25px;
}

#column2 .widget-placeholder {
    margin: 30px 20px 0 20px;
}

#column3 .widget-placeholder {
    margin: 30px 25px 0 35px;
}

.edit-box {
    overflow: hidden;
    background: #333 url(../images/inettuts/widget-content-bg.png) repeat-x;
    margin-bottom: 2px;
    padding: 10px 0;
}

    .edit-box li.item {
        padding: 10px 0;
        overflow: hidden;
        float: left;
        width: 100%;
        clear: both;
    }

    .edit-box label {
        float: left;
        width: 30%;
        color: #FFF;
        padding: 0 0 0 10px;
    }

    .edit-box ul.colors li {
        width: 20px;
        height: 20px;
        border: 1px solid #EEE;
        float: left;
        display: inline;
        margin: 0 5px 0 0;
        cursor: pointer;
    }


/**** INETTUTS ****************************************************************************************************************************************/
.DropGrid {
    width: 680px;
    height: 40px;
    overflow: hidden;
    margin-left: 300px;
    background: #FFF;
    float: left;
    position: absolute;
}

    .DropGrid .TxtBusca {
        margin: 2px 6px 2px 0px;
        color: #000;
        float: left;
    }

    .DropGrid .TxtDrop {
        border-right: 0px;
        padding: 2px 3px;
        float: left;
        color: #000;
    }
    .caixaRight {
    float: right;
    border-bottom: thin blue dashed;
    border-left: thin blue dashed;
    border-right: thin blue dashed;
    padding: 5px 5px;
    background-color: whitesmoke;
}
    .DropGrid .BtnAbrir {
        background: url(../Images/BtnDrop1.png) no-repeat center;
        width: 22px;
        height: 19px;
        border: 0px;
        float: left;
        cursor: pointer;
    }

    .DropGrid .LimparSelecao {
        text-decoration: none;
        display: block;
        padding: 3px 5px 3px 0px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 10px;
        color: #C00;
        height: 19px;
        position: absolute;
        right: 0px;
        line-height: 20px;
    }