#nav {

}

/*----------------*/
/* barra superior */
/*----------------*/
.topo {
    font-size: 10px;
}

.topo #username, .topo #login {
    font-size: 11px;
    color: white;
    padding-bottom: 2px;
}

.topo #username {
    font-weight: bold;
}

.topo #login {
}

.topo #settings {
    font-size: 10px;
    color: #e6c086;
    font-weight: bold;
}

.topo #settings a {
    color: #e6c086;
    font-weight: bold;
    text-decoration: none;
}

.topo #settings a:hover {
    text-decoration: underline;
}

.topo #return {
    font-size: 9px;
    color: #e6c086;
    font-weight: bold;
}

.topo #return a {
    color: #e6c086;
    font-weight: bold;
    text-decoration: none;
}

.topo #return a:hover {
    text-decoration: underline;
}

/*----------------*/
/* barra lado direito */
/*----------------*/

/* help */

#helpTree {
    overflow: auto;
    height: 300px;
    width: 218px;
    margin-left: 14px;
    margin-top: 8px;      
}

#helpTree .texto a.open {
    color:#fff;
    font-weight:bold;
}

#helpTree .texto a.open:hover {
    text-decoration:underline;
}

#helpTree .texto a.closed {
    color:#96c9fc;
    font-weight:bold;
    text-decoration:none;
}

#helpTree .texto a.closed:hover {
    text-decoration:underline;
}

#helpright{
    margin-left:12px;
    margin-right:22px;
}

#helpright #title {
    height:21px;
    padding-top:15px;
    color:white;
}

#helpright #body {
    margin-top:12px;
    color:#4d4d4d;
}

#helpright #body p{
    line-height:17px;
    padding-bottom:8px;
}

#helpright #body h1, #helpright a.title, #helpright a.titleOpen{
    color:#69c;
    font-size:10px;
    line-height:17px;
    margin:0;
    font-weight:normal;
    text-decoration:none;
}

#helpright a.title:hover, #helpright a.titleOpen:hover{
    text-decoration:underline;
}

#helpNavigation {
    height:15px;
    overflow:hidden;
    padding-top:19px;
    padding-left:203px;
}
/* tree */
#tree {
    overflow: auto;
    height: 300px;
    width: 218px;
    margin-left: 14px;
    margin-top: 8px;
    scrollTop: 500px;
}

p.leaf {
    font-size: 10px;
    margin: 0;
    padding-bottom: 5px;
}

.texto, .imgs {
    float: left;
}

.texto {
    margin-left: 5px;
}

.texto .expanded, .texto .expanded a {
    font-weight: bold;
    text-decoration: none;
    color: #ccc;
}

.texto .expanded a:hover {
    text-decoration: underline;
}

.texto .open, .texto .open a {
    color: white;
    text-decoration: none;
}

.texto .open a:hover {
    text-decoration: underline;
}

.texto .collapsed, .texto .collapsed a {
    text-decoration: none;
    color: #ccc;
}

.texto .collapsed a:hover {
    text-decoration: underline;
}

.texto .open .collapsed a {
    color: white;
}

.texto .locked .closed .collapsed a, .texto .locked .closed .expanded a{
    color:#b3b3b3;
}

/* áreas de new e edit */

#newFolder, #editFolder {
    display: none;
    width: 218px;
    height: 63px;
    background-image: url( "/images/extranet/slider_left.png" );
    padding-left: 14px;
    padding-right: 18px;
    padding-top: 8px;
    color: #ccc;
}

#newFolder .desc, #newFolder .path, #editFolder .desc, #editFolder .path {
    padding-bottom: 4px;
}

#newFolder .path, #editFolder .path {
    font-weight: bold;
}

#newFolder .box, #editFolder .box {
    width: 160px;
    height: 19px;
    background-color: #808080;
    border: 1px solid #ccc;
    color: #ccc;
    padding-left: 2px;
}

/*------------------------------------*/
/* lado direito */
/*------------------------------------*/

/* topo */

#topoDocument {
    margin-left: 9px;
    margin-right: 18px;
    padding-top: 7px;
    height: 29px;
}

#searchDiv {
    width: 586px;
}

#boxDiv {
    background-image: url( "/images/extranet/search_box.png" );
    float: left;
    width: 132px;
    height: 19px;
    padding-left: 10px;
    padding-top: 2px;
    margin-right: 11px;
}

#boxDiv #name2 {
    width: 120px;
    height: 10px;
    border: 1px solid #ececec;
    background-color: #ececec;
    color: #999;
}

