.treeview, .treeview ul { 
    padding: 0;
    margin: 0;
    list-style: none;
}

.treeview ul {
    background-color:transparent;
    margin-top: 4px;
}

.treeview .hitarea {
    background: url(./imgs/imgs_tree/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.treeview li { 
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
    background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #0066FF; cursor: pointer; }
.treeview:hover { color: #0066FF; cursor: pointer; }

.treeview li { background: url(./imgs/imgs_tree/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(./imgs/imgs_tree/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(./imgs/imgs_tree/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(./imgs/imgs_tree/treeview-red.gif); } 

.treeview-black li { background-image: url(./imgs/imgs_tree/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(./imgs/imgs_tree/treeview-black.gif); }  

.treeview-gray li { background-image: url(./imgs/imgs_tree/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(./imgs/imgs_tree/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(./imgs/imgs_tree/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(./imgs/imgs_tree/treeview-famfamfam.gif); } 

.treeview .placeholder {
    background: url(./imgs/imgs_tree/ajax-loader.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    display: block;
}
.filetree {
    clear:both;
    
}
/* -- -- */
.filetree li                            { padding: 3px 0 2px 16px;  }

.filetree span.folder, 
.filetree span.file                     { padding: 1px 0 1px 22px; display: block; font: normal 12px "Lucida Grande", Arial, Sans-serif; text-decoration:none; }

.filetree span.folder a, 
.filetree span.file a                   { text-decoration:none; outline:none;}

.filetree span.folder a:visited, 
.filetree span.file a:visited           { text-decoration:none; }

.filetree span.folder a:hover, 
.filetree span.file a:hover             { text-decoration:none; color:#0066ff;}

/* -- ORIGINAL  -- */
.filetree span.folder                   { background: url(./imgs/imgs_tree/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder     { background: url(./imgs/imgs_tree/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file                     { background: url(./imgs/imgs_tree/file.gif) 0 0 no-repeat; }

/* -- nuevos arboles de navegación -- */

    .filetree span.tree-000                 { padding: 1px 0 1px 22px; display: block; text-decoration:none;}
    .filetree span.tree-000 a               { text-decoration:none; outline:none; }
    .filetree span.tree-000 a:visited       { text-decoration:none; }
    .filetree span.tree-000 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-000                 { background: url(./imgs/imgs_tree/folder.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-000   { background: url(./imgs/imgs_tree/folder-closed.gif) 0 0 no-repeat; } 

    .filetree span.tree-001                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-001 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-001 a:visited       { text-decoration:none; }
    .filetree span.tree-001 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-001                 { background: url(./imgs/imgs_tree/filetree_001.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-001   { background: url(./imgs/imgs_tree/filetree_001-close.gif) 0 0 no-repeat; } 

    .filetree span.tree-002                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-002 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-002 a:visited       { text-decoration:none; }
    .filetree span.tree-002 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-002                 { background: url(./imgs/imgs_tree/filetree_002.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-002   { background: url(./imgs/imgs_tree/filetree_002-close.gif) 0 0 no-repeat; }

    .filetree span.tree-003                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-003 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-003 a:visited       { text-decoration:none; }
    .filetree span.tree-003 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-003                 { background: url(./imgs/imgs_tree/filetree_003.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-003   { background: url(./imgs/imgs_tree/filetree_003-close.gif) 0 0 no-repeat; }

    .filetree span.tree-004                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-004 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-004 a:visited       { text-decoration:none; }
    .filetree span.tree-004 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-004                 { background: url(./imgs/imgs_tree/filetree_004.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-004   { background: url(./imgs/imgs_tree/filetree_004-close.gif) 0 0 no-repeat; }

    .filetree span.tree-005                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-005 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-005 a:visited       { text-decoration:none; }
    .filetree span.tree-005 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-005                 { background: url(./imgs/imgs_tree/filetree_005.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-005   { background: url(./imgs/imgs_tree/filetree_005-close.gif) 0 0 no-repeat; }

    .filetree span.tree-006                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-006 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-006 a:visited       { text-decoration:none; }
    .filetree span.tree-006 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-006                 { background: url(./imgs/imgs_tree/filetree_006.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-006   { background: url(./imgs/imgs_tree/filetree_006-close.gif) 0 0 no-repeat; }

    .filetree span.tree-007                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-007 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-007 a:visited       { text-decoration:none; }
    .filetree span.tree-007 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-007                 { background: url(./imgs/imgs_tree/filetree_007.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-007   { background: url(./imgs/imgs_tree/filetree_007-close.gif) 0 0 no-repeat; }

    .filetree span.tree-008                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-008 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-008 a:visited       { text-decoration:none; }
    .filetree span.tree-008 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-008                 { background: url(./imgs/imgs_tree/filetree_008.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-008   { background: url(./imgs/imgs_tree/filetree_008-close.gif) 0 0 no-repeat; }

    .filetree span.tree-009                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-009 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-009 a:visited       { text-decoration:none; }
    .filetree span.tree-009 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-009                 { background: url(./imgs/imgs_tree/filetree_009.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-009   { background: url(./imgs/imgs_tree/filetree_009-close.gif) 0 0 no-repeat; }

    .filetree span.tree-010                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-010 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-010 a:visited       { text-decoration:none; }
    .filetree span.tree-010 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-010                 { background: url(./imgs/imgs_tree/filetree_010.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-010   { background: url(./imgs/imgs_tree/filetree_010-close.gif) 0 0 no-repeat; }

    .filetree span.tree-011                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-011 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-011 a:visited       { text-decoration:none; }
    .filetree span.tree-011 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-011                 { background: url(./imgs/imgs_tree/filetree_011.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-011   { background: url(./imgs/imgs_tree/filetree_011-close.gif) 0 0 no-repeat; }


    .filetree span.tree-012                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-012 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-012 a:visited       { text-decoration:none; }
    .filetree span.tree-012 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-012                 { background: url(./imgs/imgs_tree/filetree_012.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-012   { background: url(./imgs/imgs_tree/filetree_012-close.gif) 0 0 no-repeat; }

    .filetree span.tree-013                 { padding: 1px 0 1px 22px; display: block; text-decoration:none; }
    .filetree span.tree-013 a               { text-decoration:none;  outline:none;}
    .filetree span.tree-013 a:visited       { text-decoration:none; }
    .filetree span.tree-013 a:hover         { text-decoration:none; color:#0066ff;}
    .filetree span.tree-013                 { background: url(./imgs/imgs_tree/filetree_013.gif) 0 0 no-repeat; }
    .filetree li.expandable span.tree-013   { background: url(./imgs/imgs_tree/filetree_013-close.gif) 0 0 no-repeat; }

/*
.filetree span.folder { background: url(./imgs/folder/folder_modernist_opened_stuffed.png) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(./imgs/folder/folder_stuffed.png) 0 0 no-repeat; }
.filetree span.file { background: url(./imgs/imgs_tree/file.gif) 0 0 no-repeat; }
*/