body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:12px;
    background-color:#FFFFFF;
    padding-left:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;
}

#topo {
    width:600px;
    height:52px;
    font-size:16px;
    font-weight:bold;   
    position:relative;
}

div#container {
    text-align:left;
    height:530px;
    width:600px;
    margin:0 auto;
    visibility:visible;
    z-index:1;
    position:relative;
}

div#navigation {
    visibility:visible;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    left:0px;
    top:50px;
    width:250px;
    height:450px;
    position:absolute;
    float:left;
    z-index:40;
    width:140px;
    font-weight:bold;
    overflow-y:auto;
    _overflow-y:auto;
}

div#wrapper{
    float:right;
    width:448px;
    overflow-y:auto;
    _overflow-y:auto;
    position:relative;
    visibility:visible;
    z-index:1;
}

div#content {
    float:right;
    width:440px;
    background-color:#FFFFFF;
    padding-left:8px;
    padding-bottom:8px;
    padding-right:8px;
    padding-top:0px;
    height:450px;
    overflow-y:auto;
    _overflow-y:auto;
    font-size:11px;
    position:relative;
}

#modulo {
    width:100%;
    color:#666666;
    padding-top:6px;
    padding-bottom:6px;
    text-decoration:none;
}

#modulo a {
    color:#666666;
    text-decoration:none;
}

#modulo a:hover {
    color:#333333;
    text-decoration:none;
}

#modulo_activo {
    width:100%;
    border-top:#eaeaea 3px solid;
    border-bottom:#eaeaea 3px solid;
    padding-top:6px;
    padding-bottom:6px;
    text-decoration:none;
}

#modulo_activo a {
    color:#333333;
    text-decoration:none;
}

#modulo_activo a:hover {
    color:#666666;
    text-decoration:none;
}

#geral {
    background-color:#FFFFFF;
    width:705px;
    height:542px;
    padding-top:10px;
    text-align:left;
    z-index:1;
}

#componente {
    border-top:#eaeaea solid 8px;
    border-left:#eaeaea solid 8px;
    border-right:#eaeaea solid 8px;
    border-bottom:#eaeaea solid 8px;
    padding:10px;
}
    
    #inserir {
        padding:4px;
        background-color:#797979;
        text-align:right;
        font-weight:bold;
        z-index:2;
    }

#componente a {
    color:#9fde00;
    text-decoration:none;
}

#componente a:hover{
    color:#FFFFFF;
    text-decoration:none;
}


#ctree {
    border-top:#eaeaea solid 8px;
    border-left:#eaeaea solid 8px;
    border-right:#eaeaea solid 8px;
    border-bottom:#eaeaea solid 8px;
    padding:10px;
}

#ctree a{
    color:#333333;
    text-decoration:none;
}

#ctree a:hover{
    color:#769F0D;
    text-decoration:none;
}

div#error {
    width:100%;
    font-size:12px;
    margin:0;
    padding:3px;
    padding-left:35px;
    border-top:1px dashed red;
    border-bottom:1px dashed red;
    background:#FFFFFF url(../images/icon_error.png) 15px  no-repeat;
    padding-top:8px;
    padding-bottom:8px;
}

div#message {
    width:100%;
    font-size:12px;
    margin:0;
    padding:3px;
    padding-left:35px;
    border-top:1px solid #00A100;
    border-bottom:1px dashed #00A100;
    background:#FFC url(../images/icon_true.gif) 15px .2em no-repeat;
}

div .error_message {
    font-size:10px;
    color:red;
}

div#messages {
    position:relative;
    z-index:50;
    width:355px;
    left:5px;
    padding-bottom:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.component_insert {
    background-image:url(../media/images/inserir_component.gif);
    background-position:right;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    height:23px;
    width:77px;
    padding-right:16px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666666 !important;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    border:0px;
}

.component_insert:hover {
    background-image:url(../media/images/inserir_component.gif);
    background-position:right;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    height:23px;
    width:77px;
    padding-right:16px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000 !important;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    border:0px;
}

.component_voltar {
    background-image:url(../media/images/voltar_component.gif);
    background-position:left;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    height:23px;
    width:70px;
    padding-left:16px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666666 !important;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    border:0px;
}

.component_voltar:hover {
    background-image:url(../media/images/voltar_component.gif);
    background-position:left;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    height:23px;
    width:70px;
    padding-left:16px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000 !important;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    border:0px;
}