/* div new document */

#newDocumentForm {
    background-color: #aaa;
    width: 640px;
    padding-left: 12px;
    padding-top: 8px;
    color: white;
    display: none;
}

#newDocumentForm table {
    padding-bottom: 5px;
}

#newDocumentForm td {
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding-right: 14px;
}

#newDocumentForm #descricao, #newDocumentForm #ficheiro {
    background-color: #aaa;
    border: 1px solid #ccc;
    color: #666;
    padding-left: 2px;
}

#newDocumentForm #descricao {
    width: 286px;
}

#newDocumentForm #ficheiro {
/*width:10px;*/
}

/* div search options */

#advsearchdiv {
    background-color: #aaa;
    width: 640px;
    padding-left: 12px; /*padding-right:22px;*/
    padding-top: 8px;
    color: white;
    display: none;
}

#advsearchdiv td {
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding-right: 5px;
    padding-bottom: 9px;
}

#advsearchdiv .lbl {
    text-align: right;
    font-weight: bold;
    width: 20px;
}

#advsearchdiv .caixaform, #advsearchdiv .CAIXAFORM {
    background-color: #aaa;
    border: 1px solid #ccc;
    color: #333;
    padding-left: 2px;
}

#hide_search_options {
    display: none;
}

/* lista de documentos */

#tFiles {
    color: #333;
    width: 628px;
    margin-left: 10px;
    padding-top: 6px;
}

#tFiles td {
    border-bottom: 1px solid #999;
    padding: 4px 0; /*border:1px solid black;*/
}

#tFiles .msgActiva, #tOpenThumbnail .msgActiva {
    border-bottom: 1px solid white;
}

#tFiles td a, #tOpenThumbnail td a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

#tFiles td a:hover, #tOpenThumbnail td a:hover {
    text-decoration: underline;
}

#tFiles .orderBar, #tFiles .orderBarHover {
    text-transform: uppercase;
    font-size: 9px;
    cursor: pointer;
}

#tFiles .orderBarHover {
    text-decoration: underline;
}

/* thumbnails */

#thumbnails {
    color: #333;
    width: 628px;
    margin-left: 10px;
    margin-top: 6px;
    border-bottom:1px solid #999;
}

#thumbTitle {
    text-transform: uppercase;
    font-size: 9px;
    padding: 4px 0;
}

#tThumbnails {
    border-top:1px solid #999;
    width: 628px;
}

#tThumbnails td, #tOpenThumbnail td {
    padding: 4px 0;
}

#tOpenThumbnail {
    border-top:1px solid #999;
    width: 628px;
}


/*****************************/
/* ecran de login            */
/*****************************/

#fLogin {
    margin: 0;
    padding: 0;
}

#tLogin {
    width: 940px;
    height: 152px;
    background-image: url( /images/extranet/login.png ); /*border:0px solid black;*/
}

#tLogin td {
/*border:1px solid black;*/
}

#tLogin input {
    border: 1px solid white;
    color: white;
    background-color: #b2ccef;
    height: 16px;
    width: 253px;
    margin-top: 19px;
}

#tLogin #return {
    height: 87px;
    vertical-align: top;
}

#tLogin #first {
    width: 319px;
}

#tLogin #second {
    width: 332px;
}

#tLogin #third, #tLogin #second, #tLogin #first {
    vertical-align: top;
    /*padding-top:20px;
    height:45px;*/
    height: 65px;
}

#tLogin #return #returnA {
    margin-top: 59px;
    width: 902px;
    text-align: right;
    font-size: 9px;
    color: #e6c086;
    font-weight: bold;
}

#tLogin #return #returnA a {
    color: #e6c086;
    font-weight: bold;
    text-decoration: none;
}

#tLogin #return #returnA a:hover {
    text-decoration: underline;
}

/* logout */

#logoutBox {
    /*border: 1px solid #666666;*/
    text-align: left;
    position: absolute;
    top: 185px;
    left: 50%;
    margin-left: -168px;
    display:none;
    width:336px;
    background-image:url(/images/extranet/logout_box.png);
    z-index:1001;
    height:63px;
}

#logoutBox #tButtons {
    margin-top:22px;
    margin-left:292px;
}

#fullTransparentDIV {
    background-color:#e5e5e5;
    opacity: .7;
    DISPLAY: none;
    Z-INDEX: 1000;
    VISIBILITY: visible;
    POSITION: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    FILTER: alpha(opacity=70);
    /*-moz-opacity: .6;*/
